@praxisui/core 9.0.66 → 9.0.67

package/fesm2022/praxisui-core.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { Component, InjectionToken, Injectable, inject, Inject, Optional, SkipSelf, makeEnvironmentProviders, APP_INITIALIZER, signal, computed, DestroyRef, ENVIRONMENT_INITIALIZER, ErrorHandler, Input, Directive, input, booleanAttribute, ChangeDetectionStrategy, EventEmitter, Output, SecurityContext, ViewContainerRef, Injector, isSignal, effect, SimpleChange, ChangeDetectorRef, ElementRef, afterEveryRender, contentChild, HostBinding, output, afterNextRender, HostListener, ViewChildren, ViewChild } from '@angular/core';
+import { Component, InjectionToken, Injectable, inject, Inject, Optional, SkipSelf, makeEnvironmentProviders, APP_INITIALIZER, signal, computed, DestroyRef, ENVIRONMENT_INITIALIZER, ErrorHandler, Input, Directive, input, booleanAttribute, ChangeDetectionStrategy, EventEmitter, Output, SecurityContext, ViewContainerRef, Injector, isSignal, effect, SimpleChange, ChangeDetectorRef, ElementRef, afterEveryRender, contentChild, viewChild, HostBinding, output, afterNextRender, HostListener, ViewChildren, ViewChild } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpClient, HttpParams, HttpResponse, HttpContextToken, HTTP_INTERCEPTORS, withInterceptors } from '@angular/common/http';
-import { of, defer, throwError, from, EMPTY, BehaviorSubject, firstValueFrom, Subject, finalize as finalize$1, shareReplay as shareReplay$1, map as map$1, switchMap as switchMap$1, catchError as catchError$1, forkJoin } from 'rxjs';
+import { of, defer, throwError, from, EMPTY, BehaviorSubject, firstValueFrom, Subject, finalize as finalize$1, shareReplay as shareReplay$1, map as map$1, switchMap as switchMap$1, catchError as catchError$1, forkJoin, timeout } from 'rxjs';
 import { switchMap, map, take, catchError, concatMap, tap, shareReplay, takeUntil, toArray, finalize } from 'rxjs/operators';
 import * as i1$3 from '@angular/common';
-import { Location, DOCUMENT, CommonModule } from '@angular/common';
+import { Location, DOCUMENT, CommonModule, NgComponentOutlet } from '@angular/common';
 import { Router, ActivatedRoute } from '@angular/router';
 import * as i1$2 from '@angular/forms';
 import { Validators, FormGroup, FormControl, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -14,7 +14,7 @@ import * as i1$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';
-import * as i4 from '@angular/material/form-field';
+import * as i3 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i5 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
@@ -22,18 +22,22 @@ 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 i3 from '@angular/material/tooltip';
+import * as i3$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { DomSanitizer } from '@angular/platform-browser';
-import * as i4$1 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
-import * as i4$2 from '@angular/cdk/overlay';
+import * as i4 from '@angular/material/menu';
+import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
+import * as i5$2 from '@angular/cdk/a11y';
+import { A11yModule } from '@angular/cdk/a11y';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i5$1 from '@angular/material/radio';
+import { MatRadioModule } from '@angular/material/radio';
+import * as i4$1 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
-import * as i3$1 from '@angular/material/progress-spinner';
+import * as i3$2 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i3$2 from '@angular/material/button-toggle';
+import * as i3$3 from '@angular/material/button-toggle';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$4 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule, MatDialog } from '@angular/material/dialog';
 import * as i8 from '@angular/material/chips';
@@ -8818,9 +8822,11 @@ const SURFACE_NAVIGATION_I18N_CONFIG = {
         [SURFACE_NAVIGATION_I18N_NAMESPACE]: {
             'pt-BR': {
                 'session.navigationRejected': 'Não foi possível abrir esta etapa agora. Revise a etapa em andamento e tente novamente.',
+                'surface.openFailed': 'Não foi possível abrir esta superfície agora. Tente novamente ou confirme se ela continua disponível.',
             },
             'en-US': {
                 'session.navigationRejected': 'This step could not be opened right now. Review the current step and try again.',
+                'surface.openFailed': 'This surface could not be opened right now. Try again or confirm that it is still available.',
             },
         },
     },
@@ -8832,6 +8838,13 @@ function translateSurfaceNavigationRejected(i18n) {
         : 'Não foi possível abrir esta etapa agora. Revise a etapa em andamento e tente novamente.';
     return i18n.t('session.navigationRejected', undefined, fallback, SURFACE_NAVIGATION_I18N_NAMESPACE);
 }
+function translateSurfaceOpenFailed(i18n) {
+    const locale = String(i18n.getLocale?.() || 'pt-BR').toLowerCase();
+    const fallback = locale.startsWith('en')
+        ? 'This surface could not be opened right now. Try again or confirm that it is still available.'
+        : 'Não foi possível abrir esta superfície agora. Tente novamente ou confirme se ela continua disponível.';
+    return i18n.t('surface.openFailed', undefined, fallback, SURFACE_NAVIGATION_I18N_NAMESPACE);
+}
 
 /**
  * Controlled failure emitted when an active runtime surface session refuses a
@@ -8987,7 +9000,16 @@ class GlobalActionService {
                     retryable: false,
                 };
             }
-            return { success: false, error: err?.message || String(err) };
+            if (id === 'surface.open') {
+                return {
+                    success: false,
+                    error: translateSurfaceOpenFailed(this.i18n),
+                    errorCode: 'SURFACE_OPEN_FAILED',
+                    retryable: false,
+                };
+            }
+            const message = err && typeof err === 'object' && 'message' in err ? err.message : undefined;
+            return { success: false, error: typeof message === 'string' && message ? message : String(err) };
         }
     }
     async executeRef(ref, context) {
@@ -9107,7 +9129,12 @@ class GlobalActionService {
         }, () => [this.providerRequirement('GLOBAL_DIALOG_SERVICE', this.dialog, 'dialog.open')]);
         this.register('surface.open', async (payload, context) => {
             if (!this.surface)
-                return { success: false, error: 'Surface service not available' };
+                return {
+                    success: false,
+                    error: translateSurfaceOpenFailed(this.i18n),
+                    errorCode: 'SURFACE_SERVICE_UNAVAILABLE',
+                    retryable: false,
+                };
             const surfacePayload = payload;
             if (!surfacePayload?.widget?.id) {
                 return { success: false, error: 'surface.open requires widget.id' };
@@ -16051,6 +16078,178 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             args: [{ providedIn: 'any' }]
         }] });
 
+const GOVERNED_COLOR_PALETTE_OPTIONS = new InjectionToken('GOVERNED_COLOR_PALETTE_OPTIONS');
+class GovernedColorPaletteService {
+    http = inject(HttpClient);
+    options = inject(GOVERNED_COLOR_PALETTE_OPTIONS, {
+        optional: true,
+    });
+    baseUrl = (this.options?.baseUrl ?? '/api/praxis/config/color-palettes').replace(/\/$/, '');
+    cache = new Map();
+    list(familyKey) {
+        const params = familyKey
+            ? new HttpParams().set('familyKey', familyKey)
+            : undefined;
+        return this.http
+            .get(this.baseUrl, {
+            headers: this.headers(),
+            params,
+        })
+            .pipe(map$1((palettes) => palettes.map((palette) => this.assertCompleteProjection(palette))));
+    }
+    get(ref) {
+        const normalizedRef = typeof ref === 'string' ? { paletteKey: ref } : ref;
+        const requestHeaders = this.headers();
+        const cacheKey = this.cacheKey(normalizedRef, requestHeaders);
+        const cached = this.cache.get(cacheKey);
+        const params = normalizedRef.version
+            ? new HttpParams().set('version', normalizedRef.version)
+            : undefined;
+        return this.http
+            .get(`${this.baseUrl}/${encodeURIComponent(normalizedRef.paletteKey)}`, {
+            observe: 'response',
+            params,
+            headers: cached?.etag
+                ? requestHeaders.set('If-None-Match', this.formatEtag(cached.etag))
+                : requestHeaders,
+        })
+            .pipe(map$1((response) => this.acceptResponse(response, normalizedRef, cacheKey)), catchError$1((error) => error.status === 304 && cached
+            ? defer(() => of(this.acceptPalette(cached, normalizedRef, cacheKey)))
+            : throwError(() => error)));
+    }
+    preview(request) {
+        return this.http.post(`${this.baseUrl}/previews`, request, { headers: this.headers() });
+    }
+    capabilities() {
+        return this.http.get(`${this.baseUrl}/capabilities`, { headers: this.headers() });
+    }
+    invalidate(ref) {
+        if (ref === undefined) {
+            this.cache.clear();
+            return;
+        }
+        const normalizedRef = typeof ref === 'string' ? { paletteKey: ref } : ref;
+        const key = this.cacheKey(normalizedRef, this.headers());
+        this.cache.delete(key);
+    }
+    materializeColors(palette, purposes) {
+        return materializeGovernedPaletteColors(palette, purposes);
+    }
+    acceptResponse(response, ref, cacheKey) {
+        const palette = response.body;
+        if (!palette) {
+            throw new Error(`Empty governed palette response: ${ref.paletteKey}`);
+        }
+        return this.acceptPalette(palette, ref, cacheKey);
+    }
+    acceptPalette(palette, ref, cacheKey) {
+        this.assertCompleteProjection(palette);
+        if (palette.paletteKey !== ref.paletteKey) {
+            throw new Error(`Governed palette identity mismatch for ${ref.paletteKey}`);
+        }
+        if (ref.version !== undefined && palette.version !== ref.version) {
+            throw new Error(`Governed palette version mismatch for ${ref.paletteKey}: expected ${ref.version}, received ${palette.version}`);
+        }
+        if (ref.etag !== undefined &&
+            this.normalizeEtag(palette.etag) !== this.normalizeEtag(ref.etag)) {
+            throw new Error(`Governed palette ETag mismatch for ${ref.paletteKey}`);
+        }
+        this.cache.set(cacheKey, palette);
+        return palette;
+    }
+    assertCompleteProjection(palette) {
+        const variant = palette.variant;
+        const completeVariant = !!variant &&
+            typeof variant.key === 'string' &&
+            !!variant.key.trim() &&
+            typeof variant.displayName === 'string' &&
+            !!variant.displayName.trim() &&
+            this.isStringRecord(variant.dimensions);
+        const completeEntries = Array.isArray(palette.entries) &&
+            palette.entries.every((entry) => typeof entry.displayName === 'string' &&
+                !!entry.displayName.trim() &&
+                Array.isArray(entry.aliases) &&
+                entry.aliases.every((alias) => typeof alias === 'string' && !!alias.trim()));
+        if (typeof palette.familyKey !== 'string' ||
+            !palette.familyKey.trim() ||
+            !completeVariant ||
+            !completeEntries) {
+            throw new Error(`Incomplete governed palette projection: ${palette.paletteKey ?? 'unknown'}`);
+        }
+        return palette;
+    }
+    isStringRecord(value) {
+        return (typeof value === 'object' &&
+            value !== null &&
+            !Array.isArray(value) &&
+            Object.values(value).every((item) => typeof item === 'string' && !!item.trim()));
+    }
+    cacheKey(ref, headers) {
+        const tenant = headers.get('X-Tenant-ID') ?? '';
+        const environment = headers.get('X-Env') ?? '';
+        return `${tenant}\u0000${environment}\u0000${ref.paletteKey}\u0000${ref.version ?? 'latest'}`;
+    }
+    headers() {
+        const values = this.options?.headersFactory?.() ?? {};
+        let headers = new HttpHeaders();
+        for (const [key, value] of Object.entries(values)) {
+            if (typeof value === 'string' && value.trim()) {
+                headers = headers.set(key, value);
+            }
+        }
+        return headers;
+    }
+    formatEtag(etag) {
+        const normalized = this.normalizeEtag(etag);
+        return `"${normalized}"`;
+    }
+    normalizeEtag(etag) {
+        return etag.trim().replace(/^W\//, '').replace(/^"|"$/g, '');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: GovernedColorPaletteService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: GovernedColorPaletteService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: GovernedColorPaletteService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+function materializeGovernedPaletteColors(palette, purposes) {
+    return materializeGovernedPaletteEntries(palette, purposes).map((item) => item.color);
+}
+/** Preserves entry identity even when multiple tokens materialize to the same color. */
+function materializeGovernedPaletteEntries(palette, purposes) {
+    if (!palette.validation.valid ||
+        palette.entries.some((entry) => !!entry.fallback && !!entry.fallbackTokenId)) {
+        return [];
+    }
+    const requiredPurposes = new Set(purposes ?? []);
+    const byId = new Map(palette.entries.map((entry) => [entry.tokenId, entry]));
+    return palette.entries
+        .filter((entry) => requiredPurposes.size === 0 ||
+        entry.purposes.some((purpose) => requiredPurposes.has(purpose)))
+        .flatMap((entry) => {
+        const color = materializeEntry(entry, byId, new Set());
+        return color ? [{ entry, color }] : [];
+    });
+}
+function materializeEntry(entry, byId, visited) {
+    if (visited.has(entry.tokenId)) {
+        return null;
+    }
+    visited.add(entry.tokenId);
+    const fallbackEntry = entry.fallbackTokenId
+        ? byId.get(entry.fallbackTokenId)
+        : undefined;
+    const fallback = fallbackEntry
+        ? materializeEntry(fallbackEntry, byId, visited)
+        : entry.fallback;
+    if (!fallback) {
+        return entry.cssReference;
+    }
+    const tokenName = /^var\((--[A-Za-z0-9_-]+)\)$/.exec(entry.cssReference)?.[1];
+    return tokenName ? `var(${tokenName}, ${fallback})` : entry.cssReference;
+}
+
 const PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_OPTIONS = new InjectionToken('PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_OPTIONS');
 const PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_READY = new InjectionToken('PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_READY');
 function providePraxisEnterpriseRuntimeContext(options = {}) {
@@ -20851,6 +21050,17 @@ const RESOURCE_DISCOVERY_I18N_CONFIG = {
     namespaces: {
         [RESOURCE_DISCOVERY_I18N_NAMESPACE]: {
             'pt-BR': {
+                'quickConnect.resource': 'Recurso de dados',
+                'quickConnect.loading': 'Carregando recursos…',
+                'quickConnect.unavailable': 'Não foi possível carregar o catálogo. Tente novamente ou informe a rota avançada.',
+                'quickConnect.empty': 'O catálogo não publicou recursos disponíveis.',
+                'quickConnect.advanced': 'Conexão avançada por rota',
+                'quickConnect.path': 'Rota do recurso (API)',
+                'quickConnect.invalid': 'Informe uma rota válida da API.',
+                'quickConnect.retry': 'Tentar novamente',
+                'quickConnect.hint': 'Escolha um recurso publicado pela API.',
+                'quickConnect.fields': 'Carregar campos do filtro',
+                'quickConnect.fieldsError': 'Não foi possível carregar os campos. Verifique o recurso e tente novamente.',
                 'workflow.unavailable.default': 'A\u00e7\u00e3o indispon\u00edvel no contexto atual.',
                 'workflow.unavailable.withReason': 'A\u00e7\u00e3o indispon\u00edvel: {{reason}}',
                 'rowActions.menu.loading': 'Carregando a\u00e7\u00f5es contextuais',
@@ -20863,6 +21073,17 @@ const RESOURCE_DISCOVERY_I18N_CONFIG = {
                 'availability.reason.unknown': 'O contexto atual n\u00e3o permite esta a\u00e7\u00e3o.',
             },
             'en-US': {
+                'quickConnect.resource': 'Data resource',
+                'quickConnect.loading': 'Loading resources…',
+                'quickConnect.unavailable': 'The catalog could not be loaded. Retry or enter the advanced resource path.',
+                'quickConnect.empty': 'The catalog did not publish any available resources.',
+                'quickConnect.advanced': 'Advanced connection by path',
+                'quickConnect.path': 'Resource path (API)',
+                'quickConnect.invalid': 'Enter a valid API resource path.',
+                'quickConnect.retry': 'Retry',
+                'quickConnect.hint': 'Choose a resource published by the API.',
+                'quickConnect.fields': 'Load filter fields',
+                'quickConnect.fieldsError': 'Fields could not be loaded. Check the resource and retry.',
                 'workflow.unavailable.default': 'Action is unavailable in the current context.',
                 'workflow.unavailable.withReason': 'Action unavailable: {{reason}}',
                 'rowActions.menu.loading': 'Loading contextual actions',
@@ -27541,7 +27762,7 @@ class SurfaceOpenActionEditorComponent {
         </mat-form-field>
       </div>
     </div>
-  `, isInline: true, styles: [".surface-editor{display:grid;gap:14px;min-width:0}.surface-section{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low)}.surface-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0}.surface-section-title{font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);margin-bottom:0}.surface-section-header .surface-section-title{margin-bottom:0}.surface-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px 16px;min-width:0}.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%;min-width:0}.surface-component-meta{display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:var(--md-sys-color-surface-container)}.surface-component-title{font-weight:600;color:var(--md-sys-color-on-surface)}.surface-component-description,.surface-empty{color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:1.45}.surface-bindings{display:grid;gap:10px;min-width:0}.surface-binding-row{display:grid;grid-template-columns:minmax(min(220px,100%),1.15fr) minmax(min(240px,100%),1.25fr) minmax(128px,.55fr) auto;gap:10px;align-items:start;min-width:0;padding:10px;border-radius:8px;background:var(--md-sys-color-surface-container)}.surface-binding-row mat-form-field:nth-child(4){grid-column:1 / -2}.surface-binding-remove{color:var(--md-sys-color-error)}.surface-guidance{display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 18%,transparent);color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:1.45}.surface-guidance__item{overflow-wrap:anywhere}.surface-guidance__item--primary{color:var(--md-sys-color-on-surface)}mat-form-field{width:100%;min-width:0}@media(max-width:960px){.surface-section{padding:12px}.surface-span-2{grid-column:1 / -1}.surface-binding-row{grid-template-columns:minmax(0,1fr)}.surface-binding-row mat-form-field:nth-child(4){grid-column:auto}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$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: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }] });
+  `, isInline: true, styles: [".surface-editor{display:grid;gap:14px;min-width:0}.surface-section{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low)}.surface-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0}.surface-section-title{font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);margin-bottom:0}.surface-section-header .surface-section-title{margin-bottom:0}.surface-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px 16px;min-width:0}.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%;min-width:0}.surface-component-meta{display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:var(--md-sys-color-surface-container)}.surface-component-title{font-weight:600;color:var(--md-sys-color-on-surface)}.surface-component-description,.surface-empty{color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:1.45}.surface-bindings{display:grid;gap:10px;min-width:0}.surface-binding-row{display:grid;grid-template-columns:minmax(min(220px,100%),1.15fr) minmax(min(240px,100%),1.25fr) minmax(128px,.55fr) auto;gap:10px;align-items:start;min-width:0;padding:10px;border-radius:8px;background:var(--md-sys-color-surface-container)}.surface-binding-row mat-form-field:nth-child(4){grid-column:1 / -2}.surface-binding-remove{color:var(--md-sys-color-error)}.surface-guidance{display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 18%,transparent);color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:1.45}.surface-guidance__item{overflow-wrap:anywhere}.surface-guidance__item--primary{color:var(--md-sys-color-on-surface)}mat-form-field{width:100%;min-width:0}@media(max-width:960px){.surface-section{padding:12px}.surface-span-2{grid-column:1 / -1}.surface-binding-row{grid-template-columns:minmax(0,1fr)}.surface-binding-row mat-form-field:nth-child(4){grid-column:auto}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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: "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: i1$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: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SurfaceOpenActionEditorComponent, decorators: [{
             type: Component,
@@ -29231,7 +29452,7 @@ const ENUMS = {
     ],
     shellKind: ['dashboard-card', 'none'],
     actionVariant: ['icon', 'text', 'outlined'],
-    actionPlacement: ['header', 'window'],
+    actionPlacement: ['header', 'window', 'menu'],
 };
 const CAPS = [
     {
@@ -33351,6 +33572,70 @@ const BUILTIN_SHELL_PRESETS = {
     },
 };
 class WidgetShellComponent {
+    stickyAncestorHeight = signal(0, ...(ngDevMode ? [{ debugName: "stickyAncestorHeight" }] : /* istanbul ignore next */ []));
+    stickyAncestorObserver;
+    stickyAncestorHeaders = [];
+    get stickyAncestorTop() {
+        const height = this.stickyAncestorHeight();
+        return this.stickyHeaderActive && height > 0
+            ? `calc(var(--pdx-shell-sticky-header-offset, 0px) + ${height}px)` : null;
+    }
+    observeStickyAncestors() {
+        const headers = [];
+        if (this.stickyHeaderActive
+            && this.element.nativeElement.parentElement?.closest('.pdx-shell--sticky-header')) {
+            let ancestor = this.element.nativeElement.parentElement;
+            while (ancestor) {
+                // A distinct scrollport owns its own sticky stack. A header outside
+                // that port must not consume space in the child's scrolling surface.
+                if (['auto', 'scroll', 'hidden', 'overlay'].includes(getComputedStyle(ancestor).overflowY))
+                    break;
+                if (ancestor.classList.contains('pdx-shell--sticky-header')) {
+                    const header = ancestor.querySelector(':scope > .pdx-shell-header');
+                    if (header)
+                        headers.push(header);
+                }
+                ancestor = ancestor.parentElement;
+            }
+        }
+        if (headers.length !== this.stickyAncestorHeaders.length
+            || headers.some((header, index) => header !== this.stickyAncestorHeaders[index])) {
+            this.stickyAncestorObserver?.disconnect();
+            this.stickyAncestorObserver = undefined;
+            this.stickyAncestorHeaders = headers;
+            if (headers.length && typeof ResizeObserver !== 'undefined') {
+                this.stickyAncestorObserver = new ResizeObserver(() => this.measureStickyAncestors());
+                headers.forEach(header => this.stickyAncestorObserver.observe(header));
+            }
+        }
+        this.measureStickyAncestors();
+    }
+    measureStickyAncestors() {
+        if (this.destroyRef.destroyed)
+            return;
+        this.stickyAncestorHeight.set(this.stickyAncestorHeaders.reduce((height, header) => height + header.getBoundingClientRect().height, 0));
+    }
+    get stickyHeaderActive() {
+        return this.shell?.stickyHeader === true && this.shellEnabled && this.showHeader
+            && !this.dragSurfaceInteractive && !this.collapsed && !this.expanded
+            && !this.fullscreen && !this.scrollRecovery();
+    }
+    revealStickyHeaderFocus(event) {
+        if (!this.stickyHeaderActive || !(event.target instanceof HTMLElement))
+            return;
+        const header = this.element.nativeElement.querySelector(':scope > .pdx-shell > .pdx-shell-header');
+        if (!header || header.contains(event.target))
+            return;
+        const target = event.target.getBoundingClientRect();
+        const boundary = header.getBoundingClientRect().bottom + 8;
+        if (!target.height || target.top >= boundary)
+            return;
+        let owner = this.element.nativeElement.parentElement;
+        while (owner && !['auto', 'scroll', 'hidden', 'overlay'].includes(getComputedStyle(owner).overflowY)) {
+            owner = owner.parentElement;
+        }
+        (owner ?? header.ownerDocument.scrollingElement)?.scrollBy({ top: target.top - boundary, behavior: 'instant' });
+    }
     i18n = inject(PraxisI18nService);
     changeDetector = inject(ChangeDetectorRef);
     destroyRef = inject(DestroyRef);
@@ -33362,8 +33647,15 @@ class WidgetShellComponent {
     scrollObservedBody;
     scrollFrame;
     constructor() {
-        afterEveryRender({ read: () => this.observeScrollGeometry() });
-        this.destroyRef.onDestroy(() => this.disconnectScrollGeometry());
+        afterEveryRender({ read: () => {
+                this.observeScrollGeometry();
+                this.observeStickyAncestors();
+            } });
+        this.destroyRef.onDestroy(() => {
+            this.disconnectScrollGeometry();
+            this.stickyAncestorObserver?.disconnect();
+            this.stickyAncestorHeaders = [];
+        });
     }
     disconnectScrollGeometry() {
         this.scrollResizeObserver?.disconnect();
@@ -33476,6 +33768,7 @@ class WidgetShellComponent {
             this.shell?.subtitle ||
             this.shell?.icon ||
             this.headerActions.length ||
+            this.overflowHeaderActions.length ||
             this.windowActions.length);
     }
     get headerActions() {
@@ -33487,7 +33780,7 @@ class WidgetShellComponent {
     }
     get overflowHeaderActions() {
         const max = this.maxHeaderActions;
-        return this.headerActions.slice(max);
+        return [...this.headerActions.slice(max), ...this.mergedActions.filter(a => this.isVisible(a) && a.placement === 'menu')];
     }
     get maxHeaderActions() {
         return 3;
@@ -33508,6 +33801,13 @@ class WidgetShellComponent {
         }
         return action.pressed === true || action.pressed === 'true';
     }
+    overflowTrigger = viewChild(MatMenuTrigger, ...(ngDevMode ? [{ debugName: "overflowTrigger" }] : /* istanbul ignore next */ []));
+    onOverflowAction(action, event) {
+        if (action.disabled)
+            return;
+        this.overflowTrigger()?.closeMenu();
+        this.onAction(action, event);
+    }
     onAction(action, ev) {
         ev.stopPropagation();
         if (action.disabled)
@@ -33722,7 +34022,7 @@ class WidgetShellComponent {
         return this.i18n.t(key, undefined, fallback, WIDGET_SHELL_I18N_NAMESPACE);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: WidgetShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: WidgetShellComponent, isStandalone: true, selector: "praxis-widget-shell", inputs: { shell: "shell", context: "context", dragSurfaceEnabled: "dragSurfaceEnabled", dragSurfaceLabel: "dragSurfaceLabel" }, outputs: { action: "action", dragSurfacePointerDown: "dragSurfacePointerDown", dragSurfaceKeydown: "dragSurfaceKeydown" }, host: { listeners: { "keydown.escape": "onOverlayEscape($event)" }, properties: { "class.pdx-widget-shell-collapsed": "this.hostCollapsed" } }, providers: [providePraxisI18nConfig(WIDGET_SHELL_I18N_CONFIG)], queries: [{ propertyName: "loader", first: true, predicate: DynamicWidgetLoaderDirective, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: WidgetShellComponent, isStandalone: true, selector: "praxis-widget-shell", inputs: { shell: "shell", context: "context", dragSurfaceEnabled: "dragSurfaceEnabled", dragSurfaceLabel: "dragSurfaceLabel" }, outputs: { action: "action", dragSurfacePointerDown: "dragSurfacePointerDown", dragSurfaceKeydown: "dragSurfaceKeydown" }, host: { listeners: { "keydown.escape": "onOverlayEscape($event)", "focusin": "revealStickyHeaderFocus($event)" }, properties: { "class.pdx-widget-shell-collapsed": "this.hostCollapsed" } }, providers: [providePraxisI18nConfig(WIDGET_SHELL_I18N_CONFIG)], queries: [{ propertyName: "loader", first: true, predicate: DynamicWidgetLoaderDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "overflowTrigger", first: true, predicate: MatMenuTrigger, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: `
     @if (expanded || fullscreen) {
       <div
         class="pdx-shell-overlay-surface"
@@ -33742,6 +34042,7 @@ class WidgetShellComponent {
       [class.fullscreen]="fullscreen"
       [class.body-fill]="shell?.bodyLayout === 'fill'"
       [class.body-scroll]="shell?.bodyLayout === 'scroll'"
+      [class.pdx-shell--sticky-header]="stickyHeaderActive"
       [class.pdx-shell--scroll-recovery]="scrollRecovery() && !collapsed && !expanded && !fullscreen"
       [style.--pdx-shell-card-bg]="appearance?.card?.background || null"
       [style.--pdx-shell-card-border]="appearance?.card?.borderColor || null"
@@ -33771,6 +34072,7 @@ class WidgetShellComponent {
       @if (showHeader) {
         <header
           class="pdx-shell-header"
+          [style.top]="stickyAncestorTop"
           [class.pdx-shell-header--drag-enabled]="dragSurfaceInteractive"
           [attr.aria-label]="dragSurfaceInteractive ? dragSurfaceLabel : null"
           [attr.tabindex]="dragSurfaceInteractive ? 0 : null"
@@ -33908,7 +34210,7 @@ class WidgetShellComponent {
                 [attr.aria-expanded]="
                   action.ariaExpanded == null ? null : action.ariaExpanded
                 "
-                (click)="onAction(action, $event)"
+                (click)="onOverflowAction(action, $event)"
               >
                 @if (displayActionIcon(action); as actionIcon) {
                   <mat-icon [praxisIcon]="actionIcon"></mat-icon>
@@ -33938,7 +34240,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{box-sizing:border-box;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{flex-shrink:0;display:flex;flex-wrap:wrap;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-authoring-drag{flex:0 0 auto;align-self:flex-start;margin:4px 6px 0;z-index:2;cursor:grab;touch-action:none}.pdx-shell-authoring-drag:active{cursor:grabbing}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 14rem;max-width:100%;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{flex:0 0 auto;color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0;flex:1}.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);color:var( --pdx-shell-subtitle-color, var(--md-sys-color-on-surface-variant, currentColor) );white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:100%}.pdx-shell-actions{margin-left:auto;min-width:0}.pdx-shell-actions>button{max-width:100%}.pdx-shell-window-actions{margin-left:auto}.pdx-shell-text{display:grid;gap:2px}.pdx-shell-title-text,.pdx-shell-subtitle{display:-webkit-box;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.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-shell-action--pressed:not(.praxis-icon-button){color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent)}.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,.pdx-shell.body-scroll.pdx-shell--scroll-recovery{overflow:auto}.pdx-shell.body-scroll.pdx-shell--scroll-recovery>.pdx-shell-body{flex:0 0 auto;overflow:visible}.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,.pdx-shell-overlay-surface.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,.pdx-shell-overlay-surface.fullscreen{position:fixed;inset:0;width:auto;height:auto;transform:none;border-radius:0;z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-overlay-surface{background:var(--md-sys-color-surface);border-radius:var(--pdx-dashboard-card-radius, 16px);pointer-events:none}.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$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i1$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: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;height:100%}:host(.pdx-widget-shell-collapsed){height:auto}.pdx-shell{box-sizing:border-box;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{flex-shrink:0;display:flex;flex-wrap:wrap;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-authoring-drag{flex:0 0 auto;align-self:flex-start;margin:4px 6px 0;z-index:2;cursor:grab;touch-action:none}.pdx-shell-authoring-drag:active{cursor:grabbing}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 min(14rem,50%);max-width:100%;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{flex:0 0 auto;color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0;flex:1}.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);color:var( --pdx-shell-subtitle-color, var(--md-sys-color-on-surface-variant, currentColor) );white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:100%}.pdx-shell-actions{margin-left:auto;min-width:0}.pdx-shell-actions>button{max-width:100%}.pdx-shell-window-actions{margin-left:auto}.pdx-shell-text{display:grid;gap:2px}.pdx-shell-title-text,.pdx-shell-subtitle{display:-webkit-box;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.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-shell-action--pressed:not(.praxis-icon-button){color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent)}.pdx-action-label{font-size:12px;font-weight:500}.pdx-shell.dashboard.pdx-shell--sticky-header{overflow:clip}.pdx-shell--sticky-header>.pdx-shell-header{position:sticky;top:var(--pdx-shell-sticky-header-offset, 0px);z-index:2;isolation:isolate;background:var(--md-sys-color-surface-container)}.pdx-shell--sticky-header>.pdx-shell-header:before{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--pdx-shell-header-bg, transparent)}.pdx-shell--sticky-header>.pdx-shell-body{isolation:isolate}.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-scroll.pdx-shell--scroll-recovery{overflow:auto}.pdx-shell.body-scroll.pdx-shell--scroll-recovery>.pdx-shell-body{flex:0 0 auto;overflow:visible}.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,.pdx-shell-overlay-surface.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,.pdx-shell-overlay-surface.fullscreen{position:fixed;inset:0;width:auto;height:auto;transform:none;border-radius:0;z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-overlay-surface{background:var(--md-sys-color-surface);border-radius:var(--pdx-dashboard-card-radius, 16px);pointer-events:none}.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$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i1$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: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: WidgetShellComponent, decorators: [{
             type: Component,
@@ -33950,7 +34252,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         MatTooltipModule,
                         PraxisIconButtonComponent,
                         PraxisIconDirective,
-                    ], providers: [providePraxisI18nConfig(WIDGET_SHELL_I18N_CONFIG)], host: { '(keydown.escape)': 'onOverlayEscape($event)' }, template: `
+                    ], providers: [providePraxisI18nConfig(WIDGET_SHELL_I18N_CONFIG)], host: {
+                        '(keydown.escape)': 'onOverlayEscape($event)',
+                        '(focusin)': 'revealStickyHeaderFocus($event)',
+                    }, template: `
     @if (expanded || fullscreen) {
       <div
         class="pdx-shell-overlay-surface"
@@ -33970,6 +34275,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [class.fullscreen]="fullscreen"
       [class.body-fill]="shell?.bodyLayout === 'fill'"
       [class.body-scroll]="shell?.bodyLayout === 'scroll'"
+      [class.pdx-shell--sticky-header]="stickyHeaderActive"
       [class.pdx-shell--scroll-recovery]="scrollRecovery() && !collapsed && !expanded && !fullscreen"
       [style.--pdx-shell-card-bg]="appearance?.card?.background || null"
       [style.--pdx-shell-card-border]="appearance?.card?.borderColor || null"
@@ -33999,6 +34305,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       @if (showHeader) {
         <header
           class="pdx-shell-header"
+          [style.top]="stickyAncestorTop"
           [class.pdx-shell-header--drag-enabled]="dragSurfaceInteractive"
           [attr.aria-label]="dragSurfaceInteractive ? dragSurfaceLabel : null"
           [attr.tabindex]="dragSurfaceInteractive ? 0 : null"
@@ -34136,7 +34443,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 [attr.aria-expanded]="
                   action.ariaExpanded == null ? null : action.ariaExpanded
                 "
-                (click)="onAction(action, $event)"
+                (click)="onOverflowAction(action, $event)"
               >
                 @if (displayActionIcon(action); as actionIcon) {
                   <mat-icon [praxisIcon]="actionIcon"></mat-icon>
@@ -34166,7 +34473,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
     @if (expanded || fullscreen) {
       <div class="pdx-shell-backdrop" (click)="closeOverlay()"></div>
     }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;height:100%}:host(.pdx-widget-shell-collapsed){height:auto}.pdx-shell{box-sizing:border-box;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{flex-shrink:0;display:flex;flex-wrap:wrap;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-authoring-drag{flex:0 0 auto;align-self:flex-start;margin:4px 6px 0;z-index:2;cursor:grab;touch-action:none}.pdx-shell-authoring-drag:active{cursor:grabbing}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 14rem;max-width:100%;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{flex:0 0 auto;color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0;flex:1}.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);color:var( --pdx-shell-subtitle-color, var(--md-sys-color-on-surface-variant, currentColor) );white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:100%}.pdx-shell-actions{margin-left:auto;min-width:0}.pdx-shell-actions>button{max-width:100%}.pdx-shell-window-actions{margin-left:auto}.pdx-shell-text{display:grid;gap:2px}.pdx-shell-title-text,.pdx-shell-subtitle{display:-webkit-box;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.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-shell-action--pressed:not(.praxis-icon-button){color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent)}.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,.pdx-shell.body-scroll.pdx-shell--scroll-recovery{overflow:auto}.pdx-shell.body-scroll.pdx-shell--scroll-recovery>.pdx-shell-body{flex:0 0 auto;overflow:visible}.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,.pdx-shell-overlay-surface.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,.pdx-shell-overlay-surface.fullscreen{position:fixed;inset:0;width:auto;height:auto;transform:none;border-radius:0;z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-overlay-surface{background:var(--md-sys-color-surface);border-radius:var(--pdx-dashboard-card-radius, 16px);pointer-events:none}.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"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;height:100%}:host(.pdx-widget-shell-collapsed){height:auto}.pdx-shell{box-sizing:border-box;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{flex-shrink:0;display:flex;flex-wrap:wrap;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-authoring-drag{flex:0 0 auto;align-self:flex-start;margin:4px 6px 0;z-index:2;cursor:grab;touch-action:none}.pdx-shell-authoring-drag:active{cursor:grabbing}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 min(14rem,50%);max-width:100%;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{flex:0 0 auto;color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0;flex:1}.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);color:var( --pdx-shell-subtitle-color, var(--md-sys-color-on-surface-variant, currentColor) );white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-actions,.pdx-shell-window-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:100%}.pdx-shell-actions{margin-left:auto;min-width:0}.pdx-shell-actions>button{max-width:100%}.pdx-shell-window-actions{margin-left:auto}.pdx-shell-text{display:grid;gap:2px}.pdx-shell-title-text,.pdx-shell-subtitle{display:-webkit-box;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.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-shell-action--pressed:not(.praxis-icon-button){color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent)}.pdx-action-label{font-size:12px;font-weight:500}.pdx-shell.dashboard.pdx-shell--sticky-header{overflow:clip}.pdx-shell--sticky-header>.pdx-shell-header{position:sticky;top:var(--pdx-shell-sticky-header-offset, 0px);z-index:2;isolation:isolate;background:var(--md-sys-color-surface-container)}.pdx-shell--sticky-header>.pdx-shell-header:before{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--pdx-shell-header-bg, transparent)}.pdx-shell--sticky-header>.pdx-shell-body{isolation:isolate}.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-scroll.pdx-shell--scroll-recovery{overflow:auto}.pdx-shell.body-scroll.pdx-shell--scroll-recovery>.pdx-shell-body{flex:0 0 auto;overflow:visible}.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,.pdx-shell-overlay-surface.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,.pdx-shell-overlay-surface.fullscreen{position:fixed;inset:0;width:auto;height:auto;transform:none;border-radius:0;z-index:var(--praxis-layer-widget-shell-fullscreen, 1291);box-shadow:var(--mat-elevation-level8)}.pdx-shell-overlay-surface{background:var(--md-sys-color-surface);border-radius:var(--pdx-dashboard-card-radius, 16px);pointer-events:none}.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"] }]
         }], ctorParameters: () => [], propDecorators: { hostCollapsed: [{
                 type: HostBinding,
                 args: ['class.pdx-widget-shell-collapsed']
@@ -34184,7 +34491,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 type: Output
             }], dragSurfaceKeydown: [{
                 type: Output
-            }], loader: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DynamicWidgetLoaderDirective), { isSignal: true }] }] } });
+            }], loader: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DynamicWidgetLoaderDirective), { isSignal: true }] }], overflowTrigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatMenuTrigger), { isSignal: true }] }] } });
 
 class PraxisResourceIdentityComponent {
     identity = null;
@@ -38621,12 +38928,328 @@ function clone(value) {
     return JSON.parse(JSON.stringify(value));
 }
 
+const DYNAMIC_WIDGET_PAGE_I18N_NAMESPACE = 'dynamicWidgetPage';
+const DYNAMIC_WIDGET_PAGE_I18N_CONFIG = {
+    namespaces: {
+        [DYNAMIC_WIDGET_PAGE_I18N_NAMESPACE]: {
+            'pt-BR': {
+                'size.title': 'Tamanho…',
+                'size.presets': 'Larguras da grade',
+                'size.presetLabel': '{{fraction}} da grade: {{columns}} colunas',
+                'size.presetLabelSingle': '{{fraction}} da grade: 1 coluna',
+                'size.presetHelp': 'Fração da grade · número de colunas',
+                'size.undo': 'Desfazer último redimensionamento',
+                'size.undoHelp': 'Restaura o widget e os vizinhos alterados no último ajuste desta sessão.',
+                'size.undoBlocked': 'O layout ou seus limites mudaram depois. O ajuste anterior não pode ser restaurado com segurança.',
+                'size.undoDone': 'Último redimensionamento desfeito, incluindo os vizinhos afetados.',
+                'size.width': 'Largura',
+                'size.height': 'Altura',
+                'size.columns': 'Colunas da grade',
+                'size.rows': 'Linhas da grade',
+                'size.pixels': 'Pixels',
+                'size.anchor': 'Canto que permanece fixo',
+                'size.topLeft': 'Superior esquerdo',
+                'size.topRight': 'Superior direito',
+                'size.bottomLeft': 'Inferior esquerdo',
+                'size.bottomRight': 'Inferior direito',
+                'size.help': 'A prévia inclui os vizinhos afetados. Aplicar confirma; Cancelar descarta o ajuste.',
+                'size.apply': 'Aplicar',
+                'size.invalid': 'Informe números inteiros maiores que zero.',
+                'size.unavailable': 'Esse tamanho excede os limites ou o espaço disponível.',
+                'size.select': 'Widget {{widget}}. Tab acessa os controles; Esc volta à seleção.',
+                'size.scope.base': 'Layout base · compartilhado pelos dispositivos que o herdam',
+                'size.scope.desktop': 'Layout de desktop',
+                'size.scope.tablet': 'Layout de tablet',
+                'size.scope.mobile': 'Layout de celular',
+                'heightValidation.measureFirst': 'Use altura Automática para aplicar a nova geometria; depois reabra o editor para definir a altura ajustável.',
+                'heightValidation.minimum': 'Use pelo menos {{height}}px nesta largura. Ajuste a altura/máximo ou use Automática.',
+                'announcements.contentSize': '{{action}}. Largura {{columns}} colunas, altura {{height}} pixels, recuo superior {{top}} pixels.',
+                'resizeFeedback.valid': 'Ajuste disponível',
+                'resizeFeedback.minimum': 'Tamanho mínimo atingido',
+                'resizeFeedback.blocked': 'Limite excedido — prévia limitada ao espaço disponível',
+                'resizeFeedback.committedLimit': 'Layout ajustado até o limite permitido',
+                'resizeFeedback.unchanged': 'Tamanho mantido — nenhum ajuste aplicado',
+                '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',
+                'controls.resizeAlternative': 'Controles alternativos de tamanho',
+                'controls.resizeSelect': 'Selecione um widget',
+                'controls.resizeClose': 'Fechar controles de tamanho',
+                'controls.resizeContextHelp': 'Arraste um controle ou use as setas do teclado. Esc fecha os controles.',
+                'controls.resizeHelp': 'Selecione o widget. Arraste uma borda ou canto pelos botões, ou use as setas do teclado.',
+                'controls.resize.north': 'Redimensionar widget pela borda superior',
+                'controls.resize.south': 'Redimensionar widget pela borda inferior',
+                'controls.resize.east': 'Redimensionar widget pela borda direita',
+                'controls.resize.west': 'Redimensionar widget pela borda esquerda',
+                'controls.resize.north-east': 'Redimensionar widget pelo canto superior direito',
+                'controls.resize.north-west': 'Redimensionar widget pelo canto superior esquerdo',
+                'controls.resize.south-east': 'Redimensionar widget pelo canto inferior direito',
+                'controls.resize.south-west': 'Redimensionar widget pelo canto inferior esquerdo',
+                'announcements.moved': 'Widget movido: {{widget}}',
+                'announcements.swapped': 'Widget trocado com {{target}}: {{widget}}',
+                'announcements.resized': 'Widget redimensionado: {{widget}}',
+                'announcements.interactionCancelled': 'Alteração de layout cancelada.',
+                'announcements.position': '{{action}} para coluna {{col}}, linha {{row}}, largura {{colSpan}}, altura {{rowSpan}}.',
+                'announcements.dragBlocked': 'Movimento bloqueado: o widget colidiria com outro item.',
+                'announcements.resizeBlocked': 'Redimensionamento bloqueado: o widget colidiria com outro item.',
+            },
+            'en-US': {
+                'size.title': 'Size…',
+                'size.presets': 'Grid widths',
+                'size.presetLabel': '{{fraction}} of the grid: {{columns}} columns',
+                'size.presetLabelSingle': '{{fraction}} of the grid: 1 column',
+                'size.presetHelp': 'Grid fraction · number of columns',
+                'size.undo': 'Undo last resize',
+                'size.undoHelp': 'Restores the widget and neighbors changed by the last resize in this session.',
+                'size.undoBlocked': 'The layout or its limits changed afterwards. The previous size cannot be safely restored.',
+                'size.undoDone': 'Last resize undone, including affected neighbors.',
+                'size.width': 'Width',
+                'size.height': 'Height',
+                'size.columns': 'Grid columns',
+                'size.rows': 'Grid rows',
+                'size.pixels': 'Pixels',
+                'size.anchor': 'Corner to keep fixed',
+                'size.topLeft': 'Top left',
+                'size.topRight': 'Top right',
+                'size.bottomLeft': 'Bottom left',
+                'size.bottomRight': 'Bottom right',
+                'size.help': 'The preview includes affected neighbors. Apply confirms; Cancel discards the change.',
+                'size.apply': 'Apply',
+                'size.invalid': 'Enter whole numbers greater than zero.',
+                'size.unavailable': 'This size exceeds the limits or available space.',
+                'size.select': 'Widget {{widget}}. Tab reaches controls; Escape returns to selection.',
+                'size.scope.base': 'Base layout · shared by devices that inherit it',
+                'size.scope.desktop': 'Desktop layout',
+                'size.scope.tablet': 'Tablet layout',
+                'size.scope.mobile': 'Mobile layout',
+                'heightValidation.measureFirst': 'Use Automatic height to apply the new geometry, then reopen the editor to set an adjustable height.',
+                'heightValidation.minimum': 'Use at least {{height}}px at this width. Adjust the height/maximum, or use Automatic.',
+                'announcements.contentSize': '{{action}}. Width {{columns}} columns, height {{height}} pixels, top inset {{top}} pixels.',
+                'resizeFeedback.valid': 'Resize available',
+                'resizeFeedback.minimum': 'Minimum size reached',
+                'resizeFeedback.blocked': 'Limit exceeded — preview constrained to available space',
+                'resizeFeedback.committedLimit': 'Layout resized to the allowed limit',
+                'resizeFeedback.unchanged': 'Size unchanged — no adjustment applied',
+                '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',
+                'controls.resizeAlternative': 'Alternative resize controls',
+                'controls.resizeSelect': 'Select a widget',
+                'controls.resizeClose': 'Close resize controls',
+                'controls.resizeContextHelp': 'Drag a control or use the arrow keys. Esc closes the controls.',
+                'controls.resizeHelp': 'Select the widget. Drag an edge or corner using the buttons, or use the arrow keys.',
+                'controls.resize.north': 'Resize widget from the top edge',
+                'controls.resize.south': 'Resize widget from the bottom edge',
+                'controls.resize.east': 'Resize widget from the right edge',
+                'controls.resize.west': 'Resize widget from the left edge',
+                'controls.resize.north-east': 'Resize widget from the top-right corner',
+                'controls.resize.north-west': 'Resize widget from the top-left corner',
+                'controls.resize.south-east': 'Resize widget from the bottom-right corner',
+                'controls.resize.south-west': 'Resize widget from the bottom-left corner',
+                'announcements.moved': 'Widget moved: {{widget}}',
+                'announcements.swapped': 'Widget swapped with {{target}}: {{widget}}',
+                'announcements.resized': 'Widget resized: {{widget}}',
+                'announcements.interactionCancelled': 'Layout change cancelled.',
+                'announcements.position': '{{action}} to column {{col}}, row {{row}}, width {{colSpan}}, height {{rowSpan}}.',
+                'announcements.dragBlocked': 'Move blocked: the widget would overlap another item.',
+                'announcements.resizeBlocked': 'Resize blocked: the widget would overlap another item.',
+            },
+        },
+    },
+};
+
+class CanvasSizeEditorComponent {
+    columns = input.required(...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    hasUndo = input(false, ...(ngDevMode ? [{ debugName: "hasUndo" }] : /* istanbul ignore next */ []));
+    canUndo = input(false, ...(ngDevMode ? [{ debugName: "canUndo" }] : /* istanbul ignore next */ []));
+    undo = output();
+    widthPresets = computed(() => [
+        { numerator: 1, denominator: 3, fraction: '⅓' },
+        { numerator: 1, denominator: 2, fraction: '½' },
+        { numerator: 2, denominator: 3, fraction: '⅔' },
+        { numerator: 1, denominator: 1, fraction: '100%' },
+    ].map(preset => ({ ...preset, width: this.columns() * preset.numerator / preset.denominator }))
+        .filter(preset => Number.isInteger(preset.width) && preset.width >= 1), ...(ngDevMode ? [{ debugName: "widthPresets" }] : /* istanbul ignore next */ []));
+    width = input.required(...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    height = input.required(...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+    contentRows = input(false, ...(ngDevMode ? [{ debugName: "contentRows" }] : /* istanbul ignore next */ []));
+    widgetLabel = input.required(...(ngDevMode ? [{ debugName: "widgetLabel" }] : /* istanbul ignore next */ []));
+    scopeLabel = input.required(...(ngDevMode ? [{ debugName: "scopeLabel" }] : /* istanbul ignore next */ []));
+    error = input(null, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    preview = output();
+    apply = output();
+    cancel = output();
+    i18n = inject(PraxisI18nService);
+    destroyRef = inject(DestroyRef);
+    anchors = [
+        { handle: 'south-east', label: 'size.topLeft' },
+        { handle: 'south-west', label: 'size.topRight' },
+        { handle: 'north-east', label: 'size.bottomLeft' },
+        { handle: 'north-west', label: 'size.bottomRight' },
+    ];
+    form = new FormGroup({
+        width: new FormControl(1, { nonNullable: true, validators: [Validators.required, Validators.min(1), Validators.pattern(/^\d+$/)] }),
+        height: new FormControl(1, { nonNullable: true, validators: [Validators.required, Validators.min(1), Validators.pattern(/^\d+$/)] }),
+        handle: new FormControl('south-east', { nonNullable: true }),
+    });
+    ngOnInit() {
+        this.form.reset({ width: this.width(), height: this.height(), handle: 'south-east' }, { emitEvent: false });
+        this.form.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.preview.emit(this.form.valid ? this.form.getRawValue() : null));
+    }
+    setPresetWidth(width) {
+        this.form.markAsDirty();
+        this.form.controls.width.setValue(width);
+    }
+    t(key, params) {
+        return this.i18n.t(key, params, undefined, DYNAMIC_WIDGET_PAGE_I18N_NAMESPACE);
+    }
+    submit() {
+        if (this.form.valid && !this.error())
+            this.apply.emit(this.form.getRawValue());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CanvasSizeEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: CanvasSizeEditorComponent, isStandalone: true, selector: "praxis-canvas-size-editor", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, hasUndo: { classPropertyName: "hasUndo", publicName: "hasUndo", isSignal: true, isRequired: false, transformFunction: null }, canUndo: { classPropertyName: "canUndo", publicName: "canUndo", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: true, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: true, transformFunction: null }, contentRows: { classPropertyName: "contentRows", publicName: "contentRows", isSignal: true, isRequired: false, transformFunction: null }, widgetLabel: { classPropertyName: "widgetLabel", publicName: "widgetLabel", isSignal: true, isRequired: true, transformFunction: null }, scopeLabel: { classPropertyName: "scopeLabel", publicName: "scopeLabel", isSignal: true, isRequired: true, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { undo: "undo", preview: "preview", apply: "apply", cancel: "cancel" }, ngImport: i0, template: `
+    <form [formGroup]="form" (ngSubmit)="submit()">
+      <header><strong>{{ t('size.title') }}</strong><span>{{ widgetLabel() }}</span></header>
+      <p class="scope">{{ scopeLabel() }}</p>
+      <div class="dimensions">
+        <mat-form-field appearance="outline">
+          <mat-label>{{ t('size.width') }}</mat-label>
+          <input matInput type="number" min="1" step="1" formControlName="width" data-testid="canvas-size-width" />
+          <mat-hint>{{ t('size.columns') }}</mat-hint>
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>{{ t('size.height') }}</mat-label>
+          <input matInput type="number" min="1" step="1" formControlName="height" data-testid="canvas-size-height" />
+          <mat-hint>{{ t(contentRows() ? 'size.pixels' : 'size.rows') }}</mat-hint>
+        </mat-form-field>
+      </div>
+      <div class="presets" role="group" [attr.aria-label]="t('size.presets')">
+        @for (preset of widthPresets(); track preset.width) {
+          <button mat-stroked-button type="button" (click)="setPresetWidth(preset.width)"
+            [attr.data-size-preset]="preset.fraction" [attr.aria-label]="t(preset.width === 1 ? 'size.presetLabelSingle' : 'size.presetLabel', { fraction: preset.fraction, columns: preset.width })">
+            {{ preset.fraction }} · {{ preset.width }}
+          </button>
+        }
+      </div>
+      <p class="hint">{{ t('size.presetHelp') }}</p>
+      <details>
+        <summary>{{ t('size.anchor') }}</summary>
+        <mat-radio-group formControlName="handle" [attr.aria-label]="t('size.anchor')">
+          @for (anchor of anchors; track anchor.handle) {
+            <mat-radio-button [value]="anchor.handle">{{ t(anchor.label) }}</mat-radio-button>
+          }
+        </mat-radio-group>
+      </details>
+      <p class="hint">{{ t('size.help') }}</p>
+      @if (error() || form.invalid) {
+        <p class="error" role="status">{{ error() || t('size.invalid') }}</p>
+      }
+      @if (hasUndo()) {
+        <div class="recovery">
+          <button mat-button type="button" [disabled]="!canUndo()" (click)="undo.emit()" data-testid="canvas-size-undo">{{ t('size.undo') }}</button>
+          <p class="hint" role="status">{{ t(canUndo() ? 'size.undoHelp' : 'size.undoBlocked') }}</p>
+        </div>
+      }
+      <footer>
+        <button mat-button type="button" (click)="cancel.emit()">{{ t('controls.cancel') }}</button>
+        <button mat-flat-button type="submit" [disabled]="form.invalid || !!error() || form.pristine">{{ t('size.apply') }}</button>
+      </footer>
+    </form>
+  `, isInline: true, styles: [":host{display:block;box-sizing:border-box;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--mat-sys-corner-medium, 12px);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}form{display:grid;gap:16px;padding:16px}header{display:grid;gap:4px;overflow-wrap:anywhere}header span,.scope,.hint{color:var(--md-sys-color-on-surface-variant);font-size:12px}p{margin:0}.dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}mat-form-field{min-width:0}.presets{display:flex;flex-wrap:wrap;gap:8px}.recovery{display:grid;gap:4px;justify-items:start}mat-radio-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}summary{cursor:pointer;padding-block:8px}footer{display:flex;gap:8px;justify-content:flex-end}.error{color:var(--md-sys-color-error)}@media(max-width:380px){.dimensions,mat-radio-group{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: 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: "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: MatRadioModule }, { kind: "directive", type: i5$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i5$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CanvasSizeEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-canvas-size-editor', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, MatButtonModule, MatFormFieldModule, MatInputModule, MatRadioModule], template: `
+    <form [formGroup]="form" (ngSubmit)="submit()">
+      <header><strong>{{ t('size.title') }}</strong><span>{{ widgetLabel() }}</span></header>
+      <p class="scope">{{ scopeLabel() }}</p>
+      <div class="dimensions">
+        <mat-form-field appearance="outline">
+          <mat-label>{{ t('size.width') }}</mat-label>
+          <input matInput type="number" min="1" step="1" formControlName="width" data-testid="canvas-size-width" />
+          <mat-hint>{{ t('size.columns') }}</mat-hint>
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>{{ t('size.height') }}</mat-label>
+          <input matInput type="number" min="1" step="1" formControlName="height" data-testid="canvas-size-height" />
+          <mat-hint>{{ t(contentRows() ? 'size.pixels' : 'size.rows') }}</mat-hint>
+        </mat-form-field>
+      </div>
+      <div class="presets" role="group" [attr.aria-label]="t('size.presets')">
+        @for (preset of widthPresets(); track preset.width) {
+          <button mat-stroked-button type="button" (click)="setPresetWidth(preset.width)"
+            [attr.data-size-preset]="preset.fraction" [attr.aria-label]="t(preset.width === 1 ? 'size.presetLabelSingle' : 'size.presetLabel', { fraction: preset.fraction, columns: preset.width })">
+            {{ preset.fraction }} · {{ preset.width }}
+          </button>
+        }
+      </div>
+      <p class="hint">{{ t('size.presetHelp') }}</p>
+      <details>
+        <summary>{{ t('size.anchor') }}</summary>
+        <mat-radio-group formControlName="handle" [attr.aria-label]="t('size.anchor')">
+          @for (anchor of anchors; track anchor.handle) {
+            <mat-radio-button [value]="anchor.handle">{{ t(anchor.label) }}</mat-radio-button>
+          }
+        </mat-radio-group>
+      </details>
+      <p class="hint">{{ t('size.help') }}</p>
+      @if (error() || form.invalid) {
+        <p class="error" role="status">{{ error() || t('size.invalid') }}</p>
+      }
+      @if (hasUndo()) {
+        <div class="recovery">
+          <button mat-button type="button" [disabled]="!canUndo()" (click)="undo.emit()" data-testid="canvas-size-undo">{{ t('size.undo') }}</button>
+          <p class="hint" role="status">{{ t(canUndo() ? 'size.undoHelp' : 'size.undoBlocked') }}</p>
+        </div>
+      }
+      <footer>
+        <button mat-button type="button" (click)="cancel.emit()">{{ t('controls.cancel') }}</button>
+        <button mat-flat-button type="submit" [disabled]="form.invalid || !!error() || form.pristine">{{ t('size.apply') }}</button>
+      </footer>
+    </form>
+  `, styles: [":host{display:block;box-sizing:border-box;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--mat-sys-corner-medium, 12px);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}form{display:grid;gap:16px;padding:16px}header{display:grid;gap:4px;overflow-wrap:anywhere}header span,.scope,.hint{color:var(--md-sys-color-on-surface-variant);font-size:12px}p{margin:0}.dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}mat-form-field{min-width:0}.presets{display:flex;flex-wrap:wrap;gap:8px}.recovery{display:grid;gap:4px;justify-items:start}mat-radio-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}summary{cursor:pointer;padding-block:8px}footer{display:flex;gap:8px;justify-content:flex-end}.error{color:var(--md-sys-color-error)}@media(max-width:380px){.dimensions,mat-radio-group{grid-template-columns:minmax(0,1fr)}}\n"] }]
+        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], hasUndo: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasUndo", required: false }] }], canUndo: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUndo", required: false }] }], undo: [{ type: i0.Output, args: ["undo"] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: true }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: true }] }], contentRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentRows", required: false }] }], widgetLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetLabel", required: true }] }], scopeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "scopeLabel", required: true }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], preview: [{ type: i0.Output, args: ["preview"] }], apply: [{ type: i0.Output, args: ["apply"] }], cancel: [{ type: i0.Output, args: ["cancel"] }] } });
+
 class DynamicWidgetContextToolbarComponent {
-    showResize = input(false, ...(ngDevMode ? [{ debugName: "showResize" }] : /* istanbul ignore next */ []));
-    resizeLabel = input('', ...(ngDevMode ? [{ debugName: "resizeLabel" }] : /* istanbul ignore next */ []));
-    resizeControls = input(null, ...(ngDevMode ? [{ debugName: "resizeControls" }] : /* istanbul ignore next */ []));
-    resizeExpanded = input(false, ...(ngDevMode ? [{ debugName: "resizeExpanded" }] : /* istanbul ignore next */ []));
-    resize = output();
+    showSize = input(false, ...(ngDevMode ? [{ debugName: "showSize" }] : /* istanbul ignore next */ []));
+    sizeDisabled = input(false, ...(ngDevMode ? [{ debugName: "sizeDisabled" }] : /* istanbul ignore next */ []));
+    sizeLabel = input('', ...(ngDevMode ? [{ debugName: "sizeLabel" }] : /* istanbul ignore next */ []));
+    size = output();
     toolbarLabel = '';
     contextLabel = '';
     contextTooltip = '';
@@ -38648,7 +39271,7 @@ class DynamicWidgetContextToolbarComponent {
     shellSettings = new EventEmitter();
     remove = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DynamicWidgetContextToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: DynamicWidgetContextToolbarComponent, isStandalone: true, selector: "praxis-dynamic-widget-context-toolbar", inputs: { showResize: { classPropertyName: "showResize", publicName: "showResize", isSignal: true, isRequired: false, transformFunction: null }, resizeLabel: { classPropertyName: "resizeLabel", publicName: "resizeLabel", isSignal: true, isRequired: false, transformFunction: null }, resizeControls: { classPropertyName: "resizeControls", publicName: "resizeControls", isSignal: true, isRequired: false, transformFunction: null }, resizeExpanded: { classPropertyName: "resizeExpanded", publicName: "resizeExpanded", isSignal: true, isRequired: false, transformFunction: null }, toolbarLabel: { classPropertyName: "toolbarLabel", publicName: "toolbarLabel", isSignal: false, isRequired: false, transformFunction: null }, contextLabel: { classPropertyName: "contextLabel", publicName: "contextLabel", isSignal: false, isRequired: false, transformFunction: null }, contextTooltip: { classPropertyName: "contextTooltip", publicName: "contextTooltip", isSignal: false, isRequired: false, transformFunction: null }, showAssistant: { classPropertyName: "showAssistant", publicName: "showAssistant", isSignal: false, isRequired: false, transformFunction: null }, assistantLabel: { classPropertyName: "assistantLabel", publicName: "assistantLabel", isSignal: false, isRequired: false, transformFunction: null }, assistantTooltip: { classPropertyName: "assistantTooltip", publicName: "assistantTooltip", isSignal: false, isRequired: false, transformFunction: null }, showComponentSettings: { classPropertyName: "showComponentSettings", publicName: "showComponentSettings", isSignal: false, isRequired: false, transformFunction: null }, componentSettingsBusy: { classPropertyName: "componentSettingsBusy", publicName: "componentSettingsBusy", isSignal: true, isRequired: false, transformFunction: null }, componentSettingsLabel: { classPropertyName: "componentSettingsLabel", publicName: "componentSettingsLabel", isSignal: false, isRequired: false, transformFunction: null }, componentSettingsTooltip: { classPropertyName: "componentSettingsTooltip", publicName: "componentSettingsTooltip", isSignal: false, isRequired: false, transformFunction: null }, showShellSettings: { classPropertyName: "showShellSettings", publicName: "showShellSettings", isSignal: false, isRequired: false, transformFunction: null }, shellSettingsLabel: { classPropertyName: "shellSettingsLabel", publicName: "shellSettingsLabel", isSignal: false, isRequired: false, transformFunction: null }, shellSettingsTooltip: { classPropertyName: "shellSettingsTooltip", publicName: "shellSettingsTooltip", isSignal: false, isRequired: false, transformFunction: null }, showRemove: { classPropertyName: "showRemove", publicName: "showRemove", isSignal: false, isRequired: false, transformFunction: null }, moreActionsLabel: { classPropertyName: "moreActionsLabel", publicName: "moreActionsLabel", isSignal: false, isRequired: false, transformFunction: null }, removeLabel: { classPropertyName: "removeLabel", publicName: "removeLabel", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { resize: "resize", assistant: "assistant", componentSettings: "componentSettings", shellSettings: "shellSettings", remove: "remove" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: DynamicWidgetContextToolbarComponent, isStandalone: true, selector: "praxis-dynamic-widget-context-toolbar", inputs: { showSize: { classPropertyName: "showSize", publicName: "showSize", isSignal: true, isRequired: false, transformFunction: null }, sizeDisabled: { classPropertyName: "sizeDisabled", publicName: "sizeDisabled", isSignal: true, isRequired: false, transformFunction: null }, sizeLabel: { classPropertyName: "sizeLabel", publicName: "sizeLabel", isSignal: true, isRequired: false, transformFunction: null }, toolbarLabel: { classPropertyName: "toolbarLabel", publicName: "toolbarLabel", isSignal: false, isRequired: false, transformFunction: null }, contextLabel: { classPropertyName: "contextLabel", publicName: "contextLabel", isSignal: false, isRequired: false, transformFunction: null }, contextTooltip: { classPropertyName: "contextTooltip", publicName: "contextTooltip", isSignal: false, isRequired: false, transformFunction: null }, showAssistant: { classPropertyName: "showAssistant", publicName: "showAssistant", isSignal: false, isRequired: false, transformFunction: null }, assistantLabel: { classPropertyName: "assistantLabel", publicName: "assistantLabel", isSignal: false, isRequired: false, transformFunction: null }, assistantTooltip: { classPropertyName: "assistantTooltip", publicName: "assistantTooltip", isSignal: false, isRequired: false, transformFunction: null }, showComponentSettings: { classPropertyName: "showComponentSettings", publicName: "showComponentSettings", isSignal: false, isRequired: false, transformFunction: null }, componentSettingsBusy: { classPropertyName: "componentSettingsBusy", publicName: "componentSettingsBusy", isSignal: true, isRequired: false, transformFunction: null }, componentSettingsLabel: { classPropertyName: "componentSettingsLabel", publicName: "componentSettingsLabel", isSignal: false, isRequired: false, transformFunction: null }, componentSettingsTooltip: { classPropertyName: "componentSettingsTooltip", publicName: "componentSettingsTooltip", isSignal: false, isRequired: false, transformFunction: null }, showShellSettings: { classPropertyName: "showShellSettings", publicName: "showShellSettings", isSignal: false, isRequired: false, transformFunction: null }, shellSettingsLabel: { classPropertyName: "shellSettingsLabel", publicName: "shellSettingsLabel", isSignal: false, isRequired: false, transformFunction: null }, shellSettingsTooltip: { classPropertyName: "shellSettingsTooltip", publicName: "shellSettingsTooltip", isSignal: false, isRequired: false, transformFunction: null }, showRemove: { classPropertyName: "showRemove", publicName: "showRemove", isSignal: false, isRequired: false, transformFunction: null }, moreActionsLabel: { classPropertyName: "moreActionsLabel", publicName: "moreActionsLabel", isSignal: false, isRequired: false, transformFunction: null }, removeLabel: { classPropertyName: "removeLabel", publicName: "removeLabel", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { size: "size", 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"
@@ -38667,13 +39290,6 @@ class DynamicWidgetContextToolbarComponent {
           {{ contextLabel }}
         </span>
       }
-      @if (showResize()) {
-        <button praxisIconButton="ms:open_in_full" type="button"
-          data-testid="dynamic-widget-resize"
-          [matTooltip]="resizeLabel()" [attr.aria-label]="resizeLabel()"
-          [attr.aria-controls]="resizeControls()" [attr.aria-expanded]="resizeExpanded()"
-          (click)="resize.emit()"></button>
-      }
       @if (showAssistant) {
         <button
           praxisIconButton="auto_awesome"
@@ -38709,7 +39325,7 @@ class DynamicWidgetContextToolbarComponent {
           (click)="shellSettings.emit()"
         ></button>
       }
-      @if (showRemove) {
+      @if (showRemove || showSize()) {
         <button
           praxisIconButton="ms:more_horiz"
           size="dense"
@@ -38720,14 +39336,21 @@ class DynamicWidgetContextToolbarComponent {
           [matMenuTriggerFor]="widgetContextMenu"
         ></button>
         <mat-menu #widgetContextMenu="matMenu">
+          @if (showSize()) {
+            <button mat-menu-item type="button" [disabled]="sizeDisabled()" (click)="size.emit()" data-testid="dynamic-widget-size">
+              <mat-icon [praxisIcon]="'ms:straighten'"></mat-icon><span>{{ sizeLabel() }}</span>
+            </button>
+          }
+          @if (showRemove) {
           <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}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$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: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, 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}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$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: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DynamicWidgetContextToolbarComponent, decorators: [{
             type: Component,
@@ -38756,13 +39379,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           {{ contextLabel }}
         </span>
       }
-      @if (showResize()) {
-        <button praxisIconButton="ms:open_in_full" type="button"
-          data-testid="dynamic-widget-resize"
-          [matTooltip]="resizeLabel()" [attr.aria-label]="resizeLabel()"
-          [attr.aria-controls]="resizeControls()" [attr.aria-expanded]="resizeExpanded()"
-          (click)="resize.emit()"></button>
-      }
       @if (showAssistant) {
         <button
           praxisIconButton="auto_awesome"
@@ -38798,7 +39414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           (click)="shellSettings.emit()"
         ></button>
       }
-      @if (showRemove) {
+      @if (showRemove || showSize()) {
         <button
           praxisIconButton="ms:more_horiz"
           size="dense"
@@ -38809,15 +39425,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           [matMenuTriggerFor]="widgetContextMenu"
         ></button>
         <mat-menu #widgetContextMenu="matMenu">
+          @if (showSize()) {
+            <button mat-menu-item type="button" [disabled]="sizeDisabled()" (click)="size.emit()" data-testid="dynamic-widget-size">
+              <mat-icon [praxisIcon]="'ms:straighten'"></mat-icon><span>{{ sizeLabel() }}</span>
+            </button>
+          }
+          @if (showRemove) {
           <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}\n"] }]
-        }], propDecorators: { showResize: [{ type: i0.Input, args: [{ isSignal: true, alias: "showResize", required: false }] }], resizeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizeLabel", required: false }] }], resizeControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizeControls", required: false }] }], resizeExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizeExpanded", required: false }] }], resize: [{ type: i0.Output, args: ["resize"] }], toolbarLabel: [{
+        }], propDecorators: { showSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSize", required: false }] }], sizeDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeDisabled", required: false }] }], sizeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeLabel", required: false }] }], size: [{ type: i0.Output, args: ["size"] }], toolbarLabel: [{
                 type: Input
             }], contextLabel: [{
                 type: Input
@@ -38857,114 +39480,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 type: Output
             }] } });
 
-const DYNAMIC_WIDGET_PAGE_I18N_NAMESPACE = 'dynamicWidgetPage';
-const DYNAMIC_WIDGET_PAGE_I18N_CONFIG = {
-    namespaces: {
-        [DYNAMIC_WIDGET_PAGE_I18N_NAMESPACE]: {
-            'pt-BR': {
-                'heightValidation.measureFirst': 'Use altura Automática para aplicar a nova geometria; depois reabra o editor para definir a altura ajustável.',
-                'heightValidation.minimum': 'Use pelo menos {{height}}px nesta largura. Ajuste a altura/máximo ou use Automática.',
-                'announcements.contentSize': '{{action}}. Largura {{columns}} colunas, altura {{height}} pixels, recuo superior {{top}} pixels.',
-                'resizeFeedback.valid': 'Ajuste disponível',
-                'resizeFeedback.minimum': 'Tamanho mínimo atingido',
-                'resizeFeedback.blocked': 'Limite excedido — prévia limitada ao espaço disponível',
-                'resizeFeedback.committedLimit': 'Layout ajustado até o limite permitido',
-                'resizeFeedback.unchanged': 'Tamanho mantido — nenhum ajuste aplicado',
-                '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',
-                'controls.resizeAlternative': 'Controles alternativos de tamanho',
-                'controls.resizeSelect': 'Selecione um widget',
-                'controls.resizeClose': 'Fechar controles de tamanho',
-                'controls.resizeContextHelp': 'Arraste um controle ou use as setas do teclado. Esc fecha os controles.',
-                'controls.resizeHelp': 'Selecione o widget. Arraste uma borda ou canto pelos botões, ou use as setas do teclado.',
-                'controls.resize.north': 'Redimensionar widget pela borda superior',
-                'controls.resize.south': 'Redimensionar widget pela borda inferior',
-                'controls.resize.east': 'Redimensionar widget pela borda direita',
-                'controls.resize.west': 'Redimensionar widget pela borda esquerda',
-                'controls.resize.north-east': 'Redimensionar widget pelo canto superior direito',
-                'controls.resize.north-west': 'Redimensionar widget pelo canto superior esquerdo',
-                'controls.resize.south-east': 'Redimensionar widget pelo canto inferior direito',
-                'controls.resize.south-west': 'Redimensionar widget pelo canto inferior esquerdo',
-                'announcements.moved': 'Widget movido: {{widget}}',
-                'announcements.swapped': 'Widget trocado com {{target}}: {{widget}}',
-                'announcements.resized': 'Widget redimensionado: {{widget}}',
-                'announcements.interactionCancelled': 'Alteração de layout cancelada.',
-                'announcements.position': '{{action}} para coluna {{col}}, linha {{row}}, largura {{colSpan}}, altura {{rowSpan}}.',
-                'announcements.dragBlocked': 'Movimento bloqueado: o widget colidiria com outro item.',
-                'announcements.resizeBlocked': 'Redimensionamento bloqueado: o widget colidiria com outro item.',
-            },
-            'en-US': {
-                'heightValidation.measureFirst': 'Use Automatic height to apply the new geometry, then reopen the editor to set an adjustable height.',
-                'heightValidation.minimum': 'Use at least {{height}}px at this width. Adjust the height/maximum, or use Automatic.',
-                'announcements.contentSize': '{{action}}. Width {{columns}} columns, height {{height}} pixels, top inset {{top}} pixels.',
-                'resizeFeedback.valid': 'Resize available',
-                'resizeFeedback.minimum': 'Minimum size reached',
-                'resizeFeedback.blocked': 'Limit exceeded — preview constrained to available space',
-                'resizeFeedback.committedLimit': 'Layout resized to the allowed limit',
-                'resizeFeedback.unchanged': 'Size unchanged — no adjustment applied',
-                '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',
-                'controls.resizeAlternative': 'Alternative resize controls',
-                'controls.resizeSelect': 'Select a widget',
-                'controls.resizeClose': 'Close resize controls',
-                'controls.resizeContextHelp': 'Drag a control or use the arrow keys. Esc closes the controls.',
-                'controls.resizeHelp': 'Select the widget. Drag an edge or corner using the buttons, or use the arrow keys.',
-                'controls.resize.north': 'Resize widget from the top edge',
-                'controls.resize.south': 'Resize widget from the bottom edge',
-                'controls.resize.east': 'Resize widget from the right edge',
-                'controls.resize.west': 'Resize widget from the left edge',
-                'controls.resize.north-east': 'Resize widget from the top-right corner',
-                'controls.resize.north-west': 'Resize widget from the top-left corner',
-                'controls.resize.south-east': 'Resize widget from the bottom-right corner',
-                'controls.resize.south-west': 'Resize widget from the bottom-left corner',
-                'announcements.moved': 'Widget moved: {{widget}}',
-                'announcements.swapped': 'Widget swapped with {{target}}: {{widget}}',
-                'announcements.resized': 'Widget resized: {{widget}}',
-                'announcements.interactionCancelled': 'Layout change cancelled.',
-                'announcements.position': '{{action}} to column {{col}}, row {{row}}, width {{colSpan}}, height {{rowSpan}}.',
-                'announcements.dragBlocked': 'Move blocked: the widget would overlap another item.',
-                'announcements.resizeBlocked': 'Resize blocked: the widget would overlap another item.',
-            },
-        },
-    },
-};
-
 /** Internal materialization of the canonical content-row size, never DOM state. */
 function contentSize(item) {
     const size = item.contentSize;
@@ -39214,10 +39729,6 @@ class DynamicWidgetPageComponent {
     gridAutoRows = 'auto';
     layoutAnnouncement = '';
     canvasResizeHandles = CANVAS_RESIZE_HANDLES;
-    contextualResizeHandles = [...CANVAS_RESIZE_HANDLES].sort((a, b) => {
-        const order = ['north-west', 'north', 'north-east', 'west', 'east', 'south-west', 'south', 'south-east'];
-        return order.indexOf(a.id) - order.indexOf(b.id);
-    });
     pageDefinition;
     /**
      * Last canonical definition accepted from the host or published by the
@@ -39304,16 +39815,16 @@ class DynamicWidgetPageComponent {
     runtimeObservationRegistration = null;
     hostElement = inject((ElementRef));
     changeDetector = inject(ChangeDetectorRef);
-    static resizePopoverSequence = 0;
-    resizePopoverId = `pdx-canvas-resize-${++DynamicWidgetPageComponent.resizePopoverSequence}`;
-    resizePopoverOrigin = signal(null, ...(ngDevMode ? [{ debugName: "resizePopoverOrigin" }] : /* istanbul ignore next */ []));
-    resizePopoverReturnFocus = null;
-    projectedResizeActions = new WeakSet();
-    resizePopoverPositions = [
-        { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: 8 },
-        { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -8 },
-        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: 8 },
+    lastCanvasResize = signal(null, ...(ngDevMode ? [{ debugName: "lastCanvasResize" }] : /* istanbul ignore next */ []));
+    sizeEditorOrigin = signal(null, ...(ngDevMode ? [{ debugName: "sizeEditorOrigin" }] : /* istanbul ignore next */ []));
+    sizeEditorSeed = signal(null, ...(ngDevMode ? [{ debugName: "sizeEditorSeed" }] : /* istanbul ignore next */ []));
+    sizeEditorError = signal(null, ...(ngDevMode ? [{ debugName: "sizeEditorError" }] : /* istanbul ignore next */ []));
+    projectedSizeActions = new WeakSet();
+    sizeEditorPositions = [
+        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'top' },
+        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'top' },
     ];
+    sizeEditorResizeObserver;
     hostResizeObserver;
     containerWidth;
     widgetLoaders;
@@ -39322,7 +39833,7 @@ class DynamicWidgetPageComponent {
         afterNextRender({ read: () => this.observeHostWidth() });
     }
     ngOnDestroy() {
-        this.closeResizePopover(false);
+        this.closeSizeEditor(false);
         if (this.activeCanvasInteraction) {
             this.cancelCanvasInteractionForWidget(this.activeCanvasInteraction.widgetKey);
         }
@@ -39334,8 +39845,10 @@ class DynamicWidgetPageComponent {
         this.compositionRuntime.destroy();
     }
     ngOnChanges(changes) {
-        if (changes['pageIdentity'] || changes['enableCustomization'] || changes['authoringCapabilities']) {
-            this.closeResizePopover(false);
+        if (changes['pageIdentity'] || changes['componentInstanceId'])
+            this.lastCanvasResize.set(null);
+        if (changes['page'] || changes['context'] || changes['pageIdentity'] || changes['enableCustomization'] || changes['authoringCapabilities']) {
+            this.closeSizeEditor(false);
         }
         if (this.activeCanvasInteraction &&
             (changes['page'] || changes['context'] || changes['pageIdentity'] ||
@@ -40894,15 +41407,12 @@ class DynamicWidgetPageComponent {
     buildProjectedWidgetShellActions(widget) {
         const actions = [];
         if (this.canCustomizeCanvas() && this.isCanvasMode()) {
-            const resizeAction = {
-                id: 'widget-resize-controls',
-                label: this.resizeWidgetLabel(), tooltip: this.resizeWidgetLabel(),
-                icon: 'ms:open_in_full', variant: 'icon', placement: 'header',
-                ariaControls: this.resizePopoverId,
-                ariaExpanded: !!this.resizePopoverOrigin() && this.isWidgetSelected(widget.key),
+            const sizeAction = {
+                id: 'widget-size', label: this.sizeEditorLabel(), icon: 'ms:straighten',
+                placement: 'menu', disabled: !!this.currentCanvasItem(widget.key)?.constraints?.lockSize,
             };
-            this.projectedResizeActions.add(resizeAction);
-            actions.push(resizeAction);
+            this.projectedSizeActions.add(sizeAction);
+            actions.push(sizeAction);
         }
         if (this.canRequestWidgetAssistant()) {
             actions.push({
@@ -40941,7 +41451,7 @@ class DynamicWidgetPageComponent {
                 tooltip: this.widgetRemoveLabel(),
                 icon: 'delete',
                 variant: 'icon',
-                placement: 'header',
+                placement: 'menu',
             });
         }
         return actions;
@@ -40998,12 +41508,12 @@ class DynamicWidgetPageComponent {
         this.widgetDiagnosticsChange.emit({ ...this.widgetDiagnostics });
     }
     onShellAction(fromKey, evt) {
-        if (evt.id === 'widget-resize-controls' && evt.action && this.projectedResizeActions.has(evt.action)) {
-            this.toggleResizePopover(fromKey);
+        if (evt.id === 'widget-size' && evt.action && this.projectedSizeActions.has(evt.action)) {
+            this.openSizeEditor(fromKey);
             return;
         }
-        if (this.resizePopoverOrigin())
-            this.closeResizePopover(false);
+        if (this.sizeEditorOrigin())
+            this.closeSizeEditor(false);
         if (evt.id === 'expand' || evt.id === 'fullscreen' || evt.id === 'collapse') {
             this.cancelCanvasInteractionForWidget(fromKey);
         }
@@ -41526,7 +42036,8 @@ class DynamicWidgetPageComponent {
         const editor = this.pageEditorComponent || this.defaultPageEditor;
         if (!editor)
             return;
-        const page = this.ensurePageDefinition();
+        // Layout authoring must not capture runtime inputs such as loaded table rows.
+        const page = this.clonePageDefinition(this.authoredPageDefinition ?? this.ensurePageDefinition());
         const uiShell = page.context?.ui?.shell || {};
         const ref = this.settingsPanel.open({
             id: 'dynamic-page-settings',
@@ -41617,6 +42128,7 @@ class DynamicWidgetPageComponent {
                 'title',
                 'subtitle',
                 'showHeader',
+                'stickyHeader',
                 'windowActions',
                 'collapsed',
                 'expanded',
@@ -42119,9 +42631,31 @@ class DynamicWidgetPageComponent {
                 },
             };
         }
+        const columns = Math.max(1, Number(variant?.columns ?? canvas.columns) || 1);
+        if (columns < canvas.columns) {
+            // Reflow inherited desktop positions only. Explicit device positions are
+            // anchors, including intentional overlays; the authored base stays intact.
+            const anchored = Object.keys(items).filter(key => overrideItems[key]?.col !== undefined && overrideItems[key]?.row !== undefined);
+            for (const key of anchored)
+                items[key] = this.normalizeCanvasItem(items[key], columns);
+            const placed = anchored.map(key => items[key]);
+            const inherited = Object.entries(items)
+                .filter(([key]) => !anchored.includes(key))
+                .sort(([leftKey, left], [rightKey, right]) => left.row - right.row || left.col - right.col || leftKey.localeCompare(rightKey));
+            for (const [key, item] of inherited) {
+                const next = this.normalizeCanvasItem(item, columns);
+                let collisions = placed.filter(other => this.canvasItemsOverlap(next, other));
+                while (collisions.length) {
+                    next.row = Math.max(...collisions.map(other => other.row + other.rowSpan));
+                    collisions = placed.filter(other => this.canvasItemsOverlap(next, other));
+                }
+                items[key] = next;
+                placed.push(next);
+            }
+        }
         return {
             ...canvas,
-            columns: Math.max(1, Number(variant?.columns ?? canvas.columns) || 1),
+            columns,
             rowUnit: variant?.rowUnit ?? canvas.rowUnit,
             gap: variant?.gap ?? canvas.gap,
             autoRows: variant?.autoRows ?? canvas.autoRows,
@@ -42209,7 +42743,7 @@ class DynamicWidgetPageComponent {
         if (this.activeCanvasInteraction && this.activeCanvasInteraction.widgetKey !== widgetKey)
             return;
         if (this.selectedWidgetKeyState() !== widgetKey) {
-            this.closeResizePopover(false);
+            this.closeSizeEditor(false);
             this.selectedWidgetKeyState.set(widgetKey);
             this.widgetSelectionChange.emit(widgetKey);
         }
@@ -42240,81 +42774,196 @@ class DynamicWidgetPageComponent {
         return this.canCustomizeCanvas() && this.isWidgetSelected(widgetKey)
             && !this.currentCanvasItem(widgetKey)?.constraints?.lockSize;
     }
-    contextualResizeHandle() {
-        const interaction = this.activeCanvasInteraction;
-        return this.resizePopoverOrigin() && interaction?.kind === 'resize'
-            && interaction.widgetKey === this.selectedCanvasWidget()?.key
-            ? interaction.resizeHandle ?? null : null;
-    }
-    selectCanvasResizeTarget(event) {
-        const key = event.target.value;
-        if (this.widgets().some((widget) => widget.key === key)) {
-            this.selectCanvasWidget(key);
-        }
+    canvasSelectionLabel(key) {
+        return this.t('size.select', 'Widget {{widget}}. Tab acessa os controles; Esc volta à seleção.', { widget: this.widgetContextLabel(this.widgets().find(w => w.key === key)) });
     }
-    toggleResizePopover(widgetKey) {
-        if (!this.canCustomizeCanvas() || !this.isCanvasMode() || this.canvasInteractionActive()
-            || this.isCanvasWidgetInOverlay(widgetKey))
-            return;
-        if (this.resizePopoverOrigin() && this.isWidgetSelected(widgetKey)) {
-            this.closeResizePopover(true);
+    onCanvasSelectionKeydown(key, event) {
+        if (event.key !== 'Escape' || this.activeCanvasInteraction || this.sizeEditorOrigin())
             return;
+        const target = event.target;
+        if (target instanceof HTMLElement && target.hasAttribute('data-canvas-edge')) {
+            event.preventDefault();
+            event.stopPropagation();
+            event.currentTarget.focus({ preventScroll: true });
         }
-        const owner = Array.from(this.pageCanvasHost?.nativeElement.children || [])
-            .find((element) => element.getAttribute('data-widget-key') === widgetKey);
-        const header = owner?.querySelector('.pdx-shell-header')
-            ?? owner?.querySelector('[data-testid="dynamic-widget-context-toolbar"]');
-        if (!header)
-            return;
-        this.selectCanvasWidget(widgetKey);
-        const focused = this.hostElement.nativeElement.ownerDocument.activeElement;
-        this.resizePopoverReturnFocus = focused instanceof HTMLElement && header.contains(focused)
-            ? focused : (header.querySelector('button[aria-haspopup="menu"]') ?? header.querySelector('button'));
-        this.resizePopoverOrigin.set(header);
     }
-    focusResizePopover(overlay) {
-        overlay.querySelector('[data-resize-handle]')?.focus({ preventScroll: true });
+    isCanvasSizeLocked(key) { return !!this.currentCanvasItem(key)?.constraints?.lockSize; }
+    sizeEditorWidgetLabel() {
+        const widget = this.widgets().find(w => w.key === this.sizeEditorSeed()?.key);
+        return widget ? this.widgetContextLabel(widget) : '';
+    }
+    sizeEditorLabel() { return this.t('size.title', 'Tamanho…'); }
+    sizeEditorScopeLabel() {
+        const seed = this.sizeEditorSeed();
+        const scope = seed && this.authoredPageDefinition?.deviceLayouts?.[seed.device]?.canvas ? seed.device : 'base';
+        return this.t(`size.scope.${scope}`, scope);
     }
-    closeResizePopover(restoreFocus) {
-        if (!this.resizePopoverOrigin())
+    openSizeEditor(key) {
+        if (!this.canCustomizeCanvas() || !this.isCanvasMode() || this.canvasInteractionActive() || this.isCanvasWidgetInOverlay(key))
             return;
-        const widget = this.selectedCanvasWidget();
-        if (widget)
-            this.cancelCanvasInteractionForWidget(widget.key);
-        const target = this.resizePopoverReturnFocus;
-        this.resizePopoverOrigin.set(null);
-        this.resizePopoverReturnFocus = null;
-        if (restoreFocus && target?.isConnected)
-            target.focus({ preventScroll: true });
-    }
-    onResizePopoverOutsideClick(event) {
-        if (this.canvasInteractionActive())
+        const item = this.currentCanvasItem(key);
+        if (!item || item.constraints?.lockSize)
             return;
-        const target = event.target;
-        if (target instanceof Node && this.resizePopoverOrigin()?.contains(target))
+        const owner = Array.from(this.pageCanvasHost?.nativeElement.children || [])
+            .find(element => element.getAttribute('data-widget-key') === key);
+        if (!owner)
             return;
-        this.closeResizePopover(false);
+        this.selectWidget(key);
+        this.sizeEditorError.set(null);
+        const contentRows = this.canvas?.autoRows === 'content';
+        this.sizeEditorSeed.set({ key, item: structuredClone(item), contentRows,
+            height: contentRows ? Math.round(this.measureCanvasContentHeight(key) || 160) : item.rowSpan,
+            columns: this.canvas?.columns || 1, device: this.resolveDeviceKind() });
+        this.sizeEditorOrigin.set(owner);
+    }
+    focusSizeEditor(overlay) {
+        overlay.overlayElement.querySelector('input')?.focus({ preventScroll: true });
+        this.sizeEditorResizeObserver?.disconnect();
+        this.sizeEditorResizeObserver = new ResizeObserver(() => {
+            if (overlay.hasAttached())
+                overlay.updatePosition();
+        });
+        this.sizeEditorResizeObserver.observe(overlay.overlayElement);
     }
-    onResizePopoverKeydown(event) {
+    closeSizeEditor(restoreFocus) {
+        if (!this.sizeEditorOrigin())
+            return;
+        const owner = this.sizeEditorOrigin();
+        this.sizeEditorResizeObserver?.disconnect();
+        this.sizeEditorResizeObserver = undefined;
+        this.sizeEditorOrigin.set(null);
+        this.sizeEditorSeed.set(null);
+        this.sizeEditorError.set(null);
+        this.clearSizePreview();
+        if (restoreFocus && owner?.isConnected)
+            owner.focus({ preventScroll: true });
+    }
+    onSizeEditorKeydown(event) {
         if (event.key !== 'Escape')
             return;
         event.preventDefault();
         event.stopPropagation();
-        this.cancelCanvasGesture();
-        this.closeResizePopover(true);
+        this.closeSizeEditor(true);
+    }
+    clearSizePreview() {
+        this.transientCanvasItemsState.set({});
+        this.resizeFeedbackState.set({});
+        this.canvasPreviewState.set(null);
+        this.canvasPreviewInvalidState.set(false);
+    }
+    resolveSizeRequest(request) {
+        const seed = this.sizeEditorSeed();
+        if (!seed || !this.canCustomizeCanvas() || this.isCanvasWidgetInOverlay(seed.key))
+            return null;
+        const page = this.ensurePageDefinition();
+        const variant = this.resolveDeviceVariant(page.deviceLayouts);
+        const canvas = this.resolveCanvas(page.canvas, variant?.canvas);
+        const current = canvas?.items[seed.key];
+        if (!canvas || !current || current.constraints?.lockSize || this.resolveDeviceKind() !== seed.device
+            || canvas.columns !== seed.columns || !this.isSameCanvasItem(seed.item, current))
+            return null;
+        if (!Number.isSafeInteger(request.width) || !Number.isSafeInteger(request.height) || request.width < 1 || request.height < 1)
+            return null;
+        const colDelta = (request.width - current.colSpan) * (request.handle.includes('west') ? -1 : 1);
+        const rowDelta = (request.height - seed.height) * (request.handle.includes('north') ? -1 : 1);
+        const result = this.applyCanvasResize(current, { startItem: current, columns: canvas.columns,
+            resizeHandle: request.handle, contentHeight: seed.contentRows ? seed.height : undefined,
+            minimumContentHeight: this.measureCanvasMinimumHeight(seed.key) }, colDelta, rowDelta);
+        if (result.constrained)
+            return null;
+        if (current.constraints?.lockPosition && (result.item.col !== current.col || result.item.row !== current.row
+            || contentSize(result.item)?.offsetTopPx !== contentSize(current)?.offsetTopPx))
+            return null;
+        const placement = resolveCanvasResizePlacement(seed.key, result.item, canvas.items);
+        if (placement.limited)
+            return null;
+        return { item: result.item, canvas, page, key: seed.key };
     }
-    resizeCloseLabel() {
-        return this.t('controls.resizeClose', 'Fechar controles de tamanho');
+    previewCanvasSize(request) {
+        if (!request) {
+            this.clearSizePreview();
+            this.sizeEditorError.set(null);
+            return;
+        }
+        const resolved = this.resolveSizeRequest(request);
+        if (!resolved) {
+            this.clearSizePreview();
+            this.sizeEditorError.set(this.t('size.unavailable', 'Esse tamanho excede os limites ou o espaço disponível.'));
+            return;
+        }
+        this.sizeEditorError.set(null);
+        this.updateCanvasResize(resolved.key, resolved.item, resolved.canvas, resolved.page, false);
     }
-    resizeContextHelpLabel() {
-        return this.t('controls.resizeContextHelp', 'Arraste um controle ou use as setas do teclado. Esc fecha os controles.');
+    applyCanvasSize(request) {
+        const resolved = this.resolveSizeRequest(request);
+        if (!resolved) {
+            this.previewCanvasSize(request);
+            return;
+        }
+        this.updateCanvasResize(resolved.key, resolved.item, resolved.canvas, resolved.page, true, this.canvasAnnouncement('resize', resolved.key));
+        this.closeSizeEditor(true);
     }
-    resizePopoverGridArea(handle) {
-        const positions = {
-            north: '1 / 2', 'north-east': '1 / 3', east: '2 / 3', 'south-east': '3 / 3',
-            south: '3 / 2', 'south-west': '3 / 1', west: '2 / 1', 'north-west': '1 / 1',
-        };
-        return positions[handle];
+    hasCanvasResizeUndo(key) {
+        return this.lastCanvasResize()?.key === key;
+    }
+    canvasResizeUndoPage(key) {
+        const operation = this.lastCanvasResize();
+        if (!operation || operation.key !== key || !this.canCustomizeCanvas() || this.canvasInteractionActive())
+            return null;
+        const page = this.clonePageDefinition(this.ensurePageDefinition());
+        const device = this.resolveDeviceKind();
+        const scope = page.deviceLayouts?.[device]?.canvas ? device : 'base';
+        if (scope !== operation.scope)
+            return null;
+        const canvas = this.resolveCanvas(page.canvas, page.deviceLayouts?.[device]?.canvas);
+        if (!canvas || !this.sameJsonStructure({ ...canvas, items: {} }, { ...operation.canvas, items: {} }))
+            return null;
+        const target = this.resolveCanvasTarget(page);
+        const restored = { ...canvas.items };
+        for (const itemKey of Object.keys(operation.after)) {
+            const current = canvas.items[itemKey];
+            const previous = operation.canvas.items[itemKey];
+            if (!current || !previous || this.isCanvasWidgetInOverlay(itemKey)
+                || current.constraints?.lockSize
+                || !this.sameJsonStructure(current, operation.after[itemKey])
+                || !this.sameJsonStructure(target.items[itemKey], operation.authoredAfter[itemKey]))
+                return null;
+            if (!this.isSameCanvasItem(this.normalizeCanvasItem(previous, canvas.columns), previous))
+                return null;
+            const size = contentSize(previous);
+            if (size && size.heightPx < Math.max(contentHeightLimits(previous).min, this.measureCanvasMinimumHeight(itemKey) || 0))
+                return null;
+            restored[itemKey] = previous;
+        }
+        // Validate the complete inverse distribution against today's unrelated widgets.
+        for (const itemKey of Object.keys(operation.after)) {
+            if (Object.entries(restored).some(([otherKey, item]) => otherKey !== itemKey && this.canvasItemsOverlap(restored[itemKey], item)))
+                return null;
+        }
+        for (const itemKey of Object.keys(operation.after)) {
+            const original = operation.before[itemKey];
+            if (original)
+                target.items[itemKey] = structuredClone(original);
+            else
+                delete target.items[itemKey];
+        }
+        // Removing an inherited override must still resolve to the captured geometry.
+        const effective = this.resolveCanvas(page.canvas, page.deviceLayouts?.[device]?.canvas);
+        if (!effective || Object.keys(operation.after).some(itemKey => !this.sameJsonStructure(effective.items[itemKey], operation.canvas.items[itemKey])))
+            return null;
+        return page;
+    }
+    canUndoCanvasResize(key) {
+        return this.canvasResizeUndoPage(key) !== null;
+    }
+    undoCanvasResize(key) {
+        const page = this.canvasResizeUndoPage(key);
+        if (!page)
+            return;
+        this.lastCanvasResize.set(null);
+        this.closeSizeEditor(true);
+        this.applyAuthoringPageUpdate(page, true);
+        this.layoutAnnouncement = this.t('size.undoDone', 'Último redimensionamento desfeito, incluindo os vizinhos afetados.');
     }
     onSelectedCanvasResizePointerDown(handle, event) {
         const widget = this.selectedCanvasWidget();
@@ -42724,9 +43373,18 @@ class DynamicWidgetPageComponent {
             this.blockedCanvasWidgetKey = null;
             if (changed) {
                 const target = this.resolveCanvasTarget(page);
+                const affected = Object.keys(placement.items).filter(itemKey => !this.isSameCanvasItem(canvas.items[itemKey], placement.items[itemKey]));
+                const before = Object.fromEntries(affected.map(itemKey => [itemKey, target.items[itemKey] ? structuredClone(target.items[itemKey]) : undefined]));
                 for (const [itemKey, item] of Object.entries(placement.items)) {
                     target.items[itemKey] = { ...item, constraints: item.constraints ? { ...item.constraints } : undefined };
                 }
+                const device = this.resolveDeviceKind();
+                this.lastCanvasResize.set({
+                    key, scope: page.deviceLayouts?.[device]?.canvas ? device : 'base',
+                    canvas: structuredClone(canvas), before,
+                    after: Object.fromEntries(affected.map(itemKey => [itemKey, structuredClone(placement.items[itemKey])])),
+                    authoredAfter: Object.fromEntries(affected.map(itemKey => [itemKey, structuredClone(target.items[itemKey])])),
+                });
                 this.applyAuthoringPageUpdate(page, true);
             }
             this.layoutAnnouncement = this.positionedCanvasAnnouncement(!changed ? this.t('resizeFeedback.unchanged', 'Tamanho mantido — nenhum ajuste aplicado')
@@ -42849,15 +43507,6 @@ class DynamicWidgetPageComponent {
     resizeWidgetLabel() {
         return this.t('controls.resizeWidget', 'Redimensionar widget');
     }
-    resizeAlternativeLabel() {
-        return this.t('controls.resizeAlternative', 'Controles alternativos de tamanho');
-    }
-    resizeSelectLabel() {
-        return this.t('controls.resizeSelect', 'Selecione um widget');
-    }
-    resizeHelpLabel() {
-        return this.t('controls.resizeHelp', 'Selecione o widget. Arraste uma borda ou canto pelos botões, ou use as setas do teclado.');
-    }
     resizeHandleLabel(handle) {
         return this.t(`controls.resize.${handle}`, this.resizeWidgetLabel());
     }
@@ -43561,80 +44210,24 @@ class DynamicWidgetPageComponent {
           (click)="openPageSettings()"
         ></button>
       }
-      @if (canCustomizeCanvas() && isCanvasMode()) {
-        <details class="pdx-canvas-resize-alternative" data-testid="canvas-resize-alternative"
-          [attr.inert]="resizePopoverOrigin() && selectedCanvasWidget() ? '' : null">
-          <summary>{{ resizeAlternativeLabel() }}</summary>
-        <div class="pdx-canvas-tools" data-testid="canvas-resize-tools"
-          [attr.inert]="resizePopoverOrigin() && selectedCanvasWidget() ? '' : null"
-          [attr.data-resize-widget-key]="selectedCanvasWidget()?.key || null"
-          role="group" [attr.aria-label]="resizeWidgetLabel()">
-          <label class="pdx-canvas-tools-target">
-            <span>{{ resizeWidgetLabel() }}</span>
-            <select data-testid="canvas-resize-target"
-              [disabled]="canvasInteractionActive()"
-              (change)="selectCanvasResizeTarget($event)">
-              <option value="" disabled [selected]="!selectedCanvasWidget()">{{ resizeSelectLabel() }}</option>
-              @for (widget of widgets(); track widget.key) {
-                <option [value]="widget.key" [selected]="isWidgetSelected(widget.key)">{{ widgetContextLabel(widget) }}</option>
-              }
-            </select>
-          </label>
-          <div class="pdx-canvas-tools-directions">
-            @for (handle of canvasResizeHandles; track handle.id) {
-              <button class="pdx-canvas-resize" type="button"
-                [praxisIconButton]="'ms:' + handle.icon"
-                [attr.data-resize-handle]="handle.id"
-                [attr.aria-label]="resizeHandleLabel(handle.id)"
-                [matTooltip]="resizeHandleLabel(handle.id)"
-                [disabled]="!selectedCanvasWidget()"
-                (pointerdown)="onSelectedCanvasResizePointerDown(handle.id, $event)"
-                (keydown)="onSelectedCanvasResizeKeydown(handle.id, $event)">
-              </button>
-            }
-          </div>
-          <p class="pdx-canvas-tools-hint">{{ resizeHelpLabel() }}</p>
-        </div>
-        </details>
-      }
-      @if (resizePopoverOrigin(); as origin) {
-        @if (canCustomizeCanvas() && isCanvasMode() && selectedCanvasWidget(); as widget) {
-          <ng-template cdkConnectedOverlay #resizeOverlay="cdkConnectedOverlay"
-            [cdkConnectedOverlayOrigin]="origin"
-            [cdkConnectedOverlayOpen]="true"
-            [cdkConnectedOverlayPositions]="resizePopoverPositions"
-            [cdkConnectedOverlayPush]="true"
-            [cdkConnectedOverlayViewportMargin]="12"
-            [cdkConnectedOverlayHasBackdrop]="false"
-            (attach)="focusResizePopover(resizeOverlay.overlayRef.overlayElement)"
-            (detach)="closeResizePopover(false)"
-            (overlayOutsideClick)="onResizePopoverOutsideClick($event)"
-            (overlayKeydown)="onResizePopoverKeydown($event)">
-            <section class="pdx-resize-popover" data-testid="canvas-context-resize"
-              [class.pdx-resize-popover--gesturing]="!!contextualResizeHandle()"
-              role="region" [id]="resizePopoverId" [attr.aria-label]="resizeWidgetLabel()"
-              (pointerdown)="$event.stopPropagation()" (click)="$event.stopPropagation()">
-              <header>
-                <div><strong>{{ resizeWidgetLabel() }}</strong><span>{{ widgetContextLabel(widget) }}</span></div>
-                <button type="button" praxisIconButton="ms:close"
-                  [attr.aria-label]="resizeCloseLabel()" [matTooltip]="resizeCloseLabel()"
-                  (click)="closeResizePopover(true)"></button>
-              </header>
-              <div class="pdx-canvas-tools-directions">
-                @for (handle of contextualResizeHandles; track handle.id) {
-                  <button class="pdx-canvas-resize" type="button"
-                    [praxisIconButton]="'ms:' + handle.icon"
-                    [attr.data-resize-handle]="handle.id"
-                    [style.grid-area]="resizePopoverGridArea(handle.id)"
-                    [class.pdx-resize-active-handle]="contextualResizeHandle() === handle.id"
-                    [attr.aria-label]="resizeHandleLabel(handle.id)"
-                    [matTooltip]="resizeHandleLabel(handle.id)"
-                    [matTooltipDisabled]="!!contextualResizeHandle()"
-                    (pointerdown)="onSelectedCanvasResizePointerDown(handle.id, $event)"
-                    (keydown)="onSelectedCanvasResizeKeydown(handle.id, $event)"></button>
-                }
-              </div>
-              <p class="pdx-canvas-tools-hint">{{ resizeContextHelpLabel() }}</p>
+      @if (sizeEditorOrigin(); as origin) {
+        @if (sizeEditorSeed(); as seed) {
+          <ng-template cdkConnectedOverlay #sizeOverlay="cdkConnectedOverlay"
+            [cdkConnectedOverlayOrigin]="origin" [cdkConnectedOverlayOpen]="true"
+            [cdkConnectedOverlayPositions]="sizeEditorPositions" [cdkConnectedOverlayPush]="true"
+            [cdkConnectedOverlayViewportMargin]="16" [cdkConnectedOverlayHasBackdrop]="true"
+            cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop"
+            (backdropClick)="closeSizeEditor(true)" (overlayKeydown)="onSizeEditorKeydown($event)"
+            (attach)="focusSizeEditor(sizeOverlay.overlayRef)">
+            <section role="dialog" aria-modal="true" [attr.aria-label]="sizeEditorLabel()"
+              cdkTrapFocus data-testid="canvas-size-editor">
+              <praxis-canvas-size-editor [width]="seed.item.colSpan" [height]="seed.height"
+                [contentRows]="seed.contentRows" [widgetLabel]="sizeEditorWidgetLabel()"
+                [columns]="seed.columns" [hasUndo]="hasCanvasResizeUndo(seed.key)"
+                [canUndo]="canUndoCanvasResize(seed.key)" (undo)="undoCanvasResize(seed.key)"
+                [scopeLabel]="sizeEditorScopeLabel()" [error]="sizeEditorError()"
+                (preview)="previewCanvasSize($event)" (apply)="applyCanvasSize($event)"
+                (cancel)="closeSizeEditor(true)" />
             </section>
           </ng-template>
         }
@@ -43674,6 +44267,10 @@ class DynamicWidgetPageComponent {
             <div
               class="pdx-widget pdx-widget--canvas"
               [attr.data-widget-key]="w.key"
+              [attr.tabindex]="canCustomizeCanvas() ? 0 : null"
+              [attr.role]="canCustomizeCanvas() ? 'group' : null"
+              [attr.aria-label]="canCustomizeCanvas() ? canvasSelectionLabel(w.key) : null"
+              (keydown)="onCanvasSelectionKeydown(w.key, $event)"
               [attr.data-resize-feedback]="resizeFeedback(w.key)"
               [class.pdx-widget--interactive]="canSelectWidgets()"
               [class.pdx-widget--selected]="
@@ -43729,7 +44326,6 @@ class DynamicWidgetPageComponent {
               }
               @if (canShowCanvasEdges(w.key)) {
                 <div class="pdx-canvas-edges" data-testid="canvas-edge-controls"
-                  [attr.inert]="resizePopoverOrigin() ? '' : null"
                   role="group" [attr.aria-label]="resizeWidgetLabel()">
                   @for (handle of canvasResizeHandles; track handle.id) {
                     <button type="button" class="pdx-canvas-edge"
@@ -43745,11 +44341,10 @@ class DynamicWidgetPageComponent {
               }
               @if (shouldRenderWidgetContextOverlay(w)) {
                 <praxis-dynamic-widget-context-toolbar
-                  [showResize]="canCustomizeCanvas()"
-                  [resizeLabel]="resizeWidgetLabel()"
-                  [resizeControls]="resizePopoverId"
-                  [resizeExpanded]="!!resizePopoverOrigin() && isWidgetSelected(w.key)"
-                  (resize)="toggleResizePopover(w.key)"
+                  [showSize]="canCustomizeCanvas()"
+                  [sizeDisabled]="isCanvasSizeLocked(w.key)"
+                  [sizeLabel]="sizeEditorLabel()"
+                  (size)="openSizeEditor(w.key)"
                   [toolbarLabel]="widgetContextToolbarLabel(w.key)"
                   [contextLabel]="widgetContextLabel(w)"
                   [contextTooltip]="widgetContextTooltip(w)"
@@ -44051,7 +44646,7 @@ class DynamicWidgetPageComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;min-width:0}.pdx-page-wrapper{position:relative;display:block;background:var(--pdx-page-bg, transparent);color:var(--pdx-page-color, inherit)}.pdx-page{display:grid;gap:var(--pdx-page-gap, 12px);grid-template-columns:minmax(0,1fr)}.pdx-page--canvas{align-items:start;grid-auto-flow:dense}.pdx-page-wrapper.editing .pdx-page--canvas{padding-block-start:var(--pdx-canvas-context-toolbar-safe-area, 22px);padding-block-end:22px;padding-inline:22px;box-sizing:border-box}.pdx-page-settings{position:sticky;top:8px;z-index:2;color:inherit;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-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-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-selected:has(>.pdx-canvas-edges .pdx-canvas-edge:hover):after,.pdx-widget--canvas-selected:has(>.pdx-canvas-edges .pdx-canvas-edge:focus-visible):after,.pdx-page-wrapper:has(>.pdx-canvas-resize-alternative .pdx-canvas-resize:hover)>.pdx-page>.pdx-widget--canvas-selected:after,.pdx-page-wrapper:has(>.pdx-canvas-resize-alternative .pdx-canvas-resize:focus-visible)>.pdx-page>.pdx-widget--canvas-selected:after{opacity:.82}.pdx-canvas-resize-alternative>summary{display:list-item;width:fit-content;padding:12px;min-height:44px;box-sizing:border-box;cursor:pointer;font-size:12px;color:var(--md-sys-color-on-surface-variant)}[data-resize-feedback=valid]{--pdx-resize-feedback-color: #27864b}[data-resize-feedback=minimum]{--pdx-resize-feedback-color: #bc8a00}[data-resize-feedback=blocked]{--pdx-resize-feedback-color: var(--md-sys-color-error)}.pdx-widget--canvas[data-resize-feedback]:after{background:var(--pdx-resize-feedback-color);opacity:1;z-index:2}.pdx-resize-feedback{position:absolute;inset-inline:8px;bottom:8px;width:fit-content;max-width:calc(100% - 16px);box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:4px 8px;border:2px solid var(--pdx-resize-feedback-color);border-radius:8px;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);font-size:12px;line-height:18px;pointer-events:none;z-index:3}.pdx-resize-feedback mat-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px}.pdx-resize-feedback--floating{position:static;max-width:min(320px,calc(100vw - 24px));overflow-wrap:anywhere}.pdx-resize-feedback--floating strong{display:block}.pdx-canvas-edges{position:absolute;inset:0;pointer-events:none;z-index:2}.pdx-canvas-edge{position:absolute;display:grid;place-items:center;box-sizing:border-box;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--md-sys-color-primary);pointer-events:auto;touch-action:none;transform:translate(-50%,-50%)}.pdx-canvas-edge:after{content:\"\";width:8px;height:8px;border:2px solid currentColor;border-radius:2px;background:var(--md-sys-color-surface)}.pdx-canvas-edge:hover:after,.pdx-canvas-edge:focus-visible:after{background:var(--md-sys-color-primary-container)}.pdx-canvas-edge[data-canvas-edge=north-west]{left:0;top:0;cursor:nwse-resize}.pdx-canvas-edge[data-canvas-edge=north]{left:50%;top:0;cursor:ns-resize}.pdx-canvas-edge[data-canvas-edge=north-east]{left:100%;top:0;cursor:nesw-resize}.pdx-canvas-edge[data-canvas-edge=east]{left:100%;top:50%;cursor:ew-resize}.pdx-canvas-edge[data-canvas-edge=south-east]{left:100%;top:100%;cursor:nwse-resize}.pdx-canvas-edge[data-canvas-edge=south]{left:50%;top:100%;cursor:ns-resize}.pdx-canvas-edge[data-canvas-edge=south-west]{left:0;top:100%;cursor:nesw-resize}.pdx-canvas-edge[data-canvas-edge=west]{left:0;top:50%;cursor:ew-resize}.pdx-page-wrapper:has(>.pdx-page>.pdx-widget>praxis-widget-shell>.pdx-shell.expanded)>.pdx-page>.pdx-widget>.pdx-canvas-edges,.pdx-page-wrapper:has(>.pdx-page>.pdx-widget>praxis-widget-shell>.pdx-shell.fullscreen)>.pdx-page>.pdx-widget>.pdx-canvas-edges{display:none}.pdx-canvas-tools{container-type:inline-size;display:flex;flex-wrap:wrap;align-items:end;gap:8px 16px;padding:12px;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-low);border-radius:12px}.pdx-resize-popover{box-sizing:border-box;display:grid;gap:12px;width:248px;max-width:calc(100vw - 24px);padding:12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.pdx-resize-popover header{display:flex;align-items:start;gap:8px}.pdx-resize-popover header div{display:grid;gap:4px;flex:1;min-width:0}.pdx-resize-popover strong{font-size:13px}.pdx-resize-popover header span{font-size:12px;overflow-wrap:anywhere;color:var(--md-sys-color-on-surface-variant)}.pdx-resize-popover header button{flex:0 0 44px;width:44px;height:44px}.pdx-resize-popover .pdx-canvas-tools-directions{grid-template-columns:repeat(3,44px);justify-content:space-between}.pdx-resize-popover--gesturing{background:transparent;border-color:transparent;pointer-events:none}.pdx-resize-popover--gesturing header,.pdx-resize-popover--gesturing .pdx-canvas-tools-hint,.pdx-resize-popover--gesturing .pdx-canvas-resize{visibility:hidden}.pdx-resize-popover--gesturing .pdx-canvas-resize.pdx-resize-active-handle{visibility:visible;pointer-events:auto;background:var(--md-sys-color-surface-container-high)}.pdx-canvas-tools-target{display:grid;gap:4px;flex:1 1 220px;min-width:0;font-size:12px;font-weight:600}.pdx-canvas-tools-target select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font:inherit}.pdx-canvas-tools-directions{display:grid;grid-template-columns:repeat(4,44px);gap:4px;max-width:100%}@container (min-width: 650px){.pdx-canvas-tools-directions{grid-template-columns:repeat(8,44px)}}.pdx-canvas-tools-hint{flex-basis:100%;margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.pdx-page-wrapper:has(>.pdx-page>.pdx-widget>praxis-widget-shell>.pdx-shell.expanded)>.pdx-canvas-resize-alternative,.pdx-page-wrapper:has(>.pdx-page>.pdx-widget>praxis-widget-shell>.pdx-shell.fullscreen)>.pdx-canvas-resize-alternative{visibility:hidden}.pdx-canvas-resize{flex:0 0 44px;width:44px;height:44px;touch-action:none;cursor:grab}.pdx-canvas-resize:active{cursor:grabbing}.pdx-canvas-resize:focus-visible,.pdx-canvas-edge:focus-visible,.pdx-canvas-resize-alternative>summary:focus-visible,.pdx-canvas-tools-target select:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.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%)}@media(prefers-reduced-motion:reduce){.pdx-canvas-snap-preview{animation:none}.pdx-widget--canvas:after,.pdx-widget--canvas-selected:before,.pdx-widget--canvas-blocked:before{transition:none}}@media(forced-colors:active){.pdx-widget--canvas-selected:before{border:2px solid Highlight}.pdx-canvas-resize:focus-visible,.pdx-canvas-edge:focus-visible,.pdx-canvas-resize-alternative>summary:focus-visible,.pdx-canvas-tools-target select:focus-visible{outline-color:Highlight}}@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$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i4$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: DynamicWidgetContextToolbarComponent, selector: "praxis-dynamic-widget-context-toolbar", inputs: ["showResize", "resizeLabel", "resizeControls", "resizeExpanded", "toolbarLabel", "contextLabel", "contextTooltip", "showAssistant", "assistantLabel", "assistantTooltip", "showComponentSettings", "componentSettingsBusy", "componentSettingsLabel", "componentSettingsTooltip", "showShellSettings", "shellSettingsLabel", "shellSettingsTooltip", "showRemove", "moreActionsLabel", "removeLabel"], outputs: ["resize", "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"] }] });
+  `, isInline: true, styles: [":host{display:block;min-width:0}.pdx-page-wrapper{position:relative;display:block;background:var(--pdx-page-bg, transparent);color:var(--pdx-page-color, inherit)}.pdx-page{display:grid;gap:var(--pdx-page-gap, 12px);grid-template-columns:minmax(0,1fr)}.pdx-page--canvas{align-items:start;grid-auto-flow:dense}.pdx-page-wrapper.editing .pdx-page--canvas{padding-block-start:var(--pdx-canvas-context-toolbar-safe-area, 22px);padding-block-end:22px;padding-inline:22px;box-sizing:border-box}.pdx-page-settings{position:sticky;top:8px;z-index:2;color:inherit;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-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-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-selected:has(>.pdx-canvas-edges .pdx-canvas-edge:hover):after,.pdx-widget--canvas-selected:has(>.pdx-canvas-edges .pdx-canvas-edge:focus-visible):after{opacity:.82}[data-resize-feedback=valid]{--pdx-resize-feedback-color: #27864b}[data-resize-feedback=minimum]{--pdx-resize-feedback-color: #bc8a00}[data-resize-feedback=blocked]{--pdx-resize-feedback-color: var(--md-sys-color-error)}.pdx-widget--canvas[data-resize-feedback]:after{background:var(--pdx-resize-feedback-color);opacity:1;z-index:2}.pdx-resize-feedback{position:absolute;inset-inline:8px;bottom:8px;width:fit-content;max-width:calc(100% - 16px);box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:4px 8px;border:2px solid var(--pdx-resize-feedback-color);border-radius:8px;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);font-size:12px;line-height:18px;pointer-events:none;z-index:3}.pdx-resize-feedback mat-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px}.pdx-resize-feedback--floating{position:static;max-width:min(320px,calc(100vw - 24px));overflow-wrap:anywhere}.pdx-resize-feedback--floating strong{display:block}.pdx-canvas-edges{position:absolute;inset:0;pointer-events:none;z-index:5}.pdx-canvas-edge{position:absolute;display:grid;place-items:center;box-sizing:border-box;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--md-sys-color-primary);pointer-events:auto;touch-action:none;transform:translate(-50%,-50%)}.pdx-canvas-edge:after{content:\"\";width:8px;height:8px;border:2px solid currentColor;border-radius:2px;background:var(--md-sys-color-surface)}.pdx-canvas-edge:hover:after,.pdx-canvas-edge:focus-visible:after{background:var(--md-sys-color-primary-container)}.pdx-canvas-edge[data-canvas-edge=north-west]{left:0;top:0;cursor:nwse-resize}.pdx-canvas-edge[data-canvas-edge=north]{left:50%;top:0;cursor:ns-resize}.pdx-canvas-edge[data-canvas-edge=north-east]{left:100%;top:0;cursor:nesw-resize}.pdx-canvas-edge[data-canvas-edge=east]{left:100%;top:50%;cursor:ew-resize}.pdx-canvas-edge[data-canvas-edge=south-east]{left:100%;top:100%;cursor:nwse-resize}.pdx-canvas-edge[data-canvas-edge=south]{left:50%;top:100%;cursor:ns-resize}.pdx-canvas-edge[data-canvas-edge=south-west]{left:0;top:100%;cursor:nesw-resize}.pdx-canvas-edge[data-canvas-edge=west]{left:0;top:50%;cursor:ew-resize}.pdx-page-wrapper:has(>.pdx-page>.pdx-widget>praxis-widget-shell>.pdx-shell.expanded)>.pdx-page>.pdx-widget>.pdx-canvas-edges,.pdx-page-wrapper:has(>.pdx-page>.pdx-widget>praxis-widget-shell>.pdx-shell.fullscreen)>.pdx-page>.pdx-widget>.pdx-canvas-edges{display:none}.pdx-widget--canvas:focus-visible,.pdx-canvas-edge:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.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%)}@media(prefers-reduced-motion:reduce){.pdx-canvas-snap-preview{animation:none}.pdx-widget--canvas:after,.pdx-widget--canvas-selected:before,.pdx-widget--canvas-blocked:before{transition:none}}@media(forced-colors:active){.pdx-widget--canvas-selected:before{border:2px solid Highlight}.pdx-widget--canvas:focus-visible,.pdx-canvas-edge:focus-visible{outline-color:Highlight}}@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$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i4$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i5$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: CanvasSizeEditorComponent, selector: "praxis-canvas-size-editor", inputs: ["columns", "hasUndo", "canUndo", "width", "height", "contentRows", "widgetLabel", "scopeLabel", "error"], outputs: ["undo", "preview", "apply", "cancel"] }, { kind: "component", type: DynamicWidgetContextToolbarComponent, selector: "praxis-dynamic-widget-context-toolbar", inputs: ["showSize", "sizeDisabled", "sizeLabel", "toolbarLabel", "contextLabel", "contextTooltip", "showAssistant", "assistantLabel", "assistantTooltip", "showComponentSettings", "componentSettingsBusy", "componentSettingsLabel", "componentSettingsTooltip", "showShellSettings", "shellSettingsLabel", "shellSettingsTooltip", "showRemove", "moreActionsLabel", "removeLabel"], outputs: ["size", "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: "21.2.14", ngImport: i0, type: DynamicWidgetPageComponent, decorators: [{
             type: Component,
@@ -44064,6 +44659,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         MatTooltipModule,
                         PraxisIconButtonComponent,
                         OverlayModule,
+                        A11yModule,
+                        CanvasSizeEditorComponent,
                         DynamicWidgetContextToolbarComponent,
                         DynamicWidgetLoaderDirective,
                         WidgetShellComponent,
@@ -44088,80 +44685,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           (click)="openPageSettings()"
         ></button>
       }
-      @if (canCustomizeCanvas() && isCanvasMode()) {
-        <details class="pdx-canvas-resize-alternative" data-testid="canvas-resize-alternative"
-          [attr.inert]="resizePopoverOrigin() && selectedCanvasWidget() ? '' : null">
-          <summary>{{ resizeAlternativeLabel() }}</summary>
-        <div class="pdx-canvas-tools" data-testid="canvas-resize-tools"
-          [attr.inert]="resizePopoverOrigin() && selectedCanvasWidget() ? '' : null"
-          [attr.data-resize-widget-key]="selectedCanvasWidget()?.key || null"
-          role="group" [attr.aria-label]="resizeWidgetLabel()">
-          <label class="pdx-canvas-tools-target">
-            <span>{{ resizeWidgetLabel() }}</span>
-            <select data-testid="canvas-resize-target"
-              [disabled]="canvasInteractionActive()"
-              (change)="selectCanvasResizeTarget($event)">
-              <option value="" disabled [selected]="!selectedCanvasWidget()">{{ resizeSelectLabel() }}</option>
-              @for (widget of widgets(); track widget.key) {
-                <option [value]="widget.key" [selected]="isWidgetSelected(widget.key)">{{ widgetContextLabel(widget) }}</option>
-              }
-            </select>
-          </label>
-          <div class="pdx-canvas-tools-directions">
-            @for (handle of canvasResizeHandles; track handle.id) {
-              <button class="pdx-canvas-resize" type="button"
-                [praxisIconButton]="'ms:' + handle.icon"
-                [attr.data-resize-handle]="handle.id"
-                [attr.aria-label]="resizeHandleLabel(handle.id)"
-                [matTooltip]="resizeHandleLabel(handle.id)"
-                [disabled]="!selectedCanvasWidget()"
-                (pointerdown)="onSelectedCanvasResizePointerDown(handle.id, $event)"
-                (keydown)="onSelectedCanvasResizeKeydown(handle.id, $event)">
-              </button>
-            }
-          </div>
-          <p class="pdx-canvas-tools-hint">{{ resizeHelpLabel() }}</p>
-        </div>
-        </details>
-      }
-      @if (resizePopoverOrigin(); as origin) {
-        @if (canCustomizeCanvas() && isCanvasMode() && selectedCanvasWidget(); as widget) {
-          <ng-template cdkConnectedOverlay #resizeOverlay="cdkConnectedOverlay"
-            [cdkConnectedOverlayOrigin]="origin"
-            [cdkConnectedOverlayOpen]="true"
-            [cdkConnectedOverlayPositions]="resizePopoverPositions"
-            [cdkConnectedOverlayPush]="true"
-            [cdkConnectedOverlayViewportMargin]="12"
-            [cdkConnectedOverlayHasBackdrop]="false"
-            (attach)="focusResizePopover(resizeOverlay.overlayRef.overlayElement)"
-            (detach)="closeResizePopover(false)"
-            (overlayOutsideClick)="onResizePopoverOutsideClick($event)"
-            (overlayKeydown)="onResizePopoverKeydown($event)">
-            <section class="pdx-resize-popover" data-testid="canvas-context-resize"
-              [class.pdx-resize-popover--gesturing]="!!contextualResizeHandle()"
-              role="region" [id]="resizePopoverId" [attr.aria-label]="resizeWidgetLabel()"
-              (pointerdown)="$event.stopPropagation()" (click)="$event.stopPropagation()">
-              <header>
-                <div><strong>{{ resizeWidgetLabel() }}</strong><span>{{ widgetContextLabel(widget) }}</span></div>
-                <button type="button" praxisIconButton="ms:close"
-                  [attr.aria-label]="resizeCloseLabel()" [matTooltip]="resizeCloseLabel()"
-                  (click)="closeResizePopover(true)"></button>
-              </header>
-              <div class="pdx-canvas-tools-directions">
-                @for (handle of contextualResizeHandles; track handle.id) {
-                  <button class="pdx-canvas-resize" type="button"
-                    [praxisIconButton]="'ms:' + handle.icon"
-                    [attr.data-resize-handle]="handle.id"
-                    [style.grid-area]="resizePopoverGridArea(handle.id)"
-                    [class.pdx-resize-active-handle]="contextualResizeHandle() === handle.id"
-                    [attr.aria-label]="resizeHandleLabel(handle.id)"
-                    [matTooltip]="resizeHandleLabel(handle.id)"
-                    [matTooltipDisabled]="!!contextualResizeHandle()"
-                    (pointerdown)="onSelectedCanvasResizePointerDown(handle.id, $event)"
-                    (keydown)="onSelectedCanvasResizeKeydown(handle.id, $event)"></button>
-                }
-              </div>
-              <p class="pdx-canvas-tools-hint">{{ resizeContextHelpLabel() }}</p>
+      @if (sizeEditorOrigin(); as origin) {
+        @if (sizeEditorSeed(); as seed) {
+          <ng-template cdkConnectedOverlay #sizeOverlay="cdkConnectedOverlay"
+            [cdkConnectedOverlayOrigin]="origin" [cdkConnectedOverlayOpen]="true"
+            [cdkConnectedOverlayPositions]="sizeEditorPositions" [cdkConnectedOverlayPush]="true"
+            [cdkConnectedOverlayViewportMargin]="16" [cdkConnectedOverlayHasBackdrop]="true"
+            cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop"
+            (backdropClick)="closeSizeEditor(true)" (overlayKeydown)="onSizeEditorKeydown($event)"
+            (attach)="focusSizeEditor(sizeOverlay.overlayRef)">
+            <section role="dialog" aria-modal="true" [attr.aria-label]="sizeEditorLabel()"
+              cdkTrapFocus data-testid="canvas-size-editor">
+              <praxis-canvas-size-editor [width]="seed.item.colSpan" [height]="seed.height"
+                [contentRows]="seed.contentRows" [widgetLabel]="sizeEditorWidgetLabel()"
+                [columns]="seed.columns" [hasUndo]="hasCanvasResizeUndo(seed.key)"
+                [canUndo]="canUndoCanvasResize(seed.key)" (undo)="undoCanvasResize(seed.key)"
+                [scopeLabel]="sizeEditorScopeLabel()" [error]="sizeEditorError()"
+                (preview)="previewCanvasSize($event)" (apply)="applyCanvasSize($event)"
+                (cancel)="closeSizeEditor(true)" />
             </section>
           </ng-template>
         }
@@ -44201,6 +44742,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             <div
               class="pdx-widget pdx-widget--canvas"
               [attr.data-widget-key]="w.key"
+              [attr.tabindex]="canCustomizeCanvas() ? 0 : null"
+              [attr.role]="canCustomizeCanvas() ? 'group' : null"
+              [attr.aria-label]="canCustomizeCanvas() ? canvasSelectionLabel(w.key) : null"
+              (keydown)="onCanvasSelectionKeydown(w.key, $event)"
               [attr.data-resize-feedback]="resizeFeedback(w.key)"
               [class.pdx-widget--interactive]="canSelectWidgets()"
               [class.pdx-widget--selected]="
@@ -44256,7 +44801,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               }
               @if (canShowCanvasEdges(w.key)) {
                 <div class="pdx-canvas-edges" data-testid="canvas-edge-controls"
-                  [attr.inert]="resizePopoverOrigin() ? '' : null"
                   role="group" [attr.aria-label]="resizeWidgetLabel()">
                   @for (handle of canvasResizeHandles; track handle.id) {
                     <button type="button" class="pdx-canvas-edge"
@@ -44272,11 +44816,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               }
               @if (shouldRenderWidgetContextOverlay(w)) {
                 <praxis-dynamic-widget-context-toolbar
-                  [showResize]="canCustomizeCanvas()"
-                  [resizeLabel]="resizeWidgetLabel()"
-                  [resizeControls]="resizePopoverId"
-                  [resizeExpanded]="!!resizePopoverOrigin() && isWidgetSelected(w.key)"
-                  (resize)="toggleResizePopover(w.key)"
+                  [showSize]="canCustomizeCanvas()"
+                  [sizeDisabled]="isCanvasSizeLocked(w.key)"
+                  [sizeLabel]="sizeEditorLabel()"
+                  (size)="openSizeEditor(w.key)"
                   [toolbarLabel]="widgetContextToolbarLabel(w.key)"
                   [contextLabel]="widgetContextLabel(w)"
                   [contextTooltip]="widgetContextTooltip(w)"
@@ -44578,7 +45121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         </div>
       }
     </div>
-  `, styles: [":host{display:block;min-width:0}.pdx-page-wrapper{position:relative;display:block;background:var(--pdx-page-bg, transparent);color:var(--pdx-page-color, inherit)}.pdx-page{display:grid;gap:var(--pdx-page-gap, 12px);grid-template-columns:minmax(0,1fr)}.pdx-page--canvas{align-items:start;grid-auto-flow:dense}.pdx-page-wrapper.editing .pdx-page--canvas{padding-block-start:var(--pdx-canvas-context-toolbar-safe-area, 22px);padding-block-end:22px;padding-inline:22px;box-sizing:border-box}.pdx-page-settings{position:sticky;top:8px;z-index:2;color:inherit;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-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-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-selected:has(>.pdx-canvas-edges .pdx-canvas-edge:hover):after,.pdx-widget--canvas-selected:has(>.pdx-canvas-edges .pdx-canvas-edge:focus-visible):after,.pdx-page-wrapper:has(>.pdx-canvas-resize-alternative .pdx-canvas-resize:hover)>.pdx-page>.pdx-widget--canvas-selected:after,.pdx-page-wrapper:has(>.pdx-canvas-resize-alternative .pdx-canvas-resize:focus-visible)>.pdx-page>.pdx-widget--canvas-selected:after{opacity:.82}.pdx-canvas-resize-alternative>summary{display:list-item;width:fit-content;padding:12px;min-height:44px;box-sizing:border-box;cursor:pointer;font-size:12px;color:var(--md-sys-color-on-surface-variant)}[data-resize-feedback=valid]{--pdx-resize-feedback-color: #27864b}[data-resize-feedback=minimum]{--pdx-resize-feedback-color: #bc8a00}[data-resize-feedback=blocked]{--pdx-resize-feedback-color: var(--md-sys-color-error)}.pdx-widget--canvas[data-resize-feedback]:after{background:var(--pdx-resize-feedback-color);opacity:1;z-index:2}.pdx-resize-feedback{position:absolute;inset-inline:8px;bottom:8px;width:fit-content;max-width:calc(100% - 16px);box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:4px 8px;border:2px solid var(--pdx-resize-feedback-color);border-radius:8px;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);font-size:12px;line-height:18px;pointer-events:none;z-index:3}.pdx-resize-feedback mat-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px}.pdx-resize-feedback--floating{position:static;max-width:min(320px,calc(100vw - 24px));overflow-wrap:anywhere}.pdx-resize-feedback--floating strong{display:block}.pdx-canvas-edges{position:absolute;inset:0;pointer-events:none;z-index:2}.pdx-canvas-edge{position:absolute;display:grid;place-items:center;box-sizing:border-box;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--md-sys-color-primary);pointer-events:auto;touch-action:none;transform:translate(-50%,-50%)}.pdx-canvas-edge:after{content:\"\";width:8px;height:8px;border:2px solid currentColor;border-radius:2px;background:var(--md-sys-color-surface)}.pdx-canvas-edge:hover:after,.pdx-canvas-edge:focus-visible:after{background:var(--md-sys-color-primary-container)}.pdx-canvas-edge[data-canvas-edge=north-west]{left:0;top:0;cursor:nwse-resize}.pdx-canvas-edge[data-canvas-edge=north]{left:50%;top:0;cursor:ns-resize}.pdx-canvas-edge[data-canvas-edge=north-east]{left:100%;top:0;cursor:nesw-resize}.pdx-canvas-edge[data-canvas-edge=east]{left:100%;top:50%;cursor:ew-resize}.pdx-canvas-edge[data-canvas-edge=south-east]{left:100%;top:100%;cursor:nwse-resize}.pdx-canvas-edge[data-canvas-edge=south]{left:50%;top:100%;cursor:ns-resize}.pdx-canvas-edge[data-canvas-edge=south-west]{left:0;top:100%;cursor:nesw-resize}.pdx-canvas-edge[data-canvas-edge=west]{left:0;top:50%;cursor:ew-resize}.pdx-page-wrapper:has(>.pdx-page>.pdx-widget>praxis-widget-shell>.pdx-shell.expanded)>.pdx-page>.pdx-widget>.pdx-canvas-edges,.pdx-page-wrapper:has(>.pdx-page>.pdx-widget>praxis-widget-shell>.pdx-shell.fullscreen)>.pdx-page>.pdx-widget>.pdx-canvas-edges{display:none}.pdx-canvas-tools{container-type:inline-size;display:flex;flex-wrap:wrap;align-items:end;gap:8px 16px;padding:12px;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-low);border-radius:12px}.pdx-resize-popover{box-sizing:border-box;display:grid;gap:12px;width:248px;max-width:calc(100vw - 24px);padding:12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.pdx-resize-popover header{display:flex;align-items:start;gap:8px}.pdx-resize-popover header div{display:grid;gap:4px;flex:1;min-width:0}.pdx-resize-popover strong{font-size:13px}.pdx-resize-popover header span{font-size:12px;overflow-wrap:anywhere;color:var(--md-sys-color-on-surface-variant)}.pdx-resize-popover header button{flex:0 0 44px;width:44px;height:44px}.pdx-resize-popover .pdx-canvas-tools-directions{grid-template-columns:repeat(3,44px);justify-content:space-between}.pdx-resize-popover--gesturing{background:transparent;border-color:transparent;pointer-events:none}.pdx-resize-popover--gesturing header,.pdx-resize-popover--gesturing .pdx-canvas-tools-hint,.pdx-resize-popover--gesturing .pdx-canvas-resize{visibility:hidden}.pdx-resize-popover--gesturing .pdx-canvas-resize.pdx-resize-active-handle{visibility:visible;pointer-events:auto;background:var(--md-sys-color-surface-container-high)}.pdx-canvas-tools-target{display:grid;gap:4px;flex:1 1 220px;min-width:0;font-size:12px;font-weight:600}.pdx-canvas-tools-target select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font:inherit}.pdx-canvas-tools-directions{display:grid;grid-template-columns:repeat(4,44px);gap:4px;max-width:100%}@container (min-width: 650px){.pdx-canvas-tools-directions{grid-template-columns:repeat(8,44px)}}.pdx-canvas-tools-hint{flex-basis:100%;margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.pdx-page-wrapper:has(>.pdx-page>.pdx-widget>praxis-widget-shell>.pdx-shell.expanded)>.pdx-canvas-resize-alternative,.pdx-page-wrapper:has(>.pdx-page>.pdx-widget>praxis-widget-shell>.pdx-shell.fullscreen)>.pdx-canvas-resize-alternative{visibility:hidden}.pdx-canvas-resize{flex:0 0 44px;width:44px;height:44px;touch-action:none;cursor:grab}.pdx-canvas-resize:active{cursor:grabbing}.pdx-canvas-resize:focus-visible,.pdx-canvas-edge:focus-visible,.pdx-canvas-resize-alternative>summary:focus-visible,.pdx-canvas-tools-target select:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.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%)}@media(prefers-reduced-motion:reduce){.pdx-canvas-snap-preview{animation:none}.pdx-widget--canvas:after,.pdx-widget--canvas-selected:before,.pdx-widget--canvas-blocked:before{transition:none}}@media(forced-colors:active){.pdx-widget--canvas-selected:before{border:2px solid Highlight}.pdx-canvas-resize:focus-visible,.pdx-canvas-edge:focus-visible,.pdx-canvas-resize-alternative>summary:focus-visible,.pdx-canvas-tools-target select:focus-visible{outline-color:Highlight}}@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: [":host{display:block;min-width:0}.pdx-page-wrapper{position:relative;display:block;background:var(--pdx-page-bg, transparent);color:var(--pdx-page-color, inherit)}.pdx-page{display:grid;gap:var(--pdx-page-gap, 12px);grid-template-columns:minmax(0,1fr)}.pdx-page--canvas{align-items:start;grid-auto-flow:dense}.pdx-page-wrapper.editing .pdx-page--canvas{padding-block-start:var(--pdx-canvas-context-toolbar-safe-area, 22px);padding-block-end:22px;padding-inline:22px;box-sizing:border-box}.pdx-page-settings{position:sticky;top:8px;z-index:2;color:inherit;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-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-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-selected:has(>.pdx-canvas-edges .pdx-canvas-edge:hover):after,.pdx-widget--canvas-selected:has(>.pdx-canvas-edges .pdx-canvas-edge:focus-visible):after{opacity:.82}[data-resize-feedback=valid]{--pdx-resize-feedback-color: #27864b}[data-resize-feedback=minimum]{--pdx-resize-feedback-color: #bc8a00}[data-resize-feedback=blocked]{--pdx-resize-feedback-color: var(--md-sys-color-error)}.pdx-widget--canvas[data-resize-feedback]:after{background:var(--pdx-resize-feedback-color);opacity:1;z-index:2}.pdx-resize-feedback{position:absolute;inset-inline:8px;bottom:8px;width:fit-content;max-width:calc(100% - 16px);box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:4px 8px;border:2px solid var(--pdx-resize-feedback-color);border-radius:8px;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);font-size:12px;line-height:18px;pointer-events:none;z-index:3}.pdx-resize-feedback mat-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px}.pdx-resize-feedback--floating{position:static;max-width:min(320px,calc(100vw - 24px));overflow-wrap:anywhere}.pdx-resize-feedback--floating strong{display:block}.pdx-canvas-edges{position:absolute;inset:0;pointer-events:none;z-index:5}.pdx-canvas-edge{position:absolute;display:grid;place-items:center;box-sizing:border-box;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--md-sys-color-primary);pointer-events:auto;touch-action:none;transform:translate(-50%,-50%)}.pdx-canvas-edge:after{content:\"\";width:8px;height:8px;border:2px solid currentColor;border-radius:2px;background:var(--md-sys-color-surface)}.pdx-canvas-edge:hover:after,.pdx-canvas-edge:focus-visible:after{background:var(--md-sys-color-primary-container)}.pdx-canvas-edge[data-canvas-edge=north-west]{left:0;top:0;cursor:nwse-resize}.pdx-canvas-edge[data-canvas-edge=north]{left:50%;top:0;cursor:ns-resize}.pdx-canvas-edge[data-canvas-edge=north-east]{left:100%;top:0;cursor:nesw-resize}.pdx-canvas-edge[data-canvas-edge=east]{left:100%;top:50%;cursor:ew-resize}.pdx-canvas-edge[data-canvas-edge=south-east]{left:100%;top:100%;cursor:nwse-resize}.pdx-canvas-edge[data-canvas-edge=south]{left:50%;top:100%;cursor:ns-resize}.pdx-canvas-edge[data-canvas-edge=south-west]{left:0;top:100%;cursor:nesw-resize}.pdx-canvas-edge[data-canvas-edge=west]{left:0;top:50%;cursor:ew-resize}.pdx-page-wrapper:has(>.pdx-page>.pdx-widget>praxis-widget-shell>.pdx-shell.expanded)>.pdx-page>.pdx-widget>.pdx-canvas-edges,.pdx-page-wrapper:has(>.pdx-page>.pdx-widget>praxis-widget-shell>.pdx-shell.fullscreen)>.pdx-page>.pdx-widget>.pdx-canvas-edges{display:none}.pdx-widget--canvas:focus-visible,.pdx-canvas-edge:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.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%)}@media(prefers-reduced-motion:reduce){.pdx-canvas-snap-preview{animation:none}.pdx-widget--canvas:after,.pdx-widget--canvas-selected:before,.pdx-widget--canvas-blocked:before{transition:none}}@media(forced-colors:active){.pdx-widget--canvas-selected:before{border:2px solid Highlight}.pdx-widget--canvas:focus-visible,.pdx-canvas-edge:focus-visible{outline-color:Highlight}}@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']
@@ -45683,7 +46226,7 @@ class PraxisRelatedResourceOutletComponent {
         </div>
       }
     </section>
-  `, isInline: true, styles: [":host{display:block;min-width:0}.pdx-related-outlet{display:block;min-width:0;color:var(--md-sys-color-on-surface, currentColor)}.pdx-related-outlet__state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--pdx-related-outlet-gap, 12px);min-height:var(--pdx-related-outlet-min-height, 64px);padding:var(--pdx-related-outlet-padding, 12px);border:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .16));border-radius:var(--pdx-related-outlet-radius, 8px);background:var(--md-sys-color-surface-container-low, var(--md-sys-color-surface, transparent))}.pdx-related-outlet--compact .pdx-related-outlet__state{min-height:var(--pdx-related-outlet-compact-min-height, 48px);padding:var(--pdx-related-outlet-compact-padding, 8px 10px)}.pdx-related-outlet__state--ready{border-color:var(--md-sys-color-primary, currentColor)}.pdx-related-outlet__icon{display:inline-grid;place-items:center;width:32px;height:32px;color:var(--md-sys-color-primary, currentColor)}.pdx-related-outlet__state--busy .pdx-related-outlet__icon{color:var(--md-sys-color-secondary, currentColor)}.pdx-related-outlet__copy{display:grid;gap:2px;min-width:0}.pdx-related-outlet__copy h3,.pdx-related-outlet__copy p{margin:0}.pdx-related-outlet__copy h3{font:var(--md-sys-typescale-title-small, 600 .95rem/1.25rem system-ui);color:var(--md-sys-color-on-surface, currentColor)}.pdx-related-outlet__copy p{font:var(--md-sys-typescale-body-small, 400 .82rem/1.15rem system-ui);color:var(--md-sys-color-on-surface-variant, currentColor)}@media(max-width:600px){.pdx-related-outlet__state{grid-template-columns:auto minmax(0,1fr)}.pdx-related-outlet__state button{grid-column:1 / -1;justify-self:start}}\n"], dependencies: [{ kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "ownerWidgetKey", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent", "widgetDiagnostic"], exportAs: ["dynamicWidgetLoader"] }, { 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: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
+  `, isInline: true, styles: [":host{display:block;min-width:0}.pdx-related-outlet{display:block;min-width:0;color:var(--md-sys-color-on-surface, currentColor)}.pdx-related-outlet__state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--pdx-related-outlet-gap, 12px);min-height:var(--pdx-related-outlet-min-height, 64px);padding:var(--pdx-related-outlet-padding, 12px);border:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .16));border-radius:var(--pdx-related-outlet-radius, 8px);background:var(--md-sys-color-surface-container-low, var(--md-sys-color-surface, transparent))}.pdx-related-outlet--compact .pdx-related-outlet__state{min-height:var(--pdx-related-outlet-compact-min-height, 48px);padding:var(--pdx-related-outlet-compact-padding, 8px 10px)}.pdx-related-outlet__state--ready{border-color:var(--md-sys-color-primary, currentColor)}.pdx-related-outlet__icon{display:inline-grid;place-items:center;width:32px;height:32px;color:var(--md-sys-color-primary, currentColor)}.pdx-related-outlet__state--busy .pdx-related-outlet__icon{color:var(--md-sys-color-secondary, currentColor)}.pdx-related-outlet__copy{display:grid;gap:2px;min-width:0}.pdx-related-outlet__copy h3,.pdx-related-outlet__copy p{margin:0}.pdx-related-outlet__copy h3{font:var(--md-sys-typescale-title-small, 600 .95rem/1.25rem system-ui);color:var(--md-sys-color-on-surface, currentColor)}.pdx-related-outlet__copy p{font:var(--md-sys-typescale-body-small, 400 .82rem/1.15rem system-ui);color:var(--md-sys-color-on-surface-variant, currentColor)}@media(max-width:600px){.pdx-related-outlet__state{grid-template-columns:auto minmax(0,1fr)}.pdx-related-outlet__state button{grid-column:1 / -1;justify-self:start}}\n"], dependencies: [{ kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "ownerWidgetKey", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent", "widgetDiagnostic"], exportAs: ["dynamicWidgetLoader"] }, { 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: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3$2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisRelatedResourceOutletComponent, decorators: [{
             type: Component,
@@ -45946,7 +46489,7 @@ class PraxisIconPickerComponent {
       }
     </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$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.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: i1$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: i3.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$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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: i1$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: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisIconPickerComponent, decorators: [{
             type: Component,
@@ -46568,7 +47111,7 @@ class PraxisRelatedResourceOutletConfigEditorComponent {
         </span>
       </aside>
     </form>
-  `, isInline: true, styles: [":host{display:block;color:var(--md-sys-color-on-surface, currentColor)}.pdx-related-outlet-editor{display:grid;gap:var(--pdx-spacing-lg, 24px);padding:var(--pdx-spacing-md, 16px)}.pdx-related-outlet-editor__header,.pdx-related-outlet-editor__boundary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--pdx-spacing-sm, 12px)}.pdx-related-outlet-editor__header-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--md-sys-shape-corner-medium, 12px);color:var(--md-sys-color-primary, currentColor);background:var(--md-sys-color-primary-container, transparent)}.pdx-related-outlet-editor__header strong,.pdx-related-outlet-editor__boundary strong,.pdx-related-outlet-editor__header small,.pdx-related-outlet-editor__boundary small{display:block}.pdx-related-outlet-editor__header strong{font:var(--md-sys-typescale-title-medium, 600 1rem/1.4 system-ui)}.pdx-related-outlet-editor__header small,.pdx-related-outlet-editor__boundary small,.pdx-related-outlet-editor__section-heading p{color:var(--md-sys-color-on-surface-variant, currentColor)}.pdx-related-outlet-editor__section{display:grid;gap:var(--pdx-spacing-md, 16px)}.pdx-related-outlet-editor__section-heading h3,.pdx-related-outlet-editor__section-heading p{margin:0}.pdx-related-outlet-editor__section-heading h3{font:var(--md-sys-typescale-title-small, 600 .95rem/1.3 system-ui)}.pdx-related-outlet-editor__section-heading p{margin-top:4px;font:var(--md-sys-typescale-body-small, 400 .82rem/1.35 system-ui)}.pdx-related-outlet-editor__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-spacing-sm, 12px)}.pdx-related-outlet-editor__wide{grid-column:1 / -1}.pdx-related-outlet-editor__choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-spacing-md, 16px)}.pdx-related-outlet-editor__appearance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--pdx-spacing-sm, 12px)}.pdx-related-outlet-editor__appearance-cluster{display:grid;align-content:start;gap:var(--pdx-spacing-sm, 12px);min-width:0}.pdx-related-outlet-editor__appearance-cluster--wide{grid-column:1 / -1}.pdx-related-outlet-editor__appearance-cluster mat-button-toggle-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr))}.pdx-related-outlet-editor__appearance-cluster mat-button-toggle{min-height:44px}.pdx-related-outlet-editor__density-cluster{gap:var(--pdx-spacing-md, 16px)}fieldset{min-width:0;margin:0;padding:0;border:0}legend{margin-bottom:8px;font:var(--md-sys-typescale-label-large, 500 .88rem/1.2 system-ui)}mat-button-toggle-group{width:100%}mat-button-toggle{flex:1 1 0}mat-button-toggle mat-icon{margin-right:6px}.pdx-related-outlet-editor__boundary{padding:var(--pdx-spacing-sm, 12px);border:1px solid var(--md-sys-color-outline-variant, currentColor);border-radius:var(--md-sys-shape-corner-medium, 12px);background:var(--md-sys-color-surface-container-low, transparent)}.pdx-related-outlet-editor__boundary mat-icon{color:var(--md-sys-color-on-surface-variant, currentColor)}@media(max-width:640px){.pdx-related-outlet-editor__fields,.pdx-related-outlet-editor__choice-grid{grid-template-columns:minmax(0,1fr)}.pdx-related-outlet-editor__wide{grid-column:auto}mat-button-toggle-group{display:grid}}@media(max-width:420px){.pdx-related-outlet-editor__appearance-cluster mat-button-toggle-group{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { 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: MatButtonToggleModule }, { kind: "directive", type: i3$2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i3$2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$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: 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;color:var(--md-sys-color-on-surface, currentColor)}.pdx-related-outlet-editor{display:grid;gap:var(--pdx-spacing-lg, 24px);padding:var(--pdx-spacing-md, 16px)}.pdx-related-outlet-editor__header,.pdx-related-outlet-editor__boundary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--pdx-spacing-sm, 12px)}.pdx-related-outlet-editor__header-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--md-sys-shape-corner-medium, 12px);color:var(--md-sys-color-primary, currentColor);background:var(--md-sys-color-primary-container, transparent)}.pdx-related-outlet-editor__header strong,.pdx-related-outlet-editor__boundary strong,.pdx-related-outlet-editor__header small,.pdx-related-outlet-editor__boundary small{display:block}.pdx-related-outlet-editor__header strong{font:var(--md-sys-typescale-title-medium, 600 1rem/1.4 system-ui)}.pdx-related-outlet-editor__header small,.pdx-related-outlet-editor__boundary small,.pdx-related-outlet-editor__section-heading p{color:var(--md-sys-color-on-surface-variant, currentColor)}.pdx-related-outlet-editor__section{display:grid;gap:var(--pdx-spacing-md, 16px)}.pdx-related-outlet-editor__section-heading h3,.pdx-related-outlet-editor__section-heading p{margin:0}.pdx-related-outlet-editor__section-heading h3{font:var(--md-sys-typescale-title-small, 600 .95rem/1.3 system-ui)}.pdx-related-outlet-editor__section-heading p{margin-top:4px;font:var(--md-sys-typescale-body-small, 400 .82rem/1.35 system-ui)}.pdx-related-outlet-editor__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-spacing-sm, 12px)}.pdx-related-outlet-editor__wide{grid-column:1 / -1}.pdx-related-outlet-editor__choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-spacing-md, 16px)}.pdx-related-outlet-editor__appearance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--pdx-spacing-sm, 12px)}.pdx-related-outlet-editor__appearance-cluster{display:grid;align-content:start;gap:var(--pdx-spacing-sm, 12px);min-width:0}.pdx-related-outlet-editor__appearance-cluster--wide{grid-column:1 / -1}.pdx-related-outlet-editor__appearance-cluster mat-button-toggle-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr))}.pdx-related-outlet-editor__appearance-cluster mat-button-toggle{min-height:44px}.pdx-related-outlet-editor__density-cluster{gap:var(--pdx-spacing-md, 16px)}fieldset{min-width:0;margin:0;padding:0;border:0}legend{margin-bottom:8px;font:var(--md-sys-typescale-label-large, 500 .88rem/1.2 system-ui)}mat-button-toggle-group{width:100%}mat-button-toggle{flex:1 1 0}mat-button-toggle mat-icon{margin-right:6px}.pdx-related-outlet-editor__boundary{padding:var(--pdx-spacing-sm, 12px);border:1px solid var(--md-sys-color-outline-variant, currentColor);border-radius:var(--md-sys-shape-corner-medium, 12px);background:var(--md-sys-color-surface-container-low, transparent)}.pdx-related-outlet-editor__boundary mat-icon{color:var(--md-sys-color-on-surface-variant, currentColor)}@media(max-width:640px){.pdx-related-outlet-editor__fields,.pdx-related-outlet-editor__choice-grid{grid-template-columns:minmax(0,1fr)}.pdx-related-outlet-editor__wide{grid-column:auto}mat-button-toggle-group{display:grid}}@media(max-width:420px){.pdx-related-outlet-editor__appearance-cluster mat-button-toggle-group{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { 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: MatButtonToggleModule }, { kind: "directive", type: i3$3.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i3$3.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { 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.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$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: 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisRelatedResourceOutletConfigEditorComponent, decorators: [{
             type: Component,
@@ -47456,6 +47999,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
 
 class ResourceQuickConnectComponent {
     resourcePath = '';
+    selector;
+    registry = this.optionalInject(ComponentMetadataRegistry);
+    discovery = this.optionalInject(ResourceDiscoveryService);
+    i18n = this.optionalInject(PraxisI18nService);
+    cdr = this.optionalInject(ChangeDetectorRef);
+    selectorType = this.registry?.get('pdx-material-select')?.component;
+    selectorInputs;
+    catalogLoading = false;
+    catalogError = false;
+    accessor;
+    tx(key) { return this.i18n?.t(`quickConnect.${key}`, undefined, key, 'resourceDiscovery') ?? key; }
+    ngAfterViewChecked() {
+        const instance = this.selector?.componentInstance;
+        if (!instance || instance === this.accessor || !instance.registerOnChange || !instance.writeValue)
+            return;
+        instance.setInputMetadata?.(this.selectorInputs?.['metadata']);
+        this.accessor = instance;
+        this.accessor.writeValue(this.normalizedPath());
+        this.accessor.registerOnChange((value) => {
+            this.resourcePath = typeof value === 'string' ? value : '';
+            this.updateState();
+        });
+    }
+    async loadCatalog() {
+        if (!this.discovery || !this.selectorType)
+            return;
+        this.catalogLoading = true;
+        this.catalogError = false;
+        this.cdr?.markForCheck();
+        try {
+            const catalog = await firstValueFrom(this.discovery.getSchemaCatalog().pipe(timeout(30000)));
+            const resources = new Map();
+            for (const endpoint of catalog.endpoints ?? []) {
+                // Ground only declared resource-level capability endpoints; never infer user intent.
+                if (endpoint.method !== 'GET' || !endpoint.resourceKey || !endpoint.path.startsWith('/')
+                    || endpoint.path.startsWith('//') || endpoint.path.includes('{') || !endpoint.path.endsWith('/capabilities'))
+                    continue;
+                const value = endpoint.path.slice(0, -'/capabilities'.length);
+                resources.set(value, { value, label: endpoint.resourceVisual?.title || endpoint.resourceKey });
+            }
+            this.selectorInputs = resources.size ? { metadata: {
+                    name: 'resourcePath', label: this.tx('resource'), type: 'string', controlType: 'select', searchable: true,
+                    selectOptions: [...resources.values()].sort((a, b) => a.label.localeCompare(b.label)),
+                } } : undefined;
+        }
+        catch {
+            this.catalogError = true;
+        }
+        finally {
+            this.catalogLoading = false;
+            this.cdr?.markForCheck();
+        }
+    }
+    optionalInject(token) {
+        try {
+            return inject(token, { optional: true });
+        }
+        catch {
+            return null;
+        }
+    }
     isDirty$ = new BehaviorSubject(false);
     isValid$ = new BehaviorSubject(false);
     isBusy$ = new BehaviorSubject(false);
@@ -47463,9 +48067,11 @@ class ResourceQuickConnectComponent {
     // When used standalone, consumers can bind [(resourcePath)].
     ngOnInit() {
         this.updateValidity();
+        void this.loadCatalog();
     }
     ngOnChanges() {
         this.updateValidity();
+        this.accessor?.writeValue(this.normalizedPath());
     }
     updateState() {
         this.isDirty$.next(true);
@@ -47501,57 +48107,54 @@ class ResourceQuickConnectComponent {
         return /^\/?[a-zA-Z0-9][a-zA-Z0-9/_-]*$/.test(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ResourceQuickConnectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ResourceQuickConnectComponent, isStandalone: true, selector: "praxis-resource-quick-connect", inputs: { resourcePath: "resourcePath" }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ResourceQuickConnectComponent, isStandalone: true, selector: "praxis-resource-quick-connect", inputs: { resourcePath: "resourcePath" }, providers: [providePraxisI18nConfig(RESOURCE_DISCOVERY_I18N_CONFIG)], viewQueries: [{ propertyName: "selector", first: true, predicate: NgComponentOutlet, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div class="pdx-quick-connect">
-      <mat-form-field appearance="outline">
-        <mat-label>Rota do recurso (API)</mat-label>
-        <input
-          matInput
-          [(ngModel)]="resourcePath"
-          (ngModelChange)="updateState()"
-          placeholder="ex.: human-resources/departamentos"
-          />
-        <mat-icon matSuffix [praxisIcon]="'link'"></mat-icon>
-        @if (showInvalid()) {
-          <mat-error>Use apenas letras, números, /, - ou _.</mat-error>
-        }
-      </mat-form-field>
-      <small class="pdx-quick-connect__hint">Conecte o componente à fonte de dados (ex.: /api/&lt;rota-do-recurso&gt;)</small>
-      @if (normalizedPath() && normalizedPath() !== resourcePath) {
-        <small class="pdx-quick-connect__hint">
-          Rota normalizada: {{ normalizedPath() }}
-        </small>
+      @if (catalogLoading) { <p role="status">{{ tx('loading') }}</p> }
+      @if (catalogError) { <p role="status">{{ tx('unavailable') }}</p><button type="button" (click)="loadCatalog()">{{ tx('retry') }}</button> }
+      @if (selectorType && selectorInputs) {
+        <ng-container *ngComponentOutlet="selectorType" />
+        <small>{{ tx('hint') }}</small>
       }
+      @if (!catalogLoading && !catalogError && !selectorInputs) { <p role="status">{{ tx('empty') }}</p> }
+      <details [open]="!selectorType">
+        <summary>{{ tx('advanced') }}</summary>
+        <mat-form-field appearance="outline">
+          <mat-label>{{ tx('path') }}</mat-label>
+          <input matInput [(ngModel)]="resourcePath" (ngModelChange)="updateState()" />
+          <mat-icon matSuffix [praxisIcon]="'link'"></mat-icon>
+          @if (showInvalid()) { <mat-error>{{ tx('invalid') }}</mat-error> }
+        </mat-form-field>
+      </details>
     </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: FormsModule }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.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: i1$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: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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: i1$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: "21.2.14", ngImport: i0, type: ResourceQuickConnectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'praxis-resource-quick-connect', standalone: true, imports: [FormsModule, MatFormFieldModule, MatInputModule, MatIconModule, PraxisIconDirective], template: `
+            args: [{ selector: 'praxis-resource-quick-connect', changeDetection: ChangeDetectionStrategy.OnPush, providers: [providePraxisI18nConfig(RESOURCE_DISCOVERY_I18N_CONFIG)], imports: [NgComponentOutlet, FormsModule, MatFormFieldModule, MatInputModule, MatIconModule, PraxisIconDirective], template: `
     <div class="pdx-quick-connect">
-      <mat-form-field appearance="outline">
-        <mat-label>Rota do recurso (API)</mat-label>
-        <input
-          matInput
-          [(ngModel)]="resourcePath"
-          (ngModelChange)="updateState()"
-          placeholder="ex.: human-resources/departamentos"
-          />
-        <mat-icon matSuffix [praxisIcon]="'link'"></mat-icon>
-        @if (showInvalid()) {
-          <mat-error>Use apenas letras, números, /, - ou _.</mat-error>
-        }
-      </mat-form-field>
-      <small class="pdx-quick-connect__hint">Conecte o componente à fonte de dados (ex.: /api/&lt;rota-do-recurso&gt;)</small>
-      @if (normalizedPath() && normalizedPath() !== resourcePath) {
-        <small class="pdx-quick-connect__hint">
-          Rota normalizada: {{ normalizedPath() }}
-        </small>
+      @if (catalogLoading) { <p role="status">{{ tx('loading') }}</p> }
+      @if (catalogError) { <p role="status">{{ tx('unavailable') }}</p><button type="button" (click)="loadCatalog()">{{ tx('retry') }}</button> }
+      @if (selectorType && selectorInputs) {
+        <ng-container *ngComponentOutlet="selectorType" />
+        <small>{{ tx('hint') }}</small>
       }
+      @if (!catalogLoading && !catalogError && !selectorInputs) { <p role="status">{{ tx('empty') }}</p> }
+      <details [open]="!selectorType">
+        <summary>{{ tx('advanced') }}</summary>
+        <mat-form-field appearance="outline">
+          <mat-label>{{ tx('path') }}</mat-label>
+          <input matInput [(ngModel)]="resourcePath" (ngModelChange)="updateState()" />
+          <mat-icon matSuffix [praxisIcon]="'link'"></mat-icon>
+          @if (showInvalid()) { <mat-error>{{ tx('invalid') }}</mat-error> }
+        </mat-form-field>
+      </details>
     </div>
     `, 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"] }]
         }], propDecorators: { resourcePath: [{
                 type: Input
+            }], selector: [{
+                type: ViewChild,
+                args: [NgComponentOutlet]
             }] } });
 
 /** Optional DI token used by SchemaViewer when input is not provided. */
@@ -48468,4 +49071,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, COMPONENT_METADATA_REGISTRY_I18N_CONFIG, COMPONENT_METADATA_REGISTRY_I18N_NAMESPACE, CONFIG_STORAGE, CONNECTION_STORAGE, ComponentAuthoringManifestProjectionError, ComponentKeyService, ComponentMetadataRegistry, ComponentRuntimeProfileService, CompositionRuntimeFacade, CompositionValidatorService, 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, EnterpriseRuntimeContextService, 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_ACTION_CONTROL_DEFAULTS, PRAXIS_ACTION_CONTROL_VARS, PRAXIS_COLLECTION_EXPORT_HTTP_OPTIONS, PRAXIS_COLLECTION_EXPORT_PROVIDER, PRAXIS_COLLECTION_SEARCH_DEFAULTS, PRAXIS_COLLECTION_SEARCH_VARS, PRAXIS_CORPORATE_SENSITIVE_KEYS, PRAXIS_DEFAULT_EXPORT_SECURITY_POLICY, PRAXIS_DEFAULT_OBSERVABILITY_ALERT_RULES, PRAXIS_DYNAMIC_PAGE_COMPONENT_METADATA, PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_OPTIONS, PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_READY, 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_QUERY_FILTER_EXPRESSION_SCHEMA_VERSION, PRAXIS_RELATED_RESOURCE_OUTLET_AUTHORING_MANIFEST, PRAXIS_RELATED_RESOURCE_OUTLET_COMPONENT_METADATA, PRAXIS_RELATED_RESOURCE_OUTLET_PORTS, PRAXIS_RICH_TEXT_BLOCK_METADATA, PRAXIS_TABLE_DETAIL_INLINE_NODE_RESOLVERS, PRAXIS_TABLE_DETAIL_INLINE_RENDERERS, PRAXIS_TABLE_DETAIL_RESOURCE_RESOLVER, PRAXIS_TELEMETRY_TRANSPORT, PRAXIS_THEME_SURFACE_DEFAULTS, PRAXIS_THEME_SURFACE_VARS, PRAXIS_USER_CONTEXT_SUMMARY_METADATA, PRIVACY_CONSENT_EDITORIAL_SOLUTION, PRIVACY_CONSENT_EDITORIAL_TEMPLATE, PraxisCollectionExportService, PraxisCore, PraxisFooterLinksComponent, PraxisGlobalErrorHandler, PraxisHeroBannerComponent, PraxisHttpCollectionExportProvider, PraxisI18nService, PraxisIconButtonComponent, PraxisIconDirective, PraxisIconPickerComponent, PraxisJsonLogicError, PraxisJsonLogicService, PraxisLayerScaleStyleService, PraxisLegalNoticeComponent, PraxisLoadingInterceptor, PraxisRelatedResourceOutletComponent, PraxisRelatedResourceOutletConfigEditorComponent, PraxisResourceIdentityComponent, PraxisRichTextBlockComponent, PraxisRuntimeComponentObservationRegistryService, PraxisSurfaceHostComponent, PraxisUserContextSummaryComponent, RESOURCE_DISCOVERY_I18N_CONFIG, RESOURCE_DISCOVERY_I18N_NAMESPACE, RULE_PROPERTY_SCHEMA, RelatedResourceSurfaceResolverService, RemoteConfigStorage, ResourceActionOpenAdapterService, ResourceDiscoveryService, ResourceQuickConnectComponent, ResourceRecordOpenError, ResourceRecordOpenService, ResourceSurfaceOpenAdapterService, SCHEMA_VIEWER_CONTEXT, SETTINGS_PANEL_BRIDGE, SETTINGS_PANEL_DATA, STEPPER_CONFIG_EDITOR, SURFACE_DRAWER_BRIDGE, SURFACE_DRAWER_CONTENT_DATA, SURFACE_DRAWER_REF, SURFACE_NAVIGATION_I18N_CONFIG, SURFACE_NAVIGATION_I18N_NAMESPACE, SURFACE_OPEN_I18N_CONFIG, SURFACE_OPEN_I18N_NAMESPACE, SURFACE_OPEN_PRESETS, SchemaMetadataClient, SchemaNormalizerService, SchemaViewerComponent, SurfaceBindingRuntimeService, SurfaceNavigationError, SurfaceOpenActionEditorComponent, SurfaceOpenMaterializerService, SurfaceOutletRegistryService, TABLE_CONFIG_EDITOR, TableConfigService, TelemetryLoggerSink, TelemetryService, ValidationPattern, WidgetPageCompositionFactory, WidgetPageStateRuntimeService, WidgetShellComponent, applyLocalCustomizations$2 as applyLocalCustomizations, applyLocalCustomizations$1 as applyLocalFormCustomizations, assertPraxisCollectionExportArtifact, assertPraxisRuntimeComponentObservationSerializable, buildAngularValidators, buildApiUrl, buildBaseColumnFromDef, buildBaseFormField, buildFormConfigFromEditorialTemplate, buildHeaders, buildPageKey, buildPraxisActionControlCss, buildPraxisCollectionSearchCss, buildPraxisEffectDistinctKey, buildPraxisLayerScaleCss, buildPraxisThemeSurfaceCss, buildSchemaId, buildSchemaIdStorageKeySegment, buildValidatorsFromValidatorOptions, cancelIfCpfInvalidHook, canonicalJsonSha256, canonicalJsonStringify, clampRange, classifyEntityLookupResult, clonePraxisRuntimeComponentObservation, 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, evaluateFieldAccess, extractNormalizedError, fetchWithETag, fileTypeValidator, fillUndefined, generateId, getDefaultFormHints, getEditorialCompliancePresetById, getEditorialFormTemplateById, getEditorialFormTemplateCatalog, getEditorialSolutionById, getEditorialSolutionCatalog, getEditorialSolutionPresetById, getEditorialThemePresetById, getEssentialConfig, getFieldMetadataCapabilities, getFormColumnFieldNames, getFormLayoutFieldNames, getGlobalActionCatalog, getGlobalActionPayloadActualType, getGlobalActionPayloadTypeIssue, getGlobalActionProviderEvidence, getGlobalActionUiSchema, getMissingGlobalActionPayloadKeys, getPraxisTableCellVisualizationConstraint, getPraxisTableCellVisualizationGuidance, getReferencedFieldMetadata, getRequiredGlobalActionPayloadKeys, getTextTransformer, hasMeaningfulGlobalActionPayloadValue, hasPraxisCollectionExportArtifact, interpolatePraxisTranslation, isAllowedEditorialContentFormat, isAllowedEditorialHref, isCssTextTransform, isDomainRuleSnapshotProblemResponse, isEditorialComponentMeta, isEntityLookupMultiplePayloadMode, isEntityLookupPayloadMode, isEntityLookupPayloadModeCompatible, isEntityLookupResultSelectable, isEntityLookupSinglePayloadMode, isFormLayoutItem, isGlobalActionProviderOperational, isGlobalActionRef, isInlineFilterControlType, isLookupDialogSize, isLookupFilterFieldType, isLookupFilterOperator, isPraxisI18nMessageDescriptor, isPraxisPresentationVisualizationTableSafe, isPraxisRuntimeGlobalActionEffect, isProgrammaticDateRangePreset, isRangeValidForFilter, isRequiredGlobalActionParamPayloadMissing, isRequiredGlobalActionPayloadMissing, isStaticDateRangePreset, isSurfaceNavigationError, isTableConfigV2, isValidFormConfig, isValidTableConfig, legacyCnpjValidator, legacyCpfValidator, logOnErrorHook, mapFieldDefinitionToMetadata, mapFieldDefinitionsToMetadata, markGlobalActionProviderOperational, matchFieldValidator, materializeFormLayoutFromMetadata, materializeResourceIdentity, maxFileSizeValidator, mergeFieldMetadata, mergePraxisI18nConfigs, mergeTableConfigs, migrateFormLayoutRule, migrateLegacyCompositionLink, migrateLegacyCompositionLinks, minWordsValidator, nestedPortPathIdentity, normalizeControlTypeKey, normalizeControlTypeToken, normalizeEditorialLink, normalizeEnd, normalizeFieldAccessMetadata, normalizeFieldConstraints, normalizeFieldPresentation, normalizeFormConfig, normalizeFormLayoutItems, normalizeFormMetadata, normalizeGlobalActionRef$1 as normalizeGlobalActionRef, normalizeLayoutPolicy, normalizeLookupFilterRequest, normalizePath, normalizePraxisDataQueryContext, normalizePraxisEffectPolicy, normalizePraxisPresentationVisualization, normalizePraxisQueryFilterExpression, normalizePraxisQueryFilterNode, normalizeReactiveDeterminations, normalizeResourceAvailabilityReasonCode, normalizeResourceIdentityContract, normalizeStart, normalizeSurfaceOperationContext, normalizeUnknownError, normalizeWidgetEventPath, notifySuccessHook, parseJsonResponseOrEmpty, praxisLoadingInterceptorFn, prefillFromContextHook, projectComponentAuthoringManifest, projectGroupedCommandPartialRows, provideDefaultFormHooks, provideFieldSelectorRegistryBase, provideFieldSelectorRegistryOverride, provideFieldSelectorRegistryRuntime, provideFormHookPresets, provideFormHooks, provideGlobalActionCatalog, provideGlobalActionHandler, provideGlobalConfig, provideGlobalConfigReady, provideGlobalConfigSeed, provideGlobalConfigTenant, provideHookResolvers, provideHookWhitelist, provideOverlayDecisionMatrix, providePraxisAnalyticsGlobalActions, providePraxisCollectionExportProvider, providePraxisDynamicPageMetadata, providePraxisEnterpriseRuntimeContext, providePraxisFooterLinksMetadata, providePraxisGlobalActionCatalog, providePraxisGlobalActions, providePraxisGlobalConfigBootstrap, providePraxisHeroBannerMetadata, providePraxisHttpCollectionExportProvider, providePraxisHttpLoading, providePraxisI18n, providePraxisI18nConfig, providePraxisI18nTranslator, providePraxisIconDefaults, providePraxisJsonLogicOperator, providePraxisJsonLogicOperatorOverride, providePraxisLegalNoticeMetadata, providePraxisLoadingDefaults, providePraxisLogging, providePraxisRelatedResourceOutletMetadata, providePraxisRichTextBlockMetadata, providePraxisTelemetry, providePraxisToastGlobalActions, providePraxisUserContextSummaryMetadata, provideRemoteGlobalConfig, readPraxisExportValue, reconcileFilterConfig, reconcileFormConfig, reconcileTableConfig, registerPraxisRuntimeComponentObservation, removeDiacritics, renderPraxisPresentationVisualizationHtml, reportTelemetryHookFactory, requiredCheckedValidator, requiredPresenceValidator, resolveBuiltinPresets, resolveColumnTypeFromFieldDefinition, resolveControlTypeAlias, resolveDateRangeShortcutPreset, resolveDateRangeShortcutPresets, resolveDefaultValuePresentationFormat, resolveEntityLookupPayloadMode, resolveFieldPresentation, resolveGroupedCommandPartialRowSpans, resolveHidden, resolveInlineFilterControlType, resolveInlineFilterControlTypeToBaseControlType, resolveLoggerConfig, resolveObservabilityOptions, resolveOffset, resolveOrder, resolvePraxisCollectionExportItems, resolvePraxisExportFields, resolvePraxisExportScope, resolvePraxisFilterCriteria, resolvePraxisI18nDocument, resolveResourceAvailabilityReasonKey, resolveResourceIdentityContract, resolveSpan, resolveTextMaskFormat, resolveTextMaskFormatFromFieldDefinition, resolveValuePresentation, resolveValuePresentationLocale, serializeEntityLookupValueForPayload, serializeOptionSourceFilterRequest, serializePraxisCollectionToCsv, serializePraxisCollectionToExcel, serializePraxisCollectionToJson, slugify, staticDateRangePresetToPreset, stripMasksHook, supportsConfigDocuments, supportsImplicitValuePresentation, syncWithServerMetadata, textSha256, toCamel, toCapitalize, toKebab, toPascal, toSentenceCase, toSnake, toTitleCase, translateResourceAvailabilityReason, translateResourceDiscoveryText, translateSurfaceNavigationRejected, translateUnavailableWorkflowMessage, trim, uniqueAsyncValidator, urlValidator, validateGlobalActionRef, validateGlobalActionRefs, withFormConfigSections, 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, COMPONENT_METADATA_REGISTRY_I18N_CONFIG, COMPONENT_METADATA_REGISTRY_I18N_NAMESPACE, CONFIG_STORAGE, CONNECTION_STORAGE, ComponentAuthoringManifestProjectionError, ComponentKeyService, ComponentMetadataRegistry, ComponentRuntimeProfileService, CompositionRuntimeFacade, CompositionValidatorService, 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, EnterpriseRuntimeContextService, 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, GOVERNED_COLOR_PALETTE_OPTIONS, GenericCrudService, GlobalActionService, GlobalConfigService, GovernedColorPaletteService, 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_ACTION_CONTROL_DEFAULTS, PRAXIS_ACTION_CONTROL_VARS, PRAXIS_COLLECTION_EXPORT_HTTP_OPTIONS, PRAXIS_COLLECTION_EXPORT_PROVIDER, PRAXIS_COLLECTION_SEARCH_DEFAULTS, PRAXIS_COLLECTION_SEARCH_VARS, PRAXIS_CORPORATE_SENSITIVE_KEYS, PRAXIS_DEFAULT_EXPORT_SECURITY_POLICY, PRAXIS_DEFAULT_OBSERVABILITY_ALERT_RULES, PRAXIS_DYNAMIC_PAGE_COMPONENT_METADATA, PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_OPTIONS, PRAXIS_ENTERPRISE_RUNTIME_CONTEXT_READY, 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_QUERY_FILTER_EXPRESSION_SCHEMA_VERSION, PRAXIS_RELATED_RESOURCE_OUTLET_AUTHORING_MANIFEST, PRAXIS_RELATED_RESOURCE_OUTLET_COMPONENT_METADATA, PRAXIS_RELATED_RESOURCE_OUTLET_PORTS, PRAXIS_RICH_TEXT_BLOCK_METADATA, PRAXIS_TABLE_DETAIL_INLINE_NODE_RESOLVERS, PRAXIS_TABLE_DETAIL_INLINE_RENDERERS, PRAXIS_TABLE_DETAIL_RESOURCE_RESOLVER, PRAXIS_TELEMETRY_TRANSPORT, PRAXIS_THEME_SURFACE_DEFAULTS, PRAXIS_THEME_SURFACE_VARS, PRAXIS_USER_CONTEXT_SUMMARY_METADATA, PRIVACY_CONSENT_EDITORIAL_SOLUTION, PRIVACY_CONSENT_EDITORIAL_TEMPLATE, PraxisCollectionExportService, PraxisCore, PraxisFooterLinksComponent, PraxisGlobalErrorHandler, PraxisHeroBannerComponent, PraxisHttpCollectionExportProvider, PraxisI18nService, PraxisIconButtonComponent, PraxisIconDirective, PraxisIconPickerComponent, PraxisJsonLogicError, PraxisJsonLogicService, PraxisLayerScaleStyleService, PraxisLegalNoticeComponent, PraxisLoadingInterceptor, PraxisRelatedResourceOutletComponent, PraxisRelatedResourceOutletConfigEditorComponent, PraxisResourceIdentityComponent, PraxisRichTextBlockComponent, PraxisRuntimeComponentObservationRegistryService, PraxisSurfaceHostComponent, PraxisUserContextSummaryComponent, RESOURCE_DISCOVERY_I18N_CONFIG, RESOURCE_DISCOVERY_I18N_NAMESPACE, RULE_PROPERTY_SCHEMA, RelatedResourceSurfaceResolverService, RemoteConfigStorage, ResourceActionOpenAdapterService, ResourceDiscoveryService, ResourceQuickConnectComponent, ResourceRecordOpenError, ResourceRecordOpenService, ResourceSurfaceOpenAdapterService, SCHEMA_VIEWER_CONTEXT, SETTINGS_PANEL_BRIDGE, SETTINGS_PANEL_DATA, STEPPER_CONFIG_EDITOR, SURFACE_DRAWER_BRIDGE, SURFACE_DRAWER_CONTENT_DATA, SURFACE_DRAWER_REF, SURFACE_NAVIGATION_I18N_CONFIG, SURFACE_NAVIGATION_I18N_NAMESPACE, SURFACE_OPEN_I18N_CONFIG, SURFACE_OPEN_I18N_NAMESPACE, SURFACE_OPEN_PRESETS, SchemaMetadataClient, SchemaNormalizerService, SchemaViewerComponent, SurfaceBindingRuntimeService, SurfaceNavigationError, SurfaceOpenActionEditorComponent, SurfaceOpenMaterializerService, SurfaceOutletRegistryService, TABLE_CONFIG_EDITOR, TableConfigService, TelemetryLoggerSink, TelemetryService, ValidationPattern, WidgetPageCompositionFactory, WidgetPageStateRuntimeService, WidgetShellComponent, applyLocalCustomizations$2 as applyLocalCustomizations, applyLocalCustomizations$1 as applyLocalFormCustomizations, assertPraxisCollectionExportArtifact, assertPraxisRuntimeComponentObservationSerializable, buildAngularValidators, buildApiUrl, buildBaseColumnFromDef, buildBaseFormField, buildFormConfigFromEditorialTemplate, buildHeaders, buildPageKey, buildPraxisActionControlCss, buildPraxisCollectionSearchCss, buildPraxisEffectDistinctKey, buildPraxisLayerScaleCss, buildPraxisThemeSurfaceCss, buildSchemaId, buildSchemaIdStorageKeySegment, buildValidatorsFromValidatorOptions, cancelIfCpfInvalidHook, canonicalJsonSha256, canonicalJsonStringify, clampRange, classifyEntityLookupResult, clonePraxisRuntimeComponentObservation, 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, evaluateFieldAccess, extractNormalizedError, fetchWithETag, fileTypeValidator, fillUndefined, generateId, getDefaultFormHints, getEditorialCompliancePresetById, getEditorialFormTemplateById, getEditorialFormTemplateCatalog, getEditorialSolutionById, getEditorialSolutionCatalog, getEditorialSolutionPresetById, getEditorialThemePresetById, getEssentialConfig, getFieldMetadataCapabilities, getFormColumnFieldNames, getFormLayoutFieldNames, getGlobalActionCatalog, getGlobalActionPayloadActualType, getGlobalActionPayloadTypeIssue, getGlobalActionProviderEvidence, getGlobalActionUiSchema, getMissingGlobalActionPayloadKeys, getPraxisTableCellVisualizationConstraint, getPraxisTableCellVisualizationGuidance, getReferencedFieldMetadata, getRequiredGlobalActionPayloadKeys, getTextTransformer, hasMeaningfulGlobalActionPayloadValue, hasPraxisCollectionExportArtifact, interpolatePraxisTranslation, isAllowedEditorialContentFormat, isAllowedEditorialHref, isCssTextTransform, isDomainRuleSnapshotProblemResponse, isEditorialComponentMeta, isEntityLookupMultiplePayloadMode, isEntityLookupPayloadMode, isEntityLookupPayloadModeCompatible, isEntityLookupResultSelectable, isEntityLookupSinglePayloadMode, isFormLayoutItem, isGlobalActionProviderOperational, isGlobalActionRef, isInlineFilterControlType, isLookupDialogSize, isLookupFilterFieldType, isLookupFilterOperator, isPraxisI18nMessageDescriptor, isPraxisPresentationVisualizationTableSafe, isPraxisRuntimeGlobalActionEffect, isProgrammaticDateRangePreset, isRangeValidForFilter, isRequiredGlobalActionParamPayloadMissing, isRequiredGlobalActionPayloadMissing, isStaticDateRangePreset, isSurfaceNavigationError, isTableConfigV2, isValidFormConfig, isValidTableConfig, legacyCnpjValidator, legacyCpfValidator, logOnErrorHook, mapFieldDefinitionToMetadata, mapFieldDefinitionsToMetadata, markGlobalActionProviderOperational, matchFieldValidator, materializeFormLayoutFromMetadata, materializeGovernedPaletteColors, materializeGovernedPaletteEntries, materializeResourceIdentity, maxFileSizeValidator, mergeFieldMetadata, mergePraxisI18nConfigs, mergeTableConfigs, migrateFormLayoutRule, migrateLegacyCompositionLink, migrateLegacyCompositionLinks, minWordsValidator, nestedPortPathIdentity, normalizeControlTypeKey, normalizeControlTypeToken, normalizeEditorialLink, normalizeEnd, normalizeFieldAccessMetadata, normalizeFieldConstraints, normalizeFieldPresentation, normalizeFormConfig, normalizeFormLayoutItems, normalizeFormMetadata, normalizeGlobalActionRef$1 as normalizeGlobalActionRef, normalizeLayoutPolicy, normalizeLookupFilterRequest, normalizePath, normalizePraxisDataQueryContext, normalizePraxisEffectPolicy, normalizePraxisPresentationVisualization, normalizePraxisQueryFilterExpression, normalizePraxisQueryFilterNode, normalizeReactiveDeterminations, normalizeResourceAvailabilityReasonCode, normalizeResourceIdentityContract, normalizeStart, normalizeSurfaceOperationContext, normalizeUnknownError, normalizeWidgetEventPath, notifySuccessHook, parseJsonResponseOrEmpty, praxisLoadingInterceptorFn, prefillFromContextHook, projectComponentAuthoringManifest, projectGroupedCommandPartialRows, provideDefaultFormHooks, provideFieldSelectorRegistryBase, provideFieldSelectorRegistryOverride, provideFieldSelectorRegistryRuntime, provideFormHookPresets, provideFormHooks, provideGlobalActionCatalog, provideGlobalActionHandler, provideGlobalConfig, provideGlobalConfigReady, provideGlobalConfigSeed, provideGlobalConfigTenant, provideHookResolvers, provideHookWhitelist, provideOverlayDecisionMatrix, providePraxisAnalyticsGlobalActions, providePraxisCollectionExportProvider, providePraxisDynamicPageMetadata, providePraxisEnterpriseRuntimeContext, providePraxisFooterLinksMetadata, providePraxisGlobalActionCatalog, providePraxisGlobalActions, providePraxisGlobalConfigBootstrap, providePraxisHeroBannerMetadata, providePraxisHttpCollectionExportProvider, providePraxisHttpLoading, providePraxisI18n, providePraxisI18nConfig, providePraxisI18nTranslator, providePraxisIconDefaults, providePraxisJsonLogicOperator, providePraxisJsonLogicOperatorOverride, providePraxisLegalNoticeMetadata, providePraxisLoadingDefaults, providePraxisLogging, providePraxisRelatedResourceOutletMetadata, providePraxisRichTextBlockMetadata, providePraxisTelemetry, providePraxisToastGlobalActions, providePraxisUserContextSummaryMetadata, provideRemoteGlobalConfig, readPraxisExportValue, reconcileFilterConfig, reconcileFormConfig, reconcileTableConfig, registerPraxisRuntimeComponentObservation, removeDiacritics, renderPraxisPresentationVisualizationHtml, reportTelemetryHookFactory, requiredCheckedValidator, requiredPresenceValidator, resolveBuiltinPresets, resolveColumnTypeFromFieldDefinition, resolveControlTypeAlias, resolveDateRangeShortcutPreset, resolveDateRangeShortcutPresets, resolveDefaultValuePresentationFormat, resolveEntityLookupPayloadMode, resolveFieldPresentation, resolveGroupedCommandPartialRowSpans, resolveHidden, resolveInlineFilterControlType, resolveInlineFilterControlTypeToBaseControlType, resolveLoggerConfig, resolveObservabilityOptions, resolveOffset, resolveOrder, resolvePraxisCollectionExportItems, resolvePraxisExportFields, resolvePraxisExportScope, resolvePraxisFilterCriteria, resolvePraxisI18nDocument, resolveResourceAvailabilityReasonKey, resolveResourceIdentityContract, resolveSpan, resolveTextMaskFormat, resolveTextMaskFormatFromFieldDefinition, resolveValuePresentation, resolveValuePresentationLocale, serializeEntityLookupValueForPayload, serializeOptionSourceFilterRequest, serializePraxisCollectionToCsv, serializePraxisCollectionToExcel, serializePraxisCollectionToJson, slugify, staticDateRangePresetToPreset, stripMasksHook, supportsConfigDocuments, supportsImplicitValuePresentation, syncWithServerMetadata, textSha256, toCamel, toCapitalize, toKebab, toPascal, toSentenceCase, toSnake, toTitleCase, translateResourceAvailabilityReason, translateResourceDiscoveryText, translateSurfaceNavigationRejected, translateSurfaceOpenFailed, translateUnavailableWorkflowMessage, trim, uniqueAsyncValidator, urlValidator, validateGlobalActionRef, validateGlobalActionRefs, withFormConfigSections, withMessage, withPraxisHttpLoading };