@praxisui/core 9.0.65 → 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, contentChild, HostBinding, output, ElementRef, ChangeDetectorRef, 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,19 +22,25 @@ import * as i6 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i7 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import * as i8 from '@angular/material/tooltip';
+import * as 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 i3 from '@angular/material/progress-spinner';
+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$2 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i3$1 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$1 from '@angular/material/chips';
+import * as i8 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
 import * as i2$1 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
@@ -8816,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.',
             },
         },
     },
@@ -8830,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
@@ -8985,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) {
@@ -9105,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' };
@@ -16049,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 = {}) {
@@ -20849,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',
@@ -20861,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',
@@ -27539,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: i8.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,
@@ -29229,7 +29452,7 @@ const ENUMS = {
     ],
     shellKind: ['dashboard-card', 'none'],
     actionVariant: ['icon', 'text', 'outlined'],
-    actionPlacement: ['header', 'window'],
+    actionPlacement: ['header', 'window', 'menu'],
 };
 const CAPS = [
     {
@@ -33132,6 +33355,22 @@ function isRecord(value) {
     return !!value && typeof value === 'object' && !Array.isArray(value);
 }
 
+/** Private rendered geometry shared by shell recovery and canvas authoring. */
+function measureWidgetShellHeight(shell) {
+    const body = shell.querySelector(':scope > .pdx-shell-body');
+    if (!body || body.classList.contains('hidden') || !shell.getBoundingClientRect().height)
+        return undefined;
+    const header = shell.querySelector(':scope > .pdx-shell-header');
+    const bodyStyle = getComputedStyle(body);
+    const padding = (parseFloat(bodyStyle.paddingTop) || 0) + (parseFloat(bodyStyle.paddingBottom) || 0);
+    const shellStyle = getComputedStyle(shell);
+    const chrome = (header?.getBoundingClientRect().height || 0)
+        + (parseFloat(shellStyle.borderTopWidth) || 0) + (parseFloat(shellStyle.borderBottomWidth) || 0);
+    // Structural viewport reserve only; not business-component UX certification.
+    const reserve = Math.min(160, Math.max(0, body.scrollHeight - padding));
+    return { minimum: Math.ceil(chrome + padding + reserve), available: shell.getBoundingClientRect().height };
+}
+
 const WIDGET_SHELL_I18N_NAMESPACE = 'widgetShell';
 const WIDGET_SHELL_I18N_CONFIG = {
     namespaces: {
@@ -33333,7 +33572,142 @@ 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);
+    element = inject(ElementRef);
+    scrollRecovery = signal(false, ...(ngDevMode ? [{ debugName: "scrollRecovery" }] : /* istanbul ignore next */ []));
+    scrollResizeObserver;
+    scrollMutationObserver;
+    scrollObservedElements = [];
+    scrollObservedBody;
+    scrollFrame;
+    constructor() {
+        afterEveryRender({ read: () => {
+                this.observeScrollGeometry();
+                this.observeStickyAncestors();
+            } });
+        this.destroyRef.onDestroy(() => {
+            this.disconnectScrollGeometry();
+            this.stickyAncestorObserver?.disconnect();
+            this.stickyAncestorHeaders = [];
+        });
+    }
+    disconnectScrollGeometry() {
+        this.scrollResizeObserver?.disconnect();
+        this.scrollMutationObserver?.disconnect();
+        this.scrollObservedElements = [];
+        this.scrollObservedBody = undefined;
+        if (this.scrollFrame !== undefined)
+            cancelAnimationFrame(this.scrollFrame);
+        this.scrollFrame = undefined;
+    }
+    observeScrollGeometry() {
+        if (this.shell?.bodyLayout !== 'scroll' || this.collapsed || this.expanded || this.fullscreen) {
+            this.disconnectScrollGeometry();
+            this.scrollRecovery.set(false);
+            return;
+        }
+        const shell = this.element.nativeElement.querySelector(':scope > .pdx-shell');
+        const body = shell?.querySelector(':scope > .pdx-shell-body');
+        if (!shell || !body)
+            return;
+        const schedule = () => {
+            if (this.scrollFrame !== undefined || this.destroyRef.destroyed)
+                return;
+            this.scrollFrame = requestAnimationFrame(() => {
+                this.scrollFrame = undefined;
+                if (!this.destroyRef.destroyed)
+                    this.observeScrollGeometry();
+            });
+        };
+        const elements = [shell, ...Array.from(shell.children), ...Array.from(body.children)];
+        if (typeof ResizeObserver === 'function' && (elements.length !== this.scrollObservedElements.length
+            || elements.some((element, index) => element !== this.scrollObservedElements[index]))) {
+            this.scrollResizeObserver ??= new ResizeObserver(schedule);
+            this.scrollResizeObserver.disconnect();
+            elements.forEach(element => this.scrollResizeObserver.observe(element));
+            this.scrollObservedElements = elements;
+        }
+        if (typeof MutationObserver === 'function' && this.scrollObservedBody !== body) {
+            this.scrollMutationObserver ??= new MutationObserver(schedule);
+            this.scrollMutationObserver.disconnect();
+            this.scrollMutationObserver.observe(body, { subtree: true, childList: true, characterData: true, attributes: true });
+            this.scrollObservedBody = body;
+        }
+        const measure = measureWidgetShellHeight(shell);
+        const recovery = !!measure && measure.minimum > Math.ceil(measure.available);
+        if (this.scrollRecovery() !== recovery) {
+            this.scrollRecovery.set(recovery);
+            // A scroll position in the outer shell must not hide its header after recovery.
+            if (!recovery)
+                shell.scrollTop = 0;
+        }
+    }
     get hostCollapsed() {
         return this.collapsed && !this.expanded && !this.fullscreen;
     }
@@ -33362,6 +33736,7 @@ class WidgetShellComponent {
     collapsed = false;
     expanded = false;
     fullscreen = false;
+    overlayReturnFocus = null;
     initializedWindowState = false;
     lastWindowStateInputs;
     ngOnChanges(changes) {
@@ -33393,6 +33768,7 @@ class WidgetShellComponent {
             this.shell?.subtitle ||
             this.shell?.icon ||
             this.headerActions.length ||
+            this.overflowHeaderActions.length ||
             this.windowActions.length);
     }
     get headerActions() {
@@ -33404,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;
@@ -33425,9 +33801,26 @@ 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)
+            return;
+        const wasOverlay = this.expanded || this.fullscreen;
+        if (!wasOverlay && (action.id === 'expand' || action.id === 'fullscreen')) {
+            this.overlayReturnFocus =
+                ev.target instanceof Element ? ev.target.closest('button') : null;
+        }
         const handled = this.handleWindowAction(action);
+        if (wasOverlay && !this.expanded && !this.fullscreen) {
+            this.restoreOverlayFocus();
+        }
         const payload = action.payload ?? handled?.payload;
         const event = {
             id: action.id,
@@ -33480,6 +33873,16 @@ class WidgetShellComponent {
         }
         this.dragSurfaceKeydown.emit(event);
     }
+    onAuthoringDragPointerDown(event) {
+        if (!this.dragSurfaceInteractive)
+            return;
+        this.dragSurfacePointerDown.emit(event);
+    }
+    onAuthoringDragKeydown(event) {
+        if (!this.dragSurfaceInteractive)
+            return;
+        this.dragSurfaceKeydown.emit(event);
+    }
     stopIfExpanded(ev) {
         if (this.expanded || this.fullscreen)
             ev.stopPropagation();
@@ -33487,6 +33890,27 @@ class WidgetShellComponent {
     closeOverlay() {
         this.expanded = false;
         this.fullscreen = false;
+        this.restoreOverlayFocus();
+    }
+    onOverlayEscape(event) {
+        if (event.defaultPrevented || (!this.expanded && !this.fullscreen))
+            return;
+        // Connected overlays such as MatSelect consume Escape at the CDK body
+        // dispatcher. A task (not a microtask between native listeners) lets the
+        // complete event propagation finish before treating it as a shell command.
+        setTimeout(() => {
+            if (this.destroyRef.destroyed || event.defaultPrevented || (!this.expanded && !this.fullscreen))
+                return;
+            event.preventDefault();
+            this.closeOverlay();
+            this.changeDetector.markForCheck();
+        }, 0);
+    }
+    restoreOverlayFocus() {
+        if (this.overlayReturnFocus?.isConnected) {
+            this.overlayReturnFocus.focus({ preventScroll: true });
+        }
+        this.overlayReturnFocus = null;
     }
     moreActionsLabel() {
         return this.t('controls.moreActions', 'Mais ações');
@@ -33598,9 +34022,19 @@ 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: { 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"
+        [class.expanded]="expanded"
+        [class.fullscreen]="fullscreen"
+        [style.border-radius]="fullscreen ? null : appearance?.card?.borderRadius || null"
+        aria-hidden="true"
+      ></div>
+    }
     <section
       class="pdx-shell"
+      [attr.tabindex]="expanded || fullscreen ? -1 : null"
       [class.no-shell]="!shellEnabled"
       [class.dashboard]="shellEnabled"
       [class.collapsed]="collapsed"
@@ -33608,6 +34042,8 @@ 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"
       [style.--pdx-shell-card-radius]="appearance?.card?.borderRadius || null"
@@ -33636,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"
@@ -33647,11 +34084,11 @@ class WidgetShellComponent {
               <mat-icon [praxisIcon]="shell?.icon"></mat-icon>
             }
             <div class="pdx-shell-text">
-              <div class="pdx-shell-title-text">
+              <div class="pdx-shell-title-text" [matTooltip]="shellText(shell?.title)">
                 {{ shellText(shell?.title) }}
               </div>
               @if (shell?.subtitle) {
-                <div class="pdx-shell-subtitle">
+                <div class="pdx-shell-subtitle" [matTooltip]="shellText(shell?.subtitle)">
                   {{ shellText(shell?.subtitle) }}
                 </div>
               }
@@ -33765,6 +34202,7 @@ class WidgetShellComponent {
             @for (action of overflowHeaderActions; track action.id) {
               <button
                 mat-menu-item
+                [disabled]="action.disabled"
                 [attr.aria-pressed]="
                   action.pressed == null ? null : action.pressed
                 "
@@ -33772,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>
@@ -33782,6 +34220,18 @@ class WidgetShellComponent {
             }
           </mat-menu>
         </header>
+      } @else if (dragSurfaceInteractive) {
+        <button
+          class="pdx-shell-authoring-drag"
+          praxisIconButton="ms:drag_indicator"
+          size="compact"
+          type="button"
+          [matTooltip]="dragSurfaceLabel || ''"
+          matTooltipPosition="above"
+          [attr.aria-label]="dragSurfaceLabel"
+          (pointerdown)="onAuthoringDragPointerDown($event)"
+          (keydown)="onAuthoringDragKeydown($event)"
+        ></button>
       }
       <div class="pdx-shell-body" [class.hidden]="collapsed">
         <ng-content></ng-content>
@@ -33790,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{position:relative;height:100%;display:flex;flex-direction:column}.pdx-shell.no-shell{background:transparent;border:none;border-radius:0;box-shadow:none}.pdx-shell.dashboard{background:var( --pdx-shell-card-bg, var( --pdx-dashboard-card-bg, var(--md-sys-color-surface-container-low) ) );border:1px solid var( --pdx-shell-card-border, var( --pdx-dashboard-card-border, var(--md-sys-color-outline-variant) ) );border-radius:var(--pdx-shell-card-radius, 12px);box-shadow:var( --pdx-shell-card-shadow, 0 4px 12px rgba(15, 23, 42, .06) );overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:10px;padding:8px 10px 7px;border-bottom:1px solid var(--pdx-shell-header-border, var(--md-sys-color-outline-variant));background:var( --pdx-shell-header-bg, var(--md-sys-color-surface-container) )}.pdx-shell-header--drag-enabled{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pdx-shell-header--drag-enabled:active{cursor:grabbing}.pdx-shell-header--drag-enabled:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,white 28%);outline-offset:-2px}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0}.pdx-shell-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 13px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 11px);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;align-items:center;gap:4px}.pdx-shell-window-actions{margin-left:auto}@media(max-width:640px){.pdx-shell-header,.pdx-shell-title{align-items:flex-start}.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}.pdx-shell-title-text,.pdx-shell-subtitle{-webkit-line-clamp:2}.pdx-shell-actions{flex:0 0 auto}}.pdx-action-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-action-text{padding:0 8px}.pdx-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{overflow:auto}.pdx-shell.body-fill .pdx-shell-body>*,.pdx-shell.body-scroll .pdx-shell-body>*,.pdx-shell.expanded .pdx-shell-body>*,.pdx-shell.fullscreen .pdx-shell-body>*{flex:1 1 auto;min-height:0;width:100%}.pdx-shell.expanded{position:fixed;top:10vh;left:50%;width:min(920px,92vw);height:min(640px,82vh);transform:translate(-50%);z-index:var(--praxis-layer-widget-shell-expanded, 1290);box-shadow:var(--mat-elevation-level8)}.pdx-shell.fullscreen{position:fixed;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-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: i8.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,
@@ -33802,9 +34252,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         MatTooltipModule,
                         PraxisIconButtonComponent,
                         PraxisIconDirective,
-                    ], providers: [providePraxisI18nConfig(WIDGET_SHELL_I18N_CONFIG)], 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"
+        [class.expanded]="expanded"
+        [class.fullscreen]="fullscreen"
+        [style.border-radius]="fullscreen ? null : appearance?.card?.borderRadius || null"
+        aria-hidden="true"
+      ></div>
+    }
     <section
       class="pdx-shell"
+      [attr.tabindex]="expanded || fullscreen ? -1 : null"
       [class.no-shell]="!shellEnabled"
       [class.dashboard]="shellEnabled"
       [class.collapsed]="collapsed"
@@ -33812,6 +34275,8 @@ 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"
       [style.--pdx-shell-card-radius]="appearance?.card?.borderRadius || null"
@@ -33840,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"
@@ -33851,11 +34317,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               <mat-icon [praxisIcon]="shell?.icon"></mat-icon>
             }
             <div class="pdx-shell-text">
-              <div class="pdx-shell-title-text">
+              <div class="pdx-shell-title-text" [matTooltip]="shellText(shell?.title)">
                 {{ shellText(shell?.title) }}
               </div>
               @if (shell?.subtitle) {
-                <div class="pdx-shell-subtitle">
+                <div class="pdx-shell-subtitle" [matTooltip]="shellText(shell?.subtitle)">
                   {{ shellText(shell?.subtitle) }}
                 </div>
               }
@@ -33969,6 +34435,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             @for (action of overflowHeaderActions; track action.id) {
               <button
                 mat-menu-item
+                [disabled]="action.disabled"
                 [attr.aria-pressed]="
                   action.pressed == null ? null : action.pressed
                 "
@@ -33976,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>
@@ -33986,6 +34453,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             }
           </mat-menu>
         </header>
+      } @else if (dragSurfaceInteractive) {
+        <button
+          class="pdx-shell-authoring-drag"
+          praxisIconButton="ms:drag_indicator"
+          size="compact"
+          type="button"
+          [matTooltip]="dragSurfaceLabel || ''"
+          matTooltipPosition="above"
+          [attr.aria-label]="dragSurfaceLabel"
+          (pointerdown)="onAuthoringDragPointerDown($event)"
+          (keydown)="onAuthoringDragKeydown($event)"
+        ></button>
       }
       <div class="pdx-shell-body" [class.hidden]="collapsed">
         <ng-content></ng-content>
@@ -33994,8 +34473,8 @@ 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{position:relative;height:100%;display:flex;flex-direction:column}.pdx-shell.no-shell{background:transparent;border:none;border-radius:0;box-shadow:none}.pdx-shell.dashboard{background:var( --pdx-shell-card-bg, var( --pdx-dashboard-card-bg, var(--md-sys-color-surface-container-low) ) );border:1px solid var( --pdx-shell-card-border, var( --pdx-dashboard-card-border, var(--md-sys-color-outline-variant) ) );border-radius:var(--pdx-shell-card-radius, 12px);box-shadow:var( --pdx-shell-card-shadow, 0 4px 12px rgba(15, 23, 42, .06) );overflow:hidden}.pdx-shell-header{display:flex;align-items:center;gap:10px;padding:8px 10px 7px;border-bottom:1px solid var(--pdx-shell-header-border, var(--md-sys-color-outline-variant));background:var( --pdx-shell-header-bg, var(--md-sys-color-surface-container) )}.pdx-shell-header--drag-enabled{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pdx-shell-header--drag-enabled:active{cursor:grabbing}.pdx-shell-header--drag-enabled:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,white 28%);outline-offset:-2px}.pdx-shell-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1;color:var(--pdx-shell-title-color, inherit)}.pdx-shell-title mat-icon{color:var(--pdx-shell-icon-color, currentColor)}.pdx-shell-text{min-width:0}.pdx-shell-title-text{font-weight:var(--pdx-shell-title-weight, 600);font-size:var(--pdx-shell-title-size, 13px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-shell-subtitle{font-size:var(--pdx-shell-subtitle-size, 11px);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;align-items:center;gap:4px}.pdx-shell-window-actions{margin-left:auto}@media(max-width:640px){.pdx-shell-header,.pdx-shell-title{align-items:flex-start}.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}.pdx-shell-title-text,.pdx-shell-subtitle{-webkit-line-clamp:2}.pdx-shell-actions{flex:0 0 auto}}.pdx-action-outlined{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:0 10px}.pdx-action-text{padding:0 8px}.pdx-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{overflow:auto}.pdx-shell.body-fill .pdx-shell-body>*,.pdx-shell.body-scroll .pdx-shell-body>*,.pdx-shell.expanded .pdx-shell-body>*,.pdx-shell.fullscreen .pdx-shell-body>*{flex:1 1 auto;min-height:0;width:100%}.pdx-shell.expanded{position:fixed;top:10vh;left:50%;width:min(920px,92vw);height:min(640px,82vh);transform:translate(-50%);z-index:var(--praxis-layer-widget-shell-expanded, 1290);box-shadow:var(--mat-elevation-level8)}.pdx-shell.fullscreen{position:fixed;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-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"] }]
-        }], propDecorators: { hostCollapsed: [{
+  `, 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']
             }], shell: [{
@@ -34012,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;
@@ -38449,7 +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 {
+    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 = '';
@@ -38471,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: { 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: { 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"
@@ -38525,7 +39325,7 @@ class DynamicWidgetContextToolbarComponent {
           (click)="shellSettings.emit()"
         ></button>
       }
-      @if (showRemove) {
+      @if (showRemove || showSize()) {
         <button
           praxisIconButton="ms:more_horiz"
           size="dense"
@@ -38536,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: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { 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,
@@ -38607,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"
@@ -38618,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: { 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
@@ -38666,95 +39480,212 @@ 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': {
-                '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.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.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': {
-                '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.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.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;
+    if (!size || size === 'auto' || !Number.isFinite(size.heightPx) || size.heightPx <= 0)
+        return null;
+    const { min, max } = contentHeightLimits(item);
+    return {
+        heightPx: Math.min(max, Math.max(min, Math.round(size.heightPx))),
+        offsetTopPx: Number.isFinite(size.offsetTopPx) ? Math.max(0, Math.round(size.offsetTopPx)) : 0,
+    };
+}
+function contentHeightLimits(item) {
+    const c = item.constraints;
+    const min = Number.isFinite(c?.minHeightPx) ? Math.max(160, Math.round(c.minHeightPx)) : 160;
+    const max = Number.isFinite(c?.maxHeightPx) ? Math.max(min, Math.round(c.maxHeightPx)) : Number.MAX_SAFE_INTEGER;
+    return { min, max };
+}
+/** Pixel delta applies to the captured outer rectangle, not changing rowSpan.
+ * North growth stops at the track origin; shrinking retains the opposite edge.
+ */
+function resizeContentHeight(item, startHeight, delta, north, renderedMinimum = 0) {
+    if (!delta)
+        return { item, constrained: false, minimum: false };
+    const size = contentSize(item);
+    const top = size?.offsetTopPx ?? 0;
+    const height = size?.heightPx ?? startHeight;
+    const limits = contentHeightLimits(item);
+    const min = Math.max(limits.min, Number.isFinite(renderedMinimum) ? Math.ceil(renderedMinimum) : 0);
+    // North gestures also have a spatial maximum: the fixed bottom minus the
+    // track origin. A late content minimum cannot move that opposite edge.
+    const max = north ? Math.min(limits.max, height + top) : limits.max;
+    // A viewport observation must never override an authored maximum or leak
+    // into persisted constraints. Leave an impossible gesture unchanged.
+    if (min > max)
+        return { item, constrained: true, minimum: true };
+    const requested = height + (north ? -delta : delta);
+    if (requested < height && height <= min)
+        return { item, constrained: true, minimum: true };
+    const next = Math.max(min, Math.min(max, requested));
+    if (next === height)
+        return { item, constrained: next !== requested, minimum: next === min };
+    return {
+        item: { ...item, contentSize: { heightPx: Math.round(next), offsetTopPx: north ? Math.max(0, Math.round(top + height - next)) : top } },
+        constrained: next !== requested,
+        minimum: next === min,
+    };
+}
+
+/** CSSOM resolves grid tracks to pixels. Unresolved/unsupported lists use the fallback. */
+function readCanvasTrackSizes(value) {
+    const tracks = value.trim().split(/\s+/);
+    if (!tracks.length || tracks.some((track) => !/^\d+(?:\.\d+)?px$/.test(track))) {
+        return [];
+    }
+    return tracks.map((track) => Number.parseFloat(track));
+}
+/**
+ * Snap the moved edge to the nearest rendered track, retaining the pointer's
+ * initial offset. Resize uses the moving end edge for south/east handles, not
+ * the widget origin. Snapshotting avoids feedback from transient layout previews.
+ */
+function canvasAxisDelta(axis, startIndex, displacement, edge = 'start') {
+    const fallback = Math.max(1, axis.fallbackSize);
+    const gap = Math.max(0, axis.gap);
+    const positions = [];
+    let offset = 0;
+    for (const size of axis.sizes) {
+        positions.push(offset + (edge === 'end' ? size : 0));
+        offset += size + gap;
+    }
+    const extensionStart = offset + (edge === 'end' ? fallback : 0);
+    const step = fallback + gap;
+    const positionAt = (index) => positions[index] ?? extensionStart + (index - positions.length) * step;
+    const target = positionAt(startIndex) + displacement;
+    let nearest = startIndex;
+    let distance = Math.abs(displacement);
+    const consider = (index, position) => {
+        const nextDistance = Math.abs(position - target);
+        // Prefer the original track on ties, including zero-height empty rows.
+        if (nextDistance < distance) {
+            nearest = index;
+            distance = nextDistance;
+        }
+    };
+    positions.forEach((position, index) => consider(index, position));
+    const extensionIndex = positions.length + Math.max(0, Math.round((target - extensionStart) / step));
+    consider(extensionIndex, positionAt(extensionIndex));
+    return nearest - startIndex;
+}
+
+const right = (item) => item.col + item.colSpan;
+const bottom = (item) => item.row + item.rowSpan;
+const overlaps = (a, b) => a.col < right(b) && right(a) > b.col && a.row < bottom(b) && bottom(a) > b.row;
+/** Resize only by yielding space, never by pushing unrelated items or swapping.
+ * Opposite edges stay anchored. Ambiguous corner collisions fail closed. Inputs
+ * are the normalized effective device layout, never the transient preview.
+ */
+function resolveCanvasResizePlacement(key, candidate, source) {
+    const start = source[key];
+    const desired = { ...candidate };
+    const limitedBy = new Set();
+    const rejected = new Set();
+    const sideOf = (other) => {
+        const sides = [];
+        if (right(start) <= other.col && right(desired) > right(start))
+            sides.push('east');
+        if (start.col >= right(other) && desired.col < start.col)
+            sides.push('west');
+        if (bottom(start) <= other.row && bottom(desired) > bottom(start))
+            sides.push('south');
+        if (start.row >= bottom(other) && desired.row < start.row)
+            sides.push('north');
+        return sides.length === 1 ? sides[0] : null;
+    };
+    let left = desired.col, top = desired.row, end = right(desired), foot = bottom(desired);
+    for (const [otherKey, other] of Object.entries(source)) {
+        if (otherKey === key || !overlaps(desired, other))
+            continue;
+        const side = sideOf(other);
+        const constraints = other.constraints;
+        const horizontal = side === 'east' || side === 'west';
+        const minimum = Math.max(1, (horizontal ? constraints?.minColSpan : constraints?.minRowSpan) || 1);
+        const locked = constraints?.lockSize || (constraints?.lockPosition && (side === 'east' || side === 'south'));
+        if (!side || overlaps(start, other)) {
+            rejected.add(otherKey);
+            continue;
+        }
+        const available = locked ? (horizontal ? other.colSpan : other.rowSpan) : minimum;
+        const before = [left, top, end, foot].join();
+        if (side === 'east')
+            end = Math.min(end, right(other) - available);
+        if (side === 'west')
+            left = Math.max(left, other.col + available);
+        if (side === 'south')
+            foot = Math.min(foot, bottom(other) - available);
+        if (side === 'north')
+            top = Math.max(top, other.row + available);
+        if (before !== [left, top, end, foot].join()) {
+            (locked ? rejected : limitedBy).add(otherKey);
+        }
+    }
+    let primary = { ...desired, col: left, row: top, colSpan: end - left, rowSpan: foot - top };
+    // A pre-existing invalid layout or an ambiguous corner must not be repaired by
+    // this gesture. Also reject any clamp that would violate the selected minimum.
+    const ambiguous = [...rejected].some(otherKey => !sideOf(source[otherKey]) || overlaps(start, source[otherKey]));
+    if (ambiguous || primary.colSpan < Math.max(1, start.constraints?.minColSpan || 1)
+        || primary.rowSpan < Math.max(1, start.constraints?.minRowSpan || 1))
+        primary = { ...start };
+    const items = { [key]: primary };
+    const minimumKeys = new Set();
+    for (const [otherKey, other] of Object.entries(source)) {
+        if (otherKey === key || !overlaps(primary, other))
+            continue;
+        const side = sideOf(other);
+        const next = { ...other };
+        if (side === 'east') {
+            next.col = right(primary);
+            next.colSpan = right(other) - next.col;
+        }
+        if (side === 'west')
+            next.colSpan = primary.col - other.col;
+        if (side === 'south') {
+            next.row = bottom(primary);
+            next.rowSpan = bottom(other) - next.row;
+        }
+        if (side === 'north')
+            next.rowSpan = primary.row - other.row;
+        if (!side || overlaps(primary, next) || next.colSpan < Math.max(1, other.constraints?.minColSpan || 1)
+            || next.rowSpan < Math.max(1, other.constraints?.minRowSpan || 1)) {
+            return { items: { [key]: start }, primaryItem: start, limited: true,
+                minimumKeys: [], blockedKeys: [otherKey] };
+        }
+        items[otherKey] = next;
+        const horizontal = side === 'east' || side === 'west';
+        if (horizontal ? next.colSpan === Math.max(1, other.constraints?.minColSpan || 1)
+            : next.rowSpan === Math.max(1, other.constraints?.minRowSpan || 1))
+            minimumKeys.add(otherKey);
+    }
+    // Several neighbors can constrain the same edge; only the tightest ones are
+    // actually at minimum in the final distribution, not every earlier limiter.
+    for (const otherKey of limitedBy) {
+        const item = items[otherKey] || source[otherKey];
+        const side = sideOf(source[otherKey]);
+        const horizontal = side === 'east' || side === 'west';
+        if (horizontal ? item.colSpan === Math.max(1, item.constraints?.minColSpan || 1)
+            : item.rowSpan === Math.max(1, item.constraints?.minRowSpan || 1))
+            minimumKeys.add(otherKey);
+    }
+    if ((primary.colSpan !== start.colSpan && primary.colSpan === Math.max(1, start.constraints?.minColSpan || 1))
+        || (primary.rowSpan !== start.rowSpan && primary.rowSpan === Math.max(1, start.constraints?.minRowSpan || 1)))
+        minimumKeys.add(key);
+    return { items, primaryItem: primary,
+        limited: primary.col !== desired.col || primary.row !== desired.row
+            || primary.colSpan !== desired.colSpan || primary.rowSpan !== desired.rowSpan,
+        minimumKeys: [...minimumKeys], blockedKeys: [...rejected] };
+}
 
 const CANVAS_RESIZE_HANDLES = [
-    { id: 'north', className: 'pdx-canvas-resize--north' },
-    { id: 'south', className: 'pdx-canvas-resize--south' },
-    { id: 'east', className: 'pdx-canvas-resize--east' },
-    { id: 'west', className: 'pdx-canvas-resize--west' },
-    { id: 'north-east', className: 'pdx-canvas-resize--north-east' },
-    { id: 'north-west', className: 'pdx-canvas-resize--north-west' },
-    { id: 'south-east', className: 'pdx-canvas-resize--south-east' },
-    { id: 'south-west', className: 'pdx-canvas-resize--south-west' },
+    { id: 'north', icon: 'north' },
+    { id: 'north-east', icon: 'north_east' },
+    { id: 'east', icon: 'east' },
+    { id: 'south-east', icon: 'south_east' },
+    { id: 'south', icon: 'south' },
+    { id: 'south-west', icon: 'south_west' },
+    { id: 'west', icon: 'west' },
+    { id: 'north-west', icon: 'north_west' },
 ];
 class DynamicWidgetPageComponent {
     pageCanvasHost;
@@ -38823,9 +39754,23 @@ class DynamicWidgetPageComponent {
     activeTabs = {};
     widgetDiagnostics = {};
     selectedWidgetKeyState = signal(null, ...(ngDevMode ? [{ debugName: "selectedWidgetKeyState" }] : /* istanbul ignore next */ []));
+    selectedCanvasWidget = computed(() => this.widgets().find((widget) => this.isWidgetSelected(widget.key)), ...(ngDevMode ? [{ debugName: "selectedCanvasWidget" }] : /* istanbul ignore next */ []));
     blockedCanvasWidgetKey = null;
     canvasPreviewState = signal(null, ...(ngDevMode ? [{ debugName: "canvasPreviewState" }] : /* istanbul ignore next */ []));
     canvasPreviewInvalidState = signal(false, ...(ngDevMode ? [{ debugName: "canvasPreviewInvalidState" }] : /* istanbul ignore next */ []));
+    resizeFeedbackState = signal({}, ...(ngDevMode ? [{ debugName: "resizeFeedbackState" }] : /* istanbul ignore next */ []));
+    resizeFeedbackOrigin = signal(null, ...(ngDevMode ? [{ debugName: "resizeFeedbackOrigin" }] : /* istanbul ignore next */ []));
+    resizeFeedbackPositions = [
+        { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetX: 16, offsetY: 16 },
+        { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetX: -16, offsetY: 16 },
+        { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetX: 16, offsetY: -16 },
+        { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetX: -16, offsetY: -16 },
+    ];
+    prepareResizeFeedbackOverlay(element) {
+        // The entire pane must pass through hits, not only its inner presentation.
+        // No focus, backdrop or interactive control belongs to gesture feedback.
+        element.style.pointerEvents = 'none';
+    }
     transientCanvasItemsState = signal({}, ...(ngDevMode ? [{ debugName: "transientCanvasItemsState" }] : /* istanbul ignore next */ []));
     activeCanvasInteraction = null;
     appliedPersisted = false;
@@ -38870,6 +39815,16 @@ class DynamicWidgetPageComponent {
     runtimeObservationRegistration = null;
     hostElement = inject((ElementRef));
     changeDetector = inject(ChangeDetectorRef);
+    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;
@@ -38878,6 +39833,10 @@ class DynamicWidgetPageComponent {
         afterNextRender({ read: () => this.observeHostWidth() });
     }
     ngOnDestroy() {
+        this.closeSizeEditor(false);
+        if (this.activeCanvasInteraction) {
+            this.cancelCanvasInteractionForWidget(this.activeCanvasInteraction.widgetKey);
+        }
         this.destroyed = true;
         this.runtimeObservationRegistration?.destroy();
         this.runtimeObservationRegistration = null;
@@ -38886,6 +39845,17 @@ class DynamicWidgetPageComponent {
         this.compositionRuntime.destroy();
     }
     ngOnChanges(changes) {
+        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'] ||
+                changes['componentInstanceId'] || changes['enableCustomization'] ||
+                changes['authoringCapabilities'])) {
+            this.cancelCanvasInteractionForWidget(this.activeCanvasInteraction.widgetKey);
+        }
         if (changes['page'] ||
             changes['context'] ||
             changes['enableCustomization'] ||
@@ -40358,6 +41328,10 @@ class DynamicWidgetPageComponent {
             && !this.hasVisibleWidgetShellHeader(widget));
     }
     widgetShellForRender(widget) {
+        const shell = this.widgetShellWithActions(widget);
+        return this.widgetContentSize(widget) ? { ...shell, bodyLayout: 'scroll' } : shell;
+    }
+    widgetShellWithActions(widget) {
         if (!this.shouldProjectWidgetHeaderActions(widget)) {
             return widget.shell;
         }
@@ -40403,7 +41377,8 @@ class DynamicWidgetPageComponent {
             && this.hasVisibleWidgetShellHeader(widget);
     }
     hasWidgetContextAuthoringActions(widget) {
-        return this.canRequestWidgetAssistant()
+        return (this.canCustomizeCanvas() && this.isCanvasMode())
+            || this.canRequestWidgetAssistant()
             || this.canOpenWidgetComponentSettings(widget.key)
             || this.canOpenWidgetShellSettings()
             || this.canRemoveWidgets();
@@ -40431,6 +41406,14 @@ class DynamicWidgetPageComponent {
     }
     buildProjectedWidgetShellActions(widget) {
         const actions = [];
+        if (this.canCustomizeCanvas() && this.isCanvasMode()) {
+            const sizeAction = {
+                id: 'widget-size', label: this.sizeEditorLabel(), icon: 'ms:straighten',
+                placement: 'menu', disabled: !!this.currentCanvasItem(widget.key)?.constraints?.lockSize,
+            };
+            this.projectedSizeActions.add(sizeAction);
+            actions.push(sizeAction);
+        }
         if (this.canRequestWidgetAssistant()) {
             actions.push({
                 id: 'widget-assistant',
@@ -40468,7 +41451,7 @@ class DynamicWidgetPageComponent {
                 tooltip: this.widgetRemoveLabel(),
                 icon: 'delete',
                 variant: 'icon',
-                placement: 'header',
+                placement: 'menu',
             });
         }
         return actions;
@@ -40482,6 +41465,7 @@ class DynamicWidgetPageComponent {
             action.icon || '',
             action.variant || '',
             action.placement || '',
+            String(action.ariaExpanded ?? ''),
         ].join(':'))
             .join('|');
     }
@@ -40524,7 +41508,13 @@ class DynamicWidgetPageComponent {
         this.widgetDiagnosticsChange.emit({ ...this.widgetDiagnostics });
     }
     onShellAction(fromKey, evt) {
-        if (evt.id === 'expand' || evt.id === 'fullscreen') {
+        if (evt.id === 'widget-size' && evt.action && this.projectedSizeActions.has(evt.action)) {
+            this.openSizeEditor(fromKey);
+            return;
+        }
+        if (this.sizeEditorOrigin())
+            this.closeSizeEditor(false);
+        if (evt.id === 'expand' || evt.id === 'fullscreen' || evt.id === 'collapse') {
             this.cancelCanvasInteractionForWidget(fromKey);
         }
         if (evt.id === 'widget-assistant') {
@@ -41046,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',
@@ -41059,6 +42050,8 @@ class DynamicWidgetPageComponent {
                     presets: uiShell?.presets || null,
                     pagePreset: uiShell?.preset || null,
                     authoringCapabilities: this.authoringCapabilities,
+                    // Transient Settings Panel data; never part of WidgetPageDefinition.
+                    validateRenderedCanvas: (candidate) => this.validateRenderedCanvas(candidate),
                 },
             },
         });
@@ -41069,6 +42062,40 @@ class DynamicWidgetPageComponent {
         return this.isAuthoringCapabilityEnabled('pageSettings')
             && !!(this.pageEditorComponent || this.defaultPageEditor);
     }
+    validateRenderedCanvas(candidate) {
+        const device = this.resolveDeviceKind();
+        const canvas = this.resolveCanvas(candidate.canvas, candidate.deviceLayouts?.[device]?.canvas);
+        if (!canvas || canvas.autoRows !== 'content')
+            return null;
+        const baseline = this.authoredPageDefinition;
+        for (const [key, item] of Object.entries(canvas.items)) {
+            if (candidate.deviceLayouts?.[device]?.widgetOverrides?.[key]?.hidden)
+                continue;
+            const size = contentSize(item);
+            if (!size)
+                continue;
+            const override = candidate.deviceLayouts?.[device]?.canvas?.items?.[key];
+            const scope = override?.contentSize !== undefined ? device : 'base';
+            const current = this.canvas?.items[key];
+            const minimum = this.measureCanvasMinimumHeight(key);
+            // A changed width or shell cannot reuse the old DOM as geometry proof.
+            const sameGeometry = !this.destroyed && this.canvas?.autoRows === 'content'
+                && canvas.columns === this.canvas.columns
+                && (canvas.gap || candidate.deviceLayouts?.[device]?.layout?.gap || candidate.layout?.gap || '16px') === this.pageGap
+                && item.colSpan === current?.colSpan
+                && candidate.layoutPreset === baseline?.layoutPreset
+                && candidate.themePreset === baseline?.themePreset
+                && this.sameJsonStructure(candidate.widgets.find(widget => widget.key === key)?.shell, baseline?.widgets.find(widget => widget.key === key)?.shell)
+                && this.sameJsonStructure(candidate.context?.['ui']?.shell ?? {}, baseline?.context?.['ui']?.shell ?? {});
+            if (!sameGeometry || minimum === undefined) {
+                return { widgetKey: key, scope, message: this.t('heightValidation.measureFirst', 'Use altura Automática para aplicar a nova geometria; depois reabra o editor para definir a altura ajustável.') };
+            }
+            if (size.heightPx < minimum) {
+                return { widgetKey: key, scope, message: this.t('heightValidation.minimum', 'Use pelo menos {{height}}px nesta largura. Ajuste a altura/máximo ou use Automática.', { height: minimum }) };
+            }
+        }
+        return null;
+    }
     applyWidgetShell(key, result, persist) {
         if (!result)
             return;
@@ -41101,6 +42128,7 @@ class DynamicWidgetPageComponent {
                 'title',
                 'subtitle',
                 'showHeader',
+                'stickyHeader',
                 'windowActions',
                 'collapsed',
                 'expanded',
@@ -41321,7 +42349,15 @@ class DynamicWidgetPageComponent {
         const interaction = this.activeCanvasInteraction;
         if (!interaction || interaction.pointerId !== event.pointerId)
             return;
+        if (!this.canCustomizeCanvas() || !this.isCanvasMode()) {
+            this.cancelCanvasInteractionForWidget(interaction.widgetKey);
+            return;
+        }
         event.preventDefault();
+        interaction.minimumContentHeight = this.measureCanvasMinimumHeight(interaction.widgetKey);
+        if (interaction.kind === 'resize') {
+            this.resizeFeedbackOrigin.set({ x: event.clientX, y: event.clientY });
+        }
         const { colDelta, rowDelta } = this.resolveCanvasInteractionDelta(interaction, event.clientX, event.clientY);
         if (interaction.kind === 'drag') {
             const result = this.updateCanvasItem(interaction.widgetKey, (item) => this.applyCanvasDrag(item, interaction, colDelta, rowDelta), false, undefined, undefined, 'drag');
@@ -41341,9 +42377,15 @@ class DynamicWidgetPageComponent {
         const interaction = this.activeCanvasInteraction;
         if (!interaction || interaction.pointerId !== event.pointerId)
             return;
+        if (!this.canCustomizeCanvas() || !this.isCanvasMode()) {
+            this.cancelCanvasInteractionForWidget(interaction.widgetKey);
+            return;
+        }
         event.preventDefault();
-        this.releaseCanvasPointerCapture(interaction);
+        interaction.minimumContentHeight = this.measureCanvasMinimumHeight(interaction.widgetKey);
         this.activeCanvasInteraction = null;
+        this.resizeFeedbackOrigin.set(null);
+        this.releaseCanvasPointerCapture(interaction);
         this.canvasPreviewState.set(null);
         this.canvasPreviewInvalidState.set(false);
         this.transientCanvasItemsState.set({});
@@ -41372,13 +42414,21 @@ class DynamicWidgetPageComponent {
         const interaction = this.activeCanvasInteraction;
         if (!interaction || interaction.pointerId !== event.pointerId)
             return;
-        this.releaseCanvasPointerCapture(interaction);
-        this.activeCanvasInteraction = null;
-        this.canvasPreviewState.set(null);
-        this.canvasPreviewInvalidState.set(false);
-        this.transientCanvasItemsState.set({});
-        this.layoutAnnouncement = this.blockedCanvasAnnouncement(interaction.kind);
-        this.applyTransientPagePreview(interaction.startPage, this.buildStateRuntime(interaction.startPage.state, interaction.startPage.context));
+        this.cancelCanvasGesture();
+    }
+    onCanvasEscape(event) {
+        if (!(event instanceof KeyboardEvent) || event.key !== 'Escape'
+            || event.defaultPrevented || !this.activeCanvasInteraction)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        this.cancelCanvasGesture();
+    }
+    cancelCanvasGesture() {
+        if (!this.activeCanvasInteraction)
+            return;
+        this.cancelCanvasInteractionForWidget(this.activeCanvasInteraction.widgetKey);
+        this.layoutAnnouncement = this.t('announcements.interactionCancelled', 'Alteração de layout cancelada.');
     }
     resolveColumns(layout, deviceLayoutColumnsSelected = false) {
         const base = Math.max(1, Number(layout?.columns) || 2);
@@ -41581,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,
@@ -41668,7 +42740,10 @@ class DynamicWidgetPageComponent {
     selectWidget(widgetKey) {
         if (!this.canSelectWidgets())
             return;
+        if (this.activeCanvasInteraction && this.activeCanvasInteraction.widgetKey !== widgetKey)
+            return;
         if (this.selectedWidgetKeyState() !== widgetKey) {
+            this.closeSizeEditor(false);
             this.selectedWidgetKeyState.set(widgetKey);
             this.widgetSelectionChange.emit(widgetKey);
         }
@@ -41692,6 +42767,218 @@ class DynamicWidgetPageComponent {
     isWidgetSelected(widgetKey) {
         return this.selectedWidgetKeyState() === widgetKey;
     }
+    canvasInteractionActive() {
+        return this.activeCanvasInteraction !== null;
+    }
+    canShowCanvasEdges(widgetKey) {
+        return this.canCustomizeCanvas() && this.isWidgetSelected(widgetKey)
+            && !this.currentCanvasItem(widgetKey)?.constraints?.lockSize;
+    }
+    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)) });
+    }
+    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 });
+        }
+    }
+    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);
+    }
+    openSizeEditor(key) {
+        if (!this.canCustomizeCanvas() || !this.isCanvasMode() || this.canvasInteractionActive() || this.isCanvasWidgetInOverlay(key))
+            return;
+        const item = this.currentCanvasItem(key);
+        if (!item || item.constraints?.lockSize)
+            return;
+        const owner = Array.from(this.pageCanvasHost?.nativeElement.children || [])
+            .find(element => element.getAttribute('data-widget-key') === key);
+        if (!owner)
+            return;
+        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);
+    }
+    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.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 };
+    }
+    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);
+    }
+    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);
+    }
+    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();
+        if (!widget)
+            return;
+        this.startCanvasResize(widget.key, handle, event);
+        if (this.activeCanvasInteraction?.pointerId === event.pointerId && event.currentTarget instanceof HTMLElement) {
+            event.currentTarget.focus({ preventScroll: true });
+        }
+    }
+    onSelectedCanvasResizeKeydown(handle, event) {
+        const widget = this.selectedCanvasWidget();
+        if (widget)
+            this.onCanvasResizeHandleKeydown(widget.key, handle, event);
+    }
     selectCanvasWidget(widgetKey) {
         this.selectWidget(widgetKey);
     }
@@ -41734,36 +43021,35 @@ class DynamicWidgetPageComponent {
         if (!horizontal && !vertical)
             return;
         event.preventDefault();
+        event.stopPropagation();
         const step = event.shiftKey ? 2 : 1;
         const delta = event.key === 'ArrowLeft' || event.key === 'ArrowUp' ? -step : step;
         this.updateCanvasItem(widgetKey, (item) => {
             if (kind === 'drag') {
                 return this.applyCanvasKeyboardDrag(item, event.key, delta);
             }
-            return this.applyCanvasKeyboardResize(item, event.key, delta);
+            return this.applyCanvasKeyboardResize(item, event.key, delta, widgetKey);
         }, true, this.canvasAnnouncement(kind, widgetKey), this.blockedCanvasAnnouncement(kind), kind);
     }
     onCanvasResizeHandleKeydown(widgetKey, handle, event) {
         if (!this.canCustomizeCanvas() || !this.isCanvasMode())
             return;
+        if (this.isCanvasWidgetInOverlay(widgetKey) || this.activeCanvasInteraction)
+            return;
         this.selectCanvasWidget(widgetKey);
         const horizontal = event.key === 'ArrowLeft' || event.key === 'ArrowRight';
         const vertical = event.key === 'ArrowUp' || event.key === 'ArrowDown';
         if (!horizontal && !vertical)
             return;
         event.preventDefault();
+        event.stopPropagation();
         const step = event.shiftKey ? 2 : 1;
         const delta = event.key === 'ArrowLeft' || event.key === 'ArrowUp' ? -step : step;
         const colDelta = horizontal ? delta : 0;
         const rowDelta = vertical ? delta : 0;
         const columns = this.canvas?.columns || 1;
+        const contentHeight = this.measureCanvasContentHeight(widgetKey);
         this.updateCanvasItem(widgetKey, (item) => this.applyCanvasResize(item, {
-            kind: 'resize',
-            widgetKey,
-            pointerId: -1,
-            startPage: this.clonePageDefinition(this.ensurePageDefinition()),
-            startX: 0,
-            startY: 0,
             startItem: {
                 ...item,
                 constraints: item.constraints
@@ -41771,11 +43057,10 @@ class DynamicWidgetPageComponent {
                     : undefined,
             },
             columns,
-            columnWidth: 1,
-            rowHeight: 1,
             resizeHandle: handle,
-            blocked: false,
-        }, colDelta, rowDelta), true, this.canvasAnnouncement('resize', widgetKey), this.blockedCanvasAnnouncement('resize'), 'resize');
+            contentHeight,
+            minimumContentHeight: this.measureCanvasMinimumHeight(widgetKey),
+        }, colDelta, contentHeight !== undefined ? rowDelta * 16 : rowDelta), true, this.canvasAnnouncement('resize', widgetKey), this.blockedCanvasAnnouncement('resize'), 'resize');
     }
     applyWidgetLayoutOverrides(widgets, overrides) {
         const rendered = widgets
@@ -41821,7 +43106,10 @@ class DynamicWidgetPageComponent {
     startCanvasInteraction(widgetKey, event, kind, resizeHandle) {
         if (!this.canCustomizeCanvas() || !this.isCanvasMode())
             return;
-        if (this.isCanvasOverlayInteraction(event))
+        // One gesture owns the preview until commit/cancel, including across pointer types.
+        if (this.activeCanvasInteraction || event.button > 0 || event.isPrimary === false)
+            return;
+        if (this.isCanvasOverlayInteraction(event) || this.isCanvasWidgetInOverlay(widgetKey))
             return;
         event.preventDefault();
         event.stopPropagation();
@@ -41831,7 +43119,6 @@ class DynamicWidgetPageComponent {
         const metrics = this.currentCanvasMetrics();
         if (!item || !metrics)
             return;
-        const pageSnapshot = this.clonePageDefinition(this.ensurePageDefinition());
         const pointerTarget = event.currentTarget instanceof HTMLElement
             ? event.currentTarget
             : undefined;
@@ -41846,7 +43133,6 @@ class DynamicWidgetPageComponent {
             widgetKey,
             pointerId: event.pointerId,
             pointerTarget,
-            startPage: pageSnapshot,
             startX: event.clientX,
             startY: event.clientY,
             startItem: {
@@ -41854,8 +43140,10 @@ class DynamicWidgetPageComponent {
                 constraints: item.constraints ? { ...item.constraints } : undefined,
             },
             columns: metrics.columns,
-            columnWidth: metrics.columnWidth,
-            rowHeight: metrics.rowHeight,
+            columnGeometry: metrics.columnGeometry,
+            rowGeometry: metrics.rowGeometry,
+            contentHeight: this.measureCanvasContentHeight(widgetKey),
+            minimumContentHeight: this.measureCanvasMinimumHeight(widgetKey),
             resizeHandle,
             blocked: false,
             swappedWith: null,
@@ -41867,12 +43155,14 @@ class DynamicWidgetPageComponent {
         const interaction = this.activeCanvasInteraction;
         if (!interaction || interaction.widgetKey !== widgetKey)
             return;
-        this.releaseCanvasPointerCapture(interaction);
         this.activeCanvasInteraction = null;
+        this.resizeFeedbackOrigin.set(null);
+        this.releaseCanvasPointerCapture(interaction);
         this.blockedCanvasWidgetKey = null;
         this.canvasPreviewState.set(null);
         this.canvasPreviewInvalidState.set(false);
         this.transientCanvasItemsState.set({});
+        this.resizeFeedbackState.set({});
     }
     isCanvasOverlayInteraction(event) {
         const target = event.currentTarget instanceof HTMLElement
@@ -41882,13 +43172,20 @@ class DynamicWidgetPageComponent {
                 : null;
         return !!target?.closest('.pdx-shell.expanded, .pdx-shell.fullscreen');
     }
+    isCanvasWidgetInOverlay(widgetKey) {
+        const owner = Array.from(this.pageCanvasHost?.nativeElement.children || [])
+            .find((element) => element.getAttribute('data-widget-key') === widgetKey);
+        return !!owner?.querySelector(':scope > praxis-widget-shell > .pdx-shell.expanded, :scope > praxis-widget-shell > .pdx-shell.fullscreen, :scope > praxis-widget-shell > .pdx-shell.collapsed');
+    }
     currentCanvasMetrics() {
         const canvas = this.canvas;
         const host = this.pageCanvasHost?.nativeElement;
         if (!canvas || !host)
             return null;
         const rect = host.getBoundingClientRect();
-        const gap = this.parseCssPixelValue(this.pageGap, 16);
+        const style = host.ownerDocument.defaultView?.getComputedStyle(host);
+        const gap = this.parseCssPixelValue(style?.columnGap || this.pageGap, 16);
+        const rowGap = this.parseCssPixelValue(style?.rowGap || this.pageGap, 16);
         const columns = Math.max(1, Number(canvas.columns) || 1);
         const availableWidth = Math.max(1, rect.width - gap * Math.max(0, columns - 1));
         const columnWidth = availableWidth / columns;
@@ -41897,19 +43194,48 @@ class DynamicWidgetPageComponent {
             : this.parseCssPixelValue(canvas.rowUnit || this.gridAutoRows || '88px', 88);
         return {
             columns,
-            columnWidth: Math.max(1, columnWidth),
-            rowHeight: Math.max(1, rowHeight),
+            columnGeometry: {
+                sizes: readCanvasTrackSizes(style?.gridTemplateColumns || ''),
+                gap,
+                fallbackSize: Math.max(1, columnWidth),
+            },
+            rowGeometry: {
+                sizes: readCanvasTrackSizes(style?.gridTemplateRows || ''),
+                gap: rowGap,
+                fallbackSize: Math.max(1, rowHeight),
+            },
         };
     }
+    measureCanvasContentHeight(key) {
+        if (this.canvas?.autoRows !== 'content')
+            return undefined;
+        const owner = Array.from(this.pageCanvasHost?.nativeElement.children || [])
+            .find(element => element.getAttribute('data-widget-key') === key);
+        const height = owner?.getBoundingClientRect().height;
+        return height && height > 0 ? height : undefined;
+    }
+    measureCanvasMinimumHeight(key) {
+        if (this.canvas?.autoRows !== 'content')
+            return undefined;
+        const owner = Array.from(this.pageCanvasHost?.nativeElement.children || [])
+            .find(element => element.getAttribute('data-widget-key') === key);
+        const shell = owner?.querySelector(':scope > praxis-widget-shell > .pdx-shell');
+        return shell ? measureWidgetShellHeight(shell)?.minimum : undefined;
+    }
     currentCanvasItem(widgetKey) {
         return this.canvas?.items?.[widgetKey];
     }
     resolveCanvasInteractionDelta(interaction, clientX, clientY) {
         const deltaX = clientX - interaction.startX;
         const deltaY = clientY - interaction.startY;
+        const start = interaction.startItem;
+        const east = interaction.kind === 'resize' &&
+            (interaction.resizeHandle || 'south-east').includes('east');
+        const south = interaction.kind === 'resize' &&
+            (interaction.resizeHandle || 'south-east').includes('south');
         return {
-            colDelta: Math.round(deltaX / Math.max(1, interaction.columnWidth)),
-            rowDelta: Math.round(deltaY / Math.max(1, interaction.rowHeight)),
+            colDelta: canvasAxisDelta(interaction.columnGeometry, start.col - 1 + (east ? start.colSpan - 1 : 0), deltaX, east ? 'end' : 'start'),
+            rowDelta: interaction.kind === 'resize' && interaction.contentHeight !== undefined ? Math.round(deltaY) : canvasAxisDelta(interaction.rowGeometry, start.row - 1 + (south ? start.rowSpan - 1 : 0), deltaY, south ? 'end' : 'start'),
         };
     }
     updateCanvasItem(widgetKey, updater, persist, announcement, blockedAnnouncement, interactionKind = 'drag') {
@@ -41921,14 +43247,21 @@ class DynamicWidgetPageComponent {
         const current = effectiveCanvas?.items[widgetKey];
         if (!current)
             return { changed: false, blocked: false };
-        const candidate = this.normalizeCanvasItem(updater({
+        const update = updater({
             ...current,
             constraints: current.constraints
                 ? { ...current.constraints }
                 : undefined,
-        }), effectiveCanvas?.columns || page.canvas.columns || 1);
+        });
+        const { item: candidateItem, constrained } = 'item' in update
+            ? update : { item: update, constrained: false };
+        const candidate = this.normalizeCanvasItem(candidateItem, effectiveCanvas?.columns || page.canvas.columns || 1);
+        if (interactionKind === 'resize' && effectiveCanvas) {
+            return this.updateCanvasResize(widgetKey, candidate, effectiveCanvas, page, persist, announcement, constrained);
+        }
+        this.resizeFeedbackState.set({});
         const collisionPolicy = effectiveCanvas
-            ? this.resolveCanvasCollisionPolicy(effectiveCanvas, interactionKind)
+            ? this.resolveCanvasCollisionPolicy(effectiveCanvas)
             : 'block';
         const placement = effectiveCanvas
             ? this.resolveCanvasPlacement(widgetKey, current, candidate, effectiveCanvas, collisionPolicy)
@@ -41952,7 +43285,7 @@ class DynamicWidgetPageComponent {
         this.blockedCanvasWidgetKey = null;
         this.canvasPreviewInvalidState.set(false);
         const changed = placement.changed;
-        if (!changed && !persist) {
+        if (!changed) {
             this.transientCanvasItemsState.set({});
             this.canvasPreviewState.set(null);
             this.canvasPreviewInvalidState.set(false);
@@ -42001,28 +43334,74 @@ class DynamicWidgetPageComponent {
         }
         return { changed, blocked: false, swappedWith: placement.swappedWith };
     }
-    applyTransientPagePreview(next, runtime = this.pageRuntime) {
-        const normalized = { ...next, state: runtime.state };
-        const previewProjection = this.compositionRuntime.projectStateWidgetInputs(this.compositionFactory.create(normalized), {
-            widgets: normalized.widgets || [],
-            state: {
-                primaryValues: this.cloneStateValues(runtime.primaryValues),
-                derivedValues: this.cloneStateValues(runtime.derivedValues),
-                transientValues: {},
-                changedPaths: [],
-                diagnostics: [],
-            },
-        });
-        const stateBoundWidgets = previewProjection.widgets;
-        const hydrated = this.resolvePagePresets({
-            ...normalized,
-            widgets: stateBoundWidgets,
-        });
-        this.pageDefinition = hydrated;
-        this.page = hydrated;
-        this.pageState = runtime.state;
-        this.pageRuntime = runtime;
-        this.applyResponsivePresentation(hydrated, stateBoundWidgets, runtime);
+    resizeFeedback(key) {
+        return this.resizeFeedbackState()[key] ?? null;
+    }
+    hasResizeFeedback() {
+        return Object.keys(this.resizeFeedbackState()).length > 0;
+    }
+    resizeFeedbackLabel(state) {
+        const fallback = {
+            valid: 'Ajuste disponível', minimum: 'Tamanho mínimo atingido',
+            blocked: 'Limite excedido — prévia limitada ao espaço disponível',
+        };
+        return this.t(`resizeFeedback.${state}`, fallback[state]);
+    }
+    updateCanvasResize(key, candidate, canvas, page, persist, announcement, constrained = false) {
+        const placement = resolveCanvasResizePlacement(key, candidate, canvas.items);
+        const changed = Object.entries(placement.items).some(([itemKey, item]) => !this.isSameCanvasItem(canvas.items[itemKey], item));
+        const feedback = {};
+        for (const itemKey of Object.keys(placement.items))
+            feedback[itemKey] = 'valid';
+        for (const itemKey of placement.minimumKeys)
+            feedback[itemKey] = 'minimum';
+        const bounded = contentSize(placement.primaryItem);
+        const minimum = Math.max(contentHeightLimits(placement.primaryItem).min, this.measureCanvasMinimumHeight(key) || 0);
+        if (bounded && bounded.heightPx <= minimum)
+            feedback[key] = 'minimum';
+        for (const itemKey of placement.blockedKeys)
+            feedback[itemKey] = 'blocked';
+        const limited = constrained || placement.limited;
+        if (limited)
+            feedback[key] = 'blocked';
+        const message = this.resizeFeedbackLabel(feedback[key]);
+        if (persist) {
+            this.resizeFeedbackState.set({});
+            this.transientCanvasItemsState.set({});
+            this.canvasPreviewState.set(null);
+            this.canvasPreviewInvalidState.set(false);
+            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')
+                : limited ? this.t('resizeFeedback.committedLimit', 'Layout ajustado até o limite permitido') : announcement || message, placement.primaryItem);
+        }
+        else {
+            if (JSON.stringify(feedback) !== JSON.stringify(this.resizeFeedbackState())) {
+                this.layoutAnnouncement = Object.entries(feedback).map(([itemKey, state]) => `${this.widgetContextToolbarLabel(itemKey)}: ${this.resizeFeedbackLabel(state)}`).join('. ');
+            }
+            this.resizeFeedbackState.set(feedback);
+            this.transientCanvasItemsState.set(placement.items);
+            // Render the real clamped distribution, never an impossible overlapping ghost.
+            this.canvasPreviewState.set(placement.primaryItem);
+            this.canvasPreviewInvalidState.set(false);
+            this.blockedCanvasWidgetKey = null;
+        }
+        return { changed, blocked: limited };
     }
     resolveCanvasTarget(page) {
         const kind = this.resolveDeviceKind();
@@ -42051,7 +43430,15 @@ class DynamicWidgetPageComponent {
     applyCanvasResize(item, interaction, colDelta, rowDelta) {
         const locked = item.constraints?.lockSize || interaction.startItem.constraints?.lockSize;
         if (locked)
-            return item;
+            return { item, constrained: colDelta !== 0 || rowDelta !== 0 };
+        if (interaction.contentHeight !== undefined) {
+            const horizontal = this.applyCanvasResize(item, { ...interaction, contentHeight: undefined }, colDelta, 0);
+            const handle = interaction.resizeHandle || 'south-east';
+            if (!handle.includes('north') && !handle.includes('south'))
+                return horizontal;
+            const vertical = resizeContentHeight({ ...horizontal.item, contentSize: interaction.startItem.contentSize }, interaction.contentHeight, rowDelta, handle.includes('north'), interaction.minimumContentHeight);
+            return { item: vertical.item, constrained: horizontal.constrained || vertical.constrained };
+        }
         const handle = interaction.resizeHandle || 'south-east';
         const start = interaction.startItem;
         const constraints = this.resolveCanvasConstraints(start, interaction.columns);
@@ -42079,12 +43466,16 @@ class DynamicWidgetPageComponent {
             nextRow = this.clampNumber(start.row + rowDelta, minRow, maxRow);
             nextRowSpan = bottomEdge - nextRow + 1;
         }
+        // Keep attempted edges until feedback is decided. Otherwise clamping here
+        // makes a gesture past an own minimum/maximum look like a valid request.
+        const requestedCol = start.col + (handle.includes('west') ? colDelta : 0);
+        const requestedRow = start.row + (handle.includes('north') ? rowDelta : 0);
+        const requestedColSpan = start.colSpan + (handle.includes('east') ? colDelta : handle.includes('west') ? -colDelta : 0);
+        const requestedRowSpan = start.rowSpan + (handle.includes('south') ? rowDelta : handle.includes('north') ? -rowDelta : 0);
         return {
-            ...item,
-            col: nextCol,
-            row: nextRow,
-            colSpan: nextColSpan,
-            rowSpan: nextRowSpan,
+            item: { ...item, col: nextCol, row: nextRow, colSpan: nextColSpan, rowSpan: nextRowSpan },
+            constrained: nextCol !== requestedCol || nextRow !== requestedRow
+                || nextColSpan !== requestedColSpan || nextRowSpan !== requestedRowSpan,
         };
     }
     applyCanvasKeyboardDrag(item, key, delta) {
@@ -42101,21 +43492,11 @@ class DynamicWidgetPageComponent {
             row: Math.max(1, item.row + delta),
         };
     }
-    applyCanvasKeyboardResize(item, key, delta) {
-        if (item.constraints?.lockSize)
-            return item;
-        const columns = this.canvas?.columns || 1;
-        const constraints = this.resolveCanvasConstraints(item, columns);
-        if (key === 'ArrowLeft' || key === 'ArrowRight') {
-            return {
-                ...item,
-                colSpan: this.clampNumber(item.colSpan + delta, constraints.minColSpan, Math.min(constraints.maxColSpan, columns - item.col + 1)),
-            };
-        }
-        return {
-            ...item,
-            rowSpan: this.clampNumber(item.rowSpan + delta, constraints.minRowSpan, constraints.maxRowSpan),
-        };
+    applyCanvasKeyboardResize(item, key, delta, widgetKey) {
+        const horizontal = key === 'ArrowLeft' || key === 'ArrowRight';
+        const contentHeight = this.measureCanvasContentHeight(widgetKey);
+        return this.applyCanvasResize(item, { startItem: item, columns: this.canvas?.columns || 1, resizeHandle: 'south-east', contentHeight,
+            minimumContentHeight: this.measureCanvasMinimumHeight(widgetKey) }, horizontal ? delta : 0, horizontal ? 0 : contentHeight !== undefined ? delta * 16 : delta);
     }
     pageSettingsLabel() {
         return this.t('controls.pageSettings', 'Configurar página');
@@ -42147,6 +43528,11 @@ class DynamicWidgetPageComponent {
         return this.t('announcements.swapped', 'Widget trocado com {{target}}: {{widget}}', { widget: widgetKey, target: targetWidgetKey });
     }
     positionedCanvasAnnouncement(action, item) {
+        const size = this.canvas?.autoRows === 'content' ? contentSize(item) : null;
+        if (size)
+            return this.t('announcements.contentSize', '{{action}}. Largura {{columns}} colunas, altura {{height}} pixels, recuo superior {{top}} pixels.', {
+                action, columns: item.colSpan, height: size.heightPx, top: size.offsetTopPx,
+            });
         return this.t('announcements.position', '{{action}} para coluna {{col}}, linha {{row}}, largura {{colSpan}}, altura {{rowSpan}}.', {
             action,
             col: item.col,
@@ -42164,6 +43550,8 @@ class DynamicWidgetPageComponent {
         const maxColSpan = Math.max(minColSpan, item.constraints?.maxColSpan || columns);
         const maxRowSpan = Math.max(minRowSpan, item.constraints?.maxRowSpan || Number.MAX_SAFE_INTEGER);
         return {
+            minHeightPx: contentHeightLimits(item).min,
+            maxHeightPx: contentHeightLimits(item).max,
             minColSpan,
             minRowSpan,
             maxColSpan,
@@ -42186,10 +43574,7 @@ class DynamicWidgetPageComponent {
             rowSpan,
         };
     }
-    resolveCanvasCollisionPolicy(canvas, interactionKind) {
-        if (interactionKind === 'resize') {
-            return 'block';
-        }
+    resolveCanvasCollisionPolicy(canvas) {
         return canvas.collisionPolicy === 'swap' ? 'swap' : 'block';
     }
     resolveCanvasPlacement(widgetKey, current, candidate, canvas, collisionPolicy) {
@@ -42278,11 +43663,15 @@ class DynamicWidgetPageComponent {
             leftBottom >= right.row);
     }
     isSameCanvasItem(left, right) {
+        const leftSize = typeof left.contentSize === 'object' ? left.contentSize : undefined;
+        const rightSize = typeof right.contentSize === 'object' ? right.contentSize : undefined;
         return (left.col === right.col &&
             left.row === right.row &&
             left.colSpan === right.colSpan &&
             left.rowSpan === right.rowSpan &&
-            left.zIndex === right.zIndex);
+            left.zIndex === right.zIndex &&
+            leftSize?.heightPx === rightSize?.heightPx &&
+            (leftSize?.offsetTopPx ?? 0) === (rightSize?.offsetTopPx ?? 0));
     }
     clampCanvasCol(col, span, columns) {
         return this.clampNumber(col, 1, Math.max(1, columns - span + 1));
@@ -42479,6 +43868,12 @@ class DynamicWidgetPageComponent {
             return null;
         return `${canvasItem.row} / span ${canvasItem.rowSpan}`;
     }
+    widgetContentSize(widget) {
+        if (this.canvas?.autoRows !== 'content')
+            return null;
+        const item = this.resolveRenderedCanvasItem(widget) || this.canvas.items[widget.key];
+        return item ? contentSize(item) : null;
+    }
     widgetZIndex(widget) {
         return this.resolveRenderedCanvasItem(widget)?.zIndex ?? null;
     }
@@ -42794,7 +44189,7 @@ class DynamicWidgetPageComponent {
         throw new Error('DynamicWidgetPageComponent no longer accepts `page.connections`. Use `composition.links` only.');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DynamicWidgetPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: DynamicWidgetPageComponent, isStandalone: true, selector: "praxis-dynamic-page", inputs: { page: "page", context: "context", strictValidation: "strictValidation", enableCustomization: "enableCustomization", authoringCapabilities: "authoringCapabilities", showPageSettingsButton: "showPageSettingsButton", shellEditorComponent: "shellEditorComponent", pageEditorComponent: "pageEditorComponent", autoPersist: "autoPersist", pageIdentity: "pageIdentity", componentInstanceId: "componentInstanceId", showWidgetAssistantButton: "showWidgetAssistantButton" }, outputs: { pageChange: "pageChange", pageAuthoringChange: "pageAuthoringChange", widgetEvent: "widgetEvent", widgetSelectionChange: "widgetSelectionChange", widgetAssistantRequested: "widgetAssistantRequested", widgetDiagnosticsChange: "widgetDiagnosticsChange" }, host: { listeners: { "window:resize": "onWindowResize()", "window:pointermove": "onCanvasPointerMove($event)", "window:pointerup": "onCanvasPointerUp($event)", "window:pointercancel": "onCanvasPointerCancel($event)" } }, providers: [providePraxisI18nConfig(DYNAMIC_WIDGET_PAGE_I18N_CONFIG)], viewQueries: [{ propertyName: "pageCanvasHost", first: true, predicate: ["pageCanvasHost"], descendants: true }, { propertyName: "widgetLoaders", predicate: ["widgetLoader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: DynamicWidgetPageComponent, isStandalone: true, selector: "praxis-dynamic-page", inputs: { page: "page", context: "context", strictValidation: "strictValidation", enableCustomization: "enableCustomization", authoringCapabilities: "authoringCapabilities", showPageSettingsButton: "showPageSettingsButton", shellEditorComponent: "shellEditorComponent", pageEditorComponent: "pageEditorComponent", autoPersist: "autoPersist", pageIdentity: "pageIdentity", componentInstanceId: "componentInstanceId", showWidgetAssistantButton: "showWidgetAssistantButton" }, outputs: { pageChange: "pageChange", pageAuthoringChange: "pageAuthoringChange", widgetEvent: "widgetEvent", widgetSelectionChange: "widgetSelectionChange", widgetAssistantRequested: "widgetAssistantRequested", widgetDiagnosticsChange: "widgetDiagnosticsChange" }, host: { listeners: { "lostpointercapture": "onCanvasPointerCancel($event)", "window:keydown.escape": "onCanvasEscape($event)", "window:resize": "onWindowResize()", "window:pointermove": "onCanvasPointerMove($event)", "window:pointerup": "onCanvasPointerUp($event)", "window:pointercancel": "onCanvasPointerCancel($event)" } }, providers: [providePraxisI18nConfig(DYNAMIC_WIDGET_PAGE_I18N_CONFIG)], viewQueries: [{ propertyName: "pageCanvasHost", first: true, predicate: ["pageCanvasHost"], descendants: true }, { propertyName: "widgetLoaders", predicate: ["widgetLoader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div
       class="pdx-page-wrapper"
       [class.editing]="enableCustomization"
@@ -42815,6 +44210,50 @@ class DynamicWidgetPageComponent {
           (click)="openPageSettings()"
         ></button>
       }
+      @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>
+        }
+      }
+      @if (resizeFeedbackOrigin(); as origin) {
+        @if (selectedCanvasWidget(); as widget) {
+          @if (resizeFeedback(widget.key); as feedback) {
+            <ng-template cdkConnectedOverlay #feedbackOverlay="cdkConnectedOverlay"
+              [cdkConnectedOverlayOrigin]="origin"
+              [cdkConnectedOverlayOpen]="true"
+              [cdkConnectedOverlayPositions]="resizeFeedbackPositions"
+              [cdkConnectedOverlayPush]="true"
+              [cdkConnectedOverlayViewportMargin]="12"
+              [cdkConnectedOverlayHasBackdrop]="false"
+              [cdkConnectedOverlayDisableClose]="true"
+              (attach)="prepareResizeFeedbackOverlay(feedbackOverlay.overlayRef.overlayElement)">
+              <div class="pdx-resize-feedback pdx-resize-feedback--floating"
+                data-testid="canvas-resize-feedback" [attr.data-feedback-widget]="widget.key"
+                [attr.data-resize-feedback]="feedback">
+                <mat-icon aria-hidden="true">{{ feedback === 'valid' ? 'check_circle' : feedback === 'minimum' ? 'warning' : 'block' }}</mat-icon>
+                <span><strong>{{ widgetContextLabel(widget) }}</strong>{{ resizeFeedbackLabel(feedback) }}</span>
+              </div>
+            </ng-template>
+          }
+        }
+      }
       <div
         #pageCanvasHost
         class="pdx-page"
@@ -42828,6 +44267,11 @@ 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]="
                 canSelectWidgets() && isWidgetSelected(w.key)
@@ -42841,30 +44285,16 @@ class DynamicWidgetPageComponent {
               [class]="widgetClassName(w)"
               [style.gridColumn]="widgetGridColumn(w)"
               [style.gridRow]="widgetGridRow(w)"
+              [style.height.px]="canvasShell.collapsed ? null : widgetContentSize(w)?.heightPx"
+              [style.marginTop.px]="canvasShell.collapsed ? null : widgetContentSize(w)?.offsetTopPx"
+              [style.alignSelf]="widgetContentSize(w) ? 'start' : null"
               [style.zIndex]="widgetZIndex(w)"
               (pointerdown)="selectWidget(w.key)"
               (click)="selectWidgetFromHostEvent(w.key, $event)"
               (focusin)="selectWidgetFromHostEvent(w.key, $event)"
             >
-              @if (canCustomizeCanvas()) {
-                @for (handle of canvasResizeHandles; track handle.id) {
-                  <button
-                    class="pdx-canvas-resize"
-                    [ngClass]="handle.className"
-                    type="button"
-                    [attr.data-resize-handle]="handle.id"
-                    [attr.aria-label]="resizeHandleLabel(handle.id)"
-                    [title]="resizeHandleLabel(handle.id)"
-                    (pointerdown)="startCanvasResize(w.key, handle.id, $event)"
-                    (keydown)="
-                      onCanvasResizeHandleKeydown(w.key, handle.id, $event)
-                    "
-                  >
-                    <span class="pdx-canvas-resize-grip"></span>
-                  </button>
-                }
-              }
               <praxis-widget-shell
+                #canvasShell
                 [shell]="widgetShellForRender(w)"
                 [context]="mergedContext"
                 [dragSurfaceEnabled]="canCustomizeCanvas() && isCanvasMode()"
@@ -42886,8 +44316,35 @@ class DynamicWidgetPageComponent {
                   (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                 ></ng-container>
               </praxis-widget-shell>
+              @if (resizeFeedback(w.key); as feedback) {
+                @if (!resizeFeedbackOrigin() || selectedCanvasWidget()?.key !== w.key) {
+                <div class="pdx-resize-feedback" data-testid="canvas-resize-feedback">
+                  <mat-icon aria-hidden="true">{{ feedback === 'valid' ? 'check_circle' : feedback === 'minimum' ? 'warning' : 'block' }}</mat-icon>
+                  <span>{{ resizeFeedbackLabel(feedback) }}</span>
+                </div>
+                }
+              }
+              @if (canShowCanvasEdges(w.key)) {
+                <div class="pdx-canvas-edges" data-testid="canvas-edge-controls"
+                  role="group" [attr.aria-label]="resizeWidgetLabel()">
+                  @for (handle of canvasResizeHandles; track handle.id) {
+                    <button type="button" class="pdx-canvas-edge"
+                      [attr.data-canvas-edge]="handle.id"
+                      [attr.aria-label]="resizeHandleLabel(handle.id)"
+                      [matTooltip]="resizeHandleLabel(handle.id)"
+                      [matTooltipDisabled]="canvasInteractionActive()"
+                      (pointerdown)="onSelectedCanvasResizePointerDown(handle.id, $event)"
+                      (keydown)="onSelectedCanvasResizeKeydown(handle.id, $event)"
+                      (click)="$event.stopPropagation()"></button>
+                  }
+                </div>
+              }
               @if (shouldRenderWidgetContextOverlay(w)) {
                 <praxis-dynamic-widget-context-toolbar
+                  [showSize]="canCustomizeCanvas()"
+                  [sizeDisabled]="isCanvasSizeLocked(w.key)"
+                  [sizeLabel]="sizeEditorLabel()"
+                  (size)="openSizeEditor(w.key)"
                   [toolbarLabel]="widgetContextToolbarLabel(w.key)"
                   [contextLabel]="widgetContextLabel(w)"
                   [contextTooltip]="widgetContextTooltip(w)"
@@ -42916,7 +44373,7 @@ class DynamicWidgetPageComponent {
               }
             </div>
           }
-          @if (canvasPreviewItem()) {
+          @if (canvasPreviewItem() && !hasResizeFeedback()) {
             <div
               class="pdx-canvas-snap-preview"
               [class.pdx-canvas-snap-preview--invalid]="canvasPreviewInvalid()"
@@ -43189,15 +44646,21 @@ 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-horizontal: linear-gradient( 90deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-vertical: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-se: linear-gradient( 135deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-sw: linear-gradient( 225deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-widget--canvas:after{content:\"\";position:absolute;inset:0;padding:2px;border-radius:14px;background:var(--pdx-active-resize-gradient);opacity:0;pointer-events:none;transition:opacity .14s ease,filter .14s ease;filter:saturate(1.02) drop-shadow(0 0 5px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.pdx-widget--canvas-selected:before,.pdx-widget--canvas-blocked:before{content:\"\";position:absolute;inset:0;border-radius:14px;pointer-events:none;z-index:1;transition:opacity .14s ease,box-shadow .14s ease,border-color .14s ease}.pdx-widget--canvas-blocked:before{border:1px solid color-mix(in srgb,var(--md-sys-color-error) 74%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 20%,transparent),0 10px 24px color-mix(in srgb,var(--md-sys-color-error) 12%,transparent)}.pdx-widget--canvas:has(.pdx-canvas-resize:hover):after,.pdx-widget--canvas:has(.pdx-canvas-resize:focus-visible):after{opacity:.82}.pdx-widget--canvas:has(.pdx-canvas-resize--north:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-horizontal)}.pdx-widget--canvas:has(.pdx-canvas-resize--east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-vertical)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-sw)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize{position:absolute;z-index:7;border:0;padding:0;margin:0;background:transparent;touch-action:none;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.94);transition:opacity .14s ease,transform .14s ease,filter .14s ease;filter:saturate(.9)}.pdx-widget--canvas:hover .pdx-canvas-resize,.pdx-widget--canvas:focus-within .pdx-canvas-resize,.pdx-widget--canvas-selected .pdx-canvas-resize{opacity:.88;pointer-events:auto;transform:scale(1);filter:saturate(1)}.pdx-widget--canvas:has(.pdx-shell.expanded) .pdx-canvas-resize,.pdx-widget--canvas:has(.pdx-shell.fullscreen) .pdx-canvas-resize{opacity:0;pointer-events:none;transform:scale(.94)}.pdx-canvas-resize-grip{display:block;width:9px;height:9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant) 58%);background:color-mix(in srgb,var(--md-sys-color-surface) 92%,var(--md-sys-color-primary) 8%);box-shadow:0 1px 4px color-mix(in srgb,var(--md-sys-color-shadow) 10%,transparent);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--md-sys-color-outline-variant) 42%);background:color-mix(in srgb,var(--md-sys-color-surface) 84%,var(--md-sys-color-primary) 16%);box-shadow:0 2px 7px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);transform:scale(1.04)}.pdx-canvas-resize--north,.pdx-canvas-resize--south{left:50%;width:52px;height:44px;margin-left:-26px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north{top:-22px;cursor:ns-resize}.pdx-canvas-resize--south{bottom:-22px;cursor:ns-resize}.pdx-canvas-resize--east,.pdx-canvas-resize--west{top:50%;width:44px;height:52px;margin-top:-26px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--east{right:-22px;cursor:ew-resize}.pdx-canvas-resize--west{left:-22px;cursor:ew-resize}.pdx-canvas-resize--north-east,.pdx-canvas-resize--north-west,.pdx-canvas-resize--south-east,.pdx-canvas-resize--south-west{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north-east{top:-22px;right:-22px;cursor:nesw-resize}.pdx-canvas-resize--north-west{top:-22px;left:-22px;cursor:nwse-resize}.pdx-canvas-resize--south-east{bottom:-22px;right:-22px;cursor:nwse-resize}.pdx-canvas-resize--south-west{bottom:-22px;left:-22px;cursor:nesw-resize}.pdx-canvas-snap-preview{position:relative;align-self:stretch;border-radius:12px;pointer-events:none;z-index:0;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary) 12%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 55%,transparent);animation:pdx-snap-preview-pulse .48s ease-out infinite alternate}.pdx-canvas-snap-preview:before,.pdx-canvas-snap-preview:after{content:\"\";position:absolute;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 82%,var(--md-sys-color-tertiary) 18%);opacity:.72}.pdx-canvas-snap-preview:before{inset:0 auto 0 0;width:3px}.pdx-canvas-snap-preview:after{inset:0 0 auto;height:3px}.pdx-canvas-snap-preview--invalid{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-error) 18%,transparent),color-mix(in srgb,var(--md-sys-color-error-container) 22%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 58%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 40%,transparent)}.pdx-canvas-snap-preview--invalid:before,.pdx-canvas-snap-preview--invalid:after{background:color-mix(in srgb,var(--md-sys-color-error) 86%,var(--md-sys-color-error-container) 14%)}.pdx-canvas-resize:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent),var(--mat-elevation-level3)}.pdx-canvas-resize--north:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-horizontal)}.pdx-canvas-resize--east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-vertical)}.pdx-canvas-resize--north-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-sw)}.pdx-canvas-resize--north-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-west:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{transform:scale(1.08)}@keyframes pdx-snap-preview-pulse{0%{opacity:.72;transform:scale(.996)}to{opacity:1;transform:scale(1)}}.pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pdx-group{display:grid;gap:12px;grid-column:1 / -1;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 76%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}.pdx-group--hero{padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary-container) 42%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-low) 86%,transparent))}.pdx-group--rail{align-self:start}.pdx-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pdx-group-title{font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.pdx-group-content{display:grid;gap:12px}.pdx-group-content--stack{grid-template-columns:minmax(0,1fr)}.pdx-group-content--row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pdx-group-content--grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pdx-group-tabs{display:grid;gap:12px}.pdx-tabs-header{display:flex;flex-wrap:wrap;gap:8px}.pdx-tab-chip{appearance:none;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);border-radius:999px;padding:8px 12px;font:inherit;cursor:pointer}.pdx-tab-chip.active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 78%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-page-wrapper.editing .pdx-widget-settings{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.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: "component", type: DynamicWidgetContextToolbarComponent, selector: "praxis-dynamic-widget-context-toolbar", inputs: ["toolbarLabel", "contextLabel", "contextTooltip", "showAssistant", "assistantLabel", "assistantTooltip", "showComponentSettings", "componentSettingsBusy", "componentSettingsLabel", "componentSettingsTooltip", "showShellSettings", "shellSettingsLabel", "shellSettingsTooltip", "showRemove", "moreActionsLabel", "removeLabel"], outputs: ["assistant", "componentSettings", "shellSettings", "remove"] }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "ownerWidgetKey", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent", "widgetDiagnostic"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: WidgetShellComponent, selector: "praxis-widget-shell", inputs: ["shell", "context", "dragSurfaceEnabled", "dragSurfaceLabel"], outputs: ["action", "dragSurfacePointerDown", "dragSurfaceKeydown"] }] });
+  `, 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,
-            args: [{ selector: 'praxis-dynamic-page', standalone: true, imports: [
+            args: [{ selector: 'praxis-dynamic-page', host: {
+                        '(lostpointercapture)': 'onCanvasPointerCancel($event)',
+                        '(window:keydown.escape)': 'onCanvasEscape($event)',
+                    }, standalone: true, imports: [
                         CommonModule,
                         MatIconModule,
                         MatTooltipModule,
                         PraxisIconButtonComponent,
+                        OverlayModule,
+                        A11yModule,
+                        CanvasSizeEditorComponent,
                         DynamicWidgetContextToolbarComponent,
                         DynamicWidgetLoaderDirective,
                         WidgetShellComponent,
@@ -43222,6 +44685,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           (click)="openPageSettings()"
         ></button>
       }
+      @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>
+        }
+      }
+      @if (resizeFeedbackOrigin(); as origin) {
+        @if (selectedCanvasWidget(); as widget) {
+          @if (resizeFeedback(widget.key); as feedback) {
+            <ng-template cdkConnectedOverlay #feedbackOverlay="cdkConnectedOverlay"
+              [cdkConnectedOverlayOrigin]="origin"
+              [cdkConnectedOverlayOpen]="true"
+              [cdkConnectedOverlayPositions]="resizeFeedbackPositions"
+              [cdkConnectedOverlayPush]="true"
+              [cdkConnectedOverlayViewportMargin]="12"
+              [cdkConnectedOverlayHasBackdrop]="false"
+              [cdkConnectedOverlayDisableClose]="true"
+              (attach)="prepareResizeFeedbackOverlay(feedbackOverlay.overlayRef.overlayElement)">
+              <div class="pdx-resize-feedback pdx-resize-feedback--floating"
+                data-testid="canvas-resize-feedback" [attr.data-feedback-widget]="widget.key"
+                [attr.data-resize-feedback]="feedback">
+                <mat-icon aria-hidden="true">{{ feedback === 'valid' ? 'check_circle' : feedback === 'minimum' ? 'warning' : 'block' }}</mat-icon>
+                <span><strong>{{ widgetContextLabel(widget) }}</strong>{{ resizeFeedbackLabel(feedback) }}</span>
+              </div>
+            </ng-template>
+          }
+        }
+      }
       <div
         #pageCanvasHost
         class="pdx-page"
@@ -43235,6 +44742,11 @@ 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]="
                 canSelectWidgets() && isWidgetSelected(w.key)
@@ -43248,30 +44760,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               [class]="widgetClassName(w)"
               [style.gridColumn]="widgetGridColumn(w)"
               [style.gridRow]="widgetGridRow(w)"
+              [style.height.px]="canvasShell.collapsed ? null : widgetContentSize(w)?.heightPx"
+              [style.marginTop.px]="canvasShell.collapsed ? null : widgetContentSize(w)?.offsetTopPx"
+              [style.alignSelf]="widgetContentSize(w) ? 'start' : null"
               [style.zIndex]="widgetZIndex(w)"
               (pointerdown)="selectWidget(w.key)"
               (click)="selectWidgetFromHostEvent(w.key, $event)"
               (focusin)="selectWidgetFromHostEvent(w.key, $event)"
             >
-              @if (canCustomizeCanvas()) {
-                @for (handle of canvasResizeHandles; track handle.id) {
-                  <button
-                    class="pdx-canvas-resize"
-                    [ngClass]="handle.className"
-                    type="button"
-                    [attr.data-resize-handle]="handle.id"
-                    [attr.aria-label]="resizeHandleLabel(handle.id)"
-                    [title]="resizeHandleLabel(handle.id)"
-                    (pointerdown)="startCanvasResize(w.key, handle.id, $event)"
-                    (keydown)="
-                      onCanvasResizeHandleKeydown(w.key, handle.id, $event)
-                    "
-                  >
-                    <span class="pdx-canvas-resize-grip"></span>
-                  </button>
-                }
-              }
               <praxis-widget-shell
+                #canvasShell
                 [shell]="widgetShellForRender(w)"
                 [context]="mergedContext"
                 [dragSurfaceEnabled]="canCustomizeCanvas() && isCanvasMode()"
@@ -43293,8 +44791,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   (widgetDiagnostic)="onWidgetDiagnostic(w.key, $event)"
                 ></ng-container>
               </praxis-widget-shell>
+              @if (resizeFeedback(w.key); as feedback) {
+                @if (!resizeFeedbackOrigin() || selectedCanvasWidget()?.key !== w.key) {
+                <div class="pdx-resize-feedback" data-testid="canvas-resize-feedback">
+                  <mat-icon aria-hidden="true">{{ feedback === 'valid' ? 'check_circle' : feedback === 'minimum' ? 'warning' : 'block' }}</mat-icon>
+                  <span>{{ resizeFeedbackLabel(feedback) }}</span>
+                </div>
+                }
+              }
+              @if (canShowCanvasEdges(w.key)) {
+                <div class="pdx-canvas-edges" data-testid="canvas-edge-controls"
+                  role="group" [attr.aria-label]="resizeWidgetLabel()">
+                  @for (handle of canvasResizeHandles; track handle.id) {
+                    <button type="button" class="pdx-canvas-edge"
+                      [attr.data-canvas-edge]="handle.id"
+                      [attr.aria-label]="resizeHandleLabel(handle.id)"
+                      [matTooltip]="resizeHandleLabel(handle.id)"
+                      [matTooltipDisabled]="canvasInteractionActive()"
+                      (pointerdown)="onSelectedCanvasResizePointerDown(handle.id, $event)"
+                      (keydown)="onSelectedCanvasResizeKeydown(handle.id, $event)"
+                      (click)="$event.stopPropagation()"></button>
+                  }
+                </div>
+              }
               @if (shouldRenderWidgetContextOverlay(w)) {
                 <praxis-dynamic-widget-context-toolbar
+                  [showSize]="canCustomizeCanvas()"
+                  [sizeDisabled]="isCanvasSizeLocked(w.key)"
+                  [sizeLabel]="sizeEditorLabel()"
+                  (size)="openSizeEditor(w.key)"
                   [toolbarLabel]="widgetContextToolbarLabel(w.key)"
                   [contextLabel]="widgetContextLabel(w)"
                   [contextTooltip]="widgetContextTooltip(w)"
@@ -43323,7 +44848,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               }
             </div>
           }
-          @if (canvasPreviewItem()) {
+          @if (canvasPreviewItem() && !hasResizeFeedback()) {
             <div
               class="pdx-canvas-snap-preview"
               [class.pdx-canvas-snap-preview--invalid]="canvasPreviewInvalid()"
@@ -43596,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-horizontal: linear-gradient( 90deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-vertical: linear-gradient( 180deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-se: linear-gradient( 135deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-resize-gradient-diagonal-sw: linear-gradient( 225deg, color-mix(in srgb, var(--md-sys-color-primary) 94%, white 6%), color-mix(in srgb, var(--md-sys-color-tertiary) 90%, white 10%), color-mix(in srgb, var(--md-sys-color-secondary) 88%, white 12%) );--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-widget--canvas:after{content:\"\";position:absolute;inset:0;padding:2px;border-radius:14px;background:var(--pdx-active-resize-gradient);opacity:0;pointer-events:none;transition:opacity .14s ease,filter .14s ease;filter:saturate(1.02) drop-shadow(0 0 5px color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.pdx-widget--canvas-selected:before,.pdx-widget--canvas-blocked:before{content:\"\";position:absolute;inset:0;border-radius:14px;pointer-events:none;z-index:1;transition:opacity .14s ease,box-shadow .14s ease,border-color .14s ease}.pdx-widget--canvas-blocked:before{border:1px solid color-mix(in srgb,var(--md-sys-color-error) 74%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 20%,transparent),0 10px 24px color-mix(in srgb,var(--md-sys-color-error) 12%,transparent)}.pdx-widget--canvas:has(.pdx-canvas-resize:hover):after,.pdx-widget--canvas:has(.pdx-canvas-resize:focus-visible):after{opacity:.82}.pdx-widget--canvas:has(.pdx-canvas-resize--north:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-horizontal)}.pdx-widget--canvas:has(.pdx-canvas-resize--east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-vertical)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-east:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-west:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-sw)}.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--north-west:focus-visible),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:hover),.pdx-widget--canvas:has(.pdx-canvas-resize--south-east:focus-visible){--pdx-active-resize-gradient: var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize{position:absolute;z-index:7;border:0;padding:0;margin:0;background:transparent;touch-action:none;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.94);transition:opacity .14s ease,transform .14s ease,filter .14s ease;filter:saturate(.9)}.pdx-widget--canvas:hover .pdx-canvas-resize,.pdx-widget--canvas:focus-within .pdx-canvas-resize,.pdx-widget--canvas-selected .pdx-canvas-resize{opacity:.88;pointer-events:auto;transform:scale(1);filter:saturate(1)}.pdx-widget--canvas:has(.pdx-shell.expanded) .pdx-canvas-resize,.pdx-widget--canvas:has(.pdx-shell.fullscreen) .pdx-canvas-resize{opacity:0;pointer-events:none;transform:scale(.94)}.pdx-canvas-resize-grip{display:block;width:9px;height:9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant) 58%);background:color-mix(in srgb,var(--md-sys-color-surface) 92%,var(--md-sys-color-primary) 8%);box-shadow:0 1px 4px color-mix(in srgb,var(--md-sys-color-shadow) 10%,transparent);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--md-sys-color-outline-variant) 42%);background:color-mix(in srgb,var(--md-sys-color-surface) 84%,var(--md-sys-color-primary) 16%);box-shadow:0 2px 7px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);transform:scale(1.04)}.pdx-canvas-resize--north,.pdx-canvas-resize--south{left:50%;width:52px;height:44px;margin-left:-26px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north{top:-22px;cursor:ns-resize}.pdx-canvas-resize--south{bottom:-22px;cursor:ns-resize}.pdx-canvas-resize--east,.pdx-canvas-resize--west{top:50%;width:44px;height:52px;margin-top:-26px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--east{right:-22px;cursor:ew-resize}.pdx-canvas-resize--west{left:-22px;cursor:ew-resize}.pdx-canvas-resize--north-east,.pdx-canvas-resize--north-west,.pdx-canvas-resize--south-east,.pdx-canvas-resize--south-west{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.pdx-canvas-resize--north-east{top:-22px;right:-22px;cursor:nesw-resize}.pdx-canvas-resize--north-west{top:-22px;left:-22px;cursor:nwse-resize}.pdx-canvas-resize--south-east{bottom:-22px;right:-22px;cursor:nwse-resize}.pdx-canvas-resize--south-west{bottom:-22px;left:-22px;cursor:nesw-resize}.pdx-canvas-snap-preview{position:relative;align-self:stretch;border-radius:12px;pointer-events:none;z-index:0;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary) 12%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 55%,transparent);animation:pdx-snap-preview-pulse .48s ease-out infinite alternate}.pdx-canvas-snap-preview:before,.pdx-canvas-snap-preview:after{content:\"\";position:absolute;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 82%,var(--md-sys-color-tertiary) 18%);opacity:.72}.pdx-canvas-snap-preview:before{inset:0 auto 0 0;width:3px}.pdx-canvas-snap-preview:after{inset:0 0 auto;height:3px}.pdx-canvas-snap-preview--invalid{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-error) 18%,transparent),color-mix(in srgb,var(--md-sys-color-error-container) 22%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 58%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-surface) 40%,transparent)}.pdx-canvas-snap-preview--invalid:before,.pdx-canvas-snap-preview--invalid:after{background:color-mix(in srgb,var(--md-sys-color-error) 86%,var(--md-sys-color-error-container) 14%)}.pdx-canvas-resize:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent),var(--mat-elevation-level3)}.pdx-canvas-resize--north:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-horizontal)}.pdx-canvas-resize--east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-vertical)}.pdx-canvas-resize--north-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-east:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-west:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-sw)}.pdx-canvas-resize--north-west:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--north-west:focus-visible .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:hover .pdx-canvas-resize-grip,.pdx-canvas-resize--south-east:focus-visible .pdx-canvas-resize-grip{background:var(--pdx-resize-gradient-diagonal-se)}.pdx-canvas-resize:hover .pdx-canvas-resize-grip,.pdx-canvas-resize:focus-visible .pdx-canvas-resize-grip{transform:scale(1.08)}@keyframes pdx-snap-preview-pulse{0%{opacity:.72;transform:scale(.996)}to{opacity:1;transform:scale(1)}}.pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pdx-group{display:grid;gap:12px;grid-column:1 / -1;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 76%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}.pdx-group--hero{padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary-container) 42%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-low) 86%,transparent))}.pdx-group--rail{align-self:start}.pdx-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pdx-group-title{font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.pdx-group-content{display:grid;gap:12px}.pdx-group-content--stack{grid-template-columns:minmax(0,1fr)}.pdx-group-content--row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pdx-group-content--grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pdx-group-tabs{display:grid;gap:12px}.pdx-tabs-header{display:flex;flex-wrap:wrap;gap:8px}.pdx-tab-chip{appearance:none;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);border-radius:999px;padding:8px 12px;font:inherit;cursor:pointer}.pdx-tab-chip.active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 78%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-page-wrapper.editing .pdx-widget-settings{opacity:1}\n"] }]
+  `, styles: [":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']
@@ -44701,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.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,
@@ -44964,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$1.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i8$1.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+  `, isInline: true, styles: [".pip-root{display:flex;flex-direction:column;min-width:340px;max-width:760px;max-height:80vh;overflow:hidden;padding:16px;color:var(--md-sys-color-on-surface)}.pip-head{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.pip-search{flex:1;min-width:180px}.pip-spacer{flex:1}.pip-body{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:4px}.pip-item{display:flex;gap:10px;align-items:center;justify-content:flex-start;padding:10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;background:var(--md-sys-color-surface);color:inherit;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.pip-item:hover{background:var(--md-sys-color-surface-container)}.pip-item:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pip-item.selected{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary)}.pip-name{font-size:12px;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pip-hint{font-size:12px;color:var(--md-sys-color-on-surface-variant);margin:-6px 0 8px}.pip-stats{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--md-sys-color-on-surface-variant);margin-bottom:8px}.pip-shortcut{opacity:.9}.pip-empty{padding:12px;border:1px dashed var(--md-sys-color-outline-variant);border-radius:10px;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);margin-top:8px}.pip-footer{display:flex;gap:12px;align-items:center;margin-top:10px}.pip-typed{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:var(--md-sys-color-on-surface)}.pip-family{display:flex;align-items:center}.pip-family .mat-mdc-chip-listbox{min-width:260px}.pip-root .mat-icon{font-family:Material Icons,Material Symbols Outlined,Material Symbols Rounded,Material Symbols Sharp!important;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;color:currentColor}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24}.material-symbols-sharp{font-family:Material Symbols Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased;font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$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,
@@ -45586,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$1.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$1.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,
@@ -46474,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);
@@ -46481,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);
@@ -46519,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. */
@@ -47486,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 };