@praxisui/core 10.0.0-rc.0 → 10.0.0-rc.4

package/fesm2022/praxisui-core.mjs

@@ -1,8 +1,8 @@
 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, ElementRef, ChangeDetectorRef, afterEveryRender, contentChild, viewChild, HostBinding, output, afterNextRender, ViewChild, ViewEncapsulation, createEnvironmentInjector, EnvironmentInjector, reflectComponentType, HostListener, ViewChildren } from '@angular/core';
+import { Component, InjectionToken, Injectable, inject, Inject, Optional, SkipSelf, makeEnvironmentProviders, APP_INITIALIZER, signal, computed, DestroyRef, ENVIRONMENT_INITIALIZER, ErrorHandler, isSignal, Input, Directive, input, booleanAttribute, ChangeDetectionStrategy, EventEmitter, Output, SecurityContext, ViewContainerRef, Injector, effect, SimpleChange, ElementRef, ChangeDetectorRef, afterEveryRender, contentChild, viewChild, HostBinding, output, afterNextRender, ViewChild, ViewEncapsulation, createEnvironmentInjector, EnvironmentInjector, reflectComponentType, HostListener, ViewChildren } 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, combineLatest, merge, timeout } 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, isObservable, combineLatest, merge, 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, NgTemplateOutlet, CommonModule, NgComponentOutlet } from '@angular/common';
@@ -6386,6 +6386,62 @@ function createDefaultTableConfig() {
             localDataMode: {
                 enabled: false,
             },
+            detail: {
+                schemaContract: {
+                    kind: 'praxis.detail.schema',
+                    version: '1.0.0',
+                    compat: 'semver',
+                    allowedNodes: [
+                        'layout',
+                        'stack',
+                        'tabs',
+                        'tab',
+                        'text',
+                        'icon',
+                        'image',
+                        'badge',
+                        'avatar',
+                        'metric',
+                        'progress',
+                        'compose',
+                        'card',
+                        'value',
+                        'action',
+                        'list',
+                        'formRef',
+                        'tableRef',
+                        'chartRef',
+                        'richText',
+                        'templateRef',
+                    ],
+                    sanitization: 'strict',
+                },
+                source: {
+                    mode: 'inline',
+                    inlineSchema: {
+                        layout: 'stack',
+                        items: [],
+                    },
+                    fallbackMode: 'none',
+                },
+                rendering: {
+                    strategy: 'registry',
+                    registryId: 'praxis.detail.default',
+                    hostLayout: 'auto',
+                    fallbackNodePolicy: 'failClosed',
+                },
+                height: {
+                    mode: 'fixed',
+                    px: 160,
+                },
+                lazyLoad: {
+                    enabled: false,
+                    cache: { enabled: true, ttlMs: 300000 },
+                    retry: { maxAttempts: 2 },
+                    cancelOnCollapse: true,
+                    dedupeByRowKey: true,
+                },
+            },
             expansion: {
                 enabled: false,
                 contractVersion: '1.0.0',
@@ -6413,62 +6469,6 @@ function createDefaultTableConfig() {
                     filterChange: true,
                     dataRefresh: true,
                 },
-                detail: {
-                    schemaContract: {
-                        kind: 'praxis.detail.schema',
-                        version: '1.0.0',
-                        compat: 'semver',
-                        allowedNodes: [
-                            'layout',
-                            'stack',
-                            'tabs',
-                            'tab',
-                            'text',
-                            'icon',
-                            'image',
-                            'badge',
-                            'avatar',
-                            'metric',
-                            'progress',
-                            'compose',
-                            'card',
-                            'value',
-                            'action',
-                            'list',
-                            'formRef',
-                            'tableRef',
-                            'chartRef',
-                            'richText',
-                            'templateRef',
-                        ],
-                        sanitization: 'strict',
-                    },
-                    source: {
-                        mode: 'inline',
-                        inlineSchema: {
-                            layout: 'stack',
-                            items: [],
-                        },
-                        fallbackMode: 'none',
-                    },
-                    rendering: {
-                        strategy: 'registry',
-                        registryId: 'praxis.detail.default',
-                        hostLayout: 'auto',
-                        fallbackNodePolicy: 'failClosed',
-                    },
-                    height: {
-                        mode: 'fixed',
-                        px: 160,
-                    },
-                    lazyLoad: {
-                        enabled: false,
-                        cache: { enabled: true, ttlMs: 300000 },
-                        retry: { maxAttempts: 2 },
-                        cancelOnCollapse: true,
-                        dedupeByRowKey: true,
-                    },
-                },
                 virtualization: {
                     policy: 'fixed-height-only',
                 },
@@ -9231,7 +9231,11 @@ class GlobalActionService {
             }
             return { success: false, error: 'Window not available' };
         }, () => [this.requirement('platform-api', 'window.open', typeof window !== 'undefined')]);
-        this.register('navigation.openRoute', async (payload) => this.handleNavigationOpenRoute(payload), () => [this.requirement('platform-api', 'Router|window.location', !!this.router || (typeof window !== 'undefined' && !!window.location))]);
+        const navOpenRouteHandler = async (payload) => this.handleNavigationOpenRoute(payload);
+        const navOpenRouteReadiness = () => [this.requirement('platform-api', 'Router|window.location', !!this.router || (typeof window !== 'undefined' && !!window.location))];
+        this.register('navigation.openRoute', navOpenRouteHandler, navOpenRouteReadiness);
+        this.register('navigation.navigate', navOpenRouteHandler, navOpenRouteReadiness);
+        this.register('praxis:router.navigate', navOpenRouteHandler, navOpenRouteReadiness);
         this.register('dialog.alert', async (payload) => {
             if (!this.dialog)
                 return { success: false, error: 'Dialog service not available' };
@@ -9438,11 +9442,14 @@ class GlobalActionService {
         const url = this.buildNavigationUrl(payload);
         if (!url)
             return { success: false, error: 'Missing path' };
+        const isObject = typeof payload === 'object' && payload !== null;
+        const replaceUrl = isObject ? !!payload.replaceUrl : false;
+        const state = isObject ? payload.state : undefined;
         try {
             if (this.router) {
                 const navigated = await this.router.navigateByUrl(url, {
-                    replaceUrl: !!payload?.replaceUrl,
-                    state: payload?.state,
+                    replaceUrl,
+                    state,
                 });
                 if (navigated) {
                     return { success: true };
@@ -9453,7 +9460,7 @@ class GlobalActionService {
                 };
             }
             if (typeof window !== 'undefined' && window.location) {
-                if (payload?.replaceUrl && typeof window.location.replace === 'function') {
+                if (replaceUrl && typeof window.location.replace === 'function') {
                     window.location.replace(url);
                 }
                 else if (typeof window.location.assign === 'function') {
@@ -9543,6 +9550,28 @@ class GlobalActionService {
         return { success: true };
     }
     buildNavigationUrl(payload) {
+        if (typeof payload === 'string') {
+            const raw = payload.trim();
+            if (!raw)
+                return '';
+            const hashIndex = raw.indexOf('#');
+            const withoutHash = hashIndex >= 0 ? raw.slice(0, hashIndex) : raw;
+            const rawHash = hashIndex >= 0 ? raw.slice(hashIndex + 1) : '';
+            const queryIndex = withoutHash.indexOf('?');
+            const rawPath = (queryIndex >= 0 ? withoutHash.slice(0, queryIndex) : withoutHash).trim();
+            if (!rawPath)
+                return '';
+            const normalizedPath = rawPath.startsWith('/') ? rawPath : `/${rawPath}`;
+            const rawQuery = queryIndex >= 0 ? withoutHash.slice(queryIndex + 1).trim() : '';
+            let query = '';
+            if (rawQuery) {
+                const params = new URLSearchParams(rawQuery);
+                const serialized = params.toString();
+                query = serialized ? `?${serialized}` : '';
+            }
+            const fragment = this.buildFragment(rawHash);
+            return `${normalizedPath}${query}${fragment}`;
+        }
         const rawPath = String(payload?.path || '').trim();
         if (!rawPath)
             return '';
@@ -16467,10 +16496,10 @@ class EnterpriseRuntimeContextService {
         return response;
     }
     headers(fallback) {
-        return {
-            ...this.normalizeHeaders(fallback ?? {}),
-            ...this.normalizeHeaders(this.headersFromSnapshot(this.contextSubject.value)),
-        };
+        return this.mergeHeaders(fallback ?? {}, this.headersFromSnapshot(this.contextSubject.value));
+    }
+    effectiveRequestHeaders(fallback) {
+        return this.mergeHeaders(this.options?.includeGlobalFetchHeaders ?? true ? this.globalFetchHeaders() : {}, this.options?.headersFactory?.() ?? {}, fallback ?? {}, this.headersFromSnapshot(this.contextSubject.value));
     }
     async load() {
         const context = await firstValueFrom(this.http.get(this.endpoint('context'), {
@@ -16520,11 +16549,7 @@ class EnterpriseRuntimeContextService {
         }
     }
     requestHeaders(options = {}) {
-        const merged = this.normalizeHeaders({
-            ...(this.options?.includeGlobalFetchHeaders ?? true ? this.globalFetchHeaders() : {}),
-            ...(this.options?.headersFactory?.() ?? {}),
-            ...(options.includeSnapshot ? this.headersFromSnapshot(this.contextSubject.value) : {}),
-        });
+        const merged = this.mergeHeaders(this.options?.includeGlobalFetchHeaders ?? true ? this.globalFetchHeaders() : {}, this.options?.headersFactory?.() ?? {}, options.includeSnapshot ? this.headersFromSnapshot(this.contextSubject.value) : {});
         let headers = new HttpHeaders();
         for (const [key, value] of Object.entries(merged)) {
             if (value) {
@@ -16558,6 +16583,7 @@ class EnterpriseRuntimeContextService {
     }
     normalizeHeaders(headers) {
         const normalized = {};
+        const canonicalKeyByLowercase = new Map();
         for (const [key, value] of Object.entries(headers)) {
             if (typeof value !== 'string') {
                 continue;
@@ -16566,10 +16592,19 @@ class EnterpriseRuntimeContextService {
             if (!trimmed) {
                 continue;
             }
+            const lowercase = key.toLowerCase();
+            const previousKey = canonicalKeyByLowercase.get(lowercase);
+            if (previousKey) {
+                delete normalized[previousKey];
+            }
             normalized[key] = trimmed;
+            canonicalKeyByLowercase.set(lowercase, key);
         }
         return normalized;
     }
+    mergeHeaders(...sources) {
+        return this.normalizeHeaders(Object.assign({}, ...sources.map((source) => this.normalizeHeaders(source))));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EnterpriseRuntimeContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EnterpriseRuntimeContextService, providedIn: 'root' });
 }
@@ -25181,11 +25216,24 @@ function compareValues(left, right) {
     }
     return 0;
 }
+function isSubscribable$2(val) {
+    return val != null && typeof val === 'object' && typeof val.subscribe === 'function';
+}
 function clone$1(value) {
     if (value == null || typeof value !== 'object') {
         return value;
     }
-    return JSON.parse(JSON.stringify(value));
+    if (isSignal(value) || isObservable(value) || isSubscribable$2(value) || typeof value === 'function') {
+        return value;
+    }
+    if (Array.isArray(value)) {
+        return value.map((item) => clone$1(item));
+    }
+    const result = {};
+    for (const [k, v] of Object.entries(value)) {
+        result[k] = clone$1(v);
+    }
+    return result;
 }
 
 /** Utility: generate a random id using crypto.randomUUID or fallback. */
@@ -33295,6 +33343,74 @@ const BUILTIN_WIDGET_SHELL_PRESETS = [
             },
         },
     },
+    {
+        id: 'glass-dark',
+        label: {
+            key: 'praxis.widgetShell.presets.glass-dark.label',
+            text: 'Glass dark',
+        },
+        description: {
+            key: 'praxis.widgetShell.presets.glass-dark.description',
+            text: 'Translucent dark glass surface with token governance and backdrop blur.',
+        },
+        category: 'sectioned',
+        appearance: {
+            card: {
+                background: 'color-mix(in srgb, var(--md-sys-color-surface, #0f172a) 60%, transparent)',
+                borderColor: 'color-mix(in srgb, var(--md-sys-color-outline-variant, #fff) 18%, transparent)',
+                borderRadius: '16px',
+                shadow: '0 8px 32px rgba(0, 0, 0, 0.25)',
+                backdropFilter: 'blur(12px)',
+                fallbackBackground: 'var(--md-sys-color-surface, #0f172a)',
+            },
+            header: {
+                background: 'transparent',
+                borderColor: 'color-mix(in srgb, var(--md-sys-color-outline-variant, #fff) 15%, transparent)',
+                titleColor: 'var(--md-sys-color-on-surface, #e6edf3)',
+                subtitleColor: 'var(--md-sys-color-on-surface-variant, #9fb0c4)',
+                iconColor: 'var(--md-sys-color-primary, #38bdf8)',
+            },
+            body: {
+                background: 'transparent',
+                textColor: 'var(--md-sys-color-on-surface, #e6edf3)',
+                padding: '12px',
+            },
+        },
+    },
+    {
+        id: 'glass-light',
+        label: {
+            key: 'praxis.widgetShell.presets.glass-light.label',
+            text: 'Glass light',
+        },
+        description: {
+            key: 'praxis.widgetShell.presets.glass-light.description',
+            text: 'Translucent light glass surface with token governance and backdrop blur.',
+        },
+        category: 'sectioned',
+        appearance: {
+            card: {
+                background: 'color-mix(in srgb, var(--md-sys-color-surface, #ffffff) 65%, transparent)',
+                borderColor: 'color-mix(in srgb, var(--md-sys-color-outline-variant, #000) 14%, transparent)',
+                borderRadius: '16px',
+                shadow: '0 8px 32px rgba(0, 0, 0, 0.08)',
+                backdropFilter: 'blur(12px)',
+                fallbackBackground: 'var(--md-sys-color-surface, #ffffff)',
+            },
+            header: {
+                background: 'transparent',
+                borderColor: 'color-mix(in srgb, var(--md-sys-color-outline-variant, #000) 10%, transparent)',
+                titleColor: 'var(--md-sys-color-on-surface)',
+                subtitleColor: 'var(--md-sys-color-on-surface-variant)',
+                iconColor: 'var(--md-sys-color-primary)',
+            },
+            body: {
+                background: 'transparent',
+                textColor: 'var(--md-sys-color-on-surface)',
+                padding: '12px',
+            },
+        },
+    },
     {
         id: 'light-neutral',
         label: {
@@ -33643,6 +33759,8 @@ class DynamicWidgetLoaderDirective {
     currentUsesInitialBindings = false;
     currentInitialBindingSignature = null;
     boundInputValues = {};
+    signalEffects = new Map();
+    inputObservableSubs = new Map();
     outputSubs = [];
     shellActionContributionEffect;
     shellActionContributor;
@@ -33650,6 +33768,37 @@ class DynamicWidgetLoaderDirective {
     getWidgetShellActionAvailability(action) {
         return this.shellActionContributor?.getWidgetShellActionAvailability?.(action);
     }
+    /**
+     * Updates a single input on the currently rendered widget component instance without recreating the component.
+     * Dispatches change detection exclusively to this widget subtree.
+     */
+    setInput(inputName, value) {
+        if (!this.compRef || this.destroyed) {
+            return false;
+        }
+        const def = this.widgetDefinition;
+        const meta = def?.id ? this.registry.get(def.id) : undefined;
+        const trimmed = typeof inputName === 'string' ? inputName.trim() : '';
+        if (!trimmed)
+            return false;
+        return this.bindSingleInput(this.compRef, trimmed, value, meta || undefined);
+    }
+    /**
+     * Patches multiple inputs on the currently rendered widget component instance without recreating the component.
+     * Dispatches change detection exclusively to this widget subtree.
+     */
+    patchInputs(inputPatch) {
+        if (!this.compRef || this.destroyed || !inputPatch || typeof inputPatch !== 'object') {
+            return false;
+        }
+        let anyChanged = false;
+        for (const [key, value] of Object.entries(inputPatch)) {
+            if (this.setInput(key, value)) {
+                anyChanged = true;
+            }
+        }
+        return anyChanged;
+    }
     /** Dispatch a shell action to the inner widget instance when supported. */
     dispatchAction(action) {
         const instance = this.compRef?.instance;
@@ -33838,6 +33987,10 @@ class DynamicWidgetLoaderDirective {
     }
     destroyCurrent() {
         this.releaseShellActionContributor();
+        this.signalEffects.forEach((eff) => eff.destroy());
+        this.signalEffects.clear();
+        this.inputObservableSubs.forEach((sub) => sub.unsubscribe());
+        this.inputObservableSubs.clear();
         this.outputSubs.forEach((u) => u());
         this.outputSubs = [];
         if (this.compRef) {
@@ -33896,37 +34049,58 @@ class DynamicWidgetLoaderDirective {
             || hasDetachedDynamicFormRuntimeInputs
             || hasDetachedFilterRuntimeInputs;
     }
+    cleanupInputReactiveBinding(key) {
+        const existingEffect = this.signalEffects.get(key);
+        if (existingEffect) {
+            existingEffect.destroy();
+            this.signalEffects.delete(key);
+        }
+        const existingSub = this.inputObservableSubs.get(key);
+        if (existingSub) {
+            existingSub.unsubscribe();
+            this.inputObservableSubs.delete(key);
+        }
+    }
+    bindSingleInput(compRef, key, raw, meta, manualChanges) {
+        this.cleanupInputReactiveBinding(key);
+        if (isSignal(raw)) {
+            const initialVal = raw();
+            const changed = this.applyDirectInputValue(compRef, key, initialVal, meta, manualChanges);
+            const eff = effect(() => {
+                const currentVal = raw();
+                if (!this.destroyed && this.compRef) {
+                    this.applyDirectInputValue(this.compRef, key, currentVal, meta);
+                }
+            }, { ...(ngDevMode ? { debugName: "eff" } : /* istanbul ignore next */ {}), injector: this.injector });
+            this.signalEffects.set(key, eff);
+            return changed;
+        }
+        if (isObservable(raw) || isSubscribableInput(raw)) {
+            const sub = raw.subscribe({
+                next: (emittedValue) => {
+                    if (!this.destroyed && this.compRef) {
+                        this.applyDirectInputValue(this.compRef, key, emittedValue, meta);
+                    }
+                },
+                error: (err) => {
+                    console.error(`[DynamicWidgetLoader] Error in reactive input stream '${key}':`, err);
+                },
+            });
+            this.inputObservableSubs.set(key, sub);
+            return true;
+        }
+        return this.applyDirectInputValue(compRef, key, raw, meta, manualChanges);
+    }
     bindInputs(compRef, id, inputs, bindingOrder, meta) {
         const prioritized = this.orderedInputEntries(id, inputs, bindingOrder);
         const manualChanges = {};
         let changed = false;
-        const apply = (key, raw) => {
-            const value = this.resolveAndCoerceValue(key, raw, meta);
-            try {
-                const hadPreviousValue = Object.prototype.hasOwnProperty.call(this.boundInputValues, key);
-                const previousValue = this.boundInputValues[key];
-                if (hadPreviousValue
-                    && this.areInputValuesEquivalent(previousValue, value)) {
-                    return;
-                }
-                if (this.hasDeclaredInput(compRef, key)) {
-                    compRef.setInput(key, value);
-                }
-                else {
-                    compRef.instance[key] = value;
-                    manualChanges[key] = new SimpleChange(previousValue, value, !hadPreviousValue);
-                }
-                this.boundInputValues[key] = value;
-                changed = true;
-            }
-            catch (e) {
-                console.warn(`[DynamicWidgetLoader] Failed to set input ${key}`, e);
-            }
-        };
         // Apply every input before the final detectChanges. ComponentRef.setInput marks
         // OnPush views for checking and lets Angular deliver one coherent ngOnChanges cycle.
         for (const [key, raw] of prioritized) {
-            apply(key, raw);
+            if (this.bindSingleInput(compRef, key, raw, meta, manualChanges)) {
+                changed = true;
+            }
         }
         if (Object.keys(manualChanges).length
             && typeof compRef.instance?.ngOnChanges === 'function') {
@@ -33934,6 +34108,39 @@ class DynamicWidgetLoaderDirective {
         }
         return changed;
     }
+    applyDirectInputValue(compRef, key, raw, meta, manualChanges) {
+        const unwrapped = isSignal(raw) ? raw() : raw;
+        const value = this.resolveAndCoerceValue(key, unwrapped, meta);
+        const hadPreviousValue = Object.prototype.hasOwnProperty.call(this.boundInputValues, key);
+        const previousValue = this.boundInputValues[key];
+        if (hadPreviousValue && this.areInputValuesEquivalent(previousValue, value)) {
+            return false;
+        }
+        try {
+            if (this.hasDeclaredInput(compRef, key)) {
+                compRef.setInput(key, value);
+            }
+            else {
+                compRef.instance[key] = value;
+                const change = new SimpleChange(previousValue, value, !hadPreviousValue);
+                if (manualChanges) {
+                    manualChanges[key] = change;
+                }
+                else if (typeof compRef.instance?.ngOnChanges === 'function') {
+                    compRef.instance.ngOnChanges({ [key]: change });
+                }
+            }
+            this.boundInputValues[key] = value;
+            if (!manualChanges) {
+                compRef.changeDetectorRef.detectChanges();
+            }
+            return true;
+        }
+        catch (e) {
+            console.warn(`[DynamicWidgetLoader] Failed to set input ${key} dynamically`, e);
+            return false;
+        }
+    }
     hasDeclaredInput(compRef, key) {
         const inputs = compRef.componentType?.ɵcmp?.inputs;
         return !!inputs && Object.prototype.hasOwnProperty.call(inputs, key);
@@ -33988,6 +34195,9 @@ class DynamicWidgetLoaderDirective {
         return [...prioritized, ...others];
     }
     resolveAndCoerceValue(key, raw, meta) {
+        if (isSignal(raw) || isObservable(raw) || isSubscribableInput(raw)) {
+            return raw;
+        }
         let value = this.resolveValue(raw, key, [key]);
         // Coerção leve baseada em metadata, quando disponível
         if (meta?.inputs?.length) {
@@ -34031,6 +34241,14 @@ class DynamicWidgetLoaderDirective {
         if (Object.is(previousValue, value)) {
             return true;
         }
+        if (isSignal(previousValue)
+            || isSignal(value)
+            || isObservable(previousValue)
+            || isObservable(value)
+            || isSubscribableInput(previousValue)
+            || isSubscribableInput(value)) {
+            return false;
+        }
         return this.areJsonLikeInputsEqual(previousValue, value, new Set(), new Set());
     }
     areJsonLikeInputsEqual(previousValue, value, previousAncestors, valueAncestors) {
@@ -34182,6 +34400,9 @@ class DynamicWidgetLoaderDirective {
         }
     }
     resolveValue(raw, key, path = []) {
+        if (isSignal(raw) || isObservable(raw) || isSubscribableInput(raw)) {
+            return raw;
+        }
         if (typeof raw === 'string') {
             if (this.isDeferredTemplateExpressionKey(key, path)) {
                 return raw;
@@ -34279,7 +34500,11 @@ class DynamicWidgetLoaderDirective {
             const primitive = typeMap.get(expected) || 'any';
             if (!(metaInput.name in inputs) || primitive === 'any')
                 continue;
-            const resolved = this.resolveValue(inputs[metaInput.name], metaInput.name, [metaInput.name]);
+            const rawVal = inputs[metaInput.name];
+            if (isSignal(rawVal) || isObservable(rawVal) || isSubscribableInput(rawVal)) {
+                continue;
+            }
+            const resolved = this.resolveValue(rawVal, metaInput.name, [metaInput.name]);
             const coerced = this.coercePrimitive(resolved, primitive);
             // Atualiza inputs com valor possivelmente coerido, para bind subsequente
             inputs[metaInput.name] = coerced;
@@ -34385,6 +34610,9 @@ function isSubscribableOutput(value) {
 function isRecord(value) {
     return !!value && typeof value === 'object' && !Array.isArray(value);
 }
+function isSubscribableInput(value) {
+    return !!value && typeof value.subscribe === 'function';
+}
 
 /** Private rendered geometry shared by shell recovery and canvas authoring. */
 function measureWidgetShellHeight(shell) {
@@ -34657,6 +34885,8 @@ const WIDGET_SHELL_I18N_CONFIG = {
                 'controls.moreActions': 'Mais ações',
                 'controls.expandContent': 'Expandir conteúdo',
                 'controls.collapseContent': 'Recolher conteúdo',
+                'controls.expandWindow': 'Expandir em janela',
+                'controls.collapseWindow': 'Restaurar janela',
                 'controls.exitFullscreen': 'Sair da tela cheia',
                 'controls.enterFullscreen': 'Tela cheia',
             },
@@ -34665,6 +34895,8 @@ const WIDGET_SHELL_I18N_CONFIG = {
                 'controls.moreActions': 'More actions',
                 'controls.expandContent': 'Expand content',
                 'controls.collapseContent': 'Collapse content',
+                'controls.expandWindow': 'Expand window',
+                'controls.collapseWindow': 'Restore window',
                 'controls.exitFullscreen': 'Exit fullscreen',
                 'controls.enterFullscreen': 'Fullscreen',
             },
@@ -35210,8 +35442,17 @@ class WidgetShellComponent {
             return [];
         const reserved = new Set(custom.map((a) => a.id));
         const actions = [];
-        const allowCollapse = this.shell?.windowActions?.collapsible !== false && !this.fullscreen;
-        const allowFullscreen = this.shell?.windowActions?.fullscreen !== false;
+        const isExpandedWindow = this.expanded && !this.fullscreen;
+        const isOverlay = this.expanded || this.fullscreen;
+        const allowCollapse = this.shell?.windowActions?.collapsible !== false && !isOverlay;
+        const maximizeMode = this.shell?.windowActions?.maximizeMode;
+        const allowExpand = !this.fullscreen &&
+            (maximizeMode === 'expand'
+                ? this.shell?.windowActions?.expandable !== false
+                : this.shell?.windowActions?.expandable === true);
+        const allowFullscreen = maximizeMode === 'expand'
+            ? this.shell?.windowActions?.fullscreen === true
+            : this.shell?.windowActions?.fullscreen !== false;
         if (allowCollapse && !reserved.has('collapse')) {
             actions.push({
                 id: 'collapse',
@@ -35223,6 +35464,17 @@ class WidgetShellComponent {
                 variant: 'icon',
             });
         }
+        if (allowExpand && !reserved.has('expand')) {
+            actions.push({
+                id: 'expand',
+                placement: 'window',
+                icon: isExpandedWindow ? 'ms:collapse_content' : 'ms:open_in_new',
+                tooltip: isExpandedWindow
+                    ? this.t('controls.collapseWindow', 'Restaurar janela')
+                    : this.t('controls.expandWindow', 'Expandir em janela'),
+                variant: 'icon',
+            });
+        }
         if (allowFullscreen && !reserved.has('fullscreen')) {
             actions.push({
                 id: 'fullscreen',
@@ -35321,6 +35573,7 @@ class WidgetShellComponent {
       [style.--pdx-shell-card-shadow]="appearance?.card?.shadow || null"
       [class.pdx-shell--backdrop]="!!appearance?.card?.backdropFilter && appearance?.card?.backdropFilter !== 'none'"
       [style.--pdx-shell-card-filter]="appearance?.card?.backdropFilter || null"
+      [style.--pdx-shell-card-backdrop-filter]="appearance?.card?.backdropFilter || null"
       [style.--pdx-shell-card-fallback-bg]="appearance?.card?.fallbackBackground || null"
       [style.--pdx-shell-header-bg]="appearance?.header?.background || null"
       [style.--pdx-shell-header-border-width]="appearance?.header?.borderWidth || null"
@@ -35518,7 +35771,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{--pdx-shell-card-border-width: initial;--pdx-shell-card-border-style: initial;--pdx-shell-header-border-width: initial;--pdx-shell-header-border-style: initial;--pdx-shell-card-filter: initial;--pdx-shell-card-fallback-bg: initial;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-width:var(--pdx-shell-card-border-width, 1px);border-style:var(--pdx-shell-card-border-style, solid);border-color: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.dashboard{-webkit-backdrop-filter:var(--pdx-shell-card-filter, none);backdrop-filter:var(--pdx-shell-card-filter, none)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.pdx-shell.dashboard.pdx-shell--backdrop{background:var(--pdx-shell-card-fallback-bg, var(--md-sys-color-surface))}}@media(prefers-reduced-transparency:reduce){.pdx-shell.dashboard.pdx-shell--backdrop{background:var(--pdx-shell-card-fallback-bg, var(--md-sys-color-surface));-webkit-backdrop-filter:none;backdrop-filter:none}}.pdx-shell.dashboard.pdx-shell--backdrop.expanded,.pdx-shell.dashboard.pdx-shell--backdrop.fullscreen{background:var(--pdx-shell-card-fallback-bg, var(--md-sys-color-surface));-webkit-backdrop-filter:none;backdrop-filter:none}.pdx-shell-header{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-bottom:var(--pdx-shell-header-border-width, 1px) var(--pdx-shell-header-border-style, 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.praxis-icon-button:not(:disabled):not(.praxis-icon-button--pressed){color:var(--pdx-shell-icon-color, var(--md-sys-color-on-surface-variant))}.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--backdrop.pdx-shell--sticky-header>.pdx-shell-header{background:var(--pdx-shell-card-fallback-bg, 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, 12px);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: "component", type: WidgetShellAvatarComponent, selector: "praxis-widget-shell-avatar", inputs: ["avatar"] }, { 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: 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{--pdx-shell-card-border-width: initial;--pdx-shell-card-border-style: initial;--pdx-shell-header-border-width: initial;--pdx-shell-header-border-style: initial;--pdx-shell-card-filter: initial;--pdx-shell-card-fallback-bg: initial;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-width:var(--pdx-shell-card-border-width, 1px);border-style:var(--pdx-shell-card-border-style, solid);border-color: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) );backdrop-filter:var(--pdx-shell-card-backdrop-filter, none);-webkit-backdrop-filter:var(--pdx-shell-card-backdrop-filter, none);overflow:hidden}.pdx-shell.dashboard{-webkit-backdrop-filter:var(--pdx-shell-card-filter, none);backdrop-filter:var(--pdx-shell-card-filter, none)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.pdx-shell.dashboard.pdx-shell--backdrop{background:var(--pdx-shell-card-fallback-bg, var(--md-sys-color-surface))}}@media(prefers-reduced-transparency:reduce){.pdx-shell.dashboard.pdx-shell--backdrop{background:var(--pdx-shell-card-fallback-bg, var(--md-sys-color-surface));-webkit-backdrop-filter:none;backdrop-filter:none}}.pdx-shell.dashboard.pdx-shell--backdrop.expanded,.pdx-shell.dashboard.pdx-shell--backdrop.fullscreen{background:var(--pdx-shell-card-fallback-bg, var(--md-sys-color-surface));-webkit-backdrop-filter:none;backdrop-filter:none}.pdx-shell-header{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-bottom:var(--pdx-shell-header-border-width, 1px) var(--pdx-shell-header-border-style, 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.praxis-icon-button:not(:disabled):not(.praxis-icon-button--pressed){color:var(--pdx-shell-icon-color, var(--md-sys-color-on-surface-variant))}.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--backdrop.pdx-shell--sticky-header>.pdx-shell-header{background:var(--pdx-shell-card-fallback-bg, 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, 12px);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.expanded,.pdx-shell.fullscreen{background:var(--pdx-shell-overlay-bg, var(--md-sys-color-surface, #ffffff));color:var(--md-sys-color-on-surface)}.pdx-shell.fullscreen>.pdx-shell-body{padding:var(--pdx-shell-fullscreen-body-padding, 24px)}.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: "component", type: WidgetShellAvatarComponent, selector: "praxis-widget-shell-avatar", inputs: ["avatar"] }, { 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: 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: WidgetShellComponent, decorators: [{
             type: Component,
@@ -35566,6 +35819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [style.--pdx-shell-card-shadow]="appearance?.card?.shadow || null"
       [class.pdx-shell--backdrop]="!!appearance?.card?.backdropFilter && appearance?.card?.backdropFilter !== 'none'"
       [style.--pdx-shell-card-filter]="appearance?.card?.backdropFilter || null"
+      [style.--pdx-shell-card-backdrop-filter]="appearance?.card?.backdropFilter || null"
       [style.--pdx-shell-card-fallback-bg]="appearance?.card?.fallbackBackground || null"
       [style.--pdx-shell-header-bg]="appearance?.header?.background || null"
       [style.--pdx-shell-header-border-width]="appearance?.header?.borderWidth || null"
@@ -35763,7 +36017,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
     @if (expanded || fullscreen) {
       <div class="pdx-shell-backdrop" (click)="closeOverlay()"></div>
     }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;height:100%}:host(.pdx-widget-shell-collapsed){height:auto}.pdx-shell{--pdx-shell-card-border-width: initial;--pdx-shell-card-border-style: initial;--pdx-shell-header-border-width: initial;--pdx-shell-header-border-style: initial;--pdx-shell-card-filter: initial;--pdx-shell-card-fallback-bg: initial;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-width:var(--pdx-shell-card-border-width, 1px);border-style:var(--pdx-shell-card-border-style, solid);border-color: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.dashboard{-webkit-backdrop-filter:var(--pdx-shell-card-filter, none);backdrop-filter:var(--pdx-shell-card-filter, none)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.pdx-shell.dashboard.pdx-shell--backdrop{background:var(--pdx-shell-card-fallback-bg, var(--md-sys-color-surface))}}@media(prefers-reduced-transparency:reduce){.pdx-shell.dashboard.pdx-shell--backdrop{background:var(--pdx-shell-card-fallback-bg, var(--md-sys-color-surface));-webkit-backdrop-filter:none;backdrop-filter:none}}.pdx-shell.dashboard.pdx-shell--backdrop.expanded,.pdx-shell.dashboard.pdx-shell--backdrop.fullscreen{background:var(--pdx-shell-card-fallback-bg, var(--md-sys-color-surface));-webkit-backdrop-filter:none;backdrop-filter:none}.pdx-shell-header{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-bottom:var(--pdx-shell-header-border-width, 1px) var(--pdx-shell-header-border-style, 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.praxis-icon-button:not(:disabled):not(.praxis-icon-button--pressed){color:var(--pdx-shell-icon-color, var(--md-sys-color-on-surface-variant))}.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--backdrop.pdx-shell--sticky-header>.pdx-shell-header{background:var(--pdx-shell-card-fallback-bg, 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, 12px);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"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;height:100%}:host(.pdx-widget-shell-collapsed){height:auto}.pdx-shell{--pdx-shell-card-border-width: initial;--pdx-shell-card-border-style: initial;--pdx-shell-header-border-width: initial;--pdx-shell-header-border-style: initial;--pdx-shell-card-filter: initial;--pdx-shell-card-fallback-bg: initial;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-width:var(--pdx-shell-card-border-width, 1px);border-style:var(--pdx-shell-card-border-style, solid);border-color: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) );backdrop-filter:var(--pdx-shell-card-backdrop-filter, none);-webkit-backdrop-filter:var(--pdx-shell-card-backdrop-filter, none);overflow:hidden}.pdx-shell.dashboard{-webkit-backdrop-filter:var(--pdx-shell-card-filter, none);backdrop-filter:var(--pdx-shell-card-filter, none)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.pdx-shell.dashboard.pdx-shell--backdrop{background:var(--pdx-shell-card-fallback-bg, var(--md-sys-color-surface))}}@media(prefers-reduced-transparency:reduce){.pdx-shell.dashboard.pdx-shell--backdrop{background:var(--pdx-shell-card-fallback-bg, var(--md-sys-color-surface));-webkit-backdrop-filter:none;backdrop-filter:none}}.pdx-shell.dashboard.pdx-shell--backdrop.expanded,.pdx-shell.dashboard.pdx-shell--backdrop.fullscreen{background:var(--pdx-shell-card-fallback-bg, var(--md-sys-color-surface));-webkit-backdrop-filter:none;backdrop-filter:none}.pdx-shell-header{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-bottom:var(--pdx-shell-header-border-width, 1px) var(--pdx-shell-header-border-style, 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.praxis-icon-button:not(:disabled):not(.praxis-icon-button--pressed){color:var(--pdx-shell-icon-color, var(--md-sys-color-on-surface-variant))}.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--backdrop.pdx-shell--sticky-header>.pdx-shell-header{background:var(--pdx-shell-card-fallback-bg, 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, 12px);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.expanded,.pdx-shell.fullscreen{background:var(--pdx-shell-overlay-bg, var(--md-sys-color-surface, #ffffff));color:var(--md-sys-color-on-surface)}.pdx-shell.fullscreen>.pdx-shell-body{padding:var(--pdx-shell-fullscreen-body-padding, 24px)}.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']
@@ -36282,6 +36536,9 @@ function validateCanvasArrangement(page, source) {
     return null;
 }
 
+function isSubscribable$1(val) {
+    return val != null && typeof val === 'object' && typeof val.subscribe === 'function';
+}
 class WidgetPageCompositionFactory {
     create(page) {
         const normalizedState = this.normalizeState(page.state);
@@ -36421,7 +36678,17 @@ class WidgetPageCompositionFactory {
         if (value == null || typeof value !== 'object') {
             return value;
         }
-        return JSON.parse(JSON.stringify(value));
+        if (isSignal(value) || isObservable(value) || isSubscribable$1(value) || typeof value === 'function') {
+            return value;
+        }
+        if (Array.isArray(value)) {
+            return value.map((item) => this.clone(item));
+        }
+        const result = {};
+        for (const [k, v] of Object.entries(value)) {
+            result[k] = this.clone(v);
+        }
+        return result;
     }
 }
 
@@ -36719,11 +36986,16 @@ class WidgetPageStateRuntimeService {
             && ('values' in state || 'schema' in state || 'derived' in state);
         if (isStructured) {
             const structured = state;
-            return {
+            const normalized = {
                 values: this.clone(structured.values) || {},
-                schema: this.clone(structured.schema),
-                derived: this.clone(structured.derived),
             };
+            if (structured.schema !== undefined) {
+                normalized.schema = this.clone(structured.schema);
+            }
+            if (structured.derived !== undefined) {
+                normalized.derived = this.clone(structured.derived);
+            }
+            return normalized;
         }
         return { values: this.clone(state) || {} };
     }
@@ -39223,6 +39495,9 @@ class RuntimeTraceService {
     }
 }
 
+function isSubscribable(val) {
+    return val != null && typeof val === 'object' && typeof val.subscribe === 'function';
+}
 class CompositionRuntimeEngine {
     store;
     linkExecutor;
@@ -39814,7 +40089,17 @@ class CompositionRuntimeEngine {
         if (value == null || typeof value !== 'object') {
             return value;
         }
-        return JSON.parse(JSON.stringify(value));
+        if (isSignal(value) || isObservable(value) || isSubscribable(value) || typeof value === 'function') {
+            return value;
+        }
+        if (Array.isArray(value)) {
+            return value.map((item) => this.cloneJson(item));
+        }
+        const result = {};
+        for (const [k, v] of Object.entries(value)) {
+            result[k] = this.cloneJson(v);
+        }
+        return result;
     }
     extractDerivedNodeKey(message) {
         const match = message.match(/Derived state '([^']+)'/);
@@ -43758,7 +44043,19 @@ class DynamicWidgetPageComponent {
         if (value == null || typeof value !== 'object') {
             return value;
         }
-        return JSON.parse(JSON.stringify(value));
+        if (isSignal(value) || isObservable(value) || typeof value === 'function') {
+            return value;
+        }
+        if (Array.isArray(value)) {
+            return value.map((item) => this.cloneStateValues(item));
+        }
+        const result = {};
+        for (const [k, v] of Object.entries(value)) {
+            if (v !== undefined) {
+                result[k] = this.cloneStateValues(v);
+            }
+        }
+        return result;
     }
     cloneGrouping(grouping) {
         return this.cloneStateValues(grouping);
@@ -46729,6 +47026,89 @@ class DynamicWidgetPageComponent {
     getPageSnapshot() {
         return this.clonePageDefinition(this.ensurePageDefinition());
     }
+    /**
+     * Granularly updates a single input for a specific widget on the page without recreating
+     * the canvas layout, rerendering neighboring widgets, or recalculating responsive breakpoints.
+     * Returns true if the widget loader was found and the input was updated.
+     */
+    setWidgetInput(widgetKey, inputName, value) {
+        const trimmedKey = typeof widgetKey === 'string' ? widgetKey.trim() : '';
+        const trimmedInput = typeof inputName === 'string' ? inputName.trim() : '';
+        if (!trimmedKey || !trimmedInput) {
+            return false;
+        }
+        const loader = this.findWidgetLoader(trimmedKey);
+        const success = loader?.setInput(trimmedInput, value) ?? false;
+        // Keep all in-memory widget definition inputs aligned without triggering canvas re-evaluation
+        const currentWidgets = this.widgets();
+        const targetWidget = currentWidgets.find((w) => w.key === trimmedKey);
+        if (targetWidget?.definition) {
+            if (!targetWidget.definition.inputs) {
+                targetWidget.definition.inputs = {};
+            }
+            targetWidget.definition.inputs[trimmedInput] = value;
+        }
+        if (this.pageDefinition?.widgets) {
+            const pageDefWidget = this.pageDefinition.widgets.find((w) => w.key === trimmedKey);
+            if (pageDefWidget?.definition) {
+                if (!pageDefWidget.definition.inputs) {
+                    pageDefWidget.definition.inputs = {};
+                }
+                pageDefWidget.definition.inputs[trimmedInput] = value;
+            }
+        }
+        if (this.authoredPageDefinition?.widgets) {
+            const authoredWidget = this.authoredPageDefinition.widgets.find((w) => w.key === trimmedKey);
+            if (authoredWidget?.definition) {
+                if (!authoredWidget.definition.inputs) {
+                    authoredWidget.definition.inputs = {};
+                }
+                authoredWidget.definition.inputs[trimmedInput] = value;
+            }
+        }
+        return success;
+    }
+    /**
+     * Granularly patches multiple inputs for a specific widget on the page without recreating
+     * the canvas layout, rerendering neighboring widgets, or recalculating responsive breakpoints.
+     * Returns true if the widget loader was found and at least one input was updated.
+     */
+    patchWidgetInputs(widgetKey, inputPatch) {
+        const trimmedKey = typeof widgetKey === 'string' ? widgetKey.trim() : '';
+        if (!trimmedKey || !inputPatch || typeof inputPatch !== 'object') {
+            return false;
+        }
+        const loader = this.findWidgetLoader(trimmedKey);
+        const success = loader?.patchInputs(inputPatch) ?? false;
+        // Keep all in-memory widget definition inputs aligned without triggering canvas re-evaluation
+        const currentWidgets = this.widgets();
+        const targetWidget = currentWidgets.find((w) => w.key === trimmedKey);
+        if (targetWidget?.definition) {
+            if (!targetWidget.definition.inputs) {
+                targetWidget.definition.inputs = {};
+            }
+            Object.assign(targetWidget.definition.inputs, inputPatch);
+        }
+        if (this.pageDefinition?.widgets) {
+            const pageDefWidget = this.pageDefinition.widgets.find((w) => w.key === trimmedKey);
+            if (pageDefWidget?.definition) {
+                if (!pageDefWidget.definition.inputs) {
+                    pageDefWidget.definition.inputs = {};
+                }
+                Object.assign(pageDefWidget.definition.inputs, inputPatch);
+            }
+        }
+        if (this.authoredPageDefinition?.widgets) {
+            const authoredWidget = this.authoredPageDefinition.widgets.find((w) => w.key === trimmedKey);
+            if (authoredWidget?.definition) {
+                if (!authoredWidget.definition.inputs) {
+                    authoredWidget.definition.inputs = {};
+                }
+                Object.assign(authoredWidget.definition.inputs, inputPatch);
+            }
+        }
+        return success;
+    }
     isCanvasWidgetBlocked(widgetKey) {
         return this.blockedCanvasWidgetKey === widgetKey;
     }
@@ -47452,11 +47832,92 @@ class DynamicWidgetPageComponent {
         }
         catch { }
     }
+    cloneInputsPreservingLiveReferences(inputs) {
+        if (!inputs || typeof inputs !== 'object') {
+            return inputs;
+        }
+        const cloned = {};
+        for (const [key, val] of Object.entries(inputs)) {
+            if (val == null
+                || typeof val !== 'object'
+                || typeof val === 'function'
+                || isSignal(val)
+                || isObservable(val)) {
+                cloned[key] = val;
+            }
+            else if (Array.isArray(val)) {
+                cloned[key] = val.map((item) => item != null && typeof item === 'object' && !isSignal(item) && !isObservable(item)
+                    ? this.cloneInputsPreservingLiveReferences(item)
+                    : item);
+            }
+            else {
+                cloned[key] = this.cloneInputsPreservingLiveReferences(val);
+            }
+        }
+        return cloned;
+    }
+    cloneWidgetInstance(widget) {
+        const clonedWidget = { ...widget };
+        if (widget.shell) {
+            clonedWidget.shell = { ...widget.shell };
+            if (widget.shell.actions) {
+                clonedWidget.shell.actions = [...widget.shell.actions];
+            }
+        }
+        if (widget.definition) {
+            clonedWidget.definition = { ...widget.definition };
+            if (widget.definition.bindingOrder) {
+                clonedWidget.definition.bindingOrder = [...widget.definition.bindingOrder];
+            }
+            if (widget.definition.outputs) {
+                clonedWidget.definition.outputs = { ...widget.definition.outputs };
+            }
+            if (widget.definition.inputs) {
+                clonedWidget.definition.inputs = this.cloneInputsPreservingLiveReferences(widget.definition.inputs);
+            }
+        }
+        return clonedWidget;
+    }
     clonePageDefinition(page) {
-        return JSON.parse(JSON.stringify(page));
+        if (!page || typeof page !== 'object')
+            return page;
+        const cloned = {
+            ...page,
+            widgets: Array.isArray(page.widgets) ? this.cloneWidgets(page.widgets) : [],
+        };
+        if (page.layout) {
+            cloned.layout = { ...page.layout };
+        }
+        if (page.grouping) {
+            cloned.grouping = [...page.grouping];
+        }
+        if (page.canvas) {
+            cloned.canvas = {
+                ...page.canvas,
+                items: page.canvas.items
+                    ? Object.fromEntries(Object.entries(page.canvas.items).map(([k, v]) => [k, { ...v }]))
+                    : {},
+            };
+        }
+        if (page.context) {
+            cloned.context = { ...page.context };
+        }
+        if (page.state) {
+            const stateObj = {
+                values: page.state.values ? { ...page.state.values } : {},
+            };
+            if (page.state.schema !== undefined)
+                stateObj.schema = page.state.schema;
+            if (page.state.derived !== undefined)
+                stateObj.derived = page.state.derived;
+            cloned.state = stateObj;
+        }
+        return cloned;
     }
     cloneWidgets(widgets) {
-        return JSON.parse(JSON.stringify(widgets));
+        if (!Array.isArray(widgets))
+            return [];
+        return widgets.map((w) => this.cloneWidgetInstance(w));
     }
     applyGroupingOverrides(grouping, overrides) {
         if (!grouping?.length)