wuic-framework-lib 1.2.0 → 1.3.0

package/fesm2022/{wuic-framework-lib-wuic-framework-lib-BSyGhpM1.mjs → wuic-framework-lib-wuic-framework-lib-Deudd4MY.mjs}

@@ -50,7 +50,7 @@ import { Title } from '@angular/platform-browser';
 import { Tabs, TabList, Tab, TabPanels, TabPanel } from 'primeng/tabs';
 import * as i5$1 from 'primeng/menubar';
 import { MenubarModule } from 'primeng/menubar';
-import { distinctUntilChanged, catchError as catchError$1 } from 'rxjs/operators';
+import { distinctUntilChanged, filter, catchError as catchError$1 } from 'rxjs/operators';
 import * as i11 from 'primeng/progressbar';
 import { ProgressBarModule } from 'primeng/progressbar';
 import { MarkerClusterer } from '@googlemaps/markerclusterer';
@@ -90,9 +90,9 @@ import * as i4$3 from 'primeng/popover';
 import { PopoverModule } from 'primeng/popover';
 import * as i5$4 from '@angular/cdk/drag-drop';
 import { moveItemInArray, transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
-import * as i7$2 from 'primeng/badge';
+import * as i10$1 from 'primeng/badge';
 import { BadgeModule } from 'primeng/badge';
-import * as i8$2 from 'primeng/chip';
+import * as i11$1 from 'primeng/chip';
 import { ChipModule } from 'primeng/chip';
 import { ScrollPanelModule } from 'primeng/scrollpanel';
 import * as i5$5 from 'primeng/fieldset';
@@ -2707,7 +2707,7 @@ class WtoolboxService {
             const appRef = resolvedInjector.get(ApplicationRef);
             const environmentInjector = resolvedInjector.get(EnvironmentInjector);
             const close$ = new Subject();
-            const { PromptDialogFallbackHostComponent } = await import('./wuic-framework-lib-prompt-dialog-fallback-host.component-Dm9GTZ07.mjs');
+            const { PromptDialogFallbackHostComponent } = await import('./wuic-framework-lib-prompt-dialog-fallback-host.component-C9LvmFsL.mjs');
             const hostRef = createComponent(PromptDialogFallbackHostComponent, { environmentInjector });
             hostRef.instance.datasource = dialogConfig?.data?.datasource;
             hostRef.instance.header = String(dialogConfig?.header || '');
@@ -7283,6 +7283,83 @@ class MetadataProviderService {
     clearMenuAdminMethodsCache(userId) {
         localStorage.removeItem(this.getMenuAdminMethodsCacheKey(userId));
     }
+    /**
+     * Cancella dalla Dexie locale SOLO i record collegati alla route data, lasciando
+     * intatto il resto del database multi-tenant. Necessario dopo che un'operazione
+     * server-side (es. RAG chatbot Apply, metadata-editor save) modifica i metadati
+     * di una singola route senza invalidare l'intera cache: chiamare
+     * <c>Dexie.delete()</c> per tutto il DB causa una riapertura completa al primo
+     * F5 (costosa: ~MB di re-fetch dal backend per le route che non hanno cambiato);
+     * con questo metodo si esegue un flush mirato sulle 7 tabelle Dexie correlate.
+     *
+     * Tabelle gestite (vedi <c>generateLocalDB</c>):
+     *   - MetadatiTabella           (filter: md_route_name)
+     *   - MetadatiColonna           (filter: md_id derivato)
+     *   - MetadatiCustomActionTabella (filter: md_id)
+     *   - MetadatiUiStiliTabella    (filter: md_id)
+     *   - MetadatiUiStiliColonna    (filter: mc_id ∈ colonne della route)
+     *   - MetadatiUtentiAutorizzazioniColonna (filter: mc_id ∈ colonne della route)
+     *   - MetadatiConditionGroup    (filter: md_id)
+     *
+     * No-op se: route vuota, Dexie non inizializzata, o la route non e' presente in
+     * cache (gia' "lazy" - verra' fetched dal backend al primo accesso).
+     * Best-effort: errori dei singoli delete non bloccano gli altri.
+     *
+     * @param route Nome route metadata (es. "cities", "stockitems") — corrisponde
+     *              a <c>MetadatiTabella.md_route_name</c>.
+     */
+    static async deleteRouteFromCache(route) {
+        if (!route || typeof route !== 'string')
+            return;
+        const db = MetadataProviderService.MetaDB;
+        if (!db || typeof db.table !== 'function')
+            return;
+        const safe = async (fn) => { try {
+            await fn();
+        }
+        catch { /* best-effort */ } };
+        // Step 1: trova md_id della route via MetadatiTabella (l'indice
+        // [md_id+__user_id] e' composito; cerchiamo direttamente per md_route_name).
+        let mdIds = [];
+        try {
+            const rows = await db.table('MetadatiTabella').where('md_route_name').equals(route).toArray();
+            mdIds = (rows || []).map((r) => r?.md_id).filter((x) => x !== undefined && x !== null);
+        }
+        catch {
+            return; /* tabella non presente o store mancante */
+        }
+        if (mdIds.length === 0)
+            return; // route non in cache locale
+        // Step 2: trova i mc_id (colonne) appartenenti a quegli md_id PRIMA di
+        // cancellarli, cosi' possiamo flushare in cascata stili/autorizzazioni
+        // colonna che hanno solo mc_id come FK.
+        let mcIds = [];
+        try {
+            const cols = await db.table('MetadatiColonna').where('md_id').anyOf(mdIds).toArray();
+            mcIds = (cols || []).map((c) => c?.mc_id).filter((x) => x !== undefined && x !== null);
+        }
+        catch { }
+        // Step 3: trova i CG_Id (condition groups) per cancellare in cascata anche
+        // MetadatiConditionGroupAction (che ha FK_CG_Id come FK).
+        let cgIds = [];
+        try {
+            const cgs = await db.table('MetadatiConditionGroup').where('md_id').anyOf(mdIds).toArray();
+            cgIds = (cgs || []).map((g) => g?.CG_Id).filter((x) => x !== undefined && x !== null);
+        }
+        catch { }
+        // Step 4: cancella tutte e 8 le tabelle in parallelo (le primary key sono
+        // disgiunte tra le tabelle, niente race condition).
+        await Promise.all([
+            safe(() => db.table('MetadatiTabella').where('md_route_name').equals(route).delete()),
+            safe(() => db.table('MetadatiColonna').where('md_id').anyOf(mdIds).delete()),
+            safe(() => db.table('MetadatiCustomActionTabella').where('md_id').anyOf(mdIds).delete()),
+            safe(() => db.table('MetadatiUiStiliTabella').where('md_id').anyOf(mdIds).delete()),
+            safe(() => mcIds.length ? db.table('MetadatiUiStiliColonna').where('mc_id').anyOf(mcIds).delete() : Promise.resolve()),
+            safe(() => mcIds.length ? db.table('MetadatiUtentiAutorizzazioniColonna').where('mc_id').anyOf(mcIds).delete() : Promise.resolve()),
+            safe(() => db.table('MetadatiConditionGroup').where('md_id').anyOf(mdIds).delete()),
+            safe(() => cgIds.length ? db.table('MetadatiConditionGroupAction').where('FK_CG_Id').anyOf(cgIds).delete() : Promise.resolve()),
+        ]);
+    }
     /**
      * Invalida la cache menu dell'utente corrente (o dell'utente passato) rimuovendo la voce `menu_{userId}` da localStorage.
      * Se richiesto elimina anche la cache dei metodi amministrativi `menu_admin_methods_{userId}`.
@@ -7377,6 +7454,93 @@ class MetadataProviderService {
     async getMetadatiById(md_id) {
         return await this.getMetadati('', md_id);
     }
+    // Cache process-wide della lista route metadata non-system disponibili
+    // all'utente corrente. Server-side e' gia' cached in
+    // `HttpContext.Current.Application["availableRoutes"]` (vedi
+    // _Metadati_suggestions_base.cs:1641), qui evitiamo round-trip HTTP
+    // ripetuti durante la sessione (la lista cambia raramente: solo dopo
+    // crea/elimina route in scaffolding, scenari controllati).
+    //
+    // La cache e' shared per istanza di MetadataProviderService (Angular
+    // providedIn:'root' singleton). Per forzare refresh dopo scaffolding,
+    // chiamare `clearAvailableRoutesCache()`.
+    static _availableRoutesCache = null;
+    static _availableRoutesInflight = null;
+    /**
+     * Lista delle route metadata utente (md_route_name + md_display_string).
+     * Backend: `MetaService.getAvailableRoutes` (admin-only, cached server-side).
+     *
+     * Idempotente + de-duplicato in-flight: chiamate concorrenti condividono
+     * la stessa Promise per evitare race.
+     *
+     * Usata dal chatbot RAG (designer state provider) per:
+     *   1) fornire al LLM la whitelist di route valide,
+     *   2) permettere fuzzy-match semantico ("provincie" -> "provinces"),
+     *   3) fare follow-up question quando l'utente menziona una route ambigua.
+     */
+    async getAvailableRoutesAsync() {
+        if (MetadataProviderService._availableRoutesCache) {
+            return MetadataProviderService._availableRoutesCache;
+        }
+        if (MetadataProviderService._availableRoutesInflight) {
+            return MetadataProviderService._availableRoutesInflight;
+        }
+        // URL canonico hardcoded (no concat con global_root_url che varia tra
+        // dev/prod e non sempre include il prefisso AsmxProxy). Stesso pattern
+        // di spreadsheet-list-sf.component.ts:3684.
+        const url = '/api/Meta/AsmxProxy/MetaService.getAvailableRoutes';
+        // user_id e' parametro legacy ignorato dal backend (usa sempre
+        // l'utente autenticato via cookie k-user). Lo passiamo per
+        // compatibilita' di schema ma puo' anche essere stringa vuota.
+        const userId = String(this.userInfo.getuserInfo()?.user_id ?? '');
+        MetadataProviderService._availableRoutesInflight = new Promise((resolve) => {
+            this.http.post(url, { user_id: userId }).subscribe({
+                next: (resp) => {
+                    // Il backend ritorna `{ results: [...], TotalRecords: N }` (rawPagedResult).
+                    // serialize via RawHelpers.serialize ritorna JSON come stringa, ma il
+                    // controller AsmxProxy fa il parse — quindi qui arriva oggetto.
+                    let raw = resp;
+                    if (typeof raw === 'string') {
+                        try {
+                            raw = JSON.parse(raw);
+                        }
+                        catch {
+                            raw = null;
+                        }
+                    }
+                    const list = Array.isArray(raw?.results) ? raw.results : (Array.isArray(raw) ? raw : []);
+                    const normalized = list
+                        .map((r) => ({
+                        md_id: Number(r?.md_id ?? 0),
+                        md_route_name: String(r?.md_route_name ?? '').trim(),
+                        md_display_string: String(r?.md_display_string ?? '').trim(),
+                    }))
+                        .filter((r) => r.md_route_name.length > 0);
+                    MetadataProviderService._availableRoutesCache = normalized;
+                    MetadataProviderService._availableRoutesInflight = null;
+                    resolve(normalized);
+                },
+                error: () => {
+                    // Best-effort: in caso di errore (utente non admin, backend giu',
+                    // ecc.) ritorna lista vuota. Il chiamante (state provider chatbot)
+                    // gestira' graceful con messaggio "lista non disponibile".
+                    MetadataProviderService._availableRoutesInflight = null;
+                    resolve([]);
+                }
+            });
+        });
+        return MetadataProviderService._availableRoutesInflight;
+    }
+    /**
+     * Invalida la cache process-wide delle route disponibili. Chiamare dopo
+     * scaffolding (crea/elimina route) per forzare un re-fetch al prossimo
+     * accesso. La cache server-side va invalidata separatamente (boot di
+     * un nuovo worker o gesture esplicita).
+     */
+    clearAvailableRoutesCache() {
+        MetadataProviderService._availableRoutesCache = null;
+        MetadataProviderService._availableRoutesInflight = null;
+    }
     /**
      * Restituisce i metadata di una route (o `md_id`) da cache Dexie quando validi; in caso contrario ricarica da backend.
      * Gestisce invalidazione per versioning metadata progetto e bypass cache in modalita client-side CRUD.
@@ -7949,11 +8113,14 @@ class MetadataProviderService {
           const resolve = (doSync) => beforeSync(doSync);
           const prevent =  () => beforeSync(false);
           const record = savingData;
+          const metaInfo = dataSource.metaInfo;
           ${table_metadata.md_before_save}
         `) : async () => true;
         table_metadata.md_after_save_fn = table_metadata.md_after_save ? new AsyncFunction('dataSource, savingData, syncedData, isInsert, isClone, isDelete, event, wtoolbox', `
           const record = savingData;
           const result = syncedData;
+          const metaInfo = dataSource.metaInfo;
+
           ${table_metadata.md_after_save}
         `) : async () => { };
         table_metadata.md_after_load_fn = table_metadata.md_after_load ? new AsyncFunction('dataSource, originalEvent, result, loadedRecords, isInsert, wtoolbox', `
@@ -9564,6 +9731,77 @@ class UpdateInfo {
     }
 }
 
+/**
+ * Helper centralizzato per ripulire `localStorage` post-save metadata
+ * preservando le chiavi runtime user-state che NON dipendono dai metadati.
+ *
+ * Background: il framework, dopo un save metadata editor, fa `localStorage.clear()`
+ * per invalidare le cache (schema, lookup, ecc.). Senza whitelist, ogni save
+ * azzera anche stato che dovrebbe sopravvivere fino al logout, degradando UX:
+ *
+ * - `wuic_rag_last_session_id` (chatbot RAG): id della sessione corrente. Senza
+ *   preservarlo, ogni modifica metadata fa perdere la cronologia chat (anche
+ *   se i messaggi sono salvati in DB).
+ * - `wuic-selected-language` / `wuic-selected-theme` / `wuic-theme-mode`:
+ *   preferenze UI utente — il cambio metadati NON dovrebbe resettarle.
+ * - `translation` / `translation_<locale>`: cache traduzioni; senza, le label
+ *   tornano alle chiavi raw per ~500ms-2s.
+ * - `wuic_auth_redirect_reason`: marker auth flow.
+ *
+ * Per aggiungere altre chiavi protette: estendere `LOCALSTORAGE_PRESERVE_KEYS`
+ * (match esatto) o `LOCALSTORAGE_PRESERVE_PREFIXES` (match per prefisso).
+ *
+ * **Logout**: `auth-session.service.ts:clearBrowserStorage` fa `localStorage.clear()`
+ * DIRETTO (senza whitelist) — by design. Il logout deve rimuovere tutto,
+ * incluse le chiavi protette qui.
+ */
+/** Chiavi esatte da preservare (match `===`). */
+const LOCALSTORAGE_PRESERVE_KEYS = [
+    'translation',
+    'wuic_rag_last_session_id',
+    'wuic-selected-language',
+    'wuic-selected-theme',
+    'wuic-theme-mode',
+    'wuic_auth_redirect_reason',
+];
+/** Prefissi da preservare (match `startsWith`). */
+const LOCALSTORAGE_PRESERVE_PREFIXES = [
+    'translation_', // cache traduzioni per locale (it-IT, en-US, ...)
+];
+/**
+ * Equivalente di `localStorage.clear()` ma rispetta la whitelist sopra.
+ * Idempotente, no-op in private mode / storage non disponibile.
+ */
+function clearLocalStoragePreservingUserState() {
+    try {
+        if (typeof localStorage === 'undefined')
+            return;
+        // Snapshot delle chiavi protette PRIMA del clear (l'iterazione su
+        // localStorage.key(i) viene invalidata dal clear).
+        const preserved = {};
+        for (let i = 0; i < localStorage.length; i++) {
+            const key = localStorage.key(i);
+            if (!key)
+                continue;
+            const exactMatch = LOCALSTORAGE_PRESERVE_KEYS.includes(key);
+            const prefixMatch = !exactMatch
+                && LOCALSTORAGE_PRESERVE_PREFIXES.some((p) => key.startsWith(p));
+            if (exactMatch || prefixMatch) {
+                const val = localStorage.getItem(key);
+                if (val !== null)
+                    preserved[key] = val;
+            }
+        }
+        localStorage.clear();
+        for (const [k, v] of Object.entries(preserved)) {
+            localStorage.setItem(k, v);
+        }
+    }
+    catch {
+        /* private mode / quota / disabled storage: best-effort, no-throw */
+    }
+}
+
 // import { config, EntityManager, EntityQuery } from 'breeze-client';
 // import { OData4DataService, OData4UriBuilder } from 'breeze-odata4';
 class DataProviderOdataService {
@@ -9943,7 +10181,7 @@ class DataProviderOdataService {
         }).toPromise();
         debugger;
         if (MetadataProviderService.isMetaRoute(route)) {
-            localStorage.clear();
+            clearLocalStoragePreservingUserState();
             const metaDb = await MetadataProviderService.getMetaDB();
             metaDb.tables.forEach(function (table) {
                 table.clear();
@@ -10223,15 +10461,13 @@ class DataProviderMetaService {
         return out;
     }
     /**
-     * Pulisce la cache localStorage preservando le traduzioni gia caricate.
-     * Evita regressioni UX dove, dopo save metadata non-translation, le label tornano alle chiavi raw.
+     * Pulisce la cache localStorage preservando le chiavi user-state della
+     * whitelist centralizzata in `util/wuic-storage.util.ts` (translation cache,
+     * id sessione chatbot RAG, preferenze tema/lingua, ecc.). Vedi i commenti in
+     * quel file per la lista completa e il razionale.
      */
     clearLocalStoragePreservingTranslation() {
-        const translationSnapshot = localStorage.getItem('translation');
-        localStorage.clear();
-        if (translationSnapshot !== null && translationSnapshot !== undefined) {
-            localStorage.setItem('translation', translationSnapshot);
-        }
+        clearLocalStoragePreservingUserState();
     }
     buildRouteContext(route, action, source) {
         return WtoolboxService.buildCrudRouteContext(route, action, source);
@@ -11288,7 +11524,7 @@ class DataProviderWebserviceService {
             entity: clonedEntity || entity
         }).toPromise();
         if (MetadataProviderService.isMetaRoute(route)) {
-            localStorage.clear();
+            clearLocalStoragePreservingUserState();
             const metaDb = await MetadataProviderService.getMetaDB();
             metaDb.tables.forEach(function (table) {
                 table.clear();
@@ -11330,7 +11566,7 @@ class DataProviderWebserviceService {
             }
         }
         if (MetadataProviderService.isMetaRoute(route)) {
-            localStorage.clear();
+            clearLocalStoragePreservingUserState();
             scope.getSchemaAndData();
         }
         else {
@@ -11362,7 +11598,7 @@ class DataProviderWebserviceService {
         }).toPromise();
         debugger;
         if (MetadataProviderService.isMetaRoute(route)) {
-            localStorage.clear();
+            clearLocalStoragePreservingUserState();
             const metaDb = await MetadataProviderService.getMetaDB();
             metaDb.tables.forEach(function (table) {
                 table.clear();
@@ -11394,7 +11630,7 @@ class DataProviderWebserviceService {
             entity: clonedEntity || entity
         }).toPromise();
         if (MetadataProviderService.isMetaRoute(scope.metaInfo.tableMetadata.md_route_name)) {
-            localStorage.clear();
+            clearLocalStoragePreservingUserState();
             const metaDb = await MetadataProviderService.getMetaDB();
             metaDb.tables.forEach(function (table) {
                 table.clear();
@@ -12726,6 +12962,15 @@ class TranslationManagerService {
      * del missing key).
      */
     _langMismatchReloadInFlight = false;
+    /**
+     * Ultimo locale risolto in modo AFFIDABILE (da override localStorage o da
+     * `userInfo`). Usato come fallback stabile in `resolveCurrentLocale()` quando
+     * `getuserInfo()` torna momentaneamente vuoto (succede durante navigazione/
+     * edit/reload metadata): senza, il locale driftarebbe a `navigator.language`/
+     * default, cambiando la `translationCacheKey` e innescando il self-heal che
+     * faceva sparire le traduzioni fino al refresh.
+     */
+    _stableLocale = null;
     /**
      * Bundle minimo di traduzioni hardcoded per il SOLO scenario firstRun (DB
      * metadati ancora non inizializzato → tabella `_wuic_translations` non
@@ -13389,8 +13634,10 @@ class TranslationManagerService {
      */
     resolveCurrentLocale() {
         const override = this.readLanguageOverride();
-        if (override)
+        if (override) {
+            this._stableLocale = override;
             return override;
+        }
         // The login response shape can vary: classic shape exposes
         // `lingua: { id: "it-IT" }` (object); newer/lean shape exposes
         // just `language: "it-IT"` (string). Read both — the framework
@@ -13401,8 +13648,17 @@ class TranslationManagerService {
         // loaded for en-US instead of the user's it-IT default.
         const userInfo = this.authSrv.getuserInfo() || {};
         const userLang = userInfo?.lingua?.id || userInfo?.language;
-        if (userLang && typeof userLang === 'string')
-            return String(userLang).trim();
+        if (userLang && typeof userLang === 'string') {
+            const v = String(userLang).trim();
+            this._stableLocale = v;
+            return v;
+        }
+        // `getuserInfo()` momentaneamente vuoto (navigazione/edit/reload metadata):
+        // NON driftare a navigator/default, altrimenti la translationCacheKey cambia
+        // e il self-heal di getTranslation() rifetcha inutilmente (o, prima del fix,
+        // azzerava la tabella). Riusa l'ultimo locale risolto in modo affidabile.
+        if (this._stableLocale)
+            return this._stableLocale;
         if (typeof navigator !== 'undefined' && navigator.language)
             return String(navigator.language).trim();
         return 'it-IT';
@@ -13541,9 +13797,25 @@ class TranslationManagerService {
     getTranslation(value) {
         const self = this;
         if (self.translationTable?.length > 0 && !localStorage.getItem(this.translationCacheKey)) {
-            self.translationTable = [];
-            self.translationsLoaded$.next(false);
-            void self.ensureTranslationsLoaded();
+            // La tabella in memoria e' VALIDA ma la chiave localStorage e' assente
+            // (key derivata da un locale momentaneamente diverso, oppure cache rimossa
+            // da updateTranslations/forceReload/altra tab).
+            //
+            // BUG STORICO (sintomo: traduzioni che spariscono dopo navigazione/edit e
+            // tornano solo col refresh): qui si faceva `translationTable = []` +
+            // `translationsLoaded$.next(false)` + `ensureTranslationsLoaded()`. Ma:
+            //  1) azzerare la tabella faceva collassare TUTTI i binding sulla chiave
+            //     grezza ad ogni ciclo di ChangeDetection;
+            //  2) `ensureTranslationsLoaded()` (senza force) era un NO-OP perche'
+            //     `loadPromise` resta settato dopo il primo load riuscito -> la tabella
+            //     restava vuota fino al refresh manuale (che ricrea il singleton).
+            //
+            // Fix: NON azzerare e NON rifetchare dal server — la tabella in RAM e' gia'
+            // corretta. Basta RI-PERSISTERE la tabella corrente sotto la chiave attuale
+            // (operazione sincrona, zero rete): al prossimo ciclo `getItem(key)` esiste
+            // e la condizione non scatta piu'. La propagazione di eventuali modifiche
+            // server-side e' gia' coperta dalla revalidate al boot/cache-hit.
+            self.persistCacheIfComplete();
         }
         if ((!self.translationTable || self.translationTable.length === 0) && !self.translationsLoaded$.value) {
             void self.ensureTranslationsLoaded();
@@ -13681,13 +13953,28 @@ class DataSourceComponent {
      * DI) invece che da costruttore per non rompere i call site manuali tipo
      * `new DataSourceComponent(metaSrv, dataSrv, ...)` in designer.component.ts
      * e metadata-editor.service.ts (che mantengono i 7 params posizionali storici).
-     * `{ optional: true }` rende il field null fuori da un Angular DI context
-     * (es. unit test che istanziano la classe a mano) — il consumo in ngOnInit
-     * usa `?.nativeElement` per sopportare entrambi i path.
+     *
+     * ATTENZIONE: `{ optional: true }` rende il field `null` solo se il TOKEN non e'
+     * risolvibile, NON quando si e' fuori da un injection context. Fuori contesto
+     * (istanziazione manuale via `new`, es. metadata-editor.service che crea un
+     * DataSource headless per fetch schema/dati) `inject()` lancia SEMPRE `NG0203`
+     * a prescindere da `optional`. Per questo lo avvolgiamo in try/catch: nel path
+     * Angular normale ritorna l'ElementRef host; nei call site manuali ritorna
+     * `null` (il consumo in ngOnInit usa `?.nativeElement`, quindi entrambi i path
+     * sono supportati). Senza questo guard, un doppio-click su una label del
+     * parametric dialog (che passa per metadata-editor.service -> `new DataSource`)
+     * crashava con NG0203.
      * Scopo: esporre `this` su `host.__wuicCmp` per E2E introspection senza
      * dipendere da `window.ng.getComponent` (tree-shaken in prod build).
      */
-    elementRef = inject(ElementRef, { optional: true });
+    elementRef = (() => {
+        try {
+            return inject(ElementRef, { optional: true });
+        }
+        catch {
+            return null;
+        }
+    })();
     static getLiveInstances() {
         return Array.from(DataSourceComponent.liveInstances);
     }
@@ -14465,6 +14752,31 @@ class DataSourceComponent {
     clearSelectedRows() {
         this.selectedRows = [];
     }
+    /**
+     * Ritorna i record correntemente selezionati nella `<wuic-list-grid>` (checkbox
+     * di selezione multipla). Usato nelle **toolbar action bulk** per recuperare le
+     * righe su cui agire prima di chiamare un endpoint server.
+     *
+     * Forma canonica nei callback (firma `(datasource, metaInfo, record, event, wtoolbox)`):
+     * ```js
+     * const selected = (datasource.getSelectedRows && datasource.getSelectedRows()) || [];
+     * if (!selected.length) {
+     *   wtoolbox.messageNotificationService.add({ severity:'warn', summary:'Selezione vuota', detail:'Seleziona almeno una riga' });
+     *   return;
+     * }
+     * const ids = selected.map(r => Number(r.id?.value ?? r.id ?? r.Id));
+     * ```
+     *
+     * **Importante**: il parametro `record` passato al callback toolbar è un SINGOLO
+     * record (la riga "corrente"), NON l'array dei selezionati. Per il bulk usare
+     * SEMPRE `datasource.getSelectedRows()` (oggetti completi) o
+     * `datasource.getSelectedKeys()` (solo PK).
+     *
+     * Pre-requisito: la tabella deve avere `mdmultipleselection=1` su
+     * `_metadati__tabelle` (vedi skill `table-actions`).
+     *
+     * @returns Array di record selezionati (vuoto se nulla e' selezionato).
+     */
     getSelectedRows() {
         return this.selectedRows;
     }
@@ -20482,11 +20794,31 @@ class DynamicRowTemplateComponent {
   * Gestisce la logica operativa di `classes` usando metadati di tabella/colonna allineati al modello server `_Metadati_*`.
   * @returns Valore calcolato dinamicamente a partire dallo stato corrente del componente.
   */
+    /**
+     * Inline style cumulativo applicato alla `<tr>` quando una entry di
+     * `_metadati__u_i__stili__tabelle` ha `must_attribute_name` con prefisso `style:`
+     * (es. `style:background-color:#9b59b6;color:white`). Permette al chatbot RAG
+     * (tool `propose_table_style`) di proporre colori arbitrari fuori dalla palette
+     * predefinita (`row-danger/warning/info/success`) senza dover aggiungere CSS
+     * lato app. Sintassi: prefisso `style:` letterale + dichiarazioni standard CSS
+     * separate da `;`. Backwards-compatible: entries senza prefisso `style:` restano
+     * trattate come classe CSS (vedi `getTableStyleClasses`).
+     */
+    get inlineStyle() {
+        return this.getTableInlineStyle();
+    }
     get classes() {
         const classList = [];
         const tableStyleClasses = this.getTableStyleClasses();
         classList.push(...tableStyleClasses);
-        if (tableStyleClasses.length) {
+        // `wuic-row-style-applied` e' la sentinella usata da list-grid.component.scss
+        // per neutralizzare il `background` dei <td> child (altrimenti coprirebbero
+        // il colore impostato sulla <tr> dalle stripe odd/even). Va aggiunta sia
+        // per le classi che per gli inline-style — entrambi devono "vincere" sui td.
+        // Nota: getTableInlineStyle e' qui re-invocato (l'altro hit e' in
+        // @HostBinding('attr.style')); costo trascurabile, gli output sono cached
+        // sui predicate. Tenere il check semplice e' preferibile a memoizzare.
+        if (tableStyleClasses.length || this.getTableInlineStyle() !== null) {
             classList.push('wuic-row-style-applied');
         }
         if ((this.metaInfo.tableMetadata.md_ui_grid_conditional_template || this.metaInfo.tableMetadata.md_ui_grid_conditional_alt_template) && this.metaInfo.tableMetadata.md_ui_grid_conditional_template_condition) {
@@ -20515,6 +20847,11 @@ class DynamicRowTemplateComponent {
             if (!cssClass) {
                 return;
             }
+            // Entries con prefisso `style:` sono inline-style, non classi.
+            // Vengono gestite separatamente da `getTableInlineStyle`.
+            if (cssClass.startsWith('style:')) {
+                return;
+            }
             const conditionCode = String(style?.must_attribute_value || '').trim();
             if (!conditionCode) {
                 classes.push(cssClass);
@@ -20537,6 +20874,66 @@ class DynamicRowTemplateComponent {
         return classes;
     }
     /**
+     * Inline-style speculare a `getTableStyleClasses`. Filtra le entries di
+     * `_Metadati_UI_Stili_Tabelles` il cui `must_attribute_name` ha prefisso
+     * `style:` letterale; valuta il predicate (`must_attribute_value`) con
+     * stessa semantica e stessa cache (skip su throw); concatena le dichiarazioni
+     * CSS in una stringa unica idonea all'attributo HTML `style`. Restituisce
+     * `null` se nessuna entry matcha — Angular rimuove l'attributo, lasciando
+     * intatto eventuale styling dal CSS.
+     */
+    getTableInlineStyle() {
+        const styles = (this.metaInfo?.tableMetadata?._Metadati_UI_Stili_Tabelles || []);
+        if (!Array.isArray(styles) || !styles.length) {
+            return null;
+        }
+        const decls = [];
+        styles.forEach((style) => {
+            const raw = String(style?.must_attribute_name || '').trim();
+            if (!raw.startsWith('style:')) {
+                return;
+            }
+            const cssDecl = raw.slice('style:'.length).trim();
+            if (!cssDecl) {
+                return;
+            }
+            const conditionCode = String(style?.must_attribute_value || '').trim();
+            if (conditionCode) {
+                const cacheKey = `${String(style?.must_id ?? '')}|${conditionCode}`;
+                let predicate = DynamicRowTemplateComponent.tableStyleConditionCache.get(cacheKey);
+                if (!predicate) {
+                    predicate = this.buildTableStylePredicate(conditionCode);
+                    DynamicRowTemplateComponent.tableStyleConditionCache.set(cacheKey, predicate);
+                }
+                try {
+                    if (!predicate(this.metaInfo, this.rowData, WtoolboxService)) {
+                        return;
+                    }
+                }
+                catch {
+                    return;
+                }
+            }
+            // PrimeNG p-datatable / p-treetable applicano background/color/border alle
+            // <tr> via regole con `!important` (striped rows, hover, selected, focus).
+            // Inline style senza `!important` perderebbe la specificity → niente colore
+            // visibile (caso reale 2026-06-07: `background-color:#4a148c` ignorato,
+            // `color:red` invece passa perche' non c'e' contender esplicito). Iniettiamo
+            // `!important` automaticamente su ogni dichiarazione che non ce l'ha gia',
+            // cosi' il chatbot non deve istruire il LLM su questo dettaglio framework.
+            const decorated = cssDecl
+                .split(';')
+                .map((d) => d.trim())
+                .filter((d) => d.length > 0)
+                .map((d) => (/!\s*important\b/i.test(d) ? d : `${d} !important`))
+                .join(';');
+            if (decorated) {
+                decls.push(decorated);
+            }
+        });
+        return decls.length ? decls.join(';') : null;
+    }
+    /**
   * Costruisce una struttura di output a partire dal contesto corrente usando i metadati per determinare campi, chiavi e comportamento runtime, allineando i record al formato atteso dal framework.
   * @param conditionCode Valore testuale usato come chiave, campo, route o parametro di configurazione.
   * @returns Valore di tipo `(metaInfo: MetaInfo, record: any, wtoolbox: typeof WtoolboxService) => boolean` costruito dal metodo per i passaggi successivi del flusso.
@@ -20592,6 +20989,14 @@ class DynamicRowTemplateComponent {
                 if (!cssClass) {
                     return;
                 }
+                // Skip entries con prefisso `style:` — sono inline-style, non classi.
+                // Verranno gestite da `getCellInlineStyle` speculare a
+                // `getTableInlineStyle` per le row-styles. Senza questo skip, il LLM
+                // del chatbot RAG che emette `css_class:'style:background-color:blue'`
+                // produrrebbe una classe CSS literale invalida e fragile.
+                if (cssClass.startsWith('style:')) {
+                    return;
+                }
                 const conditionCode = String(style?.musc_attribute_value || '').trim();
                 const callbackCode = String(style?.musc_attribute_value_callback || '').trim();
                 const effectiveConditionCode = callbackCode || conditionCode;
@@ -20644,13 +21049,72 @@ class DynamicRowTemplateComponent {
                 }
             }
         }
-        if (classes.length) {
+        // `wuic-cell-style-applied` va aggiunta anche quando la cella ha
+        // inline-style (entries `style:`-prefixed), cosi' i CSS list-grid che
+        // neutralizzano il bg odd/even sui td styled possono matchare.
+        // Speculare al pattern row-style `wuic-row-style-applied`.
+        const hasInlineCellStyle = this.getCellInlineStyle(metaColumn, rowData) !== null;
+        if (classes.length || hasInlineCellStyle) {
             classes.push('wuic-cell-style-applied');
-            return classes.join(' ');
+            return classes.length ? classes.join(' ') : 'wuic-cell-style-applied';
         }
         return null;
     }
     /**
+     * Inline-style speculare a `getCellInlineStyle` per le celle. Filtra le
+     * entries di `_Metadati_UI_Stili_Colonnes` il cui `musc_attribute_name` ha
+     * prefisso `style:`; valuta il predicate (`musc_attribute_value` o
+     * `musc_attribute_value_callback`) e concatena le dichiarazioni CSS in una
+     * stringa unica idonea all'attributo HTML `style`. Iniezione automatica di
+     * `!important` su ogni dichiarazione che non ce l'ha gia' (PrimeNG p-table
+     * applica `background` ai td via regole con `!important` per striped/hover —
+     * senza, l'inline style perderebbe la specificity).
+     */
+    getCellInlineStyle(metaColumn, rowData) {
+        const column = metaColumn;
+        if (!column)
+            return null;
+        const styles = (column._Metadati_UI_Stili_Colonnes || []);
+        if (!Array.isArray(styles) || !styles.length)
+            return null;
+        const decls = [];
+        styles.forEach((style) => {
+            const raw = String(style?.musc_attribute_name || '').trim();
+            if (!raw.startsWith('style:'))
+                return;
+            const cssDecl = raw.slice('style:'.length).trim();
+            if (!cssDecl)
+                return;
+            const conditionCode = String(style?.musc_attribute_value || '').trim();
+            const callbackCode = String(style?.musc_attribute_value_callback || '').trim();
+            const effectiveConditionCode = callbackCode || conditionCode;
+            if (effectiveConditionCode) {
+                const cacheKey = `${String(style?.musc_id ?? '')}|${effectiveConditionCode}`;
+                let predicate = DynamicRowTemplateComponent.columnStyleConditionCache.get(cacheKey);
+                if (!predicate) {
+                    predicate = this.buildTableStylePredicate(effectiveConditionCode);
+                    DynamicRowTemplateComponent.columnStyleConditionCache.set(cacheKey, predicate);
+                }
+                try {
+                    if (!predicate(this.metaInfo, rowData, WtoolboxService))
+                        return;
+                }
+                catch {
+                    return;
+                }
+            }
+            const decorated = cssDecl
+                .split(';')
+                .map((d) => d.trim())
+                .filter((d) => d.length > 0)
+                .map((d) => (/!\s*important\b/i.test(d) ? d : `${d} !important`))
+                .join(';');
+            if (decorated)
+                decls.push(decorated);
+        });
+        return decls.length ? decls.join(';') : null;
+    }
+    /**
   * Recupera e prepara i dati richiesti dal chiamante usando i metadati per determinare campi, chiavi e comportamento runtime.
   * @param fieldName Valore testuale usato come chiave, campo, route o parametro di configurazione.
   * @returns Valore di tipo `MetadatiColonna | null` costruito dal metodo per i passaggi successivi del flusso.
@@ -20795,7 +21259,7 @@ class DynamicRowTemplateComponent {
         return a === b;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DynamicRowTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: DynamicRowTemplateComponent, isStandalone: true, selector: "wuic-dynamic-row-template", inputs: { rowData: "rowData", rowIndex: "rowIndex", actionButtonRowIsVisible: "actionButtonRowIsVisible", isListVirtualizationEnabled: "isListVirtualizationEnabled", columns: "columns", expanded: "expanded", metaInfo: "metaInfo", datasource: "datasource", dt: "dt", toggleRow: "toggleRow", rowSelect: "rowSelect", rowCustomSelect: "rowCustomSelect", inlineCellEditingEnabled: "inlineCellEditingEnabled", onInlineCellEditorBlur: "onInlineCellEditorBlur", onInlineCellEditorValueChange: "onInlineCellEditorValueChange", getRuntimeGridFieldMeta: "getRuntimeGridFieldMeta", MetadatiColonna: "MetadatiColonna" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: DynamicRowTemplateComponent, isStandalone: true, selector: "wuic-dynamic-row-template", inputs: { rowData: "rowData", rowIndex: "rowIndex", actionButtonRowIsVisible: "actionButtonRowIsVisible", isListVirtualizationEnabled: "isListVirtualizationEnabled", columns: "columns", expanded: "expanded", metaInfo: "metaInfo", datasource: "datasource", dt: "dt", toggleRow: "toggleRow", rowSelect: "rowSelect", rowCustomSelect: "rowCustomSelect", inlineCellEditingEnabled: "inlineCellEditingEnabled", onInlineCellEditorBlur: "onInlineCellEditorBlur", onInlineCellEditorValueChange: "onInlineCellEditorValueChange", getRuntimeGridFieldMeta: "getRuntimeGridFieldMeta", MetadatiColonna: "MetadatiColonna" }, host: { properties: { "attr.style": "this.inlineStyle", "class": "this.classes" } }, ngImport: i0, template: '', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DynamicRowTemplateComponent, decorators: [{
             type: Component,
@@ -20838,6 +21302,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 type: Input
             }], MetadatiColonna: [{
                 type: Input
+            }], inlineStyle: [{
+                type: HostBinding,
+                args: ['attr.style']
             }], classes: [{
                 type: HostBinding,
                 args: ['class']
@@ -21196,7 +21663,7 @@ class LazySchedulerListComponent {
      * Inizializza il componente preparando stato, sottoscrizioni e primi caricamenti richiesti.
      */
     async ngOnInit() {
-        schedulerListComponentPromise ??= import('./wuic-framework-lib-scheduler-list.component-3E5m-9Qd.mjs').then((m) => m.SchedulerListComponent);
+        schedulerListComponentPromise ??= import('./wuic-framework-lib-scheduler-list.component-DHoukjf-.mjs').then((m) => m.SchedulerListComponent);
         this.loadedComponent = await schedulerListComponentPromise;
         this.cdr.markForCheck();
     }
@@ -21404,7 +21871,7 @@ class LazySpreadsheetListSfComponent {
         this.activatedRoute = activatedRoute;
     }
     async ngOnInit() {
-        spreadsheetListSfComponentPromise ??= import('./wuic-framework-lib-spreadsheet-list-sf.component-D9P9WbDl.mjs').then((m) => m.SpreadsheetListSfComponent);
+        spreadsheetListSfComponentPromise ??= import('./wuic-framework-lib-spreadsheet-list-sf.component-VsaXepUC.mjs').then((m) => m.SpreadsheetListSfComponent);
         this.loadedComponent = await spreadsheetListSfComponentPromise;
         // Quando la promise e' gia' risolta dal cache module-scope (secondo mount
         // post-refresh), il microtask che risolve `await` non scatena sempre CD
@@ -21682,7 +22149,7 @@ class LazyChartListComponent {
      * Inizializza il componente preparando stato, sottoscrizioni e primi caricamenti richiesti.
      */
     async ngOnInit() {
-        chartListComponentPromise ??= import('./wuic-framework-lib-chart-list.component-B1V8Q-Qq.mjs').then((m) => m.ChartListComponent);
+        chartListComponentPromise ??= import('./wuic-framework-lib-chart-list.component-C02jeFGy.mjs').then((m) => m.ChartListComponent);
         this.loadedComponent = await chartListComponentPromise;
         this.cdr.markForCheck();
     }
@@ -31397,6 +31864,22 @@ class ListGridComponent {
     releaseGridStateUrlPushTimer;
     navigationTriggeredByPopstate = false;
     suppressNextPageOnlyQuerySync = false;
+    // PrimeNG p-table emette per ogni sort/filter/paging DUE (a volte 3)
+    // eventi consecutivi (separati da ~30-60ms, NON nello stesso microtask).
+    // Il fetchData a runtime fa 1 round-trip server completo (GetFlatData su
+    // tabelle 200k+ righe -> facilmente >1s). I duplicati raddoppiano il
+    // carico DB.
+    //
+    // Strategia in 2 layer:
+    //  1. setTimeout(0) coalesce ravvicinato (rapid-fire stesso microtask)
+    //  2. dedup-by-payload-hash (skip se sortInfo+pageInfo+filterInfo
+    //     identici al last-fetched). Cattura il pattern p-table dove gli
+    //     eventi sono separati da 30-60ms ma producono payload identico.
+    // Verificato live 2026-06-04 via MCP Chrome (Order Lines / 231k righe,
+    // sort su OrderID -> 2 POST identici a 39ms di distanza).
+    pendingFilterChangeEvent = null;
+    pendingFilterChangeTimer = null;
+    lastFetchedPayloadHash = null;
     clientSideCrudToggleBusy = false;
     persistedColumnWidthsByRoute = {};
     persistedColumnLayoutByRoute = {};
@@ -32220,7 +32703,7 @@ class ListGridComponent {
           </div>
           <div class="wuic-mobile-card-body">
             <ng-container *ngFor="let col of columns | visibleFieldList">
-              <div class="wuic-mobile-card-row" [ngClass]="getCellClasses(col.metaColumn, rowData)" (click)="onRowSelect($event, rowData)">
+              <div class="wuic-mobile-card-row" [ngClass]="getCellClasses(col.metaColumn, rowData)" [attr.style]="getCellInlineStyle(col.metaColumn, rowData)" (click)="onRowSelect($event, rowData)">
                 <div class="wuic-mobile-card-label">{{ col.header }}</div>
                 <div class="wuic-mobile-card-value">
                   <ng-container [ngSwitch]="col.metaColumn.mc_nome_colonna">
@@ -32282,7 +32765,7 @@ class ListGridComponent {
         </div>
         <div class="wuic-mobile-card-body">
           <ng-container *ngFor="let col of columns | visibleFieldList">
-            <div class="wuic-mobile-card-row" [ngClass]="getCellClasses(col.metaColumn, rowData)" (click)="onRowSelect($event, rowData)">
+            <div class="wuic-mobile-card-row" [ngClass]="getCellClasses(col.metaColumn, rowData)" [attr.style]="getCellInlineStyle(col.metaColumn, rowData)" (click)="onRowSelect($event, rowData)">
               <div class="wuic-mobile-card-label">{{ col.header }}</div>
               <div class="wuic-mobile-card-value">
                 <ng-container [ngSwitch]="col.metaColumn.mc_nome_colonna">
@@ -32337,7 +32820,7 @@ class ListGridComponent {
             </ng-container>
         </td>
         <ng-container *ngFor="let col of columns | visibleFieldList">
-          <td *ngIf="!col?.frozen" [ngClass]="getCellClasses(col.metaColumn, rowData)" (click)="onRowSelect($event, rowData)" (focusout)="onCellFocusOut($event, rowData, col.metaColumn)">
+          <td *ngIf="!col?.frozen" [ngClass]="getCellClasses(col.metaColumn, rowData)" [attr.style]="getCellInlineStyle(col.metaColumn, rowData)" (click)="onRowSelect($event, rowData)" (focusout)="onCellFocusOut($event, rowData, col.metaColumn)">
             <wuic-field-editor-lazy *ngIf="rowData.__is_editing && !col.metaColumn.mc_hide_in_edit" [record]="rowData.__observable" [field]="getRuntimeGridFieldMeta(col.metaColumn, rowData)" [metaInfo]="metaInfo" [datasource]="datasource" [hideLabel]="metaInfo.tableMetadata.md_inline_edit" [onInlineCellValueChange]="onInlineCellEditorValueChange"></wuic-field-editor-lazy>
             <ng-container *ngIf="!rowData.__is_editing">
               <ng-container [ngSwitch]="col.metaColumn.mc_nome_colonna">
@@ -32358,7 +32841,7 @@ class ListGridComponent {
               </ng-container>
             </ng-container>
           </td>
-          <td *ngIf="col?.frozen" [wuicFrozenColumn]="true" [alignFrozen]="col?.alignFrozen || 'left'" [ngClass]="getCellClasses(col.metaColumn, rowData)" (click)="onRowSelect($event, rowData)" (focusout)="onCellFocusOut($event, rowData, col.metaColumn)">
+          <td *ngIf="col?.frozen" [wuicFrozenColumn]="true" [alignFrozen]="col?.alignFrozen || 'left'" [ngClass]="getCellClasses(col.metaColumn, rowData)" [attr.style]="getCellInlineStyle(col.metaColumn, rowData)" (click)="onRowSelect($event, rowData)" (focusout)="onCellFocusOut($event, rowData, col.metaColumn)">
             <wuic-field-editor-lazy *ngIf="rowData.__is_editing && !col.metaColumn.mc_hide_in_edit" [record]="rowData.__observable" [field]="getRuntimeGridFieldMeta(col.metaColumn, rowData)" [metaInfo]="metaInfo" [datasource]="datasource" [hideLabel]="metaInfo.tableMetadata.md_inline_edit" [onInlineCellValueChange]="onInlineCellEditorValueChange"></wuic-field-editor-lazy>
             <ng-container *ngIf="!rowData.__is_editing">
               <ng-container [ngSwitch]="col.metaColumn.mc_nome_colonna">
@@ -33281,6 +33764,32 @@ class ListGridComponent {
     async pageFilterChange(event) {
         // Applying a saved state updates sort/filter bindings programmatically.
         // Ignore transient table events to avoid duplicate fetches.
+        if (this.applyingSavedState) {
+            return;
+        }
+        // Coalesce rapid-fire events (sort emette 2-3 eventi in 0ms):
+        // sovrascrivi il queued event e schedula un solo processing al next tick.
+        // Eventi cross-tick legittimi (sort poi paging dopo click utente) sono
+        // separati da almeno N ms del browser idle -> ognuno schedula proprio.
+        this.pendingFilterChangeEvent = event;
+        if (this.pendingFilterChangeTimer !== null) {
+            return; // gia' schedulato, l'ultimo evento sara' processato
+        }
+        this.pendingFilterChangeTimer = setTimeout(() => {
+            const ev = this.pendingFilterChangeEvent;
+            this.pendingFilterChangeEvent = null;
+            this.pendingFilterChangeTimer = null;
+            if (ev) {
+                void this._processPageFilterEvent(ev);
+            }
+        }, 0);
+    }
+    /**
+     * Processore reale dell'evento PrimeNG (sort/filter/paging). Chiamato
+     * tail-call da `pageFilterChange` via setTimeout(0) per coalesce.
+     * NON chiamare direttamente: la coalesce e' la guard anti-duplicate-fetch.
+     */
+    async _processPageFilterEvent(event) {
         if (this.applyingSavedState) {
             return;
         }
@@ -33411,6 +33920,22 @@ class ListGridComponent {
             else {
                 this.datasource.value.sortInfo = [];
             }
+            // Dedup-by-payload-hash: PrimeNG emette spesso DUE eventi consecutivi
+            // (sort + page-only follow-up) separati da ~30-60ms con payload
+            // IDENTICO. Skip il fetch se sortInfo+pageInfo+filterInfo coincidono
+            // col last-fetched. Verificato live 2026-06-04 via MCP Chrome.
+            try {
+                const payloadKey = JSON.stringify({
+                    s: this.datasource.value.sortInfo || [],
+                    p: { c: this.pageIndex, sz: this.pageSize },
+                    f: this.datasource.value.filterInfo || null,
+                });
+                if (payloadKey === this.lastFetchedPayloadHash) {
+                    return; // identico al fetch precedente: salta
+                }
+                this.lastFetchedPayloadHash = payloadKey;
+            }
+            catch { /* hash non bloccante: meglio re-fetch che bloccare */ }
             await this.datasource.value.fetchData();
             this.scheduleGridViewportHeightSync();
             // Emit @Output events DOPO fetchData: a questo punto TUTTO lo stato
@@ -37466,11 +37991,11 @@ class ListGridComponent {
         return Number.isFinite(width) ? width : NaN;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ListGridComponent, deps: [{ token: MetadataProviderService }, { token: i1$5.DomSanitizer }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: i1$3.Location }, { token: i1$5.Title }, { token: TranslationManagerService }, { token: i0.ChangeDetectorRef }, { token: UserInfoService }, { token: i0.ElementRef }, { token: DeviceAwarenessService }, { token: CustomAttributesService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ListGridComponent, isStandalone: true, selector: "wuic-list-grid", inputs: { hardcodedRoute: "hardcodedRoute", parentRecord: "parentRecord", parentMetaInfo: "parentMetaInfo", datasource: "datasource", hardcodedDatasource: "hardcodedDatasource", rowCustomSelect: "rowCustomSelect", hideToolbar: "hideToolbar" }, outputs: { onBeforeRowRender: "onBeforeRowRender", onAfterRowRender: "onAfterRowRender", onAfterRender: "onAfterRender", onPaging: "onPaging", onSorting: "onSorting", onFiltering: "onFiltering", onRefresh: "onRefresh", onPTableSelectionChange: "onPTableSelectionChange", onPTableRowExpand: "onPTableRowExpand", onPTableRowCollapse: "onPTableRowCollapse", onPTableColumnResize: "onPTableColumnResize", onPTableColumnReorder: "onPTableColumnReorder" }, host: { listeners: { "window:resize": "onWindowResizeForGridLayout()" } }, providers: [Title], viewQueries: [{ propertyName: "table", first: true, predicate: ["dt1"], descendants: true }, { propertyName: "columnCtxMenu", first: true, predicate: ["columnCtxMenu"], descendants: true }, { propertyName: "metadataColumnsDatasource", first: true, predicate: ["metadataColumnsDatasource"], descendants: true }, { propertyName: "gridContainerRef", first: true, predicate: ["gridContainer"], descendants: true }, { propertyName: "tableActionsMenu", first: true, predicate: ["tableActionsMenu"], descendants: true }], ngImport: i0, template: "<wuic-data-source #metadataColumnsDatasource [hardcodedRoute]=\"' metadati  colonne'\"\r\n  style=\"display: none;\"></wuic-data-source>\r\n<p-contextMenu #columnCtxMenu [model]=\"columnContextMenuItems\" appendTo=\"body\"></p-contextMenu>\r\n\r\n<div class=\"list-grid-container\" #gridContainer\r\n  [class.wuic-list-grid-mobile]=\"gridLayoutIsMobile\">\r\n  @if (rowTemplate) {\r\n  <p-table #dt1 [columns]=\"cols\" [value]=\"records\" [scrollable]=\"true\"\r\n    [scrollHeight]=\"metaInfo.tableMetadata.md_grid_scroll_height ? metaInfo.tableMetadata.md_grid_scroll_height : 'flex'\"\r\n    [virtualScroll]=\"isListVirtualizationEnabled()\" [virtualScrollItemSize]=\"getListVirtualizationItemSize()\"\r\n    [resizableColumns]=\"true\" [reorderableColumns]=\"true\" columnResizeMode=\"expand\" [rows]=\"pageSize\"\r\n    [first]=\"rowNumber\" [lazy]=\"metaInfo.tableMetadata.md_server_side_operations\" [sortField]=\"orderColumn || null\"\r\n    [sortOrder]=\"orderColumn ? (orderDir === 'desc' ? -1 : 1) : 0\" [(selection)]=\"selectedItems\"\r\n    [dataKey]=\"metaInfo.pKey?.mc_nome_colonna\" [paginator]=\"metaInfo.tableMetadata.md_pageable\"\r\n    [rowsPerPageOptions]=\"metaInfo.rowsPerPageOptions\" [totalRecords]=\"totalRecords\"\r\n    [showPageLinks]=\"!datasource?.value?.cursorMode\" [showFirstLastIcon]=\"!datasource?.value?.cursorMode\"\r\n    [showCurrentPageReport]=\"metaInfo.tableMetadata.md_show_record_count && !datasource?.value?.cursorMode\"\r\n    [loading]=\"datasource?.value?.loading | async\"\r\n    [currentPageReportTemplate]=\"'Showing {first} to {last} of {totalRecords} entries' | translate\"\r\n    (onPage)=\"pageFilterChange($event)\" (onFilter)=\"pageFilterChange($event)\" (onSort)=\"pageFilterChange($event)\"\r\n    (selectionChange)=\"onSelectionChange($event)\" (onColResize)=\"onColumnResize($event)\"\r\n    (onColReorder)=\"onColumnReorder($event)\" [expandedRowKeys]=\"expandedRows\" (onRowExpand)=\"onRowExpand($event)\"\r\n    (onRowCollapse)=\"onRowCollapse($event)\" [selectionMode]=\"rowCustomSelect ? 'single' : undefined\"\r\n    [tableStyleClass]=\"getTableStyleClass()\">\r\n    <ng-template pTemplate=\"colgroup\" let-columns>\r\n      <colgroup>\r\n        @if (metaInfo.tableMetadata.md_nested_grid_routes) {\r\n        <col class=\"nested-grid-column\" />\r\n        }\r\n        @if (metaInfo.tableMetadata.md_multiple_selection) {\r\n        <col class=\"multiple-selection-grid-column\" />\r\n        }\r\n        @if (showActionColumn()) {\r\n        <col class=\"command-grid-column\" />\r\n        }\r\n        @for (col of columns | visibleFieldList; track getStableColumnTrackKey(col, $index)) {\r\n        <col [style.width]=\"getColumnWidthCss(col)\" [style.min-width]=\"columnMinWidthCss\" />\r\n        }\r\n      </colgroup>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"caption\">\r\n      @if (!hideToolbar) {\r\n      <div class=\"grid-caption-bar\">\r\n        <div class=\"grid-caption-left\">\r\n          @if (!metaInfo.tableMetadata.md_hide_refresh) {\r\n          <p-button icon=\"pi pi-refresh\" label=\"{{'refresh_grid' | translate}}\" (onClick)=\"refresh()\" />\r\n          }\r\n          @if (metaInfo.tableMetadata.md_insertable) {\r\n          <p-button icon=\"pi pi-plus\" label=\"{{'add_grid' | translate}}\" (onClick)=\"addRecord()\" />\r\n          }\r\n          @if (tableActionMenuItems?.length) {\r\n          <p-button icon=\"pi pi-bars\" [label]=\"'actions' | translate\" (onClick)=\"tableActionsMenu.toggle($event)\" />\r\n          <p-menu #tableActionsMenu [popup]=\"true\" [model]=\"tableActionMenuItems\" appendTo=\"body\"\r\n            (onShow)=\"reEvaluateActionEnabledStates()\"></p-menu>\r\n          }\r\n          <wuic-import-export-button [routeName]=\"routeName\"\r\n            [tableMetadata]=\"metaInfo?.tableMetadata\"\r\n            [filterInfoProvider]=\"getCurrentFilterInfoForExport\"></wuic-import-export-button>\r\n          @if (reportMenuItems?.length) {\r\n          <p-splitButton icon=\"pi pi-chart-bar\" [label]=\"'list_grid.reports' | translate\" [model]=\"reportMenuItems\"\r\n            [menuButtonProps]=\"{ ariaLabel: ('list_grid.reports' | translate) }\"\r\n            (onClick)=\"reportMenuItems[0]?.command({})\" />\r\n          }\r\n          @if (canToggleClientSideCrud()) {\r\n          @if (!isClientSideCrudActive()) {\r\n          <p-button icon=\"pi pi-database\" [label]=\"'client_side_crud_enable' | translate\"\r\n            [disabled]=\"clientSideCrudToggleBusy\" (onClick)=\"toggleClientSideCrud()\" />\r\n          } @else {\r\n          <p-button icon=\"pi pi-cloud-upload\" [label]=\"'client_side_crud_sync' | translate\"\r\n            [disabled]=\"clientSideCrudToggleBusy\" (onClick)=\"syncAndDisableClientSideCrud()\" />\r\n          <p-button icon=\"pi pi-ban\" [label]=\"'client_side_crud_disable_without_sync' | translate\" severity=\"danger\"\r\n            [outlined]=\"true\" [disabled]=\"clientSideCrudToggleBusy\"\r\n            (onClick)=\"discardLocalAndDisableClientSideCrud()\" />\r\n          }\r\n          }\r\n          @if (isInlineBatchSaveEnabled() && !metaInfo?.tableMetadata?.extraProps?.toolbar?.hideBatchActions) {\r\n          <p-button icon=\"pi pi-save\" [label]=\"'list_grid.save_changes' | translate\"\r\n            [disabled]=\"changesDialogBusy || !hasDatasourceChanges()\" (onClick)=\"saveAllPendingChanges()\" />\r\n          <p-button icon=\"pi pi-times\" [label]=\"'list_grid.discard_changes' | translate\" severity=\"danger\"\r\n            [outlined]=\"true\" [disabled]=\"changesDialogBusy || !hasDatasourceChanges()\"\r\n            (onClick)=\"cancelAllPendingChanges()\" />\r\n          }\r\n          @if (hasDatasourceChanges() && !metaInfo?.tableMetadata?.extraProps?.toolbar?.hideBatchActions) {\r\n          <button type=\"button\" class=\"grid-changes-indicator\"\r\n            [title]=\"'Changes in memory: ' + getDatasourceChangesCount()\" (click)=\"openChangesDialog()\">\r\n            <i class=\"pi pi-pencil\"></i>\r\n            <span class=\"grid-changes-count\">{{ getDatasourceChangesCount() }}</span>\r\n          </button>\r\n          }\r\n        </div>\r\n        <div class=\"grid-caption-right\">\r\n          @if (!metaInfo?.tableMetadata?.extraProps?.toolbar?.hideManageState) {\r\n          @if (currentRouteSavedStates?.length) {\r\n          <select class=\"p-inputtext p-component wuic-grid-state-select\" [(ngModel)]=\"selectedSavedStateId\"\r\n            (change)=\"onSavedStateDropdownChange($event)\">\r\n            <option value=\"\"></option>\r\n            @for (s of currentRouteSavedStates; track s.id) {\r\n            <option [value]=\"s.id\">\r\n              {{ s.name }}\r\n            </option>\r\n            }\r\n          </select>\r\n          }\r\n          <p-button [label]=\"'list_grid.manage_state' | translate\" icon=\"pi pi-bookmark\" iconPos=\"left\"\r\n            (onClick)=\"onSaveStateMenuToggle($event, saveStateMenu)\" />\r\n          <p-menu #saveStateMenu [popup]=\"true\" [model]=\"saveStateMenuItems\" appendTo=\"body\"></p-menu>\r\n          }\r\n          @if (!isAdvancedFilterModeEnabled()) {\r\n          <p-button [label]=\"'clear_filters' | translate\" icon=\"pi pi-filter-slash\" (onClick)=\"clearFilter(dt1)\" />\r\n          }\r\n          <!--    <i class=\"pi pi-search\"></i>\r\n          <input type=\"text\" pInputText [(ngModel)]=\"searchValue\"\r\n            class=\"p-inputtext p-component p-element ng-pristine ng-valid ng-touched\"\r\n            (input)=\"dt1.filterGlobal(getTgtVal($event.target), 'contains')\"\r\n            [placeholder]=\"'search_keyword' | translate\" /> -->\r\n        </div>\r\n      </div>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @if (metaInfo.tableMetadata.md_nested_grid_routes) {\r\n        <th class=\"nested-grid-column\" role=\"presentation\" aria-hidden=\"true\" pFrozenColumn [frozen]=\"true\"\r\n          alignFrozen=\"left\"></th>\r\n        }\r\n        @if (metaInfo.tableMetadata.md_multiple_selection) {\r\n        <th class=\"multiple-selection-grid-column\" role=\"presentation\" pFrozenColumn [frozen]=\"true\" alignFrozen=\"left\"\r\n          class=\"wuic-selection-th\">\r\n          <p-tableHeaderCheckbox [ariaLabel]=\"'Seleziona tutte le righe'\" />\r\n        </th>\r\n        }\r\n        @if (showActionColumn()) {\r\n        <th class=\"command-grid-column\" role=\"presentation\" aria-hidden=\"true\" pFrozenColumn [frozen]=\"true\"\r\n          alignFrozen=\"left\"></th>\r\n        }\r\n        <!-- @for (col of columns | visibleFieldList; track col.metaColumn.mc_id) {  NON FUNZIONA si spaccano i filter template !!! -->\r\n        <!-- *ngFor NON FUNGE SE USI IL trackBy -> si spaccano i filter template -->\r\n        @for (col of columns | visibleFieldList; track getStableColumnTrackKey(col, $index)) {\r\n        @if (!!col?.frozen) {\r\n        <th pResizableColumn pReorderableColumn [attr.data-field]=\"col.field\" [style.width]=\"getColumnWidthCss(col)\"\r\n          [style.min-width]=\"columnMinWidthCss\" [class.wuic-column-filter-active]=\"hasActiveFilter(col.metaColumn)\"\r\n          pFrozenColumn [frozen]=\"true\" [alignFrozen]=\"col?.alignFrozen || 'left'\"\r\n          (contextmenu)=\"onColumnHeaderContextMenu($event, col, columnCtxMenu)\"\r\n          [pSortableColumn]=\"isColumnSortable(col) ? col.field : undefined\">\r\n          <div class=\"flex align-items-center\">\r\n            <span class=\"wuic-col-header-text\">{{ col.header }}</span>\r\n            @if (isColumnSortable(col)) {\r\n            <p-sortIcon [field]=\"col.field\" />\r\n            }\r\n            @if (!isAdvancedFilterModeEnabled() && !col.metaColumn.md_disabilita_filtri &&\r\n            col.metaColumn.mc_show_in_filters) {\r\n            <span class=\"wuic-column-filter-wrap\"\r\n              [class.wuic-column-filter-wrap-active]=\"hasActiveFilter(col.metaColumn)\">\r\n              <p-columnFilter [field]=\"col.metaColumn.mc_nome_colonna\" [matchMode]=\"getPrimeNgMatchMode(col.metaColumn)\"\r\n                display=\"menu\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\"\r\n                [showClearButton]=\"false\" and [showApplyButton]=\"false\" #columnFilterRef\r\n                [ariaLabel]=\"('filter' | translate) + ' ' + col.header\"\r\n                (onShow)=\"onColumnFilterMenuShow(col.metaColumn, columnFilterRef)\">\r\n                <ng-template #filter let-value let-filter=\"filterCallback\">\r\n                  @for (epoch of [getColumnFilterRenderEpoch(col.metaColumn)]; track epoch) {\r\n                  <wuic-field-filter [record]=\"datasource?.value?.filterDescriptor\" [field]=\"col.metaColumn\"\r\n                    [metaInfo]=\"metaInfo\" [operator]=\"metaInfo?.operators?.[col.metaColumn.mc_nome_colonna]\"\r\n                    [datasource]=\"datasource\"></wuic-field-filter>\r\n                  <!-- Flex layout guarantees the two buttons are always\r\n                       the same width AND height regardless of label length\r\n                       or whether bootstrap/primeflex `.row`/`.col-6` are\r\n                       loaded. `flex: 1 1 0` forces equal widths,\r\n                       `align-items: stretch` (default) keeps height equal. -->\r\n                  <div style=\"display: flex; gap: 8px; margin-top: 8px; align-items: stretch;\">\r\n                    <p-button label=\"{{'apply_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterApply(filter, col.metaColumn, columnFilterRef, $event)\"\r\n                      class=\"p-button-success\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                    <p-button label=\"{{'clear_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterClear(filter, col.metaColumn, columnFilterRef)\"\r\n                      class=\"p-button-danger\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                  </div>\r\n                  }\r\n                </ng-template>\r\n              </p-columnFilter>\r\n            </span>\r\n            }\r\n          </div>\r\n        </th>\r\n        } @else {\r\n        <th pResizableColumn pReorderableColumn [attr.data-field]=\"col.field\" [style.width]=\"getColumnWidthCss(col)\"\r\n          [style.min-width]=\"columnMinWidthCss\" [class.wuic-column-filter-active]=\"hasActiveFilter(col.metaColumn)\"\r\n          (contextmenu)=\"onColumnHeaderContextMenu($event, col, columnCtxMenu)\"\r\n          [pSortableColumn]=\"isColumnSortable(col) ? col.field : undefined\">\r\n          <div class=\"flex align-items-center\">\r\n            <span class=\"wuic-col-header-text\">{{ col.header }}</span>\r\n            @if (isColumnSortable(col)) {\r\n            <p-sortIcon [field]=\"col.field\" />\r\n            }\r\n            @if (!isAdvancedFilterModeEnabled() && !col.metaColumn.md_disabilita_filtri &&\r\n            col.metaColumn.mc_show_in_filters) {\r\n            <!-- <ng-container [ngSwitch]=\"col.metaColumn.mc_ui_column_type\"> -->\r\n            <span class=\"wuic-column-filter-wrap\"\r\n              [class.wuic-column-filter-wrap-active]=\"hasActiveFilter(col.metaColumn)\">\r\n              <p-columnFilter [field]=\"col.metaColumn.mc_nome_colonna\" [matchMode]=\"getPrimeNgMatchMode(col.metaColumn)\"\r\n                display=\"menu\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\"\r\n                [showClearButton]=\"false\" and [showApplyButton]=\"false\" #columnFilterRef\r\n                [ariaLabel]=\"('filter' | translate) + ' ' + col.header\"\r\n                (onShow)=\"onColumnFilterMenuShow(col.metaColumn, columnFilterRef)\">\r\n                <ng-template #filter let-value let-filter=\"filterCallback\">\r\n                  @for (epoch of [getColumnFilterRenderEpoch(col.metaColumn)]; track epoch) {\r\n                  <wuic-field-filter [record]=\"datasource?.value?.filterDescriptor\" [field]=\"col.metaColumn\"\r\n                    [metaInfo]=\"metaInfo\" [operator]=\"metaInfo?.operators?.[col.metaColumn.mc_nome_colonna]\"\r\n                    [datasource]=\"datasource\"></wuic-field-filter>\r\n                  <!-- Flex layout guarantees the two buttons are always\r\n                       the same width AND height regardless of label length\r\n                       or whether bootstrap/primeflex `.row`/`.col-6` are\r\n                       loaded. `flex: 1 1 0` forces equal widths,\r\n                       `align-items: stretch` (default) keeps height equal. -->\r\n                  <div style=\"display: flex; gap: 8px; margin-top: 8px; align-items: stretch;\">\r\n                    <p-button label=\"{{'apply_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterApply(filter, col.metaColumn, columnFilterRef, $event)\"\r\n                      class=\"p-button-success\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                    <p-button label=\"{{'clear_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterClear(filter, col.metaColumn, columnFilterRef)\"\r\n                      class=\"p-button-danger\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                  </div>\r\n                  }\r\n                </ng-template>\r\n              </p-columnFilter>\r\n            </span>\r\n            <!-- <p-columnFilter *ngSwitchDefault type=\"text\" [field]=\"col.field\" display=\"menu\" /> -->\r\n            <!-- </ng-container> -->\r\n            }\r\n          </div>\r\n        </th>\r\n        }\r\n        }\r\n        <!-- } -->\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-expanded=\"expanded\" let-rowIndex=\"rowIndex\">\r\n      <ng-container pTemplate=\"body\"\r\n        *ngComponentOutlet=\"rowTemplate; inputs: { columns: columns, rowData: rowData, expanded: expanded, rowIndex: rowIndex, actionButtonRowIsVisible: isActionButtonRowVisible, isListVirtualizationEnabled: isListVirtualizationEnabled.bind(this), inlineCellEditingEnabled: isInlineCellEditingEnabled(), onInlineCellEditorBlur: onInlineCellEditorBlur.bind(this), onInlineCellEditorValueChange: onInlineCellEditorValueChange.bind(this), getRuntimeGridFieldMeta: getRuntimeGridFieldMetaFn, metaInfo: metaInfo, datasource: datasource, MetadatiColonna: MetadatiColonna, dt: dt1, toggleRow: toggleRow, rowSelect: rowSelect, rowCustomSelect: rowCustomSelect }\"></ng-container>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-columns=\"columns\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"(columns | visibleFieldList).length + (metaInfo.tableMetadata.md_nested_grid_routes ? 1 : 0) + (metaInfo.tableMetadata.md_multiple_selection ? 1 : 0) + (showActionColumn() ? 1 : 0)\">\r\n          @if (metaInfo.nestedRoutes?.length == 1) {\r\n          <div [ngClass]=\"metaInfo.nestedRoutes[0].nestedGridContainerClass\">\r\n            <wuic-data-source #nestedSource [autoload]=\"true\" [routeFromRouting]=\"false\"\r\n              [hardcodedRoute]=\"metaInfo.nestedRoutes[0].route\" [parentRecord]=\"rowData\" [parentMetaInfo]=\"metaInfo\"\r\n              [loading]=\"loading\"></wuic-data-source>\r\n\r\n            @if (nestedSource && userInfo.isCurrentUserAdmin()) {\r\n            <wuic-metadata-editor [hardcodedDatasource]=\"nestedSource\"></wuic-metadata-editor>\r\n            }\r\n\r\n            <div class=\"list-grid-long-description-container\"\r\n              [innerHTML]=\"getNestedLongDescriptionSafeHtml(nestedSource)\">\r\n            </div>\r\n\r\n            <wuic-data-repeater\r\n              [hardcodedAction]=\"metaInfo.nestedRoutes[0].action == '' ? 'list' : metaInfo.nestedRoutes[0].action\"\r\n              [hardcodedDatasource]=\"nestedSource\"></wuic-data-repeater>\r\n          </div>\r\n          }\r\n          @if (metaInfo.nestedRoutes?.length > 1) {\r\n          <div>\r\n            <p-tabs [value]=\"0\">\r\n              <p-tablist>\r\n                @for (nestedRoute of metaInfo.nestedRoutes; track nestedRoute; let i = $index) {\r\n                <p-tab [value]=\"i\">{{ nestedRoute.nestedTabCaption }}</p-tab>\r\n                }\r\n              </p-tablist>\r\n              <p-tabpanels>\r\n                @for (nestedRoute of metaInfo.nestedRoutes; track nestedRoute; let i = $index) {\r\n                <p-tabpanel [value]=\"i\">\r\n                  <div [ngClass]=\"nestedRoute.nestedGridContainerClass\">\r\n                    <wuic-data-source #nestedSource [autoload]=\"true\" [routeFromRouting]=\"false\"\r\n                      [hardcodedRoute]=\"nestedRoute.route\" [parentRecord]=\"rowData\" [parentMetaInfo]=\"metaInfo\"\r\n                      [loading]=\"loading\"></wuic-data-source>\r\n\r\n                    @if (nestedSource && userInfo.isCurrentUserAdmin()) {\r\n                    <wuic-metadata-editor [hardcodedDatasource]=\"nestedSource\"></wuic-metadata-editor>\r\n                    }\r\n\r\n                    <wuic-data-repeater [hardcodedAction]=\"nestedRoute.action == '' ? 'list' : nestedRoute.action\"\r\n                      [hardcodedDatasource]=\"nestedSource\"></wuic-data-repeater>\r\n                  </div>\r\n                </p-tabpanel>\r\n                }\r\n              </p-tabpanels>\r\n            </p-tabs>\r\n          </div>\r\n          }\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"footer\">\r\n      @if (metaInfo.hasFooter) {\r\n      <tr>\r\n        @if (metaInfo.tableMetadata.md_nested_grid_routes) {\r\n        @if (showActionColumn()) {\r\n        <td></td>\r\n        }\r\n        }\r\n        @if (metaInfo.tableMetadata.md_multiple_selection) {\r\n        <td></td>\r\n        }\r\n        <td></td>\r\n        @for (col of metaInfo.columnMetadata | visibleFieldList; track col.mc_id) {\r\n        <td>\r\n          @if (col.mc_aggregation) {\r\n          <table>\r\n            @for (agg of getAggregations(col); track agg.field + '#' + agg.aggregation) {\r\n            <tr>\r\n              <td>\r\n                {{agg.aggregation | translate}}:\r\n              </td>\r\n              <td>\r\n                {{agg.aggregateValue}}\r\n              </td>\r\n            </tr>\r\n            }\r\n          </table>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n  </p-table>\r\n  }\r\n\r\n  <!--\r\n    Mobile: la list-grid usa la STESSA <p-table> del desktop, sopra.\r\n    Il row template (compilato via `DynamicRowTemplateComponent.\r\n    getComponentFromTemplate`) cambia contenuto in base a\r\n    `deviceAwareness.isMobile` \u2014 vedi `getEffectiveGridRowTemplate` in\r\n    list-grid.component.ts: quando mobile, emette una singola <td colspan>\r\n    con layout card-style invece di <td> per ogni colonna. CSS\r\n    `@media (max-width: 768px)` nel file .scss nasconde <thead>, rende\r\n    `display: block` le <tr>/<td> per liberarsi della semantica table.\r\n    Vantaggio: un solo code path (riusa il JIT compile del row template\r\n    gia' testato) eliminando il bug `*ngComponentOutlet [inputs]` che\r\n    affliggeva il percorso mobile-card separato.\r\n  -->\r\n</div>\r\n\r\n<p-dialog [header]=\"'list_grid.save_state_dialog_header' | translate\" [(visible)]=\"saveGridStateDialogVisible\"\r\n  [modal]=\"true\" [closable]=\"true\" [style]=\"{ width: '34rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-save-state-dialog\">\r\n    <label for=\"wuic-save-state-select\">{{ 'list_grid.state' | translate }}</label>\r\n    <select id=\"wuic-save-state-select\" class=\"p-inputtext p-component\" [(ngModel)]=\"saveGridStateDialogSelectedId\"\r\n      (change)=\"onSaveGridStateDialogSelectionChange()\">\r\n      <option [value]=\"NEW_GRID_STATE_OPTION_ID\">{{ 'new' | translate }}</option>\r\n      @for (s of currentRouteSavedStates; track s.id) {\r\n      <option [value]=\"s.id\">\r\n        {{ s.name }}\r\n      </option>\r\n      }\r\n    </select>\r\n\r\n    @if (saveGridStateDialogSelectedId === NEW_GRID_STATE_OPTION_ID) {\r\n    <label for=\"wuic-save-state-name\">{{ 'list_grid.new_state_name' | translate }}</label>\r\n    <input id=\"wuic-save-state-name\" type=\"text\" pInputText [(ngModel)]=\"saveGridStateDialogNewName\"\r\n      [placeholder]=\"'list_grid.new_state_name_placeholder' | translate\" />\r\n    }\r\n\r\n    <label for=\"wuic-save-state-default\" class=\"wuic-column-layout-check\">\r\n      <input id=\"wuic-save-state-default\" type=\"checkbox\" [(ngModel)]=\"saveGridStateDialogSetAsDefault\" />\r\n      <span>{{ 'list_grid.set_as_default' | translate }}</span>\r\n    </label>\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"saveGridStateDialogVisible = false\" />\r\n    <p-button [label]=\"'save' | translate\" (onClick)=\"saveCurrentRouteGridState()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.rename_state' | translate\" [(visible)]=\"renameGridStateDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '30rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-save-state-dialog\">\r\n    <label for=\"wuic-rename-state-name\">{{ 'list_grid.new_state_name' | translate }}</label>\r\n    <input id=\"wuic-rename-state-name\" type=\"text\" pInputText [(ngModel)]=\"renameGridStateDialogName\"\r\n      [placeholder]=\"'list_grid.new_state_name_placeholder' | translate\" />\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"renameGridStateDialogVisible = false\" />\r\n    <p-button [label]=\"'save' | translate\" (onClick)=\"renameSelectedGridState()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.configure_columns' | translate\" [(visible)]=\"columnLayoutDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '36rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-column-layout-dialog\">\r\n    @for (item of columnLayoutDraft; track item.field + '#' + $index; let i = $index) {\r\n    <div class=\"wuic-column-layout-row\">\r\n      <label class=\"wuic-column-layout-check\">\r\n        <input type=\"checkbox\" [(ngModel)]=\"item.visible\" />\r\n        <span>{{ item.header }}</span>\r\n      </label>\r\n      <div class=\"wuic-column-layout-actions\">\r\n        <p-button icon=\"pi pi-arrow-up\" [outlined]=\"true\" [disabled]=\"i === 0\"\r\n          (onClick)=\"moveColumnLayoutDraft(i, -1)\" />\r\n        <p-button icon=\"pi pi-arrow-down\" [outlined]=\"true\" [disabled]=\"i === (columnLayoutDraft.length - 1)\"\r\n          (onClick)=\"moveColumnLayoutDraft(i, 1)\" />\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"columnLayoutDialogVisible = false\" />\r\n    <p-button [label]=\"'list_grid.reset_metadata' | translate\" [outlined]=\"true\" icon=\"pi pi-refresh\"\r\n      (onClick)=\"resetColumnLayoutDraftAndWidths()\" />\r\n    <p-button [label]=\"'save' | translate\" (onClick)=\"saveColumnLayoutFromDialog()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.report_parameters' | translate\" [(visible)]=\"reportVariableDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '34rem', maxWidth: '95vw' }\" (onHide)=\"cancelReportVariableDialog()\">\r\n  <div class=\"wuic-save-state-dialog\">\r\n    @for (variable of selectedReportVariables; track variable.name; let i = $index) {\r\n    <label [for]=\"'wuic-report-var-' + i\">{{ variable.alias || variable.name }}</label>\r\n    <input [id]=\"'wuic-report-var-' + i\" [name]=\"'wuic-report-var-name-' + i\" type=\"text\" pInputText\r\n      [(ngModel)]=\"variable.value\" />\r\n    }\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"cancelReportVariableDialog()\" />\r\n    <p-button [label]=\"'list_grid.open_report' | translate\" (onClick)=\"applyReportVariablesAndOpenViewer()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.pending_changes' | translate\" [(visible)]=\"changesDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '44rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-changes-dialog\">\r\n    @if (!pendingChangeItems.length) {\r\n    <div>{{ 'list_grid.no_pending_changes' | translate }}</div>\r\n    } @else {\r\n    @for (item of pendingChangeItems; track item.id) {\r\n    <label class=\"wuic-column-layout-check\">\r\n      <input type=\"checkbox\" [(ngModel)]=\"item.selected\" />\r\n      <span><strong>{{ item.label }}</strong> - {{ item.details }}</span>\r\n    </label>\r\n    }\r\n    }\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'list_grid.save_all' | translate\"\r\n      [disabled]=\"$any(changesDialogBusy) || !pendingChangeItems.length || !metaInfo?.tableMetadata?.md_batch_save\"\r\n      (onClick)=\"saveAllPendingChanges()\" />\r\n    <p-button [label]=\"'list_grid.save_selected' | translate\" [outlined]=\"true\"\r\n      [disabled]=\"$any(changesDialogBusy) || !pendingChangeItems.length || !getSelectedPendingChangesCount() || !metaInfo?.tableMetadata?.md_batch_save\"\r\n      (onClick)=\"saveSelectedPendingChanges()\" />\r\n    <p-button [label]=\"'list_grid.discard_changes' | translate\" severity=\"danger\" [outlined]=\"true\"\r\n      [disabled]=\"$any(changesDialogBusy) || !pendingChangeItems.length || !metaInfo?.tableMetadata?.md_batch_save\"\r\n      (onClick)=\"cancelAllPendingChanges()\" />\r\n  </ng-template>\r\n</p-dialog>", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;flex:1 1 auto;height:100%;max-height:100%;min-height:0;overflow:hidden;--wuic-grid-row-odd: #ffffff;--wuic-grid-row-even: #f6f8fc;--wuic-grid-row-hover: #edf2ff;--wuic-grid-row-selected-bg: #dbe8ff;--wuic-grid-row-selected-text: #0f2348;--wuic-grid-row-selected-ring: rgba(59, 130, 246, .55);--wuic-grid-accent: var(--p-primary-color, #3b82f6);--wuic-grid-base: var(--p-surface-0, #ffffff)}:host-context(.theme-dark){--wuic-grid-row-odd: #1f2430;--wuic-grid-row-even: #252b38;--wuic-grid-row-hover: #31394b;--wuic-grid-row-selected-bg: #284774;--wuic-grid-row-selected-text: #eaf2ff;--wuic-grid-row-selected-ring: rgba(120, 170, 255, .65);--wuic-grid-base: var(--p-surface-900, #1f2430)}@supports (color: color-mix(in srgb,white,black)){:host{--wuic-grid-row-odd: color-mix(in srgb, var(--wuic-grid-base) 96%, var(--wuic-grid-accent) 4%);--wuic-grid-row-even: color-mix(in srgb, var(--wuic-grid-base) 90%, var(--wuic-grid-accent) 10%);--wuic-grid-row-hover: color-mix(in srgb, var(--wuic-grid-base) 82%, var(--wuic-grid-accent) 18%);--wuic-grid-row-selected-bg: color-mix(in srgb, var(--wuic-grid-base) 56%, var(--wuic-grid-accent) 44%);--wuic-grid-row-selected-ring: color-mix(in srgb, var(--wuic-grid-accent) 72%, transparent)}:host-context(.theme-dark){--wuic-grid-row-odd: color-mix(in srgb, var(--wuic-grid-base) 92%, var(--wuic-grid-accent) 8%);--wuic-grid-row-even: color-mix(in srgb, var(--wuic-grid-base) 84%, var(--wuic-grid-accent) 16%);--wuic-grid-row-hover: color-mix(in srgb, var(--wuic-grid-base) 72%, var(--wuic-grid-accent) 28%);--wuic-grid-row-selected-bg: color-mix(in srgb, var(--wuic-grid-base) 36%, var(--wuic-grid-accent) 64%);--wuic-grid-row-selected-ring: color-mix(in srgb, var(--wuic-grid-accent) 82%, transparent)}}.list-grid-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}:host ::ng-deep .list-grid-container .p-datatable{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-wrapper,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-table-container,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-view{flex:1 1 auto;min-height:0}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-wrapper,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-table-container{overflow:hidden}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-table-container{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:auto}:host ::ng-deep .p-datatable-table-container:has(>table.wuic-nested-grid),:host ::ng-deep .p-datatable:has(>.p-datatable-table-container>table.wuic-nested-grid),:host ::ng-deep .list-grid-container:has(table.wuic-nested-grid),:host ::ng-deep wuic-list-grid:has(table.wuic-nested-grid),:host ::ng-deep wuic-list-grid-lazy:has(table.wuic-nested-grid),:host ::ng-deep .data-repeater-body:has(table.wuic-nested-grid),:host ::ng-deep td:has(wuic-data-repeater table.wuic-nested-grid){overflow:visible!important;max-height:none!important}:host ::ng-deep table.wuic-nested-grid>thead.p-datatable-thead{position:sticky!important;top:var(--wuic-outer-thead-h, 0px);z-index:3}:host ::ng-deep table.wuic-nested-grid>thead.p-datatable-thead>tr>th{background:var(--wuic-grid-base)!important}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):nth-child(odd)>td{background:var(--wuic-grid-row-odd)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):nth-child(2n)>td{background:var(--wuic-grid-row-even)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):hover>td{background:var(--wuic-grid-row-hover)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-selected>td{background:var(--wuic-grid-row-selected-bg)!important;color:var(--wuic-grid-row-selected-text);box-shadow:inset 0 1px 0 var(--wuic-grid-row-selected-ring),inset 0 -1px 0 var(--wuic-grid-row-selected-ring)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-selected>td:first-child{box-shadow:inset 4px 0 0 var(--wuic-grid-accent),inset 0 1px 0 var(--wuic-grid-row-selected-ring),inset 0 -1px 0 var(--wuic-grid-row-selected-ring)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-selected:hover>td{background:var(--wuic-grid-row-selected-bg)!important}:host ::ng-deep td.p-datatable-frozen-column,:host ::ng-deep th.p-datatable-frozen-column{border-right:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep td.wuic-action-cell,:host ::ng-deep th.command-grid-column{width:64px!important;min-width:64px!important;max-width:64px!important;box-sizing:border-box;text-align:center;vertical-align:middle}:host ::ng-deep td.wuic-action-cell wuic-data-action-button-lazy,:host ::ng-deep td.wuic-action-cell wuic-data-action-button{display:inline-flex;align-items:center;justify-content:center}:host ::ng-deep .p-datatable-tbody>tr>td:first-child,:host ::ng-deep .p-datatable-thead>tr>th:first-child{border-left:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep .p-datatable-thead>tr>th .p-checkbox .p-checkbox-box,:host ::ng-deep .p-datatable-tbody>tr>td input.p-checkbox-box{width:18px;height:18px;border:1px solid #9ca3af;border-radius:4px;background:#fff;box-sizing:border-box;vertical-align:middle}:host ::ng-deep .p-datatable-thead>tr>th .p-checkbox{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}:host ::ng-deep .p-datatable-thead>tr>th.wuic-selection-th{text-align:center;padding-left:.25rem;padding-right:.25rem}:host ::ng-deep .p-datatable-tbody>tr>td.wuic-selection-td{text-align:center;padding-left:.25rem;padding-right:.25rem}:host ::ng-deep .p-datatable-tbody>tr>td.wuic-selection-td>input.p-checkbox-box{margin-left:auto!important;margin-right:auto!important;display:block}:host ::ng-deep .p-datatable-thead>tr>th .p-checkbox .p-checkbox-icon{font-size:.72rem}:host ::ng-deep .p-datatable-table.width_defined{display:table}:host ::ng-deep .p-datatable-table{display:table}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table{width:100%!important;min-width:100%}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot{background:var(--wuic-grid-base)!important}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr:first-child>td,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr:first-child>th{border-top:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr>td:first-child,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr>th:first-child{border-left:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr>td{min-width:0;overflow:hidden}:host ::ng-deep .list-grid-container .p-datatable>.p-paginator{border-top:solid 1px var(--p-divider-color, #dcdcdc)}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator{border-top:2px solid currentColor;background:var(--p-content-background, #fff);font-weight:600;padding:.5rem .75rem}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page{min-width:2.25rem;min-height:2.25rem;border:2px solid currentColor!important;border-radius:4px;margin:0 2px;font-weight:700;background:transparent;color:currentColor}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:hover:not(:disabled){background:currentColor;color:var(--p-content-background, #fff)}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:focus-visible{outline:3px solid currentColor;outline-offset:2px}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:disabled{opacity:.45;cursor:not-allowed}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page],:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page]{background:var(--p-primary-color, #2563eb)!important;color:var(--p-primary-contrast-color, #fff)!important;border-color:var(--p-primary-color, #2563eb)!important;border-width:3px!important;font-weight:800}@media(forced-colors:active){:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page],:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page]{background:Highlight!important;color:HighlightText!important;border-color:Highlight!important;forced-color-adjust:none}}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-current,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-current{font-weight:700;padding:0 .5rem}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select{border:2px solid currentColor!important;font-weight:700;min-height:2.25rem}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-within,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-within,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-within,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-within{outline:3px solid currentColor;outline-offset:2px}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr>td .list-grid-cell-text-content,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr>td>a{display:block;width:0;min-width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;overflow-wrap:anywhere}.wuic-save-state-dialog{display:flex;flex-direction:column;gap:.6rem}.wuic-save-state-dialog select,.wuic-save-state-dialog input{width:100%}.wuic-column-layout-dialog{display:flex;flex-direction:column;gap:.45rem;max-height:55vh;overflow:auto}.wuic-column-layout-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0}.wuic-column-layout-check{display:inline-flex;align-items:center;gap:.5rem}.wuic-column-layout-actions{display:inline-flex;gap:.35rem}.wuic-changes-dialog{display:flex;flex-direction:column;gap:.5rem;max-height:55vh;overflow:auto}.wuic-export-progress-dialog{display:flex;flex-direction:column;gap:.65rem}::ng-deep .wuic-progress-dialog .p-progressbar{--p-progressbar-value-transition: none}::ng-deep .wuic-progress-dialog .p-progressbar .p-progressbar-value,::ng-deep .wuic-progress-dialog .p-progressbar-value,:host ::ng-deep .wuic-export-progress-dialog .p-progressbar .p-progressbar-value,:host ::ng-deep .wuic-export-progress-dialog .p-progressbar-value{transition:none!important;animation:none!important}.wuic-export-progress-detail{font-size:.9rem;font-weight:600;text-align:right}.wuic-import-dialog{display:flex;flex-direction:column;gap:.75rem}.wuic-import-grid{display:grid;grid-template-columns:1fr;gap:.35rem}.wuic-import-file-row{display:flex;align-items:center;gap:.65rem}.grid-caption-bar{display:flex;align-items:stretch;justify-content:space-between;gap:.75rem;flex-wrap:nowrap}.grid-caption-left,.grid-caption-right{display:flex;align-items:stretch;gap:.5rem;flex-wrap:nowrap;min-height:2.25rem;height:2.25rem}.grid-caption-right{margin-left:auto}.grid-caption-left>*,.grid-caption-right>*{margin:0;align-self:stretch}.grid-changes-indicator{display:inline-flex;align-items:center;gap:.3rem;padding:0 .55rem;border:1px solid #f59e0b;border-radius:999px;background:#fffbeb;color:#b45309;font-size:.82rem;font-weight:700;cursor:pointer;appearance:none}.grid-changes-count{min-width:1.2rem;text-align:center}.wuic-grid-state-select{min-width:220px}:host ::ng-deep .grid-caption-bar .p-button,:host ::ng-deep .grid-caption-bar .p-splitbutton .p-button,:host ::ng-deep .grid-caption-bar .p-inputtext{min-height:2.25rem;height:2.25rem;padding-top:.45rem;padding-bottom:.45rem;margin:0;box-sizing:border-box;line-height:1.1rem;vertical-align:middle}:host ::ng-deep .grid-caption-bar p-button,:host ::ng-deep .grid-caption-bar p-splitbutton{display:inline-flex;align-items:stretch;margin:0;vertical-align:middle}:host ::ng-deep .grid-caption-bar p-button>.p-button{min-height:2.25rem;height:2.25rem;display:inline-flex;align-items:center}:host ::ng-deep .grid-caption-bar .p-button,:host ::ng-deep .grid-caption-bar .p-splitbutton .p-button{padding-left:.75rem;padding-right:.75rem}:host ::ng-deep .grid-caption-bar .p-splitbutton{display:inline-flex;align-items:stretch;margin:0}:host ::ng-deep .grid-caption-bar .p-splitbutton .p-button{height:100%}:host ::ng-deep .grid-caption-bar .p-button .p-button-label,:host ::ng-deep .grid-caption-bar .p-button .p-button-icon{line-height:1}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td{padding-top:.35rem;padding-bottom:.35rem;vertical-align:middle;position:relative}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within{overflow:visible!important;z-index:50}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within wuic-field-editor,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .editor-wapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .editor-wapper>div{overflow:visible!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker .p-inputtext{position:relative;z-index:100;min-width:360px!important;max-width:80vw!important;background:var(--p-content-background, var(--p-surface-0, #fff));box-shadow:0 4px 12px #0000002e;border:1px solid var(--p-primary-color, #3b82f6);border-radius:4px}:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputtext,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber .p-inputtext,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete .p-inputtext,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker .p-inputtext{background:var(--p-surface-900, #1f2430)}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper>div{display:block;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor{display:flex!important;align-items:center!important;min-height:2.2rem!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-wrapper{margin:0!important;padding:0!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper>div{min-height:0!important;height:auto!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .caption-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .caption-wrapper{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-autocomplete,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-autocomplete .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-select,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-multiselect{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper{display:flex;align-items:center}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-autocomplete .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-select,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-multiselect{min-height:2.2rem;height:2.2rem;line-height:1.2rem}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-inputnumber .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-datepicker .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-autocomplete .p-inputtext{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .disabled-textfield{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) p-autocomplete>svg[data-p-icon]{display:none!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) p-autocomplete .p-autocomplete-input{padding-right:.5rem!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within p-autocomplete>svg[data-p-icon]{z-index:101!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker{display:flex;align-items:stretch}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-datepicker-input,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-datepicker-dropdown{min-height:2.2rem;height:2.2rem}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-disabled .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-inputtext:disabled{opacity:1}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .disabled-textfield{margin:0!important;padding:.5rem .75rem!important;min-height:2.2rem!important;height:2.2rem!important;display:flex!important;align-items:center!important;border-radius:6px;box-sizing:border-box}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td wuic-field-editor{display:flex;align-items:center;min-height:2.2rem}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .caption-wrapper{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .editor-wapper{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;min-width:0!important;display:flex;align-items:center}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .editor-wapper>div{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .disabled-textfield{margin:0!important;padding:.5rem .75rem!important;min-height:2.2rem!important;height:2.2rem!important;display:flex!important;align-items:center!important;border-radius:6px;box-sizing:border-box}.command-grid-column{width:65px}.multiple-selection-grid-column{width:50px}.nested-grid-column{width:30px}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-thead{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tfoot,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-footer,:host ::ng-deep .wuic-list-grid-mobile tfoot{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-table,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-resizable-table,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-scrollable-table{display:block}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tbody{display:block;width:100%;padding-top:12px}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tbody>tr{display:block;width:100%;box-sizing:border-box;margin-bottom:12px;border-radius:12px;overflow:hidden;background:var(--p-content-background, var(--wuic-grid-row-odd));border:1px solid var(--p-content-border-color, color-mix(in srgb, var(--wuic-grid-base) 80%, var(--wuic-grid-accent) 20%))}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tbody>tr:last-child{margin-bottom:0}:host ::ng-deep .wuic-list-grid-mobile td.wuic-mobile-card-cell{display:block;width:100%;padding:14px;border-bottom:1px solid var(--surface-border, #e5e7eb);box-sizing:border-box}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-scrollable-table,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-table{width:100%!important;min-width:unset!important}:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-button .p-button-label,:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-splitbutton .p-button .p-button-label{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-button{padding-left:.5rem!important;padding-right:.5rem!important}:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-button .p-button-icon{margin-right:0!important;margin-left:0!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator{display:flex!important;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;padding:8px 4px}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-current{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-pages{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-first,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-prev,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-next,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-last{min-width:36px!important;height:36px!important;margin:0!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-rpp-options,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-select{min-width:56px!important;height:36px!important;margin-left:4px!important}.wuic-mobile-card-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:18px;padding:14px;overflow:auto}.wuic-mobile-card-slot{padding-bottom:18px;box-sizing:border-box}.wuic-mobile-card-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px 0;border-bottom:1px solid color-mix(in srgb,var(--wuic-grid-base) 80%,var(--wuic-grid-accent) 20%);margin-bottom:4px}.wuic-mobile-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--p-content-border-color, color-mix(in srgb, var(--wuic-grid-base) 75%, var(--wuic-grid-accent) 25%));border-radius:12px;background:var(--p-content-background, var(--wuic-grid-row-odd));color:var(--p-text-color, inherit);box-shadow:0 4px 14px #0f172a14}:host-context(.theme-dark) .wuic-mobile-card{box-shadow:0 2px 8px #00000059}.wuic-mobile-card.wuic-row-selected{background:var(--wuic-grid-row-selected-bg);color:var(--wuic-grid-row-selected-text);outline:2px solid var(--wuic-grid-row-selected-ring)}:host ::ng-deep .wuic-mobile-card-actions{display:flex;justify-content:flex-end;align-items:center;margin:0 -4px 4px;padding-bottom:6px;border-bottom:1px solid var(--p-content-border-color, currentColor)}:host ::ng-deep .wuic-mobile-card-body{display:flex;flex-direction:column;gap:0}:host ::ng-deep .wuic-mobile-card-row{display:grid;grid-template-columns:minmax(110px,38%) 1fr;column-gap:12px;align-items:baseline;padding:8px 2px;border-bottom:1px solid var(--p-content-border-color, currentColor)}:host ::ng-deep .wuic-mobile-card-row:last-child{border-bottom:none}:host ::ng-deep .wuic-mobile-card-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:currentColor;opacity:.75;line-height:1.3;word-break:break-word}:host ::ng-deep .wuic-mobile-card-value{font-size:.95rem;font-weight:500;text-align:right;word-break:break-word;min-width:0;color:currentColor}:host ::ng-deep .wuic-mobile-card-value a{color:var(--p-primary-color, #3b82f6);text-decoration:underline}.wuic-mobile-card-empty{padding:24px 12px;text-align:center;color:#6b7280;font-style:italic}p-menu:not(.p-menu-overlay-visible){display:none}@media(max-width:420px){:host ::ng-deep .wuic-mobile-card-row{grid-template-columns:1fr;row-gap:2px}:host ::ng-deep .wuic-mobile-card-value{text-align:left}}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => DataSourceComponent), selector: "wuic-data-source", inputs: ["route", "routeFromRouting", "hardcodedRoute", "autoload", "loading", "changeTracking", "parentRecord", "parentMetaInfo", "parentDatasource", "useComboEndpoint", "comboFormulaLookup", "comboMcId", "comboField", "comboExtraFields", "comboCurrentRecord", "componentRef"] }, { kind: "component", type: i0.forwardRef(() => DataRepeaterComponent), selector: "wuic-data-repeater", inputs: ["datasource", "hardcodedDatasource", "action", "hardcodedAction", "field", "record", "rowCustomSelect", "hideToolbar", "isEditForm", "fillHeight"], outputs: ["templateReady", "archetypeInstanceReady", "archetypeEvent", "archetypeDataBound"] }, { kind: "ngmodule", type: i0.forwardRef(() => TableModule) }, { kind: "component", type: i0.forwardRef(() => i9$1.Table), selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i0.forwardRef(() => i3.PrimeTemplate), selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i0.forwardRef(() => i9$1.SortableColumn), selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i0.forwardRef(() => i9$1.FrozenColumn), selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i0.forwardRef(() => i9$1.ResizableColumn), selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "directive", type: i0.forwardRef(() => i9$1.ReorderableColumn), selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "component", type: i0.forwardRef(() => i9$1.SortIcon), selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i0.forwardRef(() => i9$1.TableHeaderCheckbox), selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i0.forwardRef(() => i9$1.ColumnFilter), selector: "p-columnFilter, p-column-filter, p-columnfilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "filterOn", "useGrouping", "showButtons", "ariaLabel", "filterButtonProps", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: i0.forwardRef(() => ButtonModule) }, { kind: "component", type: i0.forwardRef(() => i4.Button), selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: i0.forwardRef(() => SplitButtonModule) }, { kind: "component", type: i0.forwardRef(() => i12.SplitButton), selector: "p-splitbutton, p-splitButton, p-split-button", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "styleClass", "menuStyle", "menuStyleClass", "dropdownIcon", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "ngmodule", type: i0.forwardRef(() => DialogModule) }, { kind: "component", type: i0.forwardRef(() => i2.Dialog), selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: i0.forwardRef(() => ContextMenuModule) }, { kind: "component", type: i0.forwardRef(() => i14.ContextMenu), selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: i0.forwardRef(() => MenuModule) }, { kind: "component", type: i0.forwardRef(() => i9.Menu), selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "appendTo", "motionOptions"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "ngmodule", type: i0.forwardRef(() => PaginatorModule) }, { kind: "ngmodule", type: i0.forwardRef(() => ScrollerModule) }, { kind: "component", type: i0.forwardRef(() => Tabs), selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: i0.forwardRef(() => TabList), selector: "p-tablist" }, { kind: "component", type: i0.forwardRef(() => Tab), selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: i0.forwardRef(() => TabPanels), selector: "p-tabpanels" }, { kind: "component", type: i0.forwardRef(() => TabPanel), selector: "p-tabpanel", inputs: ["lazy", "value"], outputs: ["valueChange"] }, { kind: "directive", type: i0.forwardRef(() => NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: i0.forwardRef(() => FormsModule) }, { kind: "directive", type: i0.forwardRef(() => i1$4.NgSelectOption), selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i0.forwardRef(() => i1$4.ɵNgSelectMultipleOption), selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i0.forwardRef(() => i1$4.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: i0.forwardRef(() => i1$4.CheckboxControlValueAccessor), selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i0.forwardRef(() => i1$4.SelectControlValueAccessor), selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i0.forwardRef(() => i1$4.NgControlStatus), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(() => i1$4.NgModel), selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: i0.forwardRef(() => InputTextModule) }, { kind: "directive", type: i0.forwardRef(() => i13.InputText), selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i0.forwardRef(() => FieldFilterComponent), selector: "wuic-field-filter", inputs: ["record", "field", "metaInfo", "readOnly", "hideLabel", "operator", "datasource"] }, { kind: "directive", type: i0.forwardRef(() => NgComponentOutlet), selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: i0.forwardRef(() => TranslateModule) }, { kind: "component", type: i0.forwardRef(() => MetadataEditorComponent), selector: "wuic-metadata-editor", inputs: ["datasource", "hardcodedDatasource", "saveCallback", "hideReports", "hideRelatedTableActions", "hideRelatedColumnActions"] }, { kind: "component", type: i0.forwardRef(() => ImportExportButtonComponent), selector: "wuic-import-export-button", inputs: ["routeName", "tableMetadata", "filterInfoProvider"] }, { kind: "pipe", type: i0.forwardRef(() => AsyncPipe), name: "async" }, { kind: "pipe", type: i0.forwardRef(() => i8.TranslatePipe), name: "translate" }, { kind: "pipe", type: i0.forwardRef(() => VisibleFieldListPipe), name: "visibleFieldList" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ListGridComponent, isStandalone: true, selector: "wuic-list-grid", inputs: { hardcodedRoute: "hardcodedRoute", parentRecord: "parentRecord", parentMetaInfo: "parentMetaInfo", datasource: "datasource", hardcodedDatasource: "hardcodedDatasource", rowCustomSelect: "rowCustomSelect", hideToolbar: "hideToolbar" }, outputs: { onBeforeRowRender: "onBeforeRowRender", onAfterRowRender: "onAfterRowRender", onAfterRender: "onAfterRender", onPaging: "onPaging", onSorting: "onSorting", onFiltering: "onFiltering", onRefresh: "onRefresh", onPTableSelectionChange: "onPTableSelectionChange", onPTableRowExpand: "onPTableRowExpand", onPTableRowCollapse: "onPTableRowCollapse", onPTableColumnResize: "onPTableColumnResize", onPTableColumnReorder: "onPTableColumnReorder" }, host: { listeners: { "window:resize": "onWindowResizeForGridLayout()" } }, providers: [Title], viewQueries: [{ propertyName: "table", first: true, predicate: ["dt1"], descendants: true }, { propertyName: "columnCtxMenu", first: true, predicate: ["columnCtxMenu"], descendants: true }, { propertyName: "metadataColumnsDatasource", first: true, predicate: ["metadataColumnsDatasource"], descendants: true }, { propertyName: "gridContainerRef", first: true, predicate: ["gridContainer"], descendants: true }, { propertyName: "tableActionsMenu", first: true, predicate: ["tableActionsMenu"], descendants: true }], ngImport: i0, template: "<wuic-data-source #metadataColumnsDatasource [hardcodedRoute]=\"' metadati  colonne'\"\r\n  style=\"display: none;\"></wuic-data-source>\r\n<p-contextMenu #columnCtxMenu [model]=\"columnContextMenuItems\" appendTo=\"body\"></p-contextMenu>\r\n\r\n<div class=\"list-grid-container\" #gridContainer\r\n  [class.wuic-list-grid-mobile]=\"gridLayoutIsMobile\">\r\n  @if (rowTemplate) {\r\n  <p-table #dt1 [columns]=\"cols\" [value]=\"records\" [scrollable]=\"true\"\r\n    [scrollHeight]=\"metaInfo.tableMetadata.md_grid_scroll_height ? metaInfo.tableMetadata.md_grid_scroll_height : 'flex'\"\r\n    [virtualScroll]=\"isListVirtualizationEnabled()\" [virtualScrollItemSize]=\"getListVirtualizationItemSize()\"\r\n    [resizableColumns]=\"true\" [reorderableColumns]=\"true\" columnResizeMode=\"expand\" [rows]=\"pageSize\"\r\n    [first]=\"rowNumber\" [lazy]=\"metaInfo.tableMetadata.md_server_side_operations\" [sortField]=\"orderColumn || null\"\r\n    [sortOrder]=\"orderColumn ? (orderDir === 'desc' ? -1 : 1) : 0\" [(selection)]=\"selectedItems\"\r\n    [dataKey]=\"metaInfo.pKey?.mc_nome_colonna\" [paginator]=\"metaInfo.tableMetadata.md_pageable\"\r\n    [rowsPerPageOptions]=\"metaInfo.rowsPerPageOptions\" [totalRecords]=\"totalRecords\"\r\n    [showPageLinks]=\"!datasource?.value?.cursorMode\" [showFirstLastIcon]=\"!datasource?.value?.cursorMode\"\r\n    [showCurrentPageReport]=\"metaInfo.tableMetadata.md_show_record_count && !datasource?.value?.cursorMode\"\r\n    [loading]=\"datasource?.value?.loading | async\"\r\n    [currentPageReportTemplate]=\"'Showing {first} to {last} of {totalRecords} entries' | translate\"\r\n    (onPage)=\"pageFilterChange($event)\" (onFilter)=\"pageFilterChange($event)\" (onSort)=\"pageFilterChange($event)\"\r\n    (selectionChange)=\"onSelectionChange($event)\" (onColResize)=\"onColumnResize($event)\"\r\n    (onColReorder)=\"onColumnReorder($event)\" [expandedRowKeys]=\"expandedRows\" (onRowExpand)=\"onRowExpand($event)\"\r\n    (onRowCollapse)=\"onRowCollapse($event)\" [selectionMode]=\"rowCustomSelect ? 'single' : undefined\"\r\n    [tableStyleClass]=\"getTableStyleClass()\">\r\n    <ng-template pTemplate=\"colgroup\" let-columns>\r\n      <colgroup>\r\n        @if (metaInfo.tableMetadata.md_nested_grid_routes) {\r\n        <col class=\"nested-grid-column\" />\r\n        }\r\n        @if (metaInfo.tableMetadata.md_multiple_selection) {\r\n        <col class=\"multiple-selection-grid-column\" />\r\n        }\r\n        @if (showActionColumn()) {\r\n        <col class=\"command-grid-column\" />\r\n        }\r\n        @for (col of columns | visibleFieldList; track getStableColumnTrackKey(col, $index)) {\r\n        <col [style.width]=\"getColumnWidthCss(col)\" [style.min-width]=\"columnMinWidthCss\" />\r\n        }\r\n      </colgroup>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"caption\">\r\n      @if (!hideToolbar) {\r\n      <div class=\"grid-caption-bar\">\r\n        <div class=\"grid-caption-left\">\r\n          @if (!metaInfo.tableMetadata.md_hide_refresh) {\r\n          <p-button icon=\"pi pi-refresh\" label=\"{{'refresh_grid' | translate}}\" (onClick)=\"refresh()\" />\r\n          }\r\n          @if (metaInfo.tableMetadata.md_insertable) {\r\n          <p-button icon=\"pi pi-plus\" label=\"{{'add_grid' | translate}}\" (onClick)=\"addRecord()\" />\r\n          }\r\n          @if (tableActionMenuItems?.length) {\r\n          <p-button icon=\"pi pi-bars\" [label]=\"'actions' | translate\" (onClick)=\"tableActionsMenu.toggle($event)\" />\r\n          <p-menu #tableActionsMenu [popup]=\"true\" [model]=\"tableActionMenuItems\" appendTo=\"body\"\r\n            (onShow)=\"reEvaluateActionEnabledStates()\"></p-menu>\r\n          }\r\n          <wuic-import-export-button [routeName]=\"routeName\"\r\n            [tableMetadata]=\"metaInfo?.tableMetadata\"\r\n            [filterInfoProvider]=\"getCurrentFilterInfoForExport\"></wuic-import-export-button>\r\n          @if (reportMenuItems?.length) {\r\n          <p-splitButton icon=\"pi pi-chart-bar\" [label]=\"'list_grid.reports' | translate\" [model]=\"reportMenuItems\"\r\n            [menuButtonProps]=\"{ ariaLabel: ('list_grid.reports' | translate) }\"\r\n            (onClick)=\"reportMenuItems[0]?.command({})\" />\r\n          }\r\n          @if (canToggleClientSideCrud()) {\r\n          @if (!isClientSideCrudActive()) {\r\n          <p-button icon=\"pi pi-database\" [label]=\"'client_side_crud_enable' | translate\"\r\n            [disabled]=\"clientSideCrudToggleBusy\" (onClick)=\"toggleClientSideCrud()\" />\r\n          } @else {\r\n          <p-button icon=\"pi pi-cloud-upload\" [label]=\"'client_side_crud_sync' | translate\"\r\n            [disabled]=\"clientSideCrudToggleBusy\" (onClick)=\"syncAndDisableClientSideCrud()\" />\r\n          <p-button icon=\"pi pi-ban\" [label]=\"'client_side_crud_disable_without_sync' | translate\" severity=\"danger\"\r\n            [outlined]=\"true\" [disabled]=\"clientSideCrudToggleBusy\"\r\n            (onClick)=\"discardLocalAndDisableClientSideCrud()\" />\r\n          }\r\n          }\r\n          @if (isInlineBatchSaveEnabled() && !metaInfo?.tableMetadata?.extraProps?.toolbar?.hideBatchActions) {\r\n          <p-button icon=\"pi pi-save\" [label]=\"'list_grid.save_changes' | translate\"\r\n            [disabled]=\"changesDialogBusy || !hasDatasourceChanges()\" (onClick)=\"saveAllPendingChanges()\" />\r\n          <p-button icon=\"pi pi-times\" [label]=\"'list_grid.discard_changes' | translate\" severity=\"danger\"\r\n            [outlined]=\"true\" [disabled]=\"changesDialogBusy || !hasDatasourceChanges()\"\r\n            (onClick)=\"cancelAllPendingChanges()\" />\r\n          }\r\n          @if (hasDatasourceChanges() && !metaInfo?.tableMetadata?.extraProps?.toolbar?.hideBatchActions) {\r\n          <button type=\"button\" class=\"grid-changes-indicator\"\r\n            [title]=\"'Changes in memory: ' + getDatasourceChangesCount()\" (click)=\"openChangesDialog()\">\r\n            <i class=\"pi pi-pencil\"></i>\r\n            <span class=\"grid-changes-count\">{{ getDatasourceChangesCount() }}</span>\r\n          </button>\r\n          }\r\n        </div>\r\n        <div class=\"grid-caption-right\">\r\n          @if (!metaInfo?.tableMetadata?.extraProps?.toolbar?.hideManageState) {\r\n          @if (currentRouteSavedStates?.length) {\r\n          <select class=\"p-inputtext p-component wuic-grid-state-select\" [(ngModel)]=\"selectedSavedStateId\"\r\n            (change)=\"onSavedStateDropdownChange($event)\">\r\n            <option value=\"\"></option>\r\n            @for (s of currentRouteSavedStates; track s.id) {\r\n            <option [value]=\"s.id\">\r\n              {{ s.name }}\r\n            </option>\r\n            }\r\n          </select>\r\n          }\r\n          <p-button [label]=\"'list_grid.manage_state' | translate\" icon=\"pi pi-bookmark\" iconPos=\"left\"\r\n            (onClick)=\"onSaveStateMenuToggle($event, saveStateMenu)\" />\r\n          <p-menu #saveStateMenu [popup]=\"true\" [model]=\"saveStateMenuItems\" appendTo=\"body\"></p-menu>\r\n          }\r\n          @if (!isAdvancedFilterModeEnabled()) {\r\n          <p-button [label]=\"'clear_filters' | translate\" icon=\"pi pi-filter-slash\" (onClick)=\"clearFilter(dt1)\" />\r\n          }\r\n          <!--    <i class=\"pi pi-search\"></i>\r\n          <input type=\"text\" pInputText [(ngModel)]=\"searchValue\"\r\n            class=\"p-inputtext p-component p-element ng-pristine ng-valid ng-touched\"\r\n            (input)=\"dt1.filterGlobal(getTgtVal($event.target), 'contains')\"\r\n            [placeholder]=\"'search_keyword' | translate\" /> -->\r\n        </div>\r\n      </div>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @if (metaInfo.tableMetadata.md_nested_grid_routes) {\r\n        <th class=\"nested-grid-column\" role=\"presentation\" aria-hidden=\"true\" pFrozenColumn [frozen]=\"true\"\r\n          alignFrozen=\"left\"></th>\r\n        }\r\n        @if (metaInfo.tableMetadata.md_multiple_selection) {\r\n        <th class=\"multiple-selection-grid-column\" role=\"presentation\" pFrozenColumn [frozen]=\"true\" alignFrozen=\"left\"\r\n          class=\"wuic-selection-th\">\r\n          <p-tableHeaderCheckbox [ariaLabel]=\"'Seleziona tutte le righe'\" />\r\n        </th>\r\n        }\r\n        @if (showActionColumn()) {\r\n        <th class=\"command-grid-column\" role=\"presentation\" aria-hidden=\"true\" pFrozenColumn [frozen]=\"true\"\r\n          alignFrozen=\"left\"></th>\r\n        }\r\n        <!-- @for (col of columns | visibleFieldList; track col.metaColumn.mc_id) {  NON FUNZIONA si spaccano i filter template !!! -->\r\n        <!-- *ngFor NON FUNGE SE USI IL trackBy -> si spaccano i filter template -->\r\n        @for (col of columns | visibleFieldList; track getStableColumnTrackKey(col, $index)) {\r\n        @if (!!col?.frozen) {\r\n        <th pResizableColumn pReorderableColumn [attr.data-field]=\"col.field\" [style.width]=\"getColumnWidthCss(col)\"\r\n          [style.min-width]=\"columnMinWidthCss\" [class.wuic-column-filter-active]=\"hasActiveFilter(col.metaColumn)\"\r\n          pFrozenColumn [frozen]=\"true\" [alignFrozen]=\"col?.alignFrozen || 'left'\"\r\n          (contextmenu)=\"onColumnHeaderContextMenu($event, col, columnCtxMenu)\"\r\n          [pSortableColumn]=\"isColumnSortable(col) ? col.field : undefined\">\r\n          <div class=\"flex align-items-center\">\r\n            <span class=\"wuic-col-header-text\">{{ col.header }}</span>\r\n            @if (isColumnSortable(col)) {\r\n            <p-sortIcon [field]=\"col.field\" />\r\n            }\r\n            @if (!isAdvancedFilterModeEnabled() && !col.metaColumn.md_disabilita_filtri &&\r\n            col.metaColumn.mc_show_in_filters) {\r\n            <span class=\"wuic-column-filter-wrap\"\r\n              [class.wuic-column-filter-wrap-active]=\"hasActiveFilter(col.metaColumn)\">\r\n              <p-columnFilter [field]=\"col.metaColumn.mc_nome_colonna\" [matchMode]=\"getPrimeNgMatchMode(col.metaColumn)\"\r\n                display=\"menu\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\"\r\n                [showClearButton]=\"false\" and [showApplyButton]=\"false\" #columnFilterRef\r\n                [ariaLabel]=\"('filter' | translate) + ' ' + col.header\"\r\n                (onShow)=\"onColumnFilterMenuShow(col.metaColumn, columnFilterRef)\">\r\n                <ng-template #filter let-value let-filter=\"filterCallback\">\r\n                  @for (epoch of [getColumnFilterRenderEpoch(col.metaColumn)]; track epoch) {\r\n                  <wuic-field-filter [record]=\"datasource?.value?.filterDescriptor\" [field]=\"col.metaColumn\"\r\n                    [metaInfo]=\"metaInfo\" [operator]=\"metaInfo?.operators?.[col.metaColumn.mc_nome_colonna]\"\r\n                    [datasource]=\"datasource\"></wuic-field-filter>\r\n                  <!-- Flex layout guarantees the two buttons are always\r\n                       the same width AND height regardless of label length\r\n                       or whether bootstrap/primeflex `.row`/`.col-6` are\r\n                       loaded. `flex: 1 1 0` forces equal widths,\r\n                       `align-items: stretch` (default) keeps height equal. -->\r\n                  <div style=\"display: flex; gap: 8px; margin-top: 8px; align-items: stretch;\">\r\n                    <p-button label=\"{{'apply_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterApply(filter, col.metaColumn, columnFilterRef, $event)\"\r\n                      class=\"p-button-success\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                    <p-button label=\"{{'clear_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterClear(filter, col.metaColumn, columnFilterRef)\"\r\n                      class=\"p-button-danger\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                  </div>\r\n                  }\r\n                </ng-template>\r\n              </p-columnFilter>\r\n            </span>\r\n            }\r\n          </div>\r\n        </th>\r\n        } @else {\r\n        <th pResizableColumn pReorderableColumn [attr.data-field]=\"col.field\" [style.width]=\"getColumnWidthCss(col)\"\r\n          [style.min-width]=\"columnMinWidthCss\" [class.wuic-column-filter-active]=\"hasActiveFilter(col.metaColumn)\"\r\n          (contextmenu)=\"onColumnHeaderContextMenu($event, col, columnCtxMenu)\"\r\n          [pSortableColumn]=\"isColumnSortable(col) ? col.field : undefined\">\r\n          <div class=\"flex align-items-center\">\r\n            <span class=\"wuic-col-header-text\">{{ col.header }}</span>\r\n            @if (isColumnSortable(col)) {\r\n            <p-sortIcon [field]=\"col.field\" />\r\n            }\r\n            @if (!isAdvancedFilterModeEnabled() && !col.metaColumn.md_disabilita_filtri &&\r\n            col.metaColumn.mc_show_in_filters) {\r\n            <!-- <ng-container [ngSwitch]=\"col.metaColumn.mc_ui_column_type\"> -->\r\n            <span class=\"wuic-column-filter-wrap\"\r\n              [class.wuic-column-filter-wrap-active]=\"hasActiveFilter(col.metaColumn)\">\r\n              <p-columnFilter [field]=\"col.metaColumn.mc_nome_colonna\" [matchMode]=\"getPrimeNgMatchMode(col.metaColumn)\"\r\n                display=\"menu\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\"\r\n                [showClearButton]=\"false\" and [showApplyButton]=\"false\" #columnFilterRef\r\n                [ariaLabel]=\"('filter' | translate) + ' ' + col.header\"\r\n                (onShow)=\"onColumnFilterMenuShow(col.metaColumn, columnFilterRef)\">\r\n                <ng-template #filter let-value let-filter=\"filterCallback\">\r\n                  @for (epoch of [getColumnFilterRenderEpoch(col.metaColumn)]; track epoch) {\r\n                  <wuic-field-filter [record]=\"datasource?.value?.filterDescriptor\" [field]=\"col.metaColumn\"\r\n                    [metaInfo]=\"metaInfo\" [operator]=\"metaInfo?.operators?.[col.metaColumn.mc_nome_colonna]\"\r\n                    [datasource]=\"datasource\"></wuic-field-filter>\r\n                  <!-- Flex layout guarantees the two buttons are always\r\n                       the same width AND height regardless of label length\r\n                       or whether bootstrap/primeflex `.row`/`.col-6` are\r\n                       loaded. `flex: 1 1 0` forces equal widths,\r\n                       `align-items: stretch` (default) keeps height equal. -->\r\n                  <div style=\"display: flex; gap: 8px; margin-top: 8px; align-items: stretch;\">\r\n                    <p-button label=\"{{'apply_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterApply(filter, col.metaColumn, columnFilterRef, $event)\"\r\n                      class=\"p-button-success\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                    <p-button label=\"{{'clear_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterClear(filter, col.metaColumn, columnFilterRef)\"\r\n                      class=\"p-button-danger\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                  </div>\r\n                  }\r\n                </ng-template>\r\n              </p-columnFilter>\r\n            </span>\r\n            <!-- <p-columnFilter *ngSwitchDefault type=\"text\" [field]=\"col.field\" display=\"menu\" /> -->\r\n            <!-- </ng-container> -->\r\n            }\r\n          </div>\r\n        </th>\r\n        }\r\n        }\r\n        <!-- } -->\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-expanded=\"expanded\" let-rowIndex=\"rowIndex\">\r\n      <ng-container pTemplate=\"body\"\r\n        *ngComponentOutlet=\"rowTemplate; inputs: { columns: columns, rowData: rowData, expanded: expanded, rowIndex: rowIndex, actionButtonRowIsVisible: isActionButtonRowVisible, isListVirtualizationEnabled: isListVirtualizationEnabled.bind(this), inlineCellEditingEnabled: isInlineCellEditingEnabled(), onInlineCellEditorBlur: onInlineCellEditorBlur.bind(this), onInlineCellEditorValueChange: onInlineCellEditorValueChange.bind(this), getRuntimeGridFieldMeta: getRuntimeGridFieldMetaFn, metaInfo: metaInfo, datasource: datasource, MetadatiColonna: MetadatiColonna, dt: dt1, toggleRow: toggleRow, rowSelect: rowSelect, rowCustomSelect: rowCustomSelect }\"></ng-container>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-columns=\"columns\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"(columns | visibleFieldList).length + (metaInfo.tableMetadata.md_nested_grid_routes ? 1 : 0) + (metaInfo.tableMetadata.md_multiple_selection ? 1 : 0) + (showActionColumn() ? 1 : 0)\">\r\n          @if (metaInfo.nestedRoutes?.length == 1) {\r\n          <div [ngClass]=\"metaInfo.nestedRoutes[0].nestedGridContainerClass\">\r\n            <wuic-data-source #nestedSource [autoload]=\"true\" [routeFromRouting]=\"false\"\r\n              [hardcodedRoute]=\"metaInfo.nestedRoutes[0].route\" [parentRecord]=\"rowData\" [parentMetaInfo]=\"metaInfo\"\r\n              [loading]=\"loading\"></wuic-data-source>\r\n\r\n            @if (nestedSource && userInfo.isCurrentUserAdmin()) {\r\n            <wuic-metadata-editor [hardcodedDatasource]=\"nestedSource\"></wuic-metadata-editor>\r\n            }\r\n\r\n            <div class=\"list-grid-long-description-container\"\r\n              [innerHTML]=\"getNestedLongDescriptionSafeHtml(nestedSource)\">\r\n            </div>\r\n\r\n            <wuic-data-repeater\r\n              [hardcodedAction]=\"metaInfo.nestedRoutes[0].action == '' ? 'list' : metaInfo.nestedRoutes[0].action\"\r\n              [hardcodedDatasource]=\"nestedSource\"></wuic-data-repeater>\r\n          </div>\r\n          }\r\n          @if (metaInfo.nestedRoutes?.length > 1) {\r\n          <div>\r\n            <p-tabs [value]=\"0\">\r\n              <p-tablist>\r\n                @for (nestedRoute of metaInfo.nestedRoutes; track nestedRoute; let i = $index) {\r\n                <p-tab [value]=\"i\">{{ nestedRoute.nestedTabCaption }}</p-tab>\r\n                }\r\n              </p-tablist>\r\n              <p-tabpanels>\r\n                @for (nestedRoute of metaInfo.nestedRoutes; track nestedRoute; let i = $index) {\r\n                <p-tabpanel [value]=\"i\">\r\n                  <div [ngClass]=\"nestedRoute.nestedGridContainerClass\">\r\n                    <wuic-data-source #nestedSource [autoload]=\"true\" [routeFromRouting]=\"false\"\r\n                      [hardcodedRoute]=\"nestedRoute.route\" [parentRecord]=\"rowData\" [parentMetaInfo]=\"metaInfo\"\r\n                      [loading]=\"loading\"></wuic-data-source>\r\n\r\n                    @if (nestedSource && userInfo.isCurrentUserAdmin()) {\r\n                    <wuic-metadata-editor [hardcodedDatasource]=\"nestedSource\"></wuic-metadata-editor>\r\n                    }\r\n\r\n                    <wuic-data-repeater [hardcodedAction]=\"nestedRoute.action == '' ? 'list' : nestedRoute.action\"\r\n                      [hardcodedDatasource]=\"nestedSource\"></wuic-data-repeater>\r\n                  </div>\r\n                </p-tabpanel>\r\n                }\r\n              </p-tabpanels>\r\n            </p-tabs>\r\n          </div>\r\n          }\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"footer\">\r\n      @if (metaInfo.hasFooter) {\r\n      <tr>\r\n        @if (metaInfo.tableMetadata.md_nested_grid_routes) {\r\n        @if (showActionColumn()) {\r\n        <td></td>\r\n        }\r\n        }\r\n        @if (metaInfo.tableMetadata.md_multiple_selection) {\r\n        <td></td>\r\n        }\r\n        <td></td>\r\n        @for (col of metaInfo.columnMetadata | visibleFieldList; track col.mc_id) {\r\n        <td>\r\n          @if (col.mc_aggregation) {\r\n          <table>\r\n            @for (agg of getAggregations(col); track agg.field + '#' + agg.aggregation) {\r\n            <tr>\r\n              <td>\r\n                {{agg.aggregation | translate}}:\r\n              </td>\r\n              <td>\r\n                {{agg.aggregateValue}}\r\n              </td>\r\n            </tr>\r\n            }\r\n          </table>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n  </p-table>\r\n  }\r\n\r\n  <!--\r\n    Mobile: la list-grid usa la STESSA <p-table> del desktop, sopra.\r\n    Il row template (compilato via `DynamicRowTemplateComponent.\r\n    getComponentFromTemplate`) cambia contenuto in base a\r\n    `deviceAwareness.isMobile` \u2014 vedi `getEffectiveGridRowTemplate` in\r\n    list-grid.component.ts: quando mobile, emette una singola <td colspan>\r\n    con layout card-style invece di <td> per ogni colonna. CSS\r\n    `@media (max-width: 768px)` nel file .scss nasconde <thead>, rende\r\n    `display: block` le <tr>/<td> per liberarsi della semantica table.\r\n    Vantaggio: un solo code path (riusa il JIT compile del row template\r\n    gia' testato) eliminando il bug `*ngComponentOutlet [inputs]` che\r\n    affliggeva il percorso mobile-card separato.\r\n  -->\r\n</div>\r\n\r\n<p-dialog [header]=\"'list_grid.save_state_dialog_header' | translate\" [(visible)]=\"saveGridStateDialogVisible\"\r\n  [modal]=\"true\" [closable]=\"true\" [style]=\"{ width: '34rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-save-state-dialog\">\r\n    <label for=\"wuic-save-state-select\">{{ 'list_grid.state' | translate }}</label>\r\n    <select id=\"wuic-save-state-select\" class=\"p-inputtext p-component\" [(ngModel)]=\"saveGridStateDialogSelectedId\"\r\n      (change)=\"onSaveGridStateDialogSelectionChange()\">\r\n      <option [value]=\"NEW_GRID_STATE_OPTION_ID\">{{ 'new' | translate }}</option>\r\n      @for (s of currentRouteSavedStates; track s.id) {\r\n      <option [value]=\"s.id\">\r\n        {{ s.name }}\r\n      </option>\r\n      }\r\n    </select>\r\n\r\n    @if (saveGridStateDialogSelectedId === NEW_GRID_STATE_OPTION_ID) {\r\n    <label for=\"wuic-save-state-name\">{{ 'list_grid.new_state_name' | translate }}</label>\r\n    <input id=\"wuic-save-state-name\" type=\"text\" pInputText [(ngModel)]=\"saveGridStateDialogNewName\"\r\n      [placeholder]=\"'list_grid.new_state_name_placeholder' | translate\" />\r\n    }\r\n\r\n    <label for=\"wuic-save-state-default\" class=\"wuic-column-layout-check\">\r\n      <input id=\"wuic-save-state-default\" type=\"checkbox\" [(ngModel)]=\"saveGridStateDialogSetAsDefault\" />\r\n      <span>{{ 'list_grid.set_as_default' | translate }}</span>\r\n    </label>\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"saveGridStateDialogVisible = false\" />\r\n    <p-button [label]=\"'save' | translate\" (onClick)=\"saveCurrentRouteGridState()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.rename_state' | translate\" [(visible)]=\"renameGridStateDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '30rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-save-state-dialog\">\r\n    <label for=\"wuic-rename-state-name\">{{ 'list_grid.new_state_name' | translate }}</label>\r\n    <input id=\"wuic-rename-state-name\" type=\"text\" pInputText [(ngModel)]=\"renameGridStateDialogName\"\r\n      [placeholder]=\"'list_grid.new_state_name_placeholder' | translate\" />\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"renameGridStateDialogVisible = false\" />\r\n    <p-button [label]=\"'save' | translate\" (onClick)=\"renameSelectedGridState()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.configure_columns' | translate\" [(visible)]=\"columnLayoutDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '36rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-column-layout-dialog\">\r\n    @for (item of columnLayoutDraft; track item.field + '#' + $index; let i = $index) {\r\n    <div class=\"wuic-column-layout-row\">\r\n      <label class=\"wuic-column-layout-check\">\r\n        <input type=\"checkbox\" [(ngModel)]=\"item.visible\" />\r\n        <span>{{ item.header }}</span>\r\n      </label>\r\n      <div class=\"wuic-column-layout-actions\">\r\n        <p-button icon=\"pi pi-arrow-up\" [outlined]=\"true\" [disabled]=\"i === 0\"\r\n          (onClick)=\"moveColumnLayoutDraft(i, -1)\" />\r\n        <p-button icon=\"pi pi-arrow-down\" [outlined]=\"true\" [disabled]=\"i === (columnLayoutDraft.length - 1)\"\r\n          (onClick)=\"moveColumnLayoutDraft(i, 1)\" />\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"columnLayoutDialogVisible = false\" />\r\n    <p-button [label]=\"'list_grid.reset_metadata' | translate\" [outlined]=\"true\" icon=\"pi pi-refresh\"\r\n      (onClick)=\"resetColumnLayoutDraftAndWidths()\" />\r\n    <p-button [label]=\"'save' | translate\" (onClick)=\"saveColumnLayoutFromDialog()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.report_parameters' | translate\" [(visible)]=\"reportVariableDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '34rem', maxWidth: '95vw' }\" (onHide)=\"cancelReportVariableDialog()\">\r\n  <div class=\"wuic-save-state-dialog\">\r\n    @for (variable of selectedReportVariables; track variable.name; let i = $index) {\r\n    <label [for]=\"'wuic-report-var-' + i\">{{ variable.alias || variable.name }}</label>\r\n    <input [id]=\"'wuic-report-var-' + i\" [name]=\"'wuic-report-var-name-' + i\" type=\"text\" pInputText\r\n      [(ngModel)]=\"variable.value\" />\r\n    }\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"cancelReportVariableDialog()\" />\r\n    <p-button [label]=\"'list_grid.open_report' | translate\" (onClick)=\"applyReportVariablesAndOpenViewer()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.pending_changes' | translate\" [(visible)]=\"changesDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '44rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-changes-dialog\">\r\n    @if (!pendingChangeItems.length) {\r\n    <div>{{ 'list_grid.no_pending_changes' | translate }}</div>\r\n    } @else {\r\n    @for (item of pendingChangeItems; track item.id) {\r\n    <label class=\"wuic-column-layout-check\">\r\n      <input type=\"checkbox\" [(ngModel)]=\"item.selected\" />\r\n      <span><strong>{{ item.label }}</strong> - {{ item.details }}</span>\r\n    </label>\r\n    }\r\n    }\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'list_grid.save_all' | translate\"\r\n      [disabled]=\"$any(changesDialogBusy) || !pendingChangeItems.length || !metaInfo?.tableMetadata?.md_batch_save\"\r\n      (onClick)=\"saveAllPendingChanges()\" />\r\n    <p-button [label]=\"'list_grid.save_selected' | translate\" [outlined]=\"true\"\r\n      [disabled]=\"$any(changesDialogBusy) || !pendingChangeItems.length || !getSelectedPendingChangesCount() || !metaInfo?.tableMetadata?.md_batch_save\"\r\n      (onClick)=\"saveSelectedPendingChanges()\" />\r\n    <p-button [label]=\"'list_grid.discard_changes' | translate\" severity=\"danger\" [outlined]=\"true\"\r\n      [disabled]=\"$any(changesDialogBusy) || !pendingChangeItems.length || !metaInfo?.tableMetadata?.md_batch_save\"\r\n      (onClick)=\"cancelAllPendingChanges()\" />\r\n  </ng-template>\r\n</p-dialog>", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;flex:1 1 auto;height:100%;max-height:100%;min-height:0;overflow:hidden;--wuic-grid-row-odd: #ffffff;--wuic-grid-row-even: #f6f8fc;--wuic-grid-row-hover: #edf2ff;--wuic-grid-row-selected-bg: #dbe8ff;--wuic-grid-row-selected-text: #0f2348;--wuic-grid-row-selected-ring: rgba(59, 130, 246, .55);--wuic-grid-accent: var(--p-primary-color, #3b82f6);--wuic-grid-base: var(--p-surface-0, #ffffff)}:host-context(.theme-dark){--wuic-grid-row-odd: #1f2430;--wuic-grid-row-even: #252b38;--wuic-grid-row-hover: #31394b;--wuic-grid-row-selected-bg: #284774;--wuic-grid-row-selected-text: #eaf2ff;--wuic-grid-row-selected-ring: rgba(120, 170, 255, .65);--wuic-grid-base: var(--p-surface-900, #1f2430)}@supports (color: color-mix(in srgb,white,black)){:host{--wuic-grid-row-odd: color-mix(in srgb, var(--wuic-grid-base) 96%, var(--wuic-grid-accent) 4%);--wuic-grid-row-even: color-mix(in srgb, var(--wuic-grid-base) 90%, var(--wuic-grid-accent) 10%);--wuic-grid-row-hover: color-mix(in srgb, var(--wuic-grid-base) 82%, var(--wuic-grid-accent) 18%);--wuic-grid-row-selected-bg: color-mix(in srgb, var(--wuic-grid-base) 56%, var(--wuic-grid-accent) 44%);--wuic-grid-row-selected-ring: color-mix(in srgb, var(--wuic-grid-accent) 72%, transparent)}:host-context(.theme-dark){--wuic-grid-row-odd: color-mix(in srgb, var(--wuic-grid-base) 92%, var(--wuic-grid-accent) 8%);--wuic-grid-row-even: color-mix(in srgb, var(--wuic-grid-base) 84%, var(--wuic-grid-accent) 16%);--wuic-grid-row-hover: color-mix(in srgb, var(--wuic-grid-base) 72%, var(--wuic-grid-accent) 28%);--wuic-grid-row-selected-bg: color-mix(in srgb, var(--wuic-grid-base) 36%, var(--wuic-grid-accent) 64%);--wuic-grid-row-selected-ring: color-mix(in srgb, var(--wuic-grid-accent) 82%, transparent)}}.list-grid-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}:host ::ng-deep .list-grid-container .p-datatable{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-wrapper,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-table-container,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-view{flex:1 1 auto;min-height:0}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-wrapper,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-table-container{overflow:hidden}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-table-container{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:auto}:host ::ng-deep .p-datatable-table-container:has(>table.wuic-nested-grid),:host ::ng-deep .p-datatable:has(>.p-datatable-table-container>table.wuic-nested-grid),:host ::ng-deep .list-grid-container:has(table.wuic-nested-grid),:host ::ng-deep wuic-list-grid:has(table.wuic-nested-grid),:host ::ng-deep wuic-list-grid-lazy:has(table.wuic-nested-grid),:host ::ng-deep .data-repeater-body:has(table.wuic-nested-grid),:host ::ng-deep td:has(wuic-data-repeater table.wuic-nested-grid){overflow:visible!important;max-height:none!important}:host ::ng-deep table.wuic-nested-grid>thead.p-datatable-thead{position:sticky!important;top:var(--wuic-outer-thead-h, 0px);z-index:3}:host ::ng-deep table.wuic-nested-grid>thead.p-datatable-thead>tr>th{background:var(--wuic-grid-base)!important}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):nth-child(odd)>td{background:var(--wuic-grid-row-odd)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):nth-child(2n)>td{background:var(--wuic-grid-row-even)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):hover>td{background:var(--wuic-grid-row-hover)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-style-applied:not(.p-highlight):not(.wuic-row-selected)>td{background:transparent!important}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):not(.wuic-row-selected)>td.wuic-cell-style-applied{background:transparent}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-selected>td{background:var(--wuic-grid-row-selected-bg)!important;color:var(--wuic-grid-row-selected-text);box-shadow:inset 0 1px 0 var(--wuic-grid-row-selected-ring),inset 0 -1px 0 var(--wuic-grid-row-selected-ring)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-selected>td:first-child{box-shadow:inset 4px 0 0 var(--wuic-grid-accent),inset 0 1px 0 var(--wuic-grid-row-selected-ring),inset 0 -1px 0 var(--wuic-grid-row-selected-ring)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-selected:hover>td{background:var(--wuic-grid-row-selected-bg)!important}:host ::ng-deep td.p-datatable-frozen-column,:host ::ng-deep th.p-datatable-frozen-column{border-right:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep td.wuic-action-cell,:host ::ng-deep th.command-grid-column{width:64px!important;min-width:64px!important;max-width:64px!important;box-sizing:border-box;text-align:center;vertical-align:middle}:host ::ng-deep td.wuic-action-cell wuic-data-action-button-lazy,:host ::ng-deep td.wuic-action-cell wuic-data-action-button{display:inline-flex;align-items:center;justify-content:center}:host ::ng-deep .p-datatable-tbody>tr>td:first-child,:host ::ng-deep .p-datatable-thead>tr>th:first-child{border-left:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep .p-datatable-thead>tr>th .p-checkbox .p-checkbox-box,:host ::ng-deep .p-datatable-tbody>tr>td input.p-checkbox-box{width:18px;height:18px;border:1px solid #9ca3af;border-radius:4px;background:#fff;box-sizing:border-box;vertical-align:middle}:host ::ng-deep .p-datatable-thead>tr>th .p-checkbox{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}:host ::ng-deep .p-datatable-thead>tr>th.wuic-selection-th{text-align:center;padding-left:.25rem;padding-right:.25rem}:host ::ng-deep .p-datatable-tbody>tr>td.wuic-selection-td{text-align:center;padding-left:.25rem;padding-right:.25rem}:host ::ng-deep .p-datatable-tbody>tr>td.wuic-selection-td>input.p-checkbox-box{margin-left:auto!important;margin-right:auto!important;display:block}:host ::ng-deep .p-datatable-thead>tr>th .p-checkbox .p-checkbox-icon{font-size:.72rem}:host ::ng-deep .p-datatable-table.width_defined{display:table}:host ::ng-deep .p-datatable-table{display:table}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table{width:100%!important;min-width:100%}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot{background:var(--wuic-grid-base)!important}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr:first-child>td,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr:first-child>th{border-top:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr>td:first-child,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr>th:first-child{border-left:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr>td{min-width:0;overflow:hidden}:host ::ng-deep .list-grid-container .p-datatable>.p-paginator{border-top:solid 1px var(--p-divider-color, #dcdcdc)}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator{border-top:2px solid currentColor;background:var(--p-content-background, #fff);font-weight:600;padding:.5rem .75rem}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page{min-width:2.25rem;min-height:2.25rem;border:2px solid currentColor!important;border-radius:4px;margin:0 2px;font-weight:700;background:transparent;color:currentColor}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:hover:not(:disabled){background:currentColor;color:var(--p-content-background, #fff)}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:focus-visible{outline:3px solid currentColor;outline-offset:2px}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:disabled{opacity:.45;cursor:not-allowed}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page],:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page]{background:var(--p-primary-color, #2563eb)!important;color:var(--p-primary-contrast-color, #fff)!important;border-color:var(--p-primary-color, #2563eb)!important;border-width:3px!important;font-weight:800}@media(forced-colors:active){:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page],:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page]{background:Highlight!important;color:HighlightText!important;border-color:Highlight!important;forced-color-adjust:none}}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-current,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-current{font-weight:700;padding:0 .5rem}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select{border:2px solid currentColor!important;font-weight:700;min-height:2.25rem}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-within,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-within,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-within,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-within{outline:3px solid currentColor;outline-offset:2px}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr>td .list-grid-cell-text-content,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr>td>a{display:block;width:0;min-width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;overflow-wrap:anywhere}.wuic-save-state-dialog{display:flex;flex-direction:column;gap:.6rem}.wuic-save-state-dialog select,.wuic-save-state-dialog input{width:100%}.wuic-column-layout-dialog{display:flex;flex-direction:column;gap:.45rem;max-height:55vh;overflow:auto}.wuic-column-layout-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0}.wuic-column-layout-check{display:inline-flex;align-items:center;gap:.5rem}.wuic-column-layout-actions{display:inline-flex;gap:.35rem}.wuic-changes-dialog{display:flex;flex-direction:column;gap:.5rem;max-height:55vh;overflow:auto}.wuic-export-progress-dialog{display:flex;flex-direction:column;gap:.65rem}::ng-deep .wuic-progress-dialog .p-progressbar{--p-progressbar-value-transition: none}::ng-deep .wuic-progress-dialog .p-progressbar .p-progressbar-value,::ng-deep .wuic-progress-dialog .p-progressbar-value,:host ::ng-deep .wuic-export-progress-dialog .p-progressbar .p-progressbar-value,:host ::ng-deep .wuic-export-progress-dialog .p-progressbar-value{transition:none!important;animation:none!important}.wuic-export-progress-detail{font-size:.9rem;font-weight:600;text-align:right}.wuic-import-dialog{display:flex;flex-direction:column;gap:.75rem}.wuic-import-grid{display:grid;grid-template-columns:1fr;gap:.35rem}.wuic-import-file-row{display:flex;align-items:center;gap:.65rem}.grid-caption-bar{display:flex;align-items:stretch;justify-content:space-between;gap:.75rem;flex-wrap:nowrap}.grid-caption-left,.grid-caption-right{display:flex;align-items:stretch;gap:.5rem;flex-wrap:nowrap;min-height:2.25rem;height:2.25rem}.grid-caption-right{margin-left:auto}.grid-caption-left>*,.grid-caption-right>*{margin:0;align-self:stretch}.grid-changes-indicator{display:inline-flex;align-items:center;gap:.3rem;padding:0 .55rem;border:1px solid #f59e0b;border-radius:999px;background:#fffbeb;color:#b45309;font-size:.82rem;font-weight:700;cursor:pointer;appearance:none}.grid-changes-count{min-width:1.2rem;text-align:center}.wuic-grid-state-select{min-width:220px}:host ::ng-deep .grid-caption-bar .p-button,:host ::ng-deep .grid-caption-bar .p-splitbutton .p-button,:host ::ng-deep .grid-caption-bar .p-inputtext{min-height:2.25rem;height:2.25rem;padding-top:.45rem;padding-bottom:.45rem;margin:0;box-sizing:border-box;line-height:1.1rem;vertical-align:middle}:host ::ng-deep .grid-caption-bar p-button,:host ::ng-deep .grid-caption-bar p-splitbutton{display:inline-flex;align-items:stretch;margin:0;vertical-align:middle}:host ::ng-deep .grid-caption-bar p-button>.p-button{min-height:2.25rem;height:2.25rem;display:inline-flex;align-items:center}:host ::ng-deep .grid-caption-bar .p-button,:host ::ng-deep .grid-caption-bar .p-splitbutton .p-button{padding-left:.75rem;padding-right:.75rem}:host ::ng-deep .grid-caption-bar .p-splitbutton{display:inline-flex;align-items:stretch;margin:0}:host ::ng-deep .grid-caption-bar .p-splitbutton .p-button{height:100%}:host ::ng-deep .grid-caption-bar .p-button .p-button-label,:host ::ng-deep .grid-caption-bar .p-button .p-button-icon{line-height:1}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td{padding-top:.35rem;padding-bottom:.35rem;vertical-align:middle;position:relative}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within{overflow:visible!important;z-index:50}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within wuic-field-editor,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .editor-wapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .editor-wapper>div{overflow:visible!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker .p-inputtext{position:relative;z-index:100;min-width:360px!important;max-width:80vw!important;background:var(--p-content-background, var(--p-surface-0, #fff));box-shadow:0 4px 12px #0000002e;border:1px solid var(--p-primary-color, #3b82f6);border-radius:4px}:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputtext,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber .p-inputtext,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete .p-inputtext,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker .p-inputtext{background:var(--p-surface-900, #1f2430)}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper>div{display:block;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor{display:flex!important;align-items:center!important;min-height:2.2rem!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-wrapper{margin:0!important;padding:0!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper>div{min-height:0!important;height:auto!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .caption-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .caption-wrapper{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-autocomplete,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-autocomplete .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-select,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-multiselect{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper{display:flex;align-items:center}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-autocomplete .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-select,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-multiselect{min-height:2.2rem;height:2.2rem;line-height:1.2rem}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-inputnumber .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-datepicker .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-autocomplete .p-inputtext{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .disabled-textfield{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) p-autocomplete>svg[data-p-icon]{display:none!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) p-autocomplete .p-autocomplete-input{padding-right:.5rem!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within p-autocomplete>svg[data-p-icon]{z-index:101!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker{display:flex;align-items:stretch}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-datepicker-input,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-datepicker-dropdown{min-height:2.2rem;height:2.2rem}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-disabled .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-inputtext:disabled{opacity:1}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .disabled-textfield{margin:0!important;padding:.5rem .75rem!important;min-height:2.2rem!important;height:2.2rem!important;display:flex!important;align-items:center!important;border-radius:6px;box-sizing:border-box}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td wuic-field-editor{display:flex;align-items:center;min-height:2.2rem}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .caption-wrapper{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .editor-wapper{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;min-width:0!important;display:flex;align-items:center}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .editor-wapper>div{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .disabled-textfield{margin:0!important;padding:.5rem .75rem!important;min-height:2.2rem!important;height:2.2rem!important;display:flex!important;align-items:center!important;border-radius:6px;box-sizing:border-box}.command-grid-column{width:65px}.multiple-selection-grid-column{width:50px}.nested-grid-column{width:30px}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-thead{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tfoot,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-footer,:host ::ng-deep .wuic-list-grid-mobile tfoot{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-table,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-resizable-table,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-scrollable-table{display:block}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tbody{display:block;width:100%;padding-top:12px}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tbody>tr{display:block;width:100%;box-sizing:border-box;margin-bottom:12px;border-radius:12px;overflow:hidden;background:var(--p-content-background, var(--wuic-grid-row-odd));border:1px solid var(--p-content-border-color, color-mix(in srgb, var(--wuic-grid-base) 80%, var(--wuic-grid-accent) 20%))}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tbody>tr:last-child{margin-bottom:0}:host ::ng-deep .wuic-list-grid-mobile td.wuic-mobile-card-cell{display:block;width:100%;padding:14px;border-bottom:1px solid var(--surface-border, #e5e7eb);box-sizing:border-box}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-scrollable-table,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-table{width:100%!important;min-width:unset!important}:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-button .p-button-label,:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-splitbutton .p-button .p-button-label{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-button{padding-left:.5rem!important;padding-right:.5rem!important}:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-button .p-button-icon{margin-right:0!important;margin-left:0!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator{display:flex!important;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;padding:8px 4px}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-current{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-pages{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-first,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-prev,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-next,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-last{min-width:36px!important;height:36px!important;margin:0!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-rpp-options,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-select{min-width:56px!important;height:36px!important;margin-left:4px!important}.wuic-mobile-card-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:18px;padding:14px;overflow:auto}.wuic-mobile-card-slot{padding-bottom:18px;box-sizing:border-box}.wuic-mobile-card-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px 0;border-bottom:1px solid color-mix(in srgb,var(--wuic-grid-base) 80%,var(--wuic-grid-accent) 20%);margin-bottom:4px}.wuic-mobile-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--p-content-border-color, color-mix(in srgb, var(--wuic-grid-base) 75%, var(--wuic-grid-accent) 25%));border-radius:12px;background:var(--p-content-background, var(--wuic-grid-row-odd));color:var(--p-text-color, inherit);box-shadow:0 4px 14px #0f172a14}:host-context(.theme-dark) .wuic-mobile-card{box-shadow:0 2px 8px #00000059}.wuic-mobile-card.wuic-row-selected{background:var(--wuic-grid-row-selected-bg);color:var(--wuic-grid-row-selected-text);outline:2px solid var(--wuic-grid-row-selected-ring)}:host ::ng-deep .wuic-mobile-card-actions{display:flex;justify-content:flex-end;align-items:center;margin:0 -4px 4px;padding-bottom:6px;border-bottom:1px solid var(--p-content-border-color, currentColor)}:host ::ng-deep .wuic-mobile-card-body{display:flex;flex-direction:column;gap:0}:host ::ng-deep .wuic-mobile-card-row{display:grid;grid-template-columns:minmax(110px,38%) 1fr;column-gap:12px;align-items:baseline;padding:8px 2px;border-bottom:1px solid var(--p-content-border-color, currentColor)}:host ::ng-deep .wuic-mobile-card-row:last-child{border-bottom:none}:host ::ng-deep .wuic-mobile-card-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:currentColor;opacity:.75;line-height:1.3;word-break:break-word}:host ::ng-deep .wuic-mobile-card-value{font-size:.95rem;font-weight:500;text-align:right;word-break:break-word;min-width:0;color:currentColor}:host ::ng-deep .wuic-mobile-card-value a{color:var(--p-primary-color, #3b82f6);text-decoration:underline}.wuic-mobile-card-empty{padding:24px 12px;text-align:center;color:#6b7280;font-style:italic}p-menu:not(.p-menu-overlay-visible){display:none}@media(max-width:420px){:host ::ng-deep .wuic-mobile-card-row{grid-template-columns:1fr;row-gap:2px}:host ::ng-deep .wuic-mobile-card-value{text-align:left}}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => DataSourceComponent), selector: "wuic-data-source", inputs: ["route", "routeFromRouting", "hardcodedRoute", "autoload", "loading", "changeTracking", "parentRecord", "parentMetaInfo", "parentDatasource", "useComboEndpoint", "comboFormulaLookup", "comboMcId", "comboField", "comboExtraFields", "comboCurrentRecord", "componentRef"] }, { kind: "component", type: i0.forwardRef(() => DataRepeaterComponent), selector: "wuic-data-repeater", inputs: ["datasource", "hardcodedDatasource", "action", "hardcodedAction", "field", "record", "rowCustomSelect", "hideToolbar", "isEditForm", "fillHeight"], outputs: ["templateReady", "archetypeInstanceReady", "archetypeEvent", "archetypeDataBound"] }, { kind: "ngmodule", type: i0.forwardRef(() => TableModule) }, { kind: "component", type: i0.forwardRef(() => i9$1.Table), selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i0.forwardRef(() => i3.PrimeTemplate), selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i0.forwardRef(() => i9$1.SortableColumn), selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i0.forwardRef(() => i9$1.FrozenColumn), selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i0.forwardRef(() => i9$1.ResizableColumn), selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "directive", type: i0.forwardRef(() => i9$1.ReorderableColumn), selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "component", type: i0.forwardRef(() => i9$1.SortIcon), selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i0.forwardRef(() => i9$1.TableHeaderCheckbox), selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i0.forwardRef(() => i9$1.ColumnFilter), selector: "p-columnFilter, p-column-filter, p-columnfilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "filterOn", "useGrouping", "showButtons", "ariaLabel", "filterButtonProps", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: i0.forwardRef(() => ButtonModule) }, { kind: "component", type: i0.forwardRef(() => i4.Button), selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: i0.forwardRef(() => SplitButtonModule) }, { kind: "component", type: i0.forwardRef(() => i12.SplitButton), selector: "p-splitbutton, p-splitButton, p-split-button", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "styleClass", "menuStyle", "menuStyleClass", "dropdownIcon", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "ngmodule", type: i0.forwardRef(() => DialogModule) }, { kind: "component", type: i0.forwardRef(() => i2.Dialog), selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: i0.forwardRef(() => ContextMenuModule) }, { kind: "component", type: i0.forwardRef(() => i14.ContextMenu), selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: i0.forwardRef(() => MenuModule) }, { kind: "component", type: i0.forwardRef(() => i9.Menu), selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "appendTo", "motionOptions"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "ngmodule", type: i0.forwardRef(() => PaginatorModule) }, { kind: "ngmodule", type: i0.forwardRef(() => ScrollerModule) }, { kind: "component", type: i0.forwardRef(() => Tabs), selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: i0.forwardRef(() => TabList), selector: "p-tablist" }, { kind: "component", type: i0.forwardRef(() => Tab), selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: i0.forwardRef(() => TabPanels), selector: "p-tabpanels" }, { kind: "component", type: i0.forwardRef(() => TabPanel), selector: "p-tabpanel", inputs: ["lazy", "value"], outputs: ["valueChange"] }, { kind: "directive", type: i0.forwardRef(() => NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: i0.forwardRef(() => FormsModule) }, { kind: "directive", type: i0.forwardRef(() => i1$4.NgSelectOption), selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i0.forwardRef(() => i1$4.ɵNgSelectMultipleOption), selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i0.forwardRef(() => i1$4.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: i0.forwardRef(() => i1$4.CheckboxControlValueAccessor), selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i0.forwardRef(() => i1$4.SelectControlValueAccessor), selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i0.forwardRef(() => i1$4.NgControlStatus), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(() => i1$4.NgModel), selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: i0.forwardRef(() => InputTextModule) }, { kind: "directive", type: i0.forwardRef(() => i13.InputText), selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i0.forwardRef(() => FieldFilterComponent), selector: "wuic-field-filter", inputs: ["record", "field", "metaInfo", "readOnly", "hideLabel", "operator", "datasource"] }, { kind: "directive", type: i0.forwardRef(() => NgComponentOutlet), selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: i0.forwardRef(() => TranslateModule) }, { kind: "component", type: i0.forwardRef(() => MetadataEditorComponent), selector: "wuic-metadata-editor", inputs: ["datasource", "hardcodedDatasource", "saveCallback", "hideReports", "hideRelatedTableActions", "hideRelatedColumnActions"] }, { kind: "component", type: i0.forwardRef(() => ImportExportButtonComponent), selector: "wuic-import-export-button", inputs: ["routeName", "tableMetadata", "filterInfoProvider"] }, { kind: "pipe", type: i0.forwardRef(() => AsyncPipe), name: "async" }, { kind: "pipe", type: i0.forwardRef(() => i8.TranslatePipe), name: "translate" }, { kind: "pipe", type: i0.forwardRef(() => VisibleFieldListPipe), name: "visibleFieldList" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ListGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wuic-list-grid', imports: [DataSourceComponent, forwardRef(() => DataRepeaterComponent), TableModule, ButtonModule, SplitButtonModule, DialogModule, ContextMenuModule, MenuModule, PaginatorModule, ScrollerModule, Tabs, TabList, Tab, TabPanels, TabPanel, NgClass, AsyncPipe, FormsModule, InputTextModule, FieldFilterComponent, NgComponentOutlet, TranslateModule, VisibleFieldListPipe, MetadataEditorComponent, ImportExportButtonComponent], providers: [Title], template: "<wuic-data-source #metadataColumnsDatasource [hardcodedRoute]=\"' metadati  colonne'\"\r\n  style=\"display: none;\"></wuic-data-source>\r\n<p-contextMenu #columnCtxMenu [model]=\"columnContextMenuItems\" appendTo=\"body\"></p-contextMenu>\r\n\r\n<div class=\"list-grid-container\" #gridContainer\r\n  [class.wuic-list-grid-mobile]=\"gridLayoutIsMobile\">\r\n  @if (rowTemplate) {\r\n  <p-table #dt1 [columns]=\"cols\" [value]=\"records\" [scrollable]=\"true\"\r\n    [scrollHeight]=\"metaInfo.tableMetadata.md_grid_scroll_height ? metaInfo.tableMetadata.md_grid_scroll_height : 'flex'\"\r\n    [virtualScroll]=\"isListVirtualizationEnabled()\" [virtualScrollItemSize]=\"getListVirtualizationItemSize()\"\r\n    [resizableColumns]=\"true\" [reorderableColumns]=\"true\" columnResizeMode=\"expand\" [rows]=\"pageSize\"\r\n    [first]=\"rowNumber\" [lazy]=\"metaInfo.tableMetadata.md_server_side_operations\" [sortField]=\"orderColumn || null\"\r\n    [sortOrder]=\"orderColumn ? (orderDir === 'desc' ? -1 : 1) : 0\" [(selection)]=\"selectedItems\"\r\n    [dataKey]=\"metaInfo.pKey?.mc_nome_colonna\" [paginator]=\"metaInfo.tableMetadata.md_pageable\"\r\n    [rowsPerPageOptions]=\"metaInfo.rowsPerPageOptions\" [totalRecords]=\"totalRecords\"\r\n    [showPageLinks]=\"!datasource?.value?.cursorMode\" [showFirstLastIcon]=\"!datasource?.value?.cursorMode\"\r\n    [showCurrentPageReport]=\"metaInfo.tableMetadata.md_show_record_count && !datasource?.value?.cursorMode\"\r\n    [loading]=\"datasource?.value?.loading | async\"\r\n    [currentPageReportTemplate]=\"'Showing {first} to {last} of {totalRecords} entries' | translate\"\r\n    (onPage)=\"pageFilterChange($event)\" (onFilter)=\"pageFilterChange($event)\" (onSort)=\"pageFilterChange($event)\"\r\n    (selectionChange)=\"onSelectionChange($event)\" (onColResize)=\"onColumnResize($event)\"\r\n    (onColReorder)=\"onColumnReorder($event)\" [expandedRowKeys]=\"expandedRows\" (onRowExpand)=\"onRowExpand($event)\"\r\n    (onRowCollapse)=\"onRowCollapse($event)\" [selectionMode]=\"rowCustomSelect ? 'single' : undefined\"\r\n    [tableStyleClass]=\"getTableStyleClass()\">\r\n    <ng-template pTemplate=\"colgroup\" let-columns>\r\n      <colgroup>\r\n        @if (metaInfo.tableMetadata.md_nested_grid_routes) {\r\n        <col class=\"nested-grid-column\" />\r\n        }\r\n        @if (metaInfo.tableMetadata.md_multiple_selection) {\r\n        <col class=\"multiple-selection-grid-column\" />\r\n        }\r\n        @if (showActionColumn()) {\r\n        <col class=\"command-grid-column\" />\r\n        }\r\n        @for (col of columns | visibleFieldList; track getStableColumnTrackKey(col, $index)) {\r\n        <col [style.width]=\"getColumnWidthCss(col)\" [style.min-width]=\"columnMinWidthCss\" />\r\n        }\r\n      </colgroup>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"caption\">\r\n      @if (!hideToolbar) {\r\n      <div class=\"grid-caption-bar\">\r\n        <div class=\"grid-caption-left\">\r\n          @if (!metaInfo.tableMetadata.md_hide_refresh) {\r\n          <p-button icon=\"pi pi-refresh\" label=\"{{'refresh_grid' | translate}}\" (onClick)=\"refresh()\" />\r\n          }\r\n          @if (metaInfo.tableMetadata.md_insertable) {\r\n          <p-button icon=\"pi pi-plus\" label=\"{{'add_grid' | translate}}\" (onClick)=\"addRecord()\" />\r\n          }\r\n          @if (tableActionMenuItems?.length) {\r\n          <p-button icon=\"pi pi-bars\" [label]=\"'actions' | translate\" (onClick)=\"tableActionsMenu.toggle($event)\" />\r\n          <p-menu #tableActionsMenu [popup]=\"true\" [model]=\"tableActionMenuItems\" appendTo=\"body\"\r\n            (onShow)=\"reEvaluateActionEnabledStates()\"></p-menu>\r\n          }\r\n          <wuic-import-export-button [routeName]=\"routeName\"\r\n            [tableMetadata]=\"metaInfo?.tableMetadata\"\r\n            [filterInfoProvider]=\"getCurrentFilterInfoForExport\"></wuic-import-export-button>\r\n          @if (reportMenuItems?.length) {\r\n          <p-splitButton icon=\"pi pi-chart-bar\" [label]=\"'list_grid.reports' | translate\" [model]=\"reportMenuItems\"\r\n            [menuButtonProps]=\"{ ariaLabel: ('list_grid.reports' | translate) }\"\r\n            (onClick)=\"reportMenuItems[0]?.command({})\" />\r\n          }\r\n          @if (canToggleClientSideCrud()) {\r\n          @if (!isClientSideCrudActive()) {\r\n          <p-button icon=\"pi pi-database\" [label]=\"'client_side_crud_enable' | translate\"\r\n            [disabled]=\"clientSideCrudToggleBusy\" (onClick)=\"toggleClientSideCrud()\" />\r\n          } @else {\r\n          <p-button icon=\"pi pi-cloud-upload\" [label]=\"'client_side_crud_sync' | translate\"\r\n            [disabled]=\"clientSideCrudToggleBusy\" (onClick)=\"syncAndDisableClientSideCrud()\" />\r\n          <p-button icon=\"pi pi-ban\" [label]=\"'client_side_crud_disable_without_sync' | translate\" severity=\"danger\"\r\n            [outlined]=\"true\" [disabled]=\"clientSideCrudToggleBusy\"\r\n            (onClick)=\"discardLocalAndDisableClientSideCrud()\" />\r\n          }\r\n          }\r\n          @if (isInlineBatchSaveEnabled() && !metaInfo?.tableMetadata?.extraProps?.toolbar?.hideBatchActions) {\r\n          <p-button icon=\"pi pi-save\" [label]=\"'list_grid.save_changes' | translate\"\r\n            [disabled]=\"changesDialogBusy || !hasDatasourceChanges()\" (onClick)=\"saveAllPendingChanges()\" />\r\n          <p-button icon=\"pi pi-times\" [label]=\"'list_grid.discard_changes' | translate\" severity=\"danger\"\r\n            [outlined]=\"true\" [disabled]=\"changesDialogBusy || !hasDatasourceChanges()\"\r\n            (onClick)=\"cancelAllPendingChanges()\" />\r\n          }\r\n          @if (hasDatasourceChanges() && !metaInfo?.tableMetadata?.extraProps?.toolbar?.hideBatchActions) {\r\n          <button type=\"button\" class=\"grid-changes-indicator\"\r\n            [title]=\"'Changes in memory: ' + getDatasourceChangesCount()\" (click)=\"openChangesDialog()\">\r\n            <i class=\"pi pi-pencil\"></i>\r\n            <span class=\"grid-changes-count\">{{ getDatasourceChangesCount() }}</span>\r\n          </button>\r\n          }\r\n        </div>\r\n        <div class=\"grid-caption-right\">\r\n          @if (!metaInfo?.tableMetadata?.extraProps?.toolbar?.hideManageState) {\r\n          @if (currentRouteSavedStates?.length) {\r\n          <select class=\"p-inputtext p-component wuic-grid-state-select\" [(ngModel)]=\"selectedSavedStateId\"\r\n            (change)=\"onSavedStateDropdownChange($event)\">\r\n            <option value=\"\"></option>\r\n            @for (s of currentRouteSavedStates; track s.id) {\r\n            <option [value]=\"s.id\">\r\n              {{ s.name }}\r\n            </option>\r\n            }\r\n          </select>\r\n          }\r\n          <p-button [label]=\"'list_grid.manage_state' | translate\" icon=\"pi pi-bookmark\" iconPos=\"left\"\r\n            (onClick)=\"onSaveStateMenuToggle($event, saveStateMenu)\" />\r\n          <p-menu #saveStateMenu [popup]=\"true\" [model]=\"saveStateMenuItems\" appendTo=\"body\"></p-menu>\r\n          }\r\n          @if (!isAdvancedFilterModeEnabled()) {\r\n          <p-button [label]=\"'clear_filters' | translate\" icon=\"pi pi-filter-slash\" (onClick)=\"clearFilter(dt1)\" />\r\n          }\r\n          <!--    <i class=\"pi pi-search\"></i>\r\n          <input type=\"text\" pInputText [(ngModel)]=\"searchValue\"\r\n            class=\"p-inputtext p-component p-element ng-pristine ng-valid ng-touched\"\r\n            (input)=\"dt1.filterGlobal(getTgtVal($event.target), 'contains')\"\r\n            [placeholder]=\"'search_keyword' | translate\" /> -->\r\n        </div>\r\n      </div>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @if (metaInfo.tableMetadata.md_nested_grid_routes) {\r\n        <th class=\"nested-grid-column\" role=\"presentation\" aria-hidden=\"true\" pFrozenColumn [frozen]=\"true\"\r\n          alignFrozen=\"left\"></th>\r\n        }\r\n        @if (metaInfo.tableMetadata.md_multiple_selection) {\r\n        <th class=\"multiple-selection-grid-column\" role=\"presentation\" pFrozenColumn [frozen]=\"true\" alignFrozen=\"left\"\r\n          class=\"wuic-selection-th\">\r\n          <p-tableHeaderCheckbox [ariaLabel]=\"'Seleziona tutte le righe'\" />\r\n        </th>\r\n        }\r\n        @if (showActionColumn()) {\r\n        <th class=\"command-grid-column\" role=\"presentation\" aria-hidden=\"true\" pFrozenColumn [frozen]=\"true\"\r\n          alignFrozen=\"left\"></th>\r\n        }\r\n        <!-- @for (col of columns | visibleFieldList; track col.metaColumn.mc_id) {  NON FUNZIONA si spaccano i filter template !!! -->\r\n        <!-- *ngFor NON FUNGE SE USI IL trackBy -> si spaccano i filter template -->\r\n        @for (col of columns | visibleFieldList; track getStableColumnTrackKey(col, $index)) {\r\n        @if (!!col?.frozen) {\r\n        <th pResizableColumn pReorderableColumn [attr.data-field]=\"col.field\" [style.width]=\"getColumnWidthCss(col)\"\r\n          [style.min-width]=\"columnMinWidthCss\" [class.wuic-column-filter-active]=\"hasActiveFilter(col.metaColumn)\"\r\n          pFrozenColumn [frozen]=\"true\" [alignFrozen]=\"col?.alignFrozen || 'left'\"\r\n          (contextmenu)=\"onColumnHeaderContextMenu($event, col, columnCtxMenu)\"\r\n          [pSortableColumn]=\"isColumnSortable(col) ? col.field : undefined\">\r\n          <div class=\"flex align-items-center\">\r\n            <span class=\"wuic-col-header-text\">{{ col.header }}</span>\r\n            @if (isColumnSortable(col)) {\r\n            <p-sortIcon [field]=\"col.field\" />\r\n            }\r\n            @if (!isAdvancedFilterModeEnabled() && !col.metaColumn.md_disabilita_filtri &&\r\n            col.metaColumn.mc_show_in_filters) {\r\n            <span class=\"wuic-column-filter-wrap\"\r\n              [class.wuic-column-filter-wrap-active]=\"hasActiveFilter(col.metaColumn)\">\r\n              <p-columnFilter [field]=\"col.metaColumn.mc_nome_colonna\" [matchMode]=\"getPrimeNgMatchMode(col.metaColumn)\"\r\n                display=\"menu\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\"\r\n                [showClearButton]=\"false\" and [showApplyButton]=\"false\" #columnFilterRef\r\n                [ariaLabel]=\"('filter' | translate) + ' ' + col.header\"\r\n                (onShow)=\"onColumnFilterMenuShow(col.metaColumn, columnFilterRef)\">\r\n                <ng-template #filter let-value let-filter=\"filterCallback\">\r\n                  @for (epoch of [getColumnFilterRenderEpoch(col.metaColumn)]; track epoch) {\r\n                  <wuic-field-filter [record]=\"datasource?.value?.filterDescriptor\" [field]=\"col.metaColumn\"\r\n                    [metaInfo]=\"metaInfo\" [operator]=\"metaInfo?.operators?.[col.metaColumn.mc_nome_colonna]\"\r\n                    [datasource]=\"datasource\"></wuic-field-filter>\r\n                  <!-- Flex layout guarantees the two buttons are always\r\n                       the same width AND height regardless of label length\r\n                       or whether bootstrap/primeflex `.row`/`.col-6` are\r\n                       loaded. `flex: 1 1 0` forces equal widths,\r\n                       `align-items: stretch` (default) keeps height equal. -->\r\n                  <div style=\"display: flex; gap: 8px; margin-top: 8px; align-items: stretch;\">\r\n                    <p-button label=\"{{'apply_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterApply(filter, col.metaColumn, columnFilterRef, $event)\"\r\n                      class=\"p-button-success\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                    <p-button label=\"{{'clear_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterClear(filter, col.metaColumn, columnFilterRef)\"\r\n                      class=\"p-button-danger\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                  </div>\r\n                  }\r\n                </ng-template>\r\n              </p-columnFilter>\r\n            </span>\r\n            }\r\n          </div>\r\n        </th>\r\n        } @else {\r\n        <th pResizableColumn pReorderableColumn [attr.data-field]=\"col.field\" [style.width]=\"getColumnWidthCss(col)\"\r\n          [style.min-width]=\"columnMinWidthCss\" [class.wuic-column-filter-active]=\"hasActiveFilter(col.metaColumn)\"\r\n          (contextmenu)=\"onColumnHeaderContextMenu($event, col, columnCtxMenu)\"\r\n          [pSortableColumn]=\"isColumnSortable(col) ? col.field : undefined\">\r\n          <div class=\"flex align-items-center\">\r\n            <span class=\"wuic-col-header-text\">{{ col.header }}</span>\r\n            @if (isColumnSortable(col)) {\r\n            <p-sortIcon [field]=\"col.field\" />\r\n            }\r\n            @if (!isAdvancedFilterModeEnabled() && !col.metaColumn.md_disabilita_filtri &&\r\n            col.metaColumn.mc_show_in_filters) {\r\n            <!-- <ng-container [ngSwitch]=\"col.metaColumn.mc_ui_column_type\"> -->\r\n            <span class=\"wuic-column-filter-wrap\"\r\n              [class.wuic-column-filter-wrap-active]=\"hasActiveFilter(col.metaColumn)\">\r\n              <p-columnFilter [field]=\"col.metaColumn.mc_nome_colonna\" [matchMode]=\"getPrimeNgMatchMode(col.metaColumn)\"\r\n                display=\"menu\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\"\r\n                [showClearButton]=\"false\" and [showApplyButton]=\"false\" #columnFilterRef\r\n                [ariaLabel]=\"('filter' | translate) + ' ' + col.header\"\r\n                (onShow)=\"onColumnFilterMenuShow(col.metaColumn, columnFilterRef)\">\r\n                <ng-template #filter let-value let-filter=\"filterCallback\">\r\n                  @for (epoch of [getColumnFilterRenderEpoch(col.metaColumn)]; track epoch) {\r\n                  <wuic-field-filter [record]=\"datasource?.value?.filterDescriptor\" [field]=\"col.metaColumn\"\r\n                    [metaInfo]=\"metaInfo\" [operator]=\"metaInfo?.operators?.[col.metaColumn.mc_nome_colonna]\"\r\n                    [datasource]=\"datasource\"></wuic-field-filter>\r\n                  <!-- Flex layout guarantees the two buttons are always\r\n                       the same width AND height regardless of label length\r\n                       or whether bootstrap/primeflex `.row`/`.col-6` are\r\n                       loaded. `flex: 1 1 0` forces equal widths,\r\n                       `align-items: stretch` (default) keeps height equal. -->\r\n                  <div style=\"display: flex; gap: 8px; margin-top: 8px; align-items: stretch;\">\r\n                    <p-button label=\"{{'apply_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterApply(filter, col.metaColumn, columnFilterRef, $event)\"\r\n                      class=\"p-button-success\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                    <p-button label=\"{{'clear_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterClear(filter, col.metaColumn, columnFilterRef)\"\r\n                      class=\"p-button-danger\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                  </div>\r\n                  }\r\n                </ng-template>\r\n              </p-columnFilter>\r\n            </span>\r\n            <!-- <p-columnFilter *ngSwitchDefault type=\"text\" [field]=\"col.field\" display=\"menu\" /> -->\r\n            <!-- </ng-container> -->\r\n            }\r\n          </div>\r\n        </th>\r\n        }\r\n        }\r\n        <!-- } -->\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-expanded=\"expanded\" let-rowIndex=\"rowIndex\">\r\n      <ng-container pTemplate=\"body\"\r\n        *ngComponentOutlet=\"rowTemplate; inputs: { columns: columns, rowData: rowData, expanded: expanded, rowIndex: rowIndex, actionButtonRowIsVisible: isActionButtonRowVisible, isListVirtualizationEnabled: isListVirtualizationEnabled.bind(this), inlineCellEditingEnabled: isInlineCellEditingEnabled(), onInlineCellEditorBlur: onInlineCellEditorBlur.bind(this), onInlineCellEditorValueChange: onInlineCellEditorValueChange.bind(this), getRuntimeGridFieldMeta: getRuntimeGridFieldMetaFn, metaInfo: metaInfo, datasource: datasource, MetadatiColonna: MetadatiColonna, dt: dt1, toggleRow: toggleRow, rowSelect: rowSelect, rowCustomSelect: rowCustomSelect }\"></ng-container>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-columns=\"columns\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"(columns | visibleFieldList).length + (metaInfo.tableMetadata.md_nested_grid_routes ? 1 : 0) + (metaInfo.tableMetadata.md_multiple_selection ? 1 : 0) + (showActionColumn() ? 1 : 0)\">\r\n          @if (metaInfo.nestedRoutes?.length == 1) {\r\n          <div [ngClass]=\"metaInfo.nestedRoutes[0].nestedGridContainerClass\">\r\n            <wuic-data-source #nestedSource [autoload]=\"true\" [routeFromRouting]=\"false\"\r\n              [hardcodedRoute]=\"metaInfo.nestedRoutes[0].route\" [parentRecord]=\"rowData\" [parentMetaInfo]=\"metaInfo\"\r\n              [loading]=\"loading\"></wuic-data-source>\r\n\r\n            @if (nestedSource && userInfo.isCurrentUserAdmin()) {\r\n            <wuic-metadata-editor [hardcodedDatasource]=\"nestedSource\"></wuic-metadata-editor>\r\n            }\r\n\r\n            <div class=\"list-grid-long-description-container\"\r\n              [innerHTML]=\"getNestedLongDescriptionSafeHtml(nestedSource)\">\r\n            </div>\r\n\r\n            <wuic-data-repeater\r\n              [hardcodedAction]=\"metaInfo.nestedRoutes[0].action == '' ? 'list' : metaInfo.nestedRoutes[0].action\"\r\n              [hardcodedDatasource]=\"nestedSource\"></wuic-data-repeater>\r\n          </div>\r\n          }\r\n          @if (metaInfo.nestedRoutes?.length > 1) {\r\n          <div>\r\n            <p-tabs [value]=\"0\">\r\n              <p-tablist>\r\n                @for (nestedRoute of metaInfo.nestedRoutes; track nestedRoute; let i = $index) {\r\n                <p-tab [value]=\"i\">{{ nestedRoute.nestedTabCaption }}</p-tab>\r\n                }\r\n              </p-tablist>\r\n              <p-tabpanels>\r\n                @for (nestedRoute of metaInfo.nestedRoutes; track nestedRoute; let i = $index) {\r\n                <p-tabpanel [value]=\"i\">\r\n                  <div [ngClass]=\"nestedRoute.nestedGridContainerClass\">\r\n                    <wuic-data-source #nestedSource [autoload]=\"true\" [routeFromRouting]=\"false\"\r\n                      [hardcodedRoute]=\"nestedRoute.route\" [parentRecord]=\"rowData\" [parentMetaInfo]=\"metaInfo\"\r\n                      [loading]=\"loading\"></wuic-data-source>\r\n\r\n                    @if (nestedSource && userInfo.isCurrentUserAdmin()) {\r\n                    <wuic-metadata-editor [hardcodedDatasource]=\"nestedSource\"></wuic-metadata-editor>\r\n                    }\r\n\r\n                    <wuic-data-repeater [hardcodedAction]=\"nestedRoute.action == '' ? 'list' : nestedRoute.action\"\r\n                      [hardcodedDatasource]=\"nestedSource\"></wuic-data-repeater>\r\n                  </div>\r\n                </p-tabpanel>\r\n                }\r\n              </p-tabpanels>\r\n            </p-tabs>\r\n          </div>\r\n          }\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"footer\">\r\n      @if (metaInfo.hasFooter) {\r\n      <tr>\r\n        @if (metaInfo.tableMetadata.md_nested_grid_routes) {\r\n        @if (showActionColumn()) {\r\n        <td></td>\r\n        }\r\n        }\r\n        @if (metaInfo.tableMetadata.md_multiple_selection) {\r\n        <td></td>\r\n        }\r\n        <td></td>\r\n        @for (col of metaInfo.columnMetadata | visibleFieldList; track col.mc_id) {\r\n        <td>\r\n          @if (col.mc_aggregation) {\r\n          <table>\r\n            @for (agg of getAggregations(col); track agg.field + '#' + agg.aggregation) {\r\n            <tr>\r\n              <td>\r\n                {{agg.aggregation | translate}}:\r\n              </td>\r\n              <td>\r\n                {{agg.aggregateValue}}\r\n              </td>\r\n            </tr>\r\n            }\r\n          </table>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n  </p-table>\r\n  }\r\n\r\n  <!--\r\n    Mobile: la list-grid usa la STESSA <p-table> del desktop, sopra.\r\n    Il row template (compilato via `DynamicRowTemplateComponent.\r\n    getComponentFromTemplate`) cambia contenuto in base a\r\n    `deviceAwareness.isMobile` \u2014 vedi `getEffectiveGridRowTemplate` in\r\n    list-grid.component.ts: quando mobile, emette una singola <td colspan>\r\n    con layout card-style invece di <td> per ogni colonna. CSS\r\n    `@media (max-width: 768px)` nel file .scss nasconde <thead>, rende\r\n    `display: block` le <tr>/<td> per liberarsi della semantica table.\r\n    Vantaggio: un solo code path (riusa il JIT compile del row template\r\n    gia' testato) eliminando il bug `*ngComponentOutlet [inputs]` che\r\n    affliggeva il percorso mobile-card separato.\r\n  -->\r\n</div>\r\n\r\n<p-dialog [header]=\"'list_grid.save_state_dialog_header' | translate\" [(visible)]=\"saveGridStateDialogVisible\"\r\n  [modal]=\"true\" [closable]=\"true\" [style]=\"{ width: '34rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-save-state-dialog\">\r\n    <label for=\"wuic-save-state-select\">{{ 'list_grid.state' | translate }}</label>\r\n    <select id=\"wuic-save-state-select\" class=\"p-inputtext p-component\" [(ngModel)]=\"saveGridStateDialogSelectedId\"\r\n      (change)=\"onSaveGridStateDialogSelectionChange()\">\r\n      <option [value]=\"NEW_GRID_STATE_OPTION_ID\">{{ 'new' | translate }}</option>\r\n      @for (s of currentRouteSavedStates; track s.id) {\r\n      <option [value]=\"s.id\">\r\n        {{ s.name }}\r\n      </option>\r\n      }\r\n    </select>\r\n\r\n    @if (saveGridStateDialogSelectedId === NEW_GRID_STATE_OPTION_ID) {\r\n    <label for=\"wuic-save-state-name\">{{ 'list_grid.new_state_name' | translate }}</label>\r\n    <input id=\"wuic-save-state-name\" type=\"text\" pInputText [(ngModel)]=\"saveGridStateDialogNewName\"\r\n      [placeholder]=\"'list_grid.new_state_name_placeholder' | translate\" />\r\n    }\r\n\r\n    <label for=\"wuic-save-state-default\" class=\"wuic-column-layout-check\">\r\n      <input id=\"wuic-save-state-default\" type=\"checkbox\" [(ngModel)]=\"saveGridStateDialogSetAsDefault\" />\r\n      <span>{{ 'list_grid.set_as_default' | translate }}</span>\r\n    </label>\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"saveGridStateDialogVisible = false\" />\r\n    <p-button [label]=\"'save' | translate\" (onClick)=\"saveCurrentRouteGridState()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.rename_state' | translate\" [(visible)]=\"renameGridStateDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '30rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-save-state-dialog\">\r\n    <label for=\"wuic-rename-state-name\">{{ 'list_grid.new_state_name' | translate }}</label>\r\n    <input id=\"wuic-rename-state-name\" type=\"text\" pInputText [(ngModel)]=\"renameGridStateDialogName\"\r\n      [placeholder]=\"'list_grid.new_state_name_placeholder' | translate\" />\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"renameGridStateDialogVisible = false\" />\r\n    <p-button [label]=\"'save' | translate\" (onClick)=\"renameSelectedGridState()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.configure_columns' | translate\" [(visible)]=\"columnLayoutDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '36rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-column-layout-dialog\">\r\n    @for (item of columnLayoutDraft; track item.field + '#' + $index; let i = $index) {\r\n    <div class=\"wuic-column-layout-row\">\r\n      <label class=\"wuic-column-layout-check\">\r\n        <input type=\"checkbox\" [(ngModel)]=\"item.visible\" />\r\n        <span>{{ item.header }}</span>\r\n      </label>\r\n      <div class=\"wuic-column-layout-actions\">\r\n        <p-button icon=\"pi pi-arrow-up\" [outlined]=\"true\" [disabled]=\"i === 0\"\r\n          (onClick)=\"moveColumnLayoutDraft(i, -1)\" />\r\n        <p-button icon=\"pi pi-arrow-down\" [outlined]=\"true\" [disabled]=\"i === (columnLayoutDraft.length - 1)\"\r\n          (onClick)=\"moveColumnLayoutDraft(i, 1)\" />\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"columnLayoutDialogVisible = false\" />\r\n    <p-button [label]=\"'list_grid.reset_metadata' | translate\" [outlined]=\"true\" icon=\"pi pi-refresh\"\r\n      (onClick)=\"resetColumnLayoutDraftAndWidths()\" />\r\n    <p-button [label]=\"'save' | translate\" (onClick)=\"saveColumnLayoutFromDialog()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.report_parameters' | translate\" [(visible)]=\"reportVariableDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '34rem', maxWidth: '95vw' }\" (onHide)=\"cancelReportVariableDialog()\">\r\n  <div class=\"wuic-save-state-dialog\">\r\n    @for (variable of selectedReportVariables; track variable.name; let i = $index) {\r\n    <label [for]=\"'wuic-report-var-' + i\">{{ variable.alias || variable.name }}</label>\r\n    <input [id]=\"'wuic-report-var-' + i\" [name]=\"'wuic-report-var-name-' + i\" type=\"text\" pInputText\r\n      [(ngModel)]=\"variable.value\" />\r\n    }\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"cancelReportVariableDialog()\" />\r\n    <p-button [label]=\"'list_grid.open_report' | translate\" (onClick)=\"applyReportVariablesAndOpenViewer()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.pending_changes' | translate\" [(visible)]=\"changesDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '44rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-changes-dialog\">\r\n    @if (!pendingChangeItems.length) {\r\n    <div>{{ 'list_grid.no_pending_changes' | translate }}</div>\r\n    } @else {\r\n    @for (item of pendingChangeItems; track item.id) {\r\n    <label class=\"wuic-column-layout-check\">\r\n      <input type=\"checkbox\" [(ngModel)]=\"item.selected\" />\r\n      <span><strong>{{ item.label }}</strong> - {{ item.details }}</span>\r\n    </label>\r\n    }\r\n    }\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'list_grid.save_all' | translate\"\r\n      [disabled]=\"$any(changesDialogBusy) || !pendingChangeItems.length || !metaInfo?.tableMetadata?.md_batch_save\"\r\n      (onClick)=\"saveAllPendingChanges()\" />\r\n    <p-button [label]=\"'list_grid.save_selected' | translate\" [outlined]=\"true\"\r\n      [disabled]=\"$any(changesDialogBusy) || !pendingChangeItems.length || !getSelectedPendingChangesCount() || !metaInfo?.tableMetadata?.md_batch_save\"\r\n      (onClick)=\"saveSelectedPendingChanges()\" />\r\n    <p-button [label]=\"'list_grid.discard_changes' | translate\" severity=\"danger\" [outlined]=\"true\"\r\n      [disabled]=\"$any(changesDialogBusy) || !pendingChangeItems.length || !metaInfo?.tableMetadata?.md_batch_save\"\r\n      (onClick)=\"cancelAllPendingChanges()\" />\r\n  </ng-template>\r\n</p-dialog>", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;flex:1 1 auto;height:100%;max-height:100%;min-height:0;overflow:hidden;--wuic-grid-row-odd: #ffffff;--wuic-grid-row-even: #f6f8fc;--wuic-grid-row-hover: #edf2ff;--wuic-grid-row-selected-bg: #dbe8ff;--wuic-grid-row-selected-text: #0f2348;--wuic-grid-row-selected-ring: rgba(59, 130, 246, .55);--wuic-grid-accent: var(--p-primary-color, #3b82f6);--wuic-grid-base: var(--p-surface-0, #ffffff)}:host-context(.theme-dark){--wuic-grid-row-odd: #1f2430;--wuic-grid-row-even: #252b38;--wuic-grid-row-hover: #31394b;--wuic-grid-row-selected-bg: #284774;--wuic-grid-row-selected-text: #eaf2ff;--wuic-grid-row-selected-ring: rgba(120, 170, 255, .65);--wuic-grid-base: var(--p-surface-900, #1f2430)}@supports (color: color-mix(in srgb,white,black)){:host{--wuic-grid-row-odd: color-mix(in srgb, var(--wuic-grid-base) 96%, var(--wuic-grid-accent) 4%);--wuic-grid-row-even: color-mix(in srgb, var(--wuic-grid-base) 90%, var(--wuic-grid-accent) 10%);--wuic-grid-row-hover: color-mix(in srgb, var(--wuic-grid-base) 82%, var(--wuic-grid-accent) 18%);--wuic-grid-row-selected-bg: color-mix(in srgb, var(--wuic-grid-base) 56%, var(--wuic-grid-accent) 44%);--wuic-grid-row-selected-ring: color-mix(in srgb, var(--wuic-grid-accent) 72%, transparent)}:host-context(.theme-dark){--wuic-grid-row-odd: color-mix(in srgb, var(--wuic-grid-base) 92%, var(--wuic-grid-accent) 8%);--wuic-grid-row-even: color-mix(in srgb, var(--wuic-grid-base) 84%, var(--wuic-grid-accent) 16%);--wuic-grid-row-hover: color-mix(in srgb, var(--wuic-grid-base) 72%, var(--wuic-grid-accent) 28%);--wuic-grid-row-selected-bg: color-mix(in srgb, var(--wuic-grid-base) 36%, var(--wuic-grid-accent) 64%);--wuic-grid-row-selected-ring: color-mix(in srgb, var(--wuic-grid-accent) 82%, transparent)}}.list-grid-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}:host ::ng-deep .list-grid-container .p-datatable{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-wrapper,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-table-container,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-view{flex:1 1 auto;min-height:0}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-wrapper,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-table-container{overflow:hidden}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-table-container{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:auto}:host ::ng-deep .p-datatable-table-container:has(>table.wuic-nested-grid),:host ::ng-deep .p-datatable:has(>.p-datatable-table-container>table.wuic-nested-grid),:host ::ng-deep .list-grid-container:has(table.wuic-nested-grid),:host ::ng-deep wuic-list-grid:has(table.wuic-nested-grid),:host ::ng-deep wuic-list-grid-lazy:has(table.wuic-nested-grid),:host ::ng-deep .data-repeater-body:has(table.wuic-nested-grid),:host ::ng-deep td:has(wuic-data-repeater table.wuic-nested-grid){overflow:visible!important;max-height:none!important}:host ::ng-deep table.wuic-nested-grid>thead.p-datatable-thead{position:sticky!important;top:var(--wuic-outer-thead-h, 0px);z-index:3}:host ::ng-deep table.wuic-nested-grid>thead.p-datatable-thead>tr>th{background:var(--wuic-grid-base)!important}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):nth-child(odd)>td{background:var(--wuic-grid-row-odd)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):nth-child(2n)>td{background:var(--wuic-grid-row-even)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):hover>td{background:var(--wuic-grid-row-hover)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-selected>td{background:var(--wuic-grid-row-selected-bg)!important;color:var(--wuic-grid-row-selected-text);box-shadow:inset 0 1px 0 var(--wuic-grid-row-selected-ring),inset 0 -1px 0 var(--wuic-grid-row-selected-ring)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-selected>td:first-child{box-shadow:inset 4px 0 0 var(--wuic-grid-accent),inset 0 1px 0 var(--wuic-grid-row-selected-ring),inset 0 -1px 0 var(--wuic-grid-row-selected-ring)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-selected:hover>td{background:var(--wuic-grid-row-selected-bg)!important}:host ::ng-deep td.p-datatable-frozen-column,:host ::ng-deep th.p-datatable-frozen-column{border-right:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep td.wuic-action-cell,:host ::ng-deep th.command-grid-column{width:64px!important;min-width:64px!important;max-width:64px!important;box-sizing:border-box;text-align:center;vertical-align:middle}:host ::ng-deep td.wuic-action-cell wuic-data-action-button-lazy,:host ::ng-deep td.wuic-action-cell wuic-data-action-button{display:inline-flex;align-items:center;justify-content:center}:host ::ng-deep .p-datatable-tbody>tr>td:first-child,:host ::ng-deep .p-datatable-thead>tr>th:first-child{border-left:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep .p-datatable-thead>tr>th .p-checkbox .p-checkbox-box,:host ::ng-deep .p-datatable-tbody>tr>td input.p-checkbox-box{width:18px;height:18px;border:1px solid #9ca3af;border-radius:4px;background:#fff;box-sizing:border-box;vertical-align:middle}:host ::ng-deep .p-datatable-thead>tr>th .p-checkbox{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}:host ::ng-deep .p-datatable-thead>tr>th.wuic-selection-th{text-align:center;padding-left:.25rem;padding-right:.25rem}:host ::ng-deep .p-datatable-tbody>tr>td.wuic-selection-td{text-align:center;padding-left:.25rem;padding-right:.25rem}:host ::ng-deep .p-datatable-tbody>tr>td.wuic-selection-td>input.p-checkbox-box{margin-left:auto!important;margin-right:auto!important;display:block}:host ::ng-deep .p-datatable-thead>tr>th .p-checkbox .p-checkbox-icon{font-size:.72rem}:host ::ng-deep .p-datatable-table.width_defined{display:table}:host ::ng-deep .p-datatable-table{display:table}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table{width:100%!important;min-width:100%}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot{background:var(--wuic-grid-base)!important}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr:first-child>td,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr:first-child>th{border-top:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr>td:first-child,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr>th:first-child{border-left:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr>td{min-width:0;overflow:hidden}:host ::ng-deep .list-grid-container .p-datatable>.p-paginator{border-top:solid 1px var(--p-divider-color, #dcdcdc)}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator{border-top:2px solid currentColor;background:var(--p-content-background, #fff);font-weight:600;padding:.5rem .75rem}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page{min-width:2.25rem;min-height:2.25rem;border:2px solid currentColor!important;border-radius:4px;margin:0 2px;font-weight:700;background:transparent;color:currentColor}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:hover:not(:disabled){background:currentColor;color:var(--p-content-background, #fff)}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:focus-visible{outline:3px solid currentColor;outline-offset:2px}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:disabled{opacity:.45;cursor:not-allowed}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page],:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page]{background:var(--p-primary-color, #2563eb)!important;color:var(--p-primary-contrast-color, #fff)!important;border-color:var(--p-primary-color, #2563eb)!important;border-width:3px!important;font-weight:800}@media(forced-colors:active){:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page],:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page]{background:Highlight!important;color:HighlightText!important;border-color:Highlight!important;forced-color-adjust:none}}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-current,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-current{font-weight:700;padding:0 .5rem}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select{border:2px solid currentColor!important;font-weight:700;min-height:2.25rem}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-within,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-within,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-within,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-within{outline:3px solid currentColor;outline-offset:2px}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr>td .list-grid-cell-text-content,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr>td>a{display:block;width:0;min-width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;overflow-wrap:anywhere}.wuic-save-state-dialog{display:flex;flex-direction:column;gap:.6rem}.wuic-save-state-dialog select,.wuic-save-state-dialog input{width:100%}.wuic-column-layout-dialog{display:flex;flex-direction:column;gap:.45rem;max-height:55vh;overflow:auto}.wuic-column-layout-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0}.wuic-column-layout-check{display:inline-flex;align-items:center;gap:.5rem}.wuic-column-layout-actions{display:inline-flex;gap:.35rem}.wuic-changes-dialog{display:flex;flex-direction:column;gap:.5rem;max-height:55vh;overflow:auto}.wuic-export-progress-dialog{display:flex;flex-direction:column;gap:.65rem}::ng-deep .wuic-progress-dialog .p-progressbar{--p-progressbar-value-transition: none}::ng-deep .wuic-progress-dialog .p-progressbar .p-progressbar-value,::ng-deep .wuic-progress-dialog .p-progressbar-value,:host ::ng-deep .wuic-export-progress-dialog .p-progressbar .p-progressbar-value,:host ::ng-deep .wuic-export-progress-dialog .p-progressbar-value{transition:none!important;animation:none!important}.wuic-export-progress-detail{font-size:.9rem;font-weight:600;text-align:right}.wuic-import-dialog{display:flex;flex-direction:column;gap:.75rem}.wuic-import-grid{display:grid;grid-template-columns:1fr;gap:.35rem}.wuic-import-file-row{display:flex;align-items:center;gap:.65rem}.grid-caption-bar{display:flex;align-items:stretch;justify-content:space-between;gap:.75rem;flex-wrap:nowrap}.grid-caption-left,.grid-caption-right{display:flex;align-items:stretch;gap:.5rem;flex-wrap:nowrap;min-height:2.25rem;height:2.25rem}.grid-caption-right{margin-left:auto}.grid-caption-left>*,.grid-caption-right>*{margin:0;align-self:stretch}.grid-changes-indicator{display:inline-flex;align-items:center;gap:.3rem;padding:0 .55rem;border:1px solid #f59e0b;border-radius:999px;background:#fffbeb;color:#b45309;font-size:.82rem;font-weight:700;cursor:pointer;appearance:none}.grid-changes-count{min-width:1.2rem;text-align:center}.wuic-grid-state-select{min-width:220px}:host ::ng-deep .grid-caption-bar .p-button,:host ::ng-deep .grid-caption-bar .p-splitbutton .p-button,:host ::ng-deep .grid-caption-bar .p-inputtext{min-height:2.25rem;height:2.25rem;padding-top:.45rem;padding-bottom:.45rem;margin:0;box-sizing:border-box;line-height:1.1rem;vertical-align:middle}:host ::ng-deep .grid-caption-bar p-button,:host ::ng-deep .grid-caption-bar p-splitbutton{display:inline-flex;align-items:stretch;margin:0;vertical-align:middle}:host ::ng-deep .grid-caption-bar p-button>.p-button{min-height:2.25rem;height:2.25rem;display:inline-flex;align-items:center}:host ::ng-deep .grid-caption-bar .p-button,:host ::ng-deep .grid-caption-bar .p-splitbutton .p-button{padding-left:.75rem;padding-right:.75rem}:host ::ng-deep .grid-caption-bar .p-splitbutton{display:inline-flex;align-items:stretch;margin:0}:host ::ng-deep .grid-caption-bar .p-splitbutton .p-button{height:100%}:host ::ng-deep .grid-caption-bar .p-button .p-button-label,:host ::ng-deep .grid-caption-bar .p-button .p-button-icon{line-height:1}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td{padding-top:.35rem;padding-bottom:.35rem;vertical-align:middle;position:relative}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within{overflow:visible!important;z-index:50}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within wuic-field-editor,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .editor-wapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .editor-wapper>div{overflow:visible!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker .p-inputtext{position:relative;z-index:100;min-width:360px!important;max-width:80vw!important;background:var(--p-content-background, var(--p-surface-0, #fff));box-shadow:0 4px 12px #0000002e;border:1px solid var(--p-primary-color, #3b82f6);border-radius:4px}:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputtext,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber .p-inputtext,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete .p-inputtext,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker .p-inputtext{background:var(--p-surface-900, #1f2430)}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper>div{display:block;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor{display:flex!important;align-items:center!important;min-height:2.2rem!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-wrapper{margin:0!important;padding:0!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper>div{min-height:0!important;height:auto!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .caption-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .caption-wrapper{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-autocomplete,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-autocomplete .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-select,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-multiselect{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper{display:flex;align-items:center}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-autocomplete .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-select,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-multiselect{min-height:2.2rem;height:2.2rem;line-height:1.2rem}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-inputnumber .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-datepicker .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-autocomplete .p-inputtext{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .disabled-textfield{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) p-autocomplete>svg[data-p-icon]{display:none!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) p-autocomplete .p-autocomplete-input{padding-right:.5rem!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within p-autocomplete>svg[data-p-icon]{z-index:101!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker{display:flex;align-items:stretch}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-datepicker-input,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-datepicker-dropdown{min-height:2.2rem;height:2.2rem}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-disabled .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-inputtext:disabled{opacity:1}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .disabled-textfield{margin:0!important;padding:.5rem .75rem!important;min-height:2.2rem!important;height:2.2rem!important;display:flex!important;align-items:center!important;border-radius:6px;box-sizing:border-box}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td wuic-field-editor{display:flex;align-items:center;min-height:2.2rem}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .caption-wrapper{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .editor-wapper{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;min-width:0!important;display:flex;align-items:center}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .editor-wapper>div{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .disabled-textfield{margin:0!important;padding:.5rem .75rem!important;min-height:2.2rem!important;height:2.2rem!important;display:flex!important;align-items:center!important;border-radius:6px;box-sizing:border-box}.command-grid-column{width:65px}.multiple-selection-grid-column{width:50px}.nested-grid-column{width:30px}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-thead{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tfoot,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-footer,:host ::ng-deep .wuic-list-grid-mobile tfoot{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-table,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-resizable-table,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-scrollable-table{display:block}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tbody{display:block;width:100%;padding-top:12px}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tbody>tr{display:block;width:100%;box-sizing:border-box;margin-bottom:12px;border-radius:12px;overflow:hidden;background:var(--p-content-background, var(--wuic-grid-row-odd));border:1px solid var(--p-content-border-color, color-mix(in srgb, var(--wuic-grid-base) 80%, var(--wuic-grid-accent) 20%))}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tbody>tr:last-child{margin-bottom:0}:host ::ng-deep .wuic-list-grid-mobile td.wuic-mobile-card-cell{display:block;width:100%;padding:14px;border-bottom:1px solid var(--surface-border, #e5e7eb);box-sizing:border-box}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-scrollable-table,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-table{width:100%!important;min-width:unset!important}:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-button .p-button-label,:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-splitbutton .p-button .p-button-label{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-button{padding-left:.5rem!important;padding-right:.5rem!important}:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-button .p-button-icon{margin-right:0!important;margin-left:0!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator{display:flex!important;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;padding:8px 4px}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-current{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-pages{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-first,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-prev,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-next,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-last{min-width:36px!important;height:36px!important;margin:0!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-rpp-options,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-select{min-width:56px!important;height:36px!important;margin-left:4px!important}.wuic-mobile-card-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:18px;padding:14px;overflow:auto}.wuic-mobile-card-slot{padding-bottom:18px;box-sizing:border-box}.wuic-mobile-card-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px 0;border-bottom:1px solid color-mix(in srgb,var(--wuic-grid-base) 80%,var(--wuic-grid-accent) 20%);margin-bottom:4px}.wuic-mobile-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--p-content-border-color, color-mix(in srgb, var(--wuic-grid-base) 75%, var(--wuic-grid-accent) 25%));border-radius:12px;background:var(--p-content-background, var(--wuic-grid-row-odd));color:var(--p-text-color, inherit);box-shadow:0 4px 14px #0f172a14}:host-context(.theme-dark) .wuic-mobile-card{box-shadow:0 2px 8px #00000059}.wuic-mobile-card.wuic-row-selected{background:var(--wuic-grid-row-selected-bg);color:var(--wuic-grid-row-selected-text);outline:2px solid var(--wuic-grid-row-selected-ring)}:host ::ng-deep .wuic-mobile-card-actions{display:flex;justify-content:flex-end;align-items:center;margin:0 -4px 4px;padding-bottom:6px;border-bottom:1px solid var(--p-content-border-color, currentColor)}:host ::ng-deep .wuic-mobile-card-body{display:flex;flex-direction:column;gap:0}:host ::ng-deep .wuic-mobile-card-row{display:grid;grid-template-columns:minmax(110px,38%) 1fr;column-gap:12px;align-items:baseline;padding:8px 2px;border-bottom:1px solid var(--p-content-border-color, currentColor)}:host ::ng-deep .wuic-mobile-card-row:last-child{border-bottom:none}:host ::ng-deep .wuic-mobile-card-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:currentColor;opacity:.75;line-height:1.3;word-break:break-word}:host ::ng-deep .wuic-mobile-card-value{font-size:.95rem;font-weight:500;text-align:right;word-break:break-word;min-width:0;color:currentColor}:host ::ng-deep .wuic-mobile-card-value a{color:var(--p-primary-color, #3b82f6);text-decoration:underline}.wuic-mobile-card-empty{padding:24px 12px;text-align:center;color:#6b7280;font-style:italic}p-menu:not(.p-menu-overlay-visible){display:none}@media(max-width:420px){:host ::ng-deep .wuic-mobile-card-row{grid-template-columns:1fr;row-gap:2px}:host ::ng-deep .wuic-mobile-card-value{text-align:left}}\n"] }]
+            args: [{ selector: 'wuic-list-grid', imports: [DataSourceComponent, forwardRef(() => DataRepeaterComponent), TableModule, ButtonModule, SplitButtonModule, DialogModule, ContextMenuModule, MenuModule, PaginatorModule, ScrollerModule, Tabs, TabList, Tab, TabPanels, TabPanel, NgClass, AsyncPipe, FormsModule, InputTextModule, FieldFilterComponent, NgComponentOutlet, TranslateModule, VisibleFieldListPipe, MetadataEditorComponent, ImportExportButtonComponent], providers: [Title], template: "<wuic-data-source #metadataColumnsDatasource [hardcodedRoute]=\"' metadati  colonne'\"\r\n  style=\"display: none;\"></wuic-data-source>\r\n<p-contextMenu #columnCtxMenu [model]=\"columnContextMenuItems\" appendTo=\"body\"></p-contextMenu>\r\n\r\n<div class=\"list-grid-container\" #gridContainer\r\n  [class.wuic-list-grid-mobile]=\"gridLayoutIsMobile\">\r\n  @if (rowTemplate) {\r\n  <p-table #dt1 [columns]=\"cols\" [value]=\"records\" [scrollable]=\"true\"\r\n    [scrollHeight]=\"metaInfo.tableMetadata.md_grid_scroll_height ? metaInfo.tableMetadata.md_grid_scroll_height : 'flex'\"\r\n    [virtualScroll]=\"isListVirtualizationEnabled()\" [virtualScrollItemSize]=\"getListVirtualizationItemSize()\"\r\n    [resizableColumns]=\"true\" [reorderableColumns]=\"true\" columnResizeMode=\"expand\" [rows]=\"pageSize\"\r\n    [first]=\"rowNumber\" [lazy]=\"metaInfo.tableMetadata.md_server_side_operations\" [sortField]=\"orderColumn || null\"\r\n    [sortOrder]=\"orderColumn ? (orderDir === 'desc' ? -1 : 1) : 0\" [(selection)]=\"selectedItems\"\r\n    [dataKey]=\"metaInfo.pKey?.mc_nome_colonna\" [paginator]=\"metaInfo.tableMetadata.md_pageable\"\r\n    [rowsPerPageOptions]=\"metaInfo.rowsPerPageOptions\" [totalRecords]=\"totalRecords\"\r\n    [showPageLinks]=\"!datasource?.value?.cursorMode\" [showFirstLastIcon]=\"!datasource?.value?.cursorMode\"\r\n    [showCurrentPageReport]=\"metaInfo.tableMetadata.md_show_record_count && !datasource?.value?.cursorMode\"\r\n    [loading]=\"datasource?.value?.loading | async\"\r\n    [currentPageReportTemplate]=\"'Showing {first} to {last} of {totalRecords} entries' | translate\"\r\n    (onPage)=\"pageFilterChange($event)\" (onFilter)=\"pageFilterChange($event)\" (onSort)=\"pageFilterChange($event)\"\r\n    (selectionChange)=\"onSelectionChange($event)\" (onColResize)=\"onColumnResize($event)\"\r\n    (onColReorder)=\"onColumnReorder($event)\" [expandedRowKeys]=\"expandedRows\" (onRowExpand)=\"onRowExpand($event)\"\r\n    (onRowCollapse)=\"onRowCollapse($event)\" [selectionMode]=\"rowCustomSelect ? 'single' : undefined\"\r\n    [tableStyleClass]=\"getTableStyleClass()\">\r\n    <ng-template pTemplate=\"colgroup\" let-columns>\r\n      <colgroup>\r\n        @if (metaInfo.tableMetadata.md_nested_grid_routes) {\r\n        <col class=\"nested-grid-column\" />\r\n        }\r\n        @if (metaInfo.tableMetadata.md_multiple_selection) {\r\n        <col class=\"multiple-selection-grid-column\" />\r\n        }\r\n        @if (showActionColumn()) {\r\n        <col class=\"command-grid-column\" />\r\n        }\r\n        @for (col of columns | visibleFieldList; track getStableColumnTrackKey(col, $index)) {\r\n        <col [style.width]=\"getColumnWidthCss(col)\" [style.min-width]=\"columnMinWidthCss\" />\r\n        }\r\n      </colgroup>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"caption\">\r\n      @if (!hideToolbar) {\r\n      <div class=\"grid-caption-bar\">\r\n        <div class=\"grid-caption-left\">\r\n          @if (!metaInfo.tableMetadata.md_hide_refresh) {\r\n          <p-button icon=\"pi pi-refresh\" label=\"{{'refresh_grid' | translate}}\" (onClick)=\"refresh()\" />\r\n          }\r\n          @if (metaInfo.tableMetadata.md_insertable) {\r\n          <p-button icon=\"pi pi-plus\" label=\"{{'add_grid' | translate}}\" (onClick)=\"addRecord()\" />\r\n          }\r\n          @if (tableActionMenuItems?.length) {\r\n          <p-button icon=\"pi pi-bars\" [label]=\"'actions' | translate\" (onClick)=\"tableActionsMenu.toggle($event)\" />\r\n          <p-menu #tableActionsMenu [popup]=\"true\" [model]=\"tableActionMenuItems\" appendTo=\"body\"\r\n            (onShow)=\"reEvaluateActionEnabledStates()\"></p-menu>\r\n          }\r\n          <wuic-import-export-button [routeName]=\"routeName\"\r\n            [tableMetadata]=\"metaInfo?.tableMetadata\"\r\n            [filterInfoProvider]=\"getCurrentFilterInfoForExport\"></wuic-import-export-button>\r\n          @if (reportMenuItems?.length) {\r\n          <p-splitButton icon=\"pi pi-chart-bar\" [label]=\"'list_grid.reports' | translate\" [model]=\"reportMenuItems\"\r\n            [menuButtonProps]=\"{ ariaLabel: ('list_grid.reports' | translate) }\"\r\n            (onClick)=\"reportMenuItems[0]?.command({})\" />\r\n          }\r\n          @if (canToggleClientSideCrud()) {\r\n          @if (!isClientSideCrudActive()) {\r\n          <p-button icon=\"pi pi-database\" [label]=\"'client_side_crud_enable' | translate\"\r\n            [disabled]=\"clientSideCrudToggleBusy\" (onClick)=\"toggleClientSideCrud()\" />\r\n          } @else {\r\n          <p-button icon=\"pi pi-cloud-upload\" [label]=\"'client_side_crud_sync' | translate\"\r\n            [disabled]=\"clientSideCrudToggleBusy\" (onClick)=\"syncAndDisableClientSideCrud()\" />\r\n          <p-button icon=\"pi pi-ban\" [label]=\"'client_side_crud_disable_without_sync' | translate\" severity=\"danger\"\r\n            [outlined]=\"true\" [disabled]=\"clientSideCrudToggleBusy\"\r\n            (onClick)=\"discardLocalAndDisableClientSideCrud()\" />\r\n          }\r\n          }\r\n          @if (isInlineBatchSaveEnabled() && !metaInfo?.tableMetadata?.extraProps?.toolbar?.hideBatchActions) {\r\n          <p-button icon=\"pi pi-save\" [label]=\"'list_grid.save_changes' | translate\"\r\n            [disabled]=\"changesDialogBusy || !hasDatasourceChanges()\" (onClick)=\"saveAllPendingChanges()\" />\r\n          <p-button icon=\"pi pi-times\" [label]=\"'list_grid.discard_changes' | translate\" severity=\"danger\"\r\n            [outlined]=\"true\" [disabled]=\"changesDialogBusy || !hasDatasourceChanges()\"\r\n            (onClick)=\"cancelAllPendingChanges()\" />\r\n          }\r\n          @if (hasDatasourceChanges() && !metaInfo?.tableMetadata?.extraProps?.toolbar?.hideBatchActions) {\r\n          <button type=\"button\" class=\"grid-changes-indicator\"\r\n            [title]=\"'Changes in memory: ' + getDatasourceChangesCount()\" (click)=\"openChangesDialog()\">\r\n            <i class=\"pi pi-pencil\"></i>\r\n            <span class=\"grid-changes-count\">{{ getDatasourceChangesCount() }}</span>\r\n          </button>\r\n          }\r\n        </div>\r\n        <div class=\"grid-caption-right\">\r\n          @if (!metaInfo?.tableMetadata?.extraProps?.toolbar?.hideManageState) {\r\n          @if (currentRouteSavedStates?.length) {\r\n          <select class=\"p-inputtext p-component wuic-grid-state-select\" [(ngModel)]=\"selectedSavedStateId\"\r\n            (change)=\"onSavedStateDropdownChange($event)\">\r\n            <option value=\"\"></option>\r\n            @for (s of currentRouteSavedStates; track s.id) {\r\n            <option [value]=\"s.id\">\r\n              {{ s.name }}\r\n            </option>\r\n            }\r\n          </select>\r\n          }\r\n          <p-button [label]=\"'list_grid.manage_state' | translate\" icon=\"pi pi-bookmark\" iconPos=\"left\"\r\n            (onClick)=\"onSaveStateMenuToggle($event, saveStateMenu)\" />\r\n          <p-menu #saveStateMenu [popup]=\"true\" [model]=\"saveStateMenuItems\" appendTo=\"body\"></p-menu>\r\n          }\r\n          @if (!isAdvancedFilterModeEnabled()) {\r\n          <p-button [label]=\"'clear_filters' | translate\" icon=\"pi pi-filter-slash\" (onClick)=\"clearFilter(dt1)\" />\r\n          }\r\n          <!--    <i class=\"pi pi-search\"></i>\r\n          <input type=\"text\" pInputText [(ngModel)]=\"searchValue\"\r\n            class=\"p-inputtext p-component p-element ng-pristine ng-valid ng-touched\"\r\n            (input)=\"dt1.filterGlobal(getTgtVal($event.target), 'contains')\"\r\n            [placeholder]=\"'search_keyword' | translate\" /> -->\r\n        </div>\r\n      </div>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @if (metaInfo.tableMetadata.md_nested_grid_routes) {\r\n        <th class=\"nested-grid-column\" role=\"presentation\" aria-hidden=\"true\" pFrozenColumn [frozen]=\"true\"\r\n          alignFrozen=\"left\"></th>\r\n        }\r\n        @if (metaInfo.tableMetadata.md_multiple_selection) {\r\n        <th class=\"multiple-selection-grid-column\" role=\"presentation\" pFrozenColumn [frozen]=\"true\" alignFrozen=\"left\"\r\n          class=\"wuic-selection-th\">\r\n          <p-tableHeaderCheckbox [ariaLabel]=\"'Seleziona tutte le righe'\" />\r\n        </th>\r\n        }\r\n        @if (showActionColumn()) {\r\n        <th class=\"command-grid-column\" role=\"presentation\" aria-hidden=\"true\" pFrozenColumn [frozen]=\"true\"\r\n          alignFrozen=\"left\"></th>\r\n        }\r\n        <!-- @for (col of columns | visibleFieldList; track col.metaColumn.mc_id) {  NON FUNZIONA si spaccano i filter template !!! -->\r\n        <!-- *ngFor NON FUNGE SE USI IL trackBy -> si spaccano i filter template -->\r\n        @for (col of columns | visibleFieldList; track getStableColumnTrackKey(col, $index)) {\r\n        @if (!!col?.frozen) {\r\n        <th pResizableColumn pReorderableColumn [attr.data-field]=\"col.field\" [style.width]=\"getColumnWidthCss(col)\"\r\n          [style.min-width]=\"columnMinWidthCss\" [class.wuic-column-filter-active]=\"hasActiveFilter(col.metaColumn)\"\r\n          pFrozenColumn [frozen]=\"true\" [alignFrozen]=\"col?.alignFrozen || 'left'\"\r\n          (contextmenu)=\"onColumnHeaderContextMenu($event, col, columnCtxMenu)\"\r\n          [pSortableColumn]=\"isColumnSortable(col) ? col.field : undefined\">\r\n          <div class=\"flex align-items-center\">\r\n            <span class=\"wuic-col-header-text\">{{ col.header }}</span>\r\n            @if (isColumnSortable(col)) {\r\n            <p-sortIcon [field]=\"col.field\" />\r\n            }\r\n            @if (!isAdvancedFilterModeEnabled() && !col.metaColumn.md_disabilita_filtri &&\r\n            col.metaColumn.mc_show_in_filters) {\r\n            <span class=\"wuic-column-filter-wrap\"\r\n              [class.wuic-column-filter-wrap-active]=\"hasActiveFilter(col.metaColumn)\">\r\n              <p-columnFilter [field]=\"col.metaColumn.mc_nome_colonna\" [matchMode]=\"getPrimeNgMatchMode(col.metaColumn)\"\r\n                display=\"menu\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\"\r\n                [showClearButton]=\"false\" and [showApplyButton]=\"false\" #columnFilterRef\r\n                [ariaLabel]=\"('filter' | translate) + ' ' + col.header\"\r\n                (onShow)=\"onColumnFilterMenuShow(col.metaColumn, columnFilterRef)\">\r\n                <ng-template #filter let-value let-filter=\"filterCallback\">\r\n                  @for (epoch of [getColumnFilterRenderEpoch(col.metaColumn)]; track epoch) {\r\n                  <wuic-field-filter [record]=\"datasource?.value?.filterDescriptor\" [field]=\"col.metaColumn\"\r\n                    [metaInfo]=\"metaInfo\" [operator]=\"metaInfo?.operators?.[col.metaColumn.mc_nome_colonna]\"\r\n                    [datasource]=\"datasource\"></wuic-field-filter>\r\n                  <!-- Flex layout guarantees the two buttons are always\r\n                       the same width AND height regardless of label length\r\n                       or whether bootstrap/primeflex `.row`/`.col-6` are\r\n                       loaded. `flex: 1 1 0` forces equal widths,\r\n                       `align-items: stretch` (default) keeps height equal. -->\r\n                  <div style=\"display: flex; gap: 8px; margin-top: 8px; align-items: stretch;\">\r\n                    <p-button label=\"{{'apply_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterApply(filter, col.metaColumn, columnFilterRef, $event)\"\r\n                      class=\"p-button-success\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                    <p-button label=\"{{'clear_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterClear(filter, col.metaColumn, columnFilterRef)\"\r\n                      class=\"p-button-danger\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                  </div>\r\n                  }\r\n                </ng-template>\r\n              </p-columnFilter>\r\n            </span>\r\n            }\r\n          </div>\r\n        </th>\r\n        } @else {\r\n        <th pResizableColumn pReorderableColumn [attr.data-field]=\"col.field\" [style.width]=\"getColumnWidthCss(col)\"\r\n          [style.min-width]=\"columnMinWidthCss\" [class.wuic-column-filter-active]=\"hasActiveFilter(col.metaColumn)\"\r\n          (contextmenu)=\"onColumnHeaderContextMenu($event, col, columnCtxMenu)\"\r\n          [pSortableColumn]=\"isColumnSortable(col) ? col.field : undefined\">\r\n          <div class=\"flex align-items-center\">\r\n            <span class=\"wuic-col-header-text\">{{ col.header }}</span>\r\n            @if (isColumnSortable(col)) {\r\n            <p-sortIcon [field]=\"col.field\" />\r\n            }\r\n            @if (!isAdvancedFilterModeEnabled() && !col.metaColumn.md_disabilita_filtri &&\r\n            col.metaColumn.mc_show_in_filters) {\r\n            <!-- <ng-container [ngSwitch]=\"col.metaColumn.mc_ui_column_type\"> -->\r\n            <span class=\"wuic-column-filter-wrap\"\r\n              [class.wuic-column-filter-wrap-active]=\"hasActiveFilter(col.metaColumn)\">\r\n              <p-columnFilter [field]=\"col.metaColumn.mc_nome_colonna\" [matchMode]=\"getPrimeNgMatchMode(col.metaColumn)\"\r\n                display=\"menu\" [showMatchModes]=\"false\" [showOperator]=\"false\" [showAddButton]=\"false\"\r\n                [showClearButton]=\"false\" and [showApplyButton]=\"false\" #columnFilterRef\r\n                [ariaLabel]=\"('filter' | translate) + ' ' + col.header\"\r\n                (onShow)=\"onColumnFilterMenuShow(col.metaColumn, columnFilterRef)\">\r\n                <ng-template #filter let-value let-filter=\"filterCallback\">\r\n                  @for (epoch of [getColumnFilterRenderEpoch(col.metaColumn)]; track epoch) {\r\n                  <wuic-field-filter [record]=\"datasource?.value?.filterDescriptor\" [field]=\"col.metaColumn\"\r\n                    [metaInfo]=\"metaInfo\" [operator]=\"metaInfo?.operators?.[col.metaColumn.mc_nome_colonna]\"\r\n                    [datasource]=\"datasource\"></wuic-field-filter>\r\n                  <!-- Flex layout guarantees the two buttons are always\r\n                       the same width AND height regardless of label length\r\n                       or whether bootstrap/primeflex `.row`/`.col-6` are\r\n                       loaded. `flex: 1 1 0` forces equal widths,\r\n                       `align-items: stretch` (default) keeps height equal. -->\r\n                  <div style=\"display: flex; gap: 8px; margin-top: 8px; align-items: stretch;\">\r\n                    <p-button label=\"{{'apply_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterApply(filter, col.metaColumn, columnFilterRef, $event)\"\r\n                      class=\"p-button-success\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                    <p-button label=\"{{'clear_filter' | translate}}\"\r\n                      (onClick)=\"onColumnFilterClear(filter, col.metaColumn, columnFilterRef)\"\r\n                      class=\"p-button-danger\" styleClass=\"w-full h-full\"\r\n                      [style]=\"{ flex: '1 1 0', width: '100%', height: '100%' }\"></p-button>\r\n                  </div>\r\n                  }\r\n                </ng-template>\r\n              </p-columnFilter>\r\n            </span>\r\n            <!-- <p-columnFilter *ngSwitchDefault type=\"text\" [field]=\"col.field\" display=\"menu\" /> -->\r\n            <!-- </ng-container> -->\r\n            }\r\n          </div>\r\n        </th>\r\n        }\r\n        }\r\n        <!-- } -->\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-expanded=\"expanded\" let-rowIndex=\"rowIndex\">\r\n      <ng-container pTemplate=\"body\"\r\n        *ngComponentOutlet=\"rowTemplate; inputs: { columns: columns, rowData: rowData, expanded: expanded, rowIndex: rowIndex, actionButtonRowIsVisible: isActionButtonRowVisible, isListVirtualizationEnabled: isListVirtualizationEnabled.bind(this), inlineCellEditingEnabled: isInlineCellEditingEnabled(), onInlineCellEditorBlur: onInlineCellEditorBlur.bind(this), onInlineCellEditorValueChange: onInlineCellEditorValueChange.bind(this), getRuntimeGridFieldMeta: getRuntimeGridFieldMetaFn, metaInfo: metaInfo, datasource: datasource, MetadatiColonna: MetadatiColonna, dt: dt1, toggleRow: toggleRow, rowSelect: rowSelect, rowCustomSelect: rowCustomSelect }\"></ng-container>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"expandedrow\" let-rowData let-columns=\"columns\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"(columns | visibleFieldList).length + (metaInfo.tableMetadata.md_nested_grid_routes ? 1 : 0) + (metaInfo.tableMetadata.md_multiple_selection ? 1 : 0) + (showActionColumn() ? 1 : 0)\">\r\n          @if (metaInfo.nestedRoutes?.length == 1) {\r\n          <div [ngClass]=\"metaInfo.nestedRoutes[0].nestedGridContainerClass\">\r\n            <wuic-data-source #nestedSource [autoload]=\"true\" [routeFromRouting]=\"false\"\r\n              [hardcodedRoute]=\"metaInfo.nestedRoutes[0].route\" [parentRecord]=\"rowData\" [parentMetaInfo]=\"metaInfo\"\r\n              [loading]=\"loading\"></wuic-data-source>\r\n\r\n            @if (nestedSource && userInfo.isCurrentUserAdmin()) {\r\n            <wuic-metadata-editor [hardcodedDatasource]=\"nestedSource\"></wuic-metadata-editor>\r\n            }\r\n\r\n            <div class=\"list-grid-long-description-container\"\r\n              [innerHTML]=\"getNestedLongDescriptionSafeHtml(nestedSource)\">\r\n            </div>\r\n\r\n            <wuic-data-repeater\r\n              [hardcodedAction]=\"metaInfo.nestedRoutes[0].action == '' ? 'list' : metaInfo.nestedRoutes[0].action\"\r\n              [hardcodedDatasource]=\"nestedSource\"></wuic-data-repeater>\r\n          </div>\r\n          }\r\n          @if (metaInfo.nestedRoutes?.length > 1) {\r\n          <div>\r\n            <p-tabs [value]=\"0\">\r\n              <p-tablist>\r\n                @for (nestedRoute of metaInfo.nestedRoutes; track nestedRoute; let i = $index) {\r\n                <p-tab [value]=\"i\">{{ nestedRoute.nestedTabCaption }}</p-tab>\r\n                }\r\n              </p-tablist>\r\n              <p-tabpanels>\r\n                @for (nestedRoute of metaInfo.nestedRoutes; track nestedRoute; let i = $index) {\r\n                <p-tabpanel [value]=\"i\">\r\n                  <div [ngClass]=\"nestedRoute.nestedGridContainerClass\">\r\n                    <wuic-data-source #nestedSource [autoload]=\"true\" [routeFromRouting]=\"false\"\r\n                      [hardcodedRoute]=\"nestedRoute.route\" [parentRecord]=\"rowData\" [parentMetaInfo]=\"metaInfo\"\r\n                      [loading]=\"loading\"></wuic-data-source>\r\n\r\n                    @if (nestedSource && userInfo.isCurrentUserAdmin()) {\r\n                    <wuic-metadata-editor [hardcodedDatasource]=\"nestedSource\"></wuic-metadata-editor>\r\n                    }\r\n\r\n                    <wuic-data-repeater [hardcodedAction]=\"nestedRoute.action == '' ? 'list' : nestedRoute.action\"\r\n                      [hardcodedDatasource]=\"nestedSource\"></wuic-data-repeater>\r\n                  </div>\r\n                </p-tabpanel>\r\n                }\r\n              </p-tabpanels>\r\n            </p-tabs>\r\n          </div>\r\n          }\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"footer\">\r\n      @if (metaInfo.hasFooter) {\r\n      <tr>\r\n        @if (metaInfo.tableMetadata.md_nested_grid_routes) {\r\n        @if (showActionColumn()) {\r\n        <td></td>\r\n        }\r\n        }\r\n        @if (metaInfo.tableMetadata.md_multiple_selection) {\r\n        <td></td>\r\n        }\r\n        <td></td>\r\n        @for (col of metaInfo.columnMetadata | visibleFieldList; track col.mc_id) {\r\n        <td>\r\n          @if (col.mc_aggregation) {\r\n          <table>\r\n            @for (agg of getAggregations(col); track agg.field + '#' + agg.aggregation) {\r\n            <tr>\r\n              <td>\r\n                {{agg.aggregation | translate}}:\r\n              </td>\r\n              <td>\r\n                {{agg.aggregateValue}}\r\n              </td>\r\n            </tr>\r\n            }\r\n          </table>\r\n          }\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n  </p-table>\r\n  }\r\n\r\n  <!--\r\n    Mobile: la list-grid usa la STESSA <p-table> del desktop, sopra.\r\n    Il row template (compilato via `DynamicRowTemplateComponent.\r\n    getComponentFromTemplate`) cambia contenuto in base a\r\n    `deviceAwareness.isMobile` \u2014 vedi `getEffectiveGridRowTemplate` in\r\n    list-grid.component.ts: quando mobile, emette una singola <td colspan>\r\n    con layout card-style invece di <td> per ogni colonna. CSS\r\n    `@media (max-width: 768px)` nel file .scss nasconde <thead>, rende\r\n    `display: block` le <tr>/<td> per liberarsi della semantica table.\r\n    Vantaggio: un solo code path (riusa il JIT compile del row template\r\n    gia' testato) eliminando il bug `*ngComponentOutlet [inputs]` che\r\n    affliggeva il percorso mobile-card separato.\r\n  -->\r\n</div>\r\n\r\n<p-dialog [header]=\"'list_grid.save_state_dialog_header' | translate\" [(visible)]=\"saveGridStateDialogVisible\"\r\n  [modal]=\"true\" [closable]=\"true\" [style]=\"{ width: '34rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-save-state-dialog\">\r\n    <label for=\"wuic-save-state-select\">{{ 'list_grid.state' | translate }}</label>\r\n    <select id=\"wuic-save-state-select\" class=\"p-inputtext p-component\" [(ngModel)]=\"saveGridStateDialogSelectedId\"\r\n      (change)=\"onSaveGridStateDialogSelectionChange()\">\r\n      <option [value]=\"NEW_GRID_STATE_OPTION_ID\">{{ 'new' | translate }}</option>\r\n      @for (s of currentRouteSavedStates; track s.id) {\r\n      <option [value]=\"s.id\">\r\n        {{ s.name }}\r\n      </option>\r\n      }\r\n    </select>\r\n\r\n    @if (saveGridStateDialogSelectedId === NEW_GRID_STATE_OPTION_ID) {\r\n    <label for=\"wuic-save-state-name\">{{ 'list_grid.new_state_name' | translate }}</label>\r\n    <input id=\"wuic-save-state-name\" type=\"text\" pInputText [(ngModel)]=\"saveGridStateDialogNewName\"\r\n      [placeholder]=\"'list_grid.new_state_name_placeholder' | translate\" />\r\n    }\r\n\r\n    <label for=\"wuic-save-state-default\" class=\"wuic-column-layout-check\">\r\n      <input id=\"wuic-save-state-default\" type=\"checkbox\" [(ngModel)]=\"saveGridStateDialogSetAsDefault\" />\r\n      <span>{{ 'list_grid.set_as_default' | translate }}</span>\r\n    </label>\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"saveGridStateDialogVisible = false\" />\r\n    <p-button [label]=\"'save' | translate\" (onClick)=\"saveCurrentRouteGridState()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.rename_state' | translate\" [(visible)]=\"renameGridStateDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '30rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-save-state-dialog\">\r\n    <label for=\"wuic-rename-state-name\">{{ 'list_grid.new_state_name' | translate }}</label>\r\n    <input id=\"wuic-rename-state-name\" type=\"text\" pInputText [(ngModel)]=\"renameGridStateDialogName\"\r\n      [placeholder]=\"'list_grid.new_state_name_placeholder' | translate\" />\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"renameGridStateDialogVisible = false\" />\r\n    <p-button [label]=\"'save' | translate\" (onClick)=\"renameSelectedGridState()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.configure_columns' | translate\" [(visible)]=\"columnLayoutDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '36rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-column-layout-dialog\">\r\n    @for (item of columnLayoutDraft; track item.field + '#' + $index; let i = $index) {\r\n    <div class=\"wuic-column-layout-row\">\r\n      <label class=\"wuic-column-layout-check\">\r\n        <input type=\"checkbox\" [(ngModel)]=\"item.visible\" />\r\n        <span>{{ item.header }}</span>\r\n      </label>\r\n      <div class=\"wuic-column-layout-actions\">\r\n        <p-button icon=\"pi pi-arrow-up\" [outlined]=\"true\" [disabled]=\"i === 0\"\r\n          (onClick)=\"moveColumnLayoutDraft(i, -1)\" />\r\n        <p-button icon=\"pi pi-arrow-down\" [outlined]=\"true\" [disabled]=\"i === (columnLayoutDraft.length - 1)\"\r\n          (onClick)=\"moveColumnLayoutDraft(i, 1)\" />\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"columnLayoutDialogVisible = false\" />\r\n    <p-button [label]=\"'list_grid.reset_metadata' | translate\" [outlined]=\"true\" icon=\"pi pi-refresh\"\r\n      (onClick)=\"resetColumnLayoutDraftAndWidths()\" />\r\n    <p-button [label]=\"'save' | translate\" (onClick)=\"saveColumnLayoutFromDialog()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.report_parameters' | translate\" [(visible)]=\"reportVariableDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '34rem', maxWidth: '95vw' }\" (onHide)=\"cancelReportVariableDialog()\">\r\n  <div class=\"wuic-save-state-dialog\">\r\n    @for (variable of selectedReportVariables; track variable.name; let i = $index) {\r\n    <label [for]=\"'wuic-report-var-' + i\">{{ variable.alias || variable.name }}</label>\r\n    <input [id]=\"'wuic-report-var-' + i\" [name]=\"'wuic-report-var-name-' + i\" type=\"text\" pInputText\r\n      [(ngModel)]=\"variable.value\" />\r\n    }\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'cancel' | translate\" [outlined]=\"true\" (onClick)=\"cancelReportVariableDialog()\" />\r\n    <p-button [label]=\"'list_grid.open_report' | translate\" (onClick)=\"applyReportVariablesAndOpenViewer()\" />\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [header]=\"'list_grid.pending_changes' | translate\" [(visible)]=\"changesDialogVisible\" [modal]=\"true\"\r\n  [closable]=\"true\" [style]=\"{ width: '44rem', maxWidth: '95vw' }\">\r\n  <div class=\"wuic-changes-dialog\">\r\n    @if (!pendingChangeItems.length) {\r\n    <div>{{ 'list_grid.no_pending_changes' | translate }}</div>\r\n    } @else {\r\n    @for (item of pendingChangeItems; track item.id) {\r\n    <label class=\"wuic-column-layout-check\">\r\n      <input type=\"checkbox\" [(ngModel)]=\"item.selected\" />\r\n      <span><strong>{{ item.label }}</strong> - {{ item.details }}</span>\r\n    </label>\r\n    }\r\n    }\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <p-button [label]=\"'list_grid.save_all' | translate\"\r\n      [disabled]=\"$any(changesDialogBusy) || !pendingChangeItems.length || !metaInfo?.tableMetadata?.md_batch_save\"\r\n      (onClick)=\"saveAllPendingChanges()\" />\r\n    <p-button [label]=\"'list_grid.save_selected' | translate\" [outlined]=\"true\"\r\n      [disabled]=\"$any(changesDialogBusy) || !pendingChangeItems.length || !getSelectedPendingChangesCount() || !metaInfo?.tableMetadata?.md_batch_save\"\r\n      (onClick)=\"saveSelectedPendingChanges()\" />\r\n    <p-button [label]=\"'list_grid.discard_changes' | translate\" severity=\"danger\" [outlined]=\"true\"\r\n      [disabled]=\"$any(changesDialogBusy) || !pendingChangeItems.length || !metaInfo?.tableMetadata?.md_batch_save\"\r\n      (onClick)=\"cancelAllPendingChanges()\" />\r\n  </ng-template>\r\n</p-dialog>", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;flex:1 1 auto;height:100%;max-height:100%;min-height:0;overflow:hidden;--wuic-grid-row-odd: #ffffff;--wuic-grid-row-even: #f6f8fc;--wuic-grid-row-hover: #edf2ff;--wuic-grid-row-selected-bg: #dbe8ff;--wuic-grid-row-selected-text: #0f2348;--wuic-grid-row-selected-ring: rgba(59, 130, 246, .55);--wuic-grid-accent: var(--p-primary-color, #3b82f6);--wuic-grid-base: var(--p-surface-0, #ffffff)}:host-context(.theme-dark){--wuic-grid-row-odd: #1f2430;--wuic-grid-row-even: #252b38;--wuic-grid-row-hover: #31394b;--wuic-grid-row-selected-bg: #284774;--wuic-grid-row-selected-text: #eaf2ff;--wuic-grid-row-selected-ring: rgba(120, 170, 255, .65);--wuic-grid-base: var(--p-surface-900, #1f2430)}@supports (color: color-mix(in srgb,white,black)){:host{--wuic-grid-row-odd: color-mix(in srgb, var(--wuic-grid-base) 96%, var(--wuic-grid-accent) 4%);--wuic-grid-row-even: color-mix(in srgb, var(--wuic-grid-base) 90%, var(--wuic-grid-accent) 10%);--wuic-grid-row-hover: color-mix(in srgb, var(--wuic-grid-base) 82%, var(--wuic-grid-accent) 18%);--wuic-grid-row-selected-bg: color-mix(in srgb, var(--wuic-grid-base) 56%, var(--wuic-grid-accent) 44%);--wuic-grid-row-selected-ring: color-mix(in srgb, var(--wuic-grid-accent) 72%, transparent)}:host-context(.theme-dark){--wuic-grid-row-odd: color-mix(in srgb, var(--wuic-grid-base) 92%, var(--wuic-grid-accent) 8%);--wuic-grid-row-even: color-mix(in srgb, var(--wuic-grid-base) 84%, var(--wuic-grid-accent) 16%);--wuic-grid-row-hover: color-mix(in srgb, var(--wuic-grid-base) 72%, var(--wuic-grid-accent) 28%);--wuic-grid-row-selected-bg: color-mix(in srgb, var(--wuic-grid-base) 36%, var(--wuic-grid-accent) 64%);--wuic-grid-row-selected-ring: color-mix(in srgb, var(--wuic-grid-accent) 82%, transparent)}}.list-grid-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}:host ::ng-deep .list-grid-container .p-datatable{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-wrapper,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-table-container,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-view{flex:1 1 auto;min-height:0}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-wrapper,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-table-container{overflow:hidden}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-table-container{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:auto}:host ::ng-deep .p-datatable-table-container:has(>table.wuic-nested-grid),:host ::ng-deep .p-datatable:has(>.p-datatable-table-container>table.wuic-nested-grid),:host ::ng-deep .list-grid-container:has(table.wuic-nested-grid),:host ::ng-deep wuic-list-grid:has(table.wuic-nested-grid),:host ::ng-deep wuic-list-grid-lazy:has(table.wuic-nested-grid),:host ::ng-deep .data-repeater-body:has(table.wuic-nested-grid),:host ::ng-deep td:has(wuic-data-repeater table.wuic-nested-grid){overflow:visible!important;max-height:none!important}:host ::ng-deep table.wuic-nested-grid>thead.p-datatable-thead{position:sticky!important;top:var(--wuic-outer-thead-h, 0px);z-index:3}:host ::ng-deep table.wuic-nested-grid>thead.p-datatable-thead>tr>th{background:var(--wuic-grid-base)!important}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):nth-child(odd)>td{background:var(--wuic-grid-row-odd)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):nth-child(2n)>td{background:var(--wuic-grid-row-even)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):hover>td{background:var(--wuic-grid-row-hover)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-style-applied:not(.p-highlight):not(.wuic-row-selected)>td{background:transparent!important}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr:not(.p-highlight):not(.wuic-row-selected)>td.wuic-cell-style-applied{background:transparent}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-selected>td{background:var(--wuic-grid-row-selected-bg)!important;color:var(--wuic-grid-row-selected-text);box-shadow:inset 0 1px 0 var(--wuic-grid-row-selected-ring),inset 0 -1px 0 var(--wuic-grid-row-selected-ring)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-selected>td:first-child{box-shadow:inset 4px 0 0 var(--wuic-grid-accent),inset 0 1px 0 var(--wuic-grid-row-selected-ring),inset 0 -1px 0 var(--wuic-grid-row-selected-ring)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr.wuic-row-selected:hover>td{background:var(--wuic-grid-row-selected-bg)!important}:host ::ng-deep td.p-datatable-frozen-column,:host ::ng-deep th.p-datatable-frozen-column{border-right:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep td.wuic-action-cell,:host ::ng-deep th.command-grid-column{width:64px!important;min-width:64px!important;max-width:64px!important;box-sizing:border-box;text-align:center;vertical-align:middle}:host ::ng-deep td.wuic-action-cell wuic-data-action-button-lazy,:host ::ng-deep td.wuic-action-cell wuic-data-action-button{display:inline-flex;align-items:center;justify-content:center}:host ::ng-deep .p-datatable-tbody>tr>td:first-child,:host ::ng-deep .p-datatable-thead>tr>th:first-child{border-left:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep .p-datatable-thead>tr>th .p-checkbox .p-checkbox-box,:host ::ng-deep .p-datatable-tbody>tr>td input.p-checkbox-box{width:18px;height:18px;border:1px solid #9ca3af;border-radius:4px;background:#fff;box-sizing:border-box;vertical-align:middle}:host ::ng-deep .p-datatable-thead>tr>th .p-checkbox{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}:host ::ng-deep .p-datatable-thead>tr>th.wuic-selection-th{text-align:center;padding-left:.25rem;padding-right:.25rem}:host ::ng-deep .p-datatable-tbody>tr>td.wuic-selection-td{text-align:center;padding-left:.25rem;padding-right:.25rem}:host ::ng-deep .p-datatable-tbody>tr>td.wuic-selection-td>input.p-checkbox-box{margin-left:auto!important;margin-right:auto!important;display:block}:host ::ng-deep .p-datatable-thead>tr>th .p-checkbox .p-checkbox-icon{font-size:.72rem}:host ::ng-deep .p-datatable-table.width_defined{display:table}:host ::ng-deep .p-datatable-table{display:table}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table{width:100%!important;min-width:100%}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot{background:var(--wuic-grid-base)!important}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr:first-child>td,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr:first-child>th{border-top:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr>td:first-child,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-scrollable-table>.p-datatable-tfoot>tr>th:first-child{border-left:solid 1px var(--p-divider-color, #dcdcdc)}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr>td{min-width:0;overflow:hidden}:host ::ng-deep .list-grid-container .p-datatable>.p-paginator{border-top:solid 1px var(--p-divider-color, #dcdcdc)}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator{border-top:2px solid currentColor;background:var(--p-content-background, #fff);font-weight:600;padding:.5rem .75rem}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page{min-width:2.25rem;min-height:2.25rem;border:2px solid currentColor!important;border-radius:4px;margin:0 2px;font-weight:700;background:transparent;color:currentColor}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:hover:not(:disabled),:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:hover:not(:disabled),:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:hover:not(:disabled){background:currentColor;color:var(--p-content-background, #fff)}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:focus-visible{outline:3px solid currentColor;outline-offset:2px}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:disabled,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-first:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-prev:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-next:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-last:disabled,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page:disabled{opacity:.45;cursor:not-allowed}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page],:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page]{background:var(--p-primary-color, #2563eb)!important;color:var(--p-primary-contrast-color, #fff)!important;border-color:var(--p-primary-color, #2563eb)!important;border-width:3px!important;font-weight:800}@media(forced-colors:active){:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page],:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-paginator-page-selected,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page.p-highlight,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-page[aria-current=page]{background:Highlight!important;color:HighlightText!important;border-color:Highlight!important;forced-color-adjust:none}}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-current,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-current{font-weight:700;padding:0 .5rem}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select{border:2px solid currentColor!important;font-weight:700;min-height:2.25rem}:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-within,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-visible,:host-context(body.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-within,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-paginator-rpp-options:focus-within,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-visible,:host-context(html.theme-high-contrast) ::ng-deep .list-grid-container .p-paginator .p-select:focus-within{outline:3px solid currentColor;outline-offset:2px}:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr>td .list-grid-cell-text-content,:host ::ng-deep .list-grid-container .p-datatable .p-datatable-tbody>tr>td>a{display:block;width:0;min-width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;overflow-wrap:anywhere}.wuic-save-state-dialog{display:flex;flex-direction:column;gap:.6rem}.wuic-save-state-dialog select,.wuic-save-state-dialog input{width:100%}.wuic-column-layout-dialog{display:flex;flex-direction:column;gap:.45rem;max-height:55vh;overflow:auto}.wuic-column-layout-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0}.wuic-column-layout-check{display:inline-flex;align-items:center;gap:.5rem}.wuic-column-layout-actions{display:inline-flex;gap:.35rem}.wuic-changes-dialog{display:flex;flex-direction:column;gap:.5rem;max-height:55vh;overflow:auto}.wuic-export-progress-dialog{display:flex;flex-direction:column;gap:.65rem}::ng-deep .wuic-progress-dialog .p-progressbar{--p-progressbar-value-transition: none}::ng-deep .wuic-progress-dialog .p-progressbar .p-progressbar-value,::ng-deep .wuic-progress-dialog .p-progressbar-value,:host ::ng-deep .wuic-export-progress-dialog .p-progressbar .p-progressbar-value,:host ::ng-deep .wuic-export-progress-dialog .p-progressbar-value{transition:none!important;animation:none!important}.wuic-export-progress-detail{font-size:.9rem;font-weight:600;text-align:right}.wuic-import-dialog{display:flex;flex-direction:column;gap:.75rem}.wuic-import-grid{display:grid;grid-template-columns:1fr;gap:.35rem}.wuic-import-file-row{display:flex;align-items:center;gap:.65rem}.grid-caption-bar{display:flex;align-items:stretch;justify-content:space-between;gap:.75rem;flex-wrap:nowrap}.grid-caption-left,.grid-caption-right{display:flex;align-items:stretch;gap:.5rem;flex-wrap:nowrap;min-height:2.25rem;height:2.25rem}.grid-caption-right{margin-left:auto}.grid-caption-left>*,.grid-caption-right>*{margin:0;align-self:stretch}.grid-changes-indicator{display:inline-flex;align-items:center;gap:.3rem;padding:0 .55rem;border:1px solid #f59e0b;border-radius:999px;background:#fffbeb;color:#b45309;font-size:.82rem;font-weight:700;cursor:pointer;appearance:none}.grid-changes-count{min-width:1.2rem;text-align:center}.wuic-grid-state-select{min-width:220px}:host ::ng-deep .grid-caption-bar .p-button,:host ::ng-deep .grid-caption-bar .p-splitbutton .p-button,:host ::ng-deep .grid-caption-bar .p-inputtext{min-height:2.25rem;height:2.25rem;padding-top:.45rem;padding-bottom:.45rem;margin:0;box-sizing:border-box;line-height:1.1rem;vertical-align:middle}:host ::ng-deep .grid-caption-bar p-button,:host ::ng-deep .grid-caption-bar p-splitbutton{display:inline-flex;align-items:stretch;margin:0;vertical-align:middle}:host ::ng-deep .grid-caption-bar p-button>.p-button{min-height:2.25rem;height:2.25rem;display:inline-flex;align-items:center}:host ::ng-deep .grid-caption-bar .p-button,:host ::ng-deep .grid-caption-bar .p-splitbutton .p-button{padding-left:.75rem;padding-right:.75rem}:host ::ng-deep .grid-caption-bar .p-splitbutton{display:inline-flex;align-items:stretch;margin:0}:host ::ng-deep .grid-caption-bar .p-splitbutton .p-button{height:100%}:host ::ng-deep .grid-caption-bar .p-button .p-button-label,:host ::ng-deep .grid-caption-bar .p-button .p-button-icon{line-height:1}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td{padding-top:.35rem;padding-bottom:.35rem;vertical-align:middle;position:relative}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within{overflow:visible!important;z-index:50}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within wuic-field-editor,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .editor-wapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .editor-wapper>div{overflow:visible!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker .p-inputtext{position:relative;z-index:100;min-width:360px!important;max-width:80vw!important;background:var(--p-content-background, var(--p-surface-0, #fff));box-shadow:0 4px 12px #0000002e;border:1px solid var(--p-primary-color, #3b82f6);border-radius:4px}:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputtext,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-inputnumber .p-inputtext,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-autocomplete .p-inputtext,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker,:host-context(.theme-dark) ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within .p-datepicker .p-inputtext{background:var(--p-surface-900, #1f2430)}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper>div{display:block;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td wuic-field-editor{display:flex!important;align-items:center!important;min-height:2.2rem!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-wrapper{margin:0!important;padding:0!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper>div{min-height:0!important;height:auto!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .caption-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .caption-wrapper{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-autocomplete,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-autocomplete .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-select,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-multiselect{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .editor-wapper{display:flex;align-items:center}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-autocomplete .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-select,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-multiselect{min-height:2.2rem;height:2.2rem;line-height:1.2rem}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-inputnumber .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-datepicker .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .p-autocomplete .p-inputtext{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) .disabled-textfield{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) p-autocomplete>svg[data-p-icon]{display:none!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:not(:focus-within) p-autocomplete .p-autocomplete-input{padding-right:.5rem!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td:focus-within p-autocomplete>svg[data-p-icon]{z-index:101!important}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker{display:flex;align-items:stretch}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-datepicker-input,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-datepicker .p-datepicker-dropdown{min-height:2.2rem;height:2.2rem}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-disabled .p-inputtext,:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .p-inputtext:disabled{opacity:1}:host ::ng-deep .list-grid-container .wuic-inline-cell-editing .p-datatable-tbody>tr>td .disabled-textfield{margin:0!important;padding:.5rem .75rem!important;min-height:2.2rem!important;height:2.2rem!important;display:flex!important;align-items:center!important;border-radius:6px;box-sizing:border-box}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td wuic-field-editor-lazy,:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td wuic-field-editor{display:flex;align-items:center;min-height:2.2rem}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .caption-wrapper{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .data-field-wrapper,:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .data-field-field,:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .editor-wapper{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;min-width:0!important;display:flex;align-items:center}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .editor-wapper>div{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .list-grid-container .wuic-inline-editing:not(.wuic-inline-cell-editing) .p-datatable-tbody>tr>td .disabled-textfield{margin:0!important;padding:.5rem .75rem!important;min-height:2.2rem!important;height:2.2rem!important;display:flex!important;align-items:center!important;border-radius:6px;box-sizing:border-box}.command-grid-column{width:65px}.multiple-selection-grid-column{width:50px}.nested-grid-column{width:30px}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-thead{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tfoot,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-footer,:host ::ng-deep .wuic-list-grid-mobile tfoot{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-table,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-resizable-table,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-scrollable-table{display:block}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tbody{display:block;width:100%;padding-top:12px}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tbody>tr{display:block;width:100%;box-sizing:border-box;margin-bottom:12px;border-radius:12px;overflow:hidden;background:var(--p-content-background, var(--wuic-grid-row-odd));border:1px solid var(--p-content-border-color, color-mix(in srgb, var(--wuic-grid-base) 80%, var(--wuic-grid-accent) 20%))}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-tbody>tr:last-child{margin-bottom:0}:host ::ng-deep .wuic-list-grid-mobile td.wuic-mobile-card-cell{display:block;width:100%;padding:14px;border-bottom:1px solid var(--surface-border, #e5e7eb);box-sizing:border-box}:host ::ng-deep .wuic-list-grid-mobile .p-datatable-scrollable-table,:host ::ng-deep .wuic-list-grid-mobile .p-datatable-table{width:100%!important;min-width:unset!important}:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-button .p-button-label,:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-splitbutton .p-button .p-button-label{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-button{padding-left:.5rem!important;padding-right:.5rem!important}:host ::ng-deep .wuic-list-grid-mobile .grid-caption-bar .p-button .p-button-icon{margin-right:0!important;margin-left:0!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator{display:flex!important;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;padding:8px 4px}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-current{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-pages{display:none!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-first,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-prev,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-next,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-last{min-width:36px!important;height:36px!important;margin:0!important}:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-paginator-rpp-options,:host ::ng-deep .wuic-list-grid-mobile .p-paginator .p-select{min-width:56px!important;height:36px!important;margin-left:4px!important}.wuic-mobile-card-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:18px;padding:14px;overflow:auto}.wuic-mobile-card-slot{padding-bottom:18px;box-sizing:border-box}.wuic-mobile-card-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px 0;border-bottom:1px solid color-mix(in srgb,var(--wuic-grid-base) 80%,var(--wuic-grid-accent) 20%);margin-bottom:4px}.wuic-mobile-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--p-content-border-color, color-mix(in srgb, var(--wuic-grid-base) 75%, var(--wuic-grid-accent) 25%));border-radius:12px;background:var(--p-content-background, var(--wuic-grid-row-odd));color:var(--p-text-color, inherit);box-shadow:0 4px 14px #0f172a14}:host-context(.theme-dark) .wuic-mobile-card{box-shadow:0 2px 8px #00000059}.wuic-mobile-card.wuic-row-selected{background:var(--wuic-grid-row-selected-bg);color:var(--wuic-grid-row-selected-text);outline:2px solid var(--wuic-grid-row-selected-ring)}:host ::ng-deep .wuic-mobile-card-actions{display:flex;justify-content:flex-end;align-items:center;margin:0 -4px 4px;padding-bottom:6px;border-bottom:1px solid var(--p-content-border-color, currentColor)}:host ::ng-deep .wuic-mobile-card-body{display:flex;flex-direction:column;gap:0}:host ::ng-deep .wuic-mobile-card-row{display:grid;grid-template-columns:minmax(110px,38%) 1fr;column-gap:12px;align-items:baseline;padding:8px 2px;border-bottom:1px solid var(--p-content-border-color, currentColor)}:host ::ng-deep .wuic-mobile-card-row:last-child{border-bottom:none}:host ::ng-deep .wuic-mobile-card-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:currentColor;opacity:.75;line-height:1.3;word-break:break-word}:host ::ng-deep .wuic-mobile-card-value{font-size:.95rem;font-weight:500;text-align:right;word-break:break-word;min-width:0;color:currentColor}:host ::ng-deep .wuic-mobile-card-value a{color:var(--p-primary-color, #3b82f6);text-decoration:underline}.wuic-mobile-card-empty{padding:24px 12px;text-align:center;color:#6b7280;font-style:italic}p-menu:not(.p-menu-overlay-visible){display:none}@media(max-width:420px){:host ::ng-deep .wuic-mobile-card-row{grid-template-columns:1fr;row-gap:2px}:host ::ng-deep .wuic-mobile-card-value{text-align:left}}\n"] }]
         }], ctorParameters: () => [{ type: MetadataProviderService }, { type: i1$5.DomSanitizer }, { type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: i1$3.Location }, { type: i1$5.Title }, { type: TranslationManagerService }, { type: i0.ChangeDetectorRef }, { type: UserInfoService }, { type: i0.ElementRef }, { type: DeviceAwarenessService }, { type: CustomAttributesService, decorators: [{
                     type: Optional
                 }] }], propDecorators: { hardcodedRoute: [{
@@ -41916,6 +42441,9 @@ class AppSettingsEditorComponent {
             this.sections.set(resp.sections || []);
             this.filePath.set(resp.filePath || '');
             this.rebuildMaps(resp.sections || []);
+            // Popola le dropdown a opzioni dinamiche (es. model list in base al provider).
+            // Fire-and-forget: lo schema renderizza subito, le options arrivano async.
+            this.refreshDynamicOptions();
             // Ripristina il tab attivo dal localStorage (per `name`, non index).
             // Senza questa logica ogni reload (incluso quello post-save+restart)
             // resetta a tab 0, perdendo il contesto dell'utente che stava editando
@@ -42000,10 +42528,54 @@ class AppSettingsEditorComponent {
     onFieldChange(key, newValue) {
         this.current.set(key, newValue);
         this.changeTick.update((t) => t + 1);
+        // Se questo campo guida opzioni dinamiche di un altro (es. provider -> model list),
+        // ri-fetcha le options di quei campi col nuovo valore.
+        const shortKey = key.includes(':') ? key.substring(key.indexOf(':') + 1) : key;
+        for (const sec of this.sections())
+            for (const f of sec.fields)
+                if (f.optionsEndpoint && f.optionsDependsOn === shortKey)
+                    this.fetchFieldOptions(f, String(newValue ?? ''));
     }
     fieldValue(key) {
         return this.current.get(key);
     }
+    /** Per ogni field con `optionsEndpoint`, fetcha le options usando il valore corrente
+     *  del campo `optionsDependsOn`. Chiamato dopo ogni loadSchema. */
+    refreshDynamicOptions() {
+        for (const sec of this.sections()) {
+            for (const f of sec.fields) {
+                if (!f.optionsEndpoint || !f.optionsDependsOn)
+                    continue;
+                this.fetchFieldOptions(f, this.dependsOnValue(f.optionsDependsOn));
+            }
+        }
+    }
+    /** Valore corrente del campo identificato da `dependsOnKey` (con/senza prefisso AppSettings:). */
+    dependsOnValue(dependsOnKey) {
+        for (const sec of this.sections())
+            for (const f of sec.fields)
+                if (f.key === dependsOnKey || f.key.endsWith(':' + dependsOnKey))
+                    return String(this.fieldValue(f.key) ?? '');
+        return '';
+    }
+    /** GET `<endpoint>?<dependsOn>=<depVal>` -> popola `f.options`. Best-effort: su errore
+     *  lascia il campo come testo libero (options resta vuoto). */
+    fetchFieldOptions(f, depVal) {
+        if (!f.optionsEndpoint || !f.optionsDependsOn)
+            return;
+        const ep = f.optionsEndpoint.replace(/^\/?api\//, ''); // base gia' include /api/
+        const url = `${this.buildApiBaseUrl()}${ep}?${encodeURIComponent(f.optionsDependsOn)}=${encodeURIComponent(depVal)}`;
+        this.http.get(url, { withCredentials: true }).subscribe({
+            next: (opts) => {
+                if (Array.isArray(opts)) {
+                    f.options = opts;
+                    // bump del signal sections cosi' il <p-select> ri-legge f.options (CD signal-safe)
+                    this.sections.update((arr) => [...arr]);
+                }
+            },
+            error: () => { },
+        });
+    }
     /**
      * Ritorna `true` se almeno uno dei changes coinvolge una chiave licenza
      * (`license-email` / `license-payload` / `license-signature`). Usato dal save
@@ -45350,7 +45922,7 @@ class LazyFirstRunWizardComponent {
         this.cdr = cdr;
     }
     async ngOnInit() {
-        firstRunWizardComponentPromise ??= import('./wuic-framework-lib-first-run-wizard.component-CaGePYLi.mjs').then((m) => m.WuicFirstRunWizardComponent);
+        firstRunWizardComponentPromise ??= import('./wuic-framework-lib-first-run-wizard.component-lW7-xMm3.mjs').then((m) => m.WuicFirstRunWizardComponent);
         const componentClass = await firstRunWizardComponentPromise;
         this.componentRef = this.vcr.createComponent(componentClass);
         // Forward output del componente reale al wrapper. Type assertion necessaria
@@ -56994,7 +57566,7 @@ class LazyCodeEditorComponent {
         this.cdr = cdr;
     }
     async ngOnInit() {
-        codeEditorComponentPromise ??= import('./wuic-framework-lib-code-editor.component-4N95qt3D.mjs').then((m) => m.CodeEditorComponent);
+        codeEditorComponentPromise ??= import('./wuic-framework-lib-code-editor.component-BZNLr0Jj.mjs').then((m) => m.CodeEditorComponent);
         this.loadedComponent = await codeEditorComponentPromise;
         this.cdr.markForCheck();
     }
@@ -58781,7 +59353,7 @@ class DesignerRouteComponent {
      * Inizializza il componente preparando stato, sottoscrizioni e primi caricamenti richiesti.
      */
     async ngOnInit() {
-        designerComponentPromise ??= import('./wuic-framework-lib-designer.component-pW1YK-oY.mjs').then((m) => m.DesignerComponent);
+        designerComponentPromise ??= import('./wuic-framework-lib-designer.component-N_CfbGnr.mjs').then((m) => m.DesignerComponent);
         this.loadedComponent = await designerComponentPromise;
     }
     /**
@@ -58858,7 +59430,7 @@ class LazyPivotBuilderComponent {
         this.cdr = cdr;
     }
     async ngOnInit() {
-        pivotBuilderComponentPromise ??= import('./wuic-framework-lib-pivot-builder.component-VIs0CIH_.mjs').then((m) => m.PivotBuilderComponent);
+        pivotBuilderComponentPromise ??= import('./wuic-framework-lib-pivot-builder.component-0gJz9RWr.mjs').then((m) => m.PivotBuilderComponent);
         this.loadedComponent = await pivotBuilderComponentPromise;
         this.cdr.markForCheck();
     }
@@ -58897,7 +59469,7 @@ class WorkflowDesignerRouteComponent {
      * Inizializza il componente preparando stato, sottoscrizioni e primi caricamenti richiesti.
      */
     async ngOnInit() {
-        workflowDesignerComponentPromise ??= import('./wuic-framework-lib-workflow-designer.component-4RC2EkGA.mjs').then((m) => m.WorkflowDesignerComponent);
+        workflowDesignerComponentPromise ??= import('./wuic-framework-lib-workflow-designer.component-epj3oKq3.mjs').then((m) => m.WorkflowDesignerComponent);
         this.loadedComponent = await workflowDesignerComponentPromise;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WorkflowDesignerRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -58954,7 +59526,7 @@ class LazyReportDesignerComponent {
         this.cdr = cdr;
     }
     async ngOnInit() {
-        reportDesignerComponentPromise ??= import('./wuic-framework-lib-report-designer.component-FiAwNkPM.mjs').then((m) => m.ReportDesignerComponent);
+        reportDesignerComponentPromise ??= import('./wuic-framework-lib-report-designer.component-DcpdzFjh.mjs').then((m) => m.ReportDesignerComponent);
         this.loadedComponent = await reportDesignerComponentPromise;
         this.cdr.markForCheck();
     }
@@ -59009,7 +59581,7 @@ class LazyReportViewerComponent {
         this.cdr = cdr;
     }
     async ngOnInit() {
-        reportViewerComponentPromise ??= import('./wuic-framework-lib-report-viewer.component-DY0dGMrt.mjs').then((m) => m.ReportViewerComponent);
+        reportViewerComponentPromise ??= import('./wuic-framework-lib-report-viewer.component-BHpbGpp9.mjs').then((m) => m.ReportViewerComponent);
         this.loadedComponent = await reportViewerComponentPromise;
         this.cdr.markForCheck();
     }
@@ -60713,6 +61285,7 @@ class WuicRagService {
             query,
             top_k: options.topK ?? 8,
             use_lora: options.useLora ?? true,
+            profile: options.profile,
         };
         return this.http.post(this.buildUrl('Query'), payload, { withCredentials: true });
     }
@@ -60734,7 +61307,10 @@ class WuicRagService {
             query,
             history,
             top_k: options.topK ?? 5,
-            model: options.model ?? 'claude-haiku-4-5-20251001',
+            // Vuoto = il backend usa il model configurato (`rag-llm-default-chat-model`),
+            // provider-appropriate. Non forzare un model Anthropic hardcoded.
+            model: options.model ?? '',
+            profile: options.profile,
         };
         return this.http.post(this.buildUrl('Chat'), payload, { withCredentials: true });
     }
@@ -60818,6 +61394,55 @@ class WuicRagService {
     askAsync(req) {
         return firstValueFrom(this.ask(req));
     }
+    /**
+     * Applica la proposta d'azione precedentemente emessa dall'LLM sul messaggio
+     * indicato. Server-side: re-legge la `proposed_action_json` dal DB (non dal
+     * client: prevenzione tampering del `callback_js`), valida, fa INSERT sul
+     * metadata corrispondente + `InvalidateMetadataCachesAndSetVersion`.
+     *
+     * Gating: solo `isSuperAdmin` (server torna `403 admin-required` in caso).
+     * Esiti tipici (`error`): `not-authenticated` | `admin-required` |
+     *   `message-not-found` | `no-proposed-action-on-message` | `already-applied` |
+     *   `unsupported-kind: <x>` | `apply-failed`.
+     */
+    applyProposedAction(req) {
+        return this.http.post(this.buildUrl('ApplyAction'), req, { withCredentials: true });
+    }
+    applyProposedActionAsync(req) {
+        return firstValueFrom(this.applyProposedAction(req));
+    }
+    /**
+     * Sovrascrive il `proposed_action_json` di un messaggio assistant con il
+     * payload editato dall'utente in UI (campo "Classe/Stile" + textarea callback).
+     * Va chiamato PRIMA di `applyProposedActionAsync` quando l'utente modifica
+     * qualcosa, cosi' che il backend ApplyAction rilegga dal DB il payload giusto.
+     * Filtri di sicurezza nel backend: ownership user_id + non gia' applicata.
+     */
+    updateProposedAction(req) {
+        return this.http.post(this.buildUrl('UpdateProposedAction'), req, { withCredentials: true });
+    }
+    updateProposedActionAsync(req) {
+        return firstValueFrom(this.updateProposedAction(req));
+    }
+    /**
+     * Compatta la sessione: chiama il backend che a sua volta chiama il rag_server
+     * per produrre un summary della history. Persiste su `_rag_chat_sessions`
+     * + avanza `summary_up_to_message_id`. Le future call /Ask passeranno il
+     * summary nel system prompt al posto dei turn coperti.
+     */
+    compactSession(req) {
+        return this.http.post(this.buildUrl('Compact'), req, { withCredentials: true });
+    }
+    compactSessionAsync(req) {
+        return firstValueFrom(this.compactSession(req));
+    }
+    /** Rinomina il titolo di una session (mostrato nella sessions list). */
+    renameSession(req) {
+        return this.http.post(this.buildUrl('RenameSession'), req, { withCredentials: true });
+    }
+    renameSessionAsync(req) {
+        return firstValueFrom(this.renameSession(req));
+    }
     // ----- private helpers -----
     /**
      * Costruisce l'URL `<api_base>Rag/<action>` rispettando l'eventuale
@@ -60846,6 +61471,134 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
 
+class ChatbotHostRegistryService {
+    handlers = new Map();
+    stateProviders = new Map();
+    /**
+     * Registra (o sostituisce) il handler per un dato `kind`. L'ultima
+     * registrazione vince - utile per scenari edge in cui due viste
+     * concorrenti gestiscono lo stesso kind (raro, ma documentato).
+     */
+    register(kind, handler) {
+        if (!kind || typeof handler !== 'function')
+            return;
+        this.handlers.set(kind, handler);
+    }
+    /**
+     * Rimuove il handler per un dato `kind`. No-op se non registrato.
+     * Da chiamare in ngOnDestroy dell'host per evitare retain.
+     */
+    unregister(kind) {
+        if (!kind)
+            return;
+        this.handlers.delete(kind);
+    }
+    /**
+     * Restituisce il handler registrato per `kind`, o `null` se nessuno
+     * lo gestisce client-side. Il chatbot usa questo per decidere se
+     * bypassare il backend o no.
+     */
+    get(kind) {
+        if (!kind)
+            return null;
+        return this.handlers.get(kind) || null;
+    }
+    /**
+     * Helper diagnostico: lista tutti i kind attualmente registrati.
+     * Usato dai test e dal debug panel.
+     */
+    registeredKinds() {
+        return Array.from(this.handlers.keys());
+    }
+    // ===========================================================================
+    // State Providers - per iniettare snapshot state nel route_context del LLM
+    // ===========================================================================
+    /**
+     * Registra (o sostituisce) un state provider per un dato `kind`.
+     * Il provider verra' chiamato dal chatbot in `buildRouteContext()` per
+     * arricchire il system prompt del LLM con lo state corrente dell'host
+     * (es. designer.dashboardElements serializzati come tree compatto).
+     *
+     * Esempio (designer.component):
+     *   this.chatbotHostRegistry.registerStateProvider(
+     *     'designer_inject',
+     *     () => this.buildCompactStateDump()
+     *   );
+     */
+    registerStateProvider(kind, provider) {
+        if (!kind || typeof provider !== 'function')
+            return;
+        this.stateProviders.set(kind, provider);
+    }
+    /**
+     * Rimuove il state provider. Da chiamare in ngOnDestroy.
+     */
+    unregisterStateProvider(kind) {
+        if (!kind)
+            return;
+        this.stateProviders.delete(kind);
+    }
+    /**
+     * Invoca il state provider registrato per `kind` e ritorna il dump.
+     * Se non registrato, ritorna `null`. Errori nel provider sono
+     * swallowed e logged (best-effort: il chatbot deve sempre funzionare
+     * anche se l'host crasha durante il dump).
+     */
+    getStateDump(kind) {
+        if (!kind)
+            return null;
+        const provider = this.stateProviders.get(kind);
+        if (!provider)
+            return null;
+        try {
+            const dump = provider();
+            return (typeof dump === 'string' && dump.length > 0) ? dump : null;
+        }
+        catch (err) {
+            try {
+                console.warn('[ChatbotHostRegistry] stateProvider failed for', kind, err);
+            }
+            catch { /* ignore */ }
+            return null;
+        }
+    }
+    /**
+     * Helper diagnostico: lista tutti i kind con state provider attivo.
+     */
+    registeredStateKinds() {
+        return Array.from(this.stateProviders.keys());
+    }
+    /**
+     * Invoca SYNC tutti gli state provider registrati ignorandone il risultato.
+     *
+     * Scopo: dare ai provider la possibilita' di triggerare i loro fetch lazy
+     * (es. il designer prefetcha `getAvailableRoutes` solo quando lo state
+     * provider viene invocato — altrimenti spreca chiamate al mount). Chiamato
+     * dal chatbot in ngOnInit: la finestra "apertura chatbot" → "primo prompt
+     * inviato" e' di almeno 1-2 secondi (l'utente deve digitare), tempo
+     * sufficiente perche' la cache sia pronta al primo Ask. Senza warm-up,
+     * il primo prompt vedrebbe state dump 'caricamento' e il LLM
+     * potrebbe hallucinare nomi alternativi inventati.
+     *
+     * Errori dei provider vengono swallowed (lo stesso pattern di getStateDump).
+     */
+    warmUpAllStateProviders() {
+        const kinds = this.registeredStateKinds();
+        for (const k of kinds) {
+            try {
+                this.getStateDump(k);
+            }
+            catch { /* ignore */ }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ChatbotHostRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ChatbotHostRegistryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ChatbotHostRegistryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 /**
  * Componente standalone che espone una chat sopra il RAG del codebase WUIC.
  *
@@ -60869,9 +61622,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class WuicRagChatbotComponent {
     ragService;
     cdr;
+    chatbotHostRegistry;
     route;
     router;
     notificationRT;
+    metaSrv;
     /** Titolo mostrato nell'header del chatbot. */
     title = 'Assistente codebase WUIC';
     /** Modalita' operativa: vedi nota nella classDoc. */
@@ -60884,12 +61639,52 @@ class WuicRagChatbotComponent {
     maxHistory = 50;
     /** Placeholder dell'input. */
     placeholder = 'Chiedi qualcosa sul codebase WUIC (italiano o inglese)...';
-    /** Modello Claude da usare in modalita' chat (default haiku 4.5). */
-    model = 'claude-haiku-4-5-20251001';
+    /** Modello LLM in modalita' chat. Vuoto (default) = usa il model configurato lato
+     *  backend (`rag-llm-default-chat-model`), provider-appropriate. Non hardcodare un
+     *  model Anthropic: su provider openrouter/openai manderebbe un ID invalido (HTTP 400
+     *  -> retrieval-only). Valorizzare solo per forzare un model specifico. */
+    model = '';
     /** Altezza fissa dell'area chat in CSS units (default `420px`). */
     chatHeight = '420px';
     /** Mostra il bottone "Svuota cronologia" nell'header. */
     showClearButton = true;
+    /**
+     * Persiste l'id della sessione corrente in `localStorage` e lo ripristina al
+     * boot del componente (es. refresh della pagina) quando NON arriva un
+     * `?sessionId` dalla route. La cronologia completa viene poi ricaricata dal DB
+     * via `/api/Rag/History` (che ritorna TUTTI i messaggi della sessione, non un
+     * sottoinsieme) -> il refresh non svuota piu' la chat. Default true.
+     */
+    persistSession = true;
+    /**
+     * Se `true` (default), prima di ogni `Ask` il componente costruisce un
+     * **route context** sintetico (route corrente + tabella metadata + colonne)
+     * dal `MetadataProviderService` e lo invia al rag_server come `routeContext`
+     * nel payload. Il server lo inietta nel system prompt dell'LLM cosi' che le
+     * risposte usino i NOMI REALI delle colonne della pagina corrente invece di
+     * placeholder generici.
+     *
+     * Disabilitare a `false` per la route full-page `/rag-chatbot` (il chatbot
+     * stesso non e' una "business route" — niente context utile da iniettare) o
+     * per UI di privacy avanzata.
+     */
+    sendRouteContext = true;
+    /** Chiave `localStorage` dell'ultima sessione (scoped per browser). */
+    static LAST_SESSION_KEY = 'wuic_rag_last_session_id';
+    /**
+     * Mostra il toggle "Vista Dev / Vista Cliente" nell'header (default OFF).
+     * Da abilitare SOLO nelle pagine dev/demo: la chat spedita al cliente NON
+     * deve esporlo. E' comunque leak-safe (il server applica strictest-of: il
+     * toggle puo' solo aumentare la redazione, mai diminuirla).
+     */
+    allowProfileToggle = false;
+    /**
+     * Profilo di redazione corrente scelto dal toggle UI.
+     * - 'internal' = Vista Dev (full source);
+     * - 'release'  = Vista Cliente (firme + niente skill, come on-prem).
+     * Inviato al server solo se {@link allowProfileToggle} e' true.
+     */
+    profileOverride = 'internal';
     // ----- Outputs -----
     /** Emette quando l'utente clicca su un source chip. */
     resultSelected = new EventEmitter();
@@ -60920,6 +61715,35 @@ class WuicRagChatbotComponent {
     processedNotificationIds = new Set();
     /** Sub a notificationRT.notifications$ + ActivatedRoute.queryParams. */
     subs = new Subscription();
+    /**
+     * Context window usage del modello corrente (ultima stima dal backend, 0-100%).
+     * Aggiornato a ogni completion. Driver del cerchio colorato in header:
+     * verde <60% / giallo 60-80% / arancione 80-90% / rosso >90%.
+     */
+    contextUsagePercent = 0;
+    /** Token usati (dall'ultima call) / context window max. Mostrati in tooltip. */
+    contextUsedTokens = null;
+    contextWindowMax = null;
+    /** True quando il dialog "context-overflow" e' aperto: l'ultima call ha
+     *  fallito perche' la history sfora il context. UX: 2 bottoni (Compatta / Nuova). */
+    contextOverflowDialogOpen = false;
+    /** True mentre il /compact e' in-flight (loading nel bottone). */
+    compactingSession = false;
+    /**
+     * True per tutto il flow `onClearHistory`: apertura prompt di conferma
+     * (PrimeNG Dialog lazy-load, ~300-800ms al primo click) + DELETE backend +
+     * reset stato locale. Driver dello spinner sul bottone cestino in header.
+     * Re-entry guard: blocca click multipli mentre il flow e' in corso.
+     */
+    clearingHistory = false;
+    /** True quando il dialog "Sessioni" e' aperto. Lazy-load lista al toggle. */
+    sessionsDialogOpen = false;
+    sessionsList = [];
+    sessionsLoading = false;
+    /** Map sessionId -> bool: true se quella riga e' in modalita' rinomina. */
+    sessionRenameEditing = {};
+    /** Map sessionId -> string: valore temporaneo del titolo durante l'edit inline. */
+    sessionRenameDraft = {};
     /**
      * Source selezionato per il dialog preview. Null = dialog chiuso.
      * Il dialog mostra SOLO lo snippet embedded in RagSource (max 500 char dal
@@ -60929,12 +61753,14 @@ class WuicRagChatbotComponent {
     selectedSource = null;
     inputTextarea;
     scrollContainer;
-    constructor(ragService, cdr, route, router, notificationRT) {
+    constructor(ragService, cdr, chatbotHostRegistry, route, router, notificationRT, metaSrv) {
         this.ragService = ragService;
         this.cdr = cdr;
+        this.chatbotHostRegistry = chatbotHostRegistry;
         this.route = route;
         this.router = router;
         this.notificationRT = notificationRT;
+        this.metaSrv = metaSrv;
     }
     ngOnInit() {
         // 1. Probe health del backend (esistente)
@@ -60944,17 +61770,47 @@ class WuicRagChatbotComponent {
             next: (info) => { this.healthInfo = info; this.cdr.markForCheck(); },
             error: (err) => { this.healthError = this.extractErrorMessage(err); this.cdr.markForCheck(); },
         });
+        // Warm-up degli state provider degli host (es. designer): da' loro la
+        // possibilita' di triggerare i loro fetch lazy (es. lista route metadata)
+        // PRIMA del primo prompt dell'utente. Senza warm-up, il primo prompt
+        // vedrebbe state dump 'caricamento' e il LLM potrebbe hallucinare nomi
+        // alternativi inventati (visto in produzione: utente chiede "grid bindata
+        // a provincie", LLM elenca "provinces/states/regions" che NON sono nella
+        // whitelist reale -> utente sceglie "provinces", al secondo prompt il LLM
+        // vede la whitelist vera che contiene "stateprovinces" e fa fuzzy match
+        // silenzioso provinces->stateprovinces, confondendo l'utente).
+        try {
+            this.chatbotHostRegistry.warmUpAllStateProviders();
+        }
+        catch { /* ignore */ }
         // 2. Deep-link da notifica: ?sessionId=X(&messageId=Y) -> carica history.
-        //    Se manca, lazy: la sessione viene creata al primo Ask.
+        //    Refresh pagina senza query param -> ripristina l'ultima sessione da
+        //    localStorage (se persistSession). Se non c'e' nulla, lazy: la sessione
+        //    viene creata al primo Ask.
+        let restoreAttempted = false;
         if (this.route) {
             this.subs.add(this.route.queryParamMap.subscribe((qp) => {
                 const sid = Number(qp.get('sessionId') || 0);
                 const mid = Number(qp.get('messageId') || 0);
                 if (sid > 0 && sid !== this.currentSessionId) {
+                    restoreAttempted = true;
                     this.loadSession(sid, mid > 0 ? mid : null);
                 }
+                else if (sid <= 0 && !restoreAttempted && this.persistSession && this.currentSessionId == null) {
+                    // Nessun sessionId in URL (refresh diretto): recupera l'ultima sessione.
+                    restoreAttempted = true;
+                    const saved = this.readLastSession();
+                    if (saved)
+                        this.loadSession(saved, null);
+                }
             }));
         }
+        else if (this.persistSession && this.currentSessionId == null) {
+            // Componente usato fuori da contesto routing: restore best-effort.
+            const saved = this.readLastSession();
+            if (saved)
+                this.loadSession(saved, null);
+        }
         // 3. Subscribe alle notifiche real-time. Filtriamo type rag.message.* +
         //    payload.sessionId match + dedup via processedNotificationIds.
         // handleNotification -> refreshSingleMessage -> applyMessageToTurn
@@ -60972,6 +61828,13 @@ class WuicRagChatbotComponent {
     }
     ngOnDestroy() {
         this.subs.unsubscribe();
+        // Cleanup delle subscription al BehaviorSubject del Monaco editor per
+        // ogni proposta (vedi getProposedActionField). Senza, ogni messageId
+        // tenuto in cache lascerebbe un listener orfano sul record subject.
+        for (const cached of this.proposedActionEditorCache.values()) {
+            cached.bodySubscription?.unsubscribe();
+        }
+        this.proposedActionEditorCache.clear();
     }
     // ----- Computed getters per template -----
     get effectiveMode() {
@@ -60999,6 +61862,19 @@ class WuicRagChatbotComponent {
     get sendDisabled() {
         return this.loading || !this.inputValue.trim() || !!this.healthError;
     }
+    /** Label del toggle profilo. */
+    get profileToggleLabel() {
+        return this.profileOverride === 'release' ? 'Vista Cliente' : 'Vista Dev';
+    }
+    /**
+     * Flippa il profilo di redazione (Dev <-> Cliente). Le risposte gia' in
+     * cronologia restano com'erano (il profilo e' per-richiesta); i prossimi
+     * invii usano il nuovo profilo.
+     */
+    toggleProfile() {
+        this.profileOverride = this.profileOverride === 'release' ? 'internal' : 'release';
+        this.cdr.markForCheck();
+    }
     // ----- Azioni utente -----
     /**
      * Invia il prompt corrente via flow async:
@@ -61012,6 +61888,14 @@ class WuicRagChatbotComponent {
         const text = this.inputValue.trim();
         if (!text || this.loading || this.healthError)
             return;
+        // Slash command `/compact`: intercetta PRIMA del send. Comportamento identico
+        // al click sul context cue. Niente call Ask -> niente turn in history.
+        if (text === '/compact' || text.toLowerCase() === '/compatta') {
+            this.inputValue = '';
+            this.cdr.markForCheck();
+            await this.onContextCueClick();
+            return;
+        }
         const userTurn = { role: 'user', content: text };
         const assistantTurn = {
             role: 'assistant',
@@ -61026,6 +61910,16 @@ class WuicRagChatbotComponent {
         this.loading = true;
         this.cdr.markForCheck();
         this.scheduleScrollToBottom();
+        // Costruisce il route context PRIMA del send (best-effort: errore => null).
+        // Il server lo inietta nel system prompt dell'LLM cosi' che le risposte
+        // possano usare i nomi REALI delle colonne della pagina corrente.
+        let routeContext = null;
+        if (this.sendRouteContext) {
+            try {
+                routeContext = await this.buildRouteContext();
+            }
+            catch { /* best-effort: niente context, ma il send va lo stesso */ }
+        }
         try {
             const ack = await this.ragService.askAsync({
                 prompt: text,
@@ -61033,9 +61927,12 @@ class WuicRagChatbotComponent {
                 mode: this.mode,
                 topK: this.topK,
                 model: this.model,
+                profile: this.allowProfileToggle ? this.profileOverride : undefined,
+                routeContext: routeContext,
             });
             // Salva la sessione corrente (puo' essere stata appena creata)
             this.currentSessionId = ack.sessionId;
+            this.saveLastSession(ack.sessionId);
             userTurn.messageId = ack.userMessageId;
             assistantTurn.messageId = ack.assistantMessageId;
             assistantTurn.correlationId = ack.correlationId;
@@ -61060,37 +61957,57 @@ class WuicRagChatbotComponent {
     /**
      * Svuota la cronologia chat (soft-delete della sessione corrente sul DB) +
      * reset stato locale.
+     *
+     * Il flag `clearingHistory` resta `true` per tutto il flow (dall'apertura
+     * del dialog di conferma fino al completamento DELETE+reset). Driver dello
+     * spinner sul bottone cestino in header — necessario perche' il PRIMO click
+     * subisce ~300-800ms di lazy-load del bundle PrimeNG Dialog
+     * (`promptDialog` apre un `p-dialog` dinamico, non gia' istanziato). Senza
+     * feedback l'utente cliccava 2-3 volte pensando che non rispondesse.
      */
     async onClearHistory() {
         if (this.history.length === 0 && !this.currentSessionId)
             return;
-        let confirmed = true;
+        if (this.clearingHistory)
+            return; // re-entry guard
+        this.clearingHistory = true;
+        this.cdr.markForCheck();
         try {
-            const tools = WtoolboxService;
-            if (typeof tools.promptDialog === 'function') {
-                const res = await tools.promptDialog({
-                    title: 'Svuotare cronologia?',
-                    message: 'Vuoi cancellare definitivamente questa sessione di chat?',
-                    confirmLabel: 'Svuota',
-                    cancelLabel: 'Annulla',
-                });
-                confirmed = !!res && res.confirmed !== false;
-            }
-        }
-        catch {
-            confirmed = true;
-        }
-        if (!confirmed)
-            return;
-        if (this.currentSessionId) {
+            let confirmed = true;
             try {
-                await this.ragService.deleteSessionAsync(this.currentSessionId);
+                const tools = WtoolboxService;
+                if (typeof tools.promptDialog === 'function') {
+                    const ts = WtoolboxService.translationService;
+                    const tr = (k, fallback) => (ts && typeof ts.instant === 'function' ? ts.instant(k) : fallback);
+                    const res = await tools.promptDialog({
+                        title: tr('rag_chatbot.confirm.delete_session.title', 'Svuota cronologia'),
+                        message: tr('rag_chatbot.confirm.delete_session', 'Eliminare la cronologia di questa chat?'),
+                        confirmLabel: tr('rag_chatbot.confirm.delete_session.confirm', 'Elimina'),
+                        cancelLabel: tr('rag_chatbot.confirm.cancel', 'Annulla'),
+                    });
+                    confirmed = !!res && res.confirmed !== false;
+                }
             }
-            catch { /* best effort */ }
+            catch {
+                confirmed = true;
+            }
+            if (!confirmed)
+                return;
+            if (this.currentSessionId) {
+                try {
+                    await this.ragService.deleteSessionAsync(this.currentSessionId);
+                }
+                catch { /* best effort */ }
+            }
+            this.history = [];
+            this.pendingMap.clear();
+            this.currentSessionId = null;
+            this.saveLastSession(null);
+        }
+        finally {
+            this.clearingHistory = false;
+            this.cdr.markForCheck();
         }
-        this.history = [];
-        this.pendingMap.clear();
-        this.currentSessionId = null;
     }
     /**
      * Click dispatcher:
@@ -61388,9 +62305,14 @@ class WuicRagChatbotComponent {
     async loadSession(sessionId, highlightMessageId) {
         try {
             const snap = await this.ragService.historyAsync(sessionId);
-            if (!snap || !snap.session)
+            if (!snap || !snap.session) {
+                // Sessione salvata non piu' valida (cancellata/altro utente): pulisci il
+                // riferimento persistito cosi' al prossimo boot non si ritenta.
+                this.saveLastSession(null);
                 return;
+            }
             this.currentSessionId = snap.session.id;
+            this.saveLastSession(snap.session.id);
             this.history = (snap.messages || []).map((m) => this.dtoToTurn(m));
             this.pendingMap.clear();
             // Re-popola pendingMap per i messaggi assistant ancora in attesa
@@ -61399,6 +62321,19 @@ class WuicRagChatbotComponent {
                     this.pendingMap.set(turn.messageId, turn);
                 }
             }
+            // Aggiorna il context cue dal piu' recente assistant turn completato:
+            // riflette lo stato corrente del context window a sessione caricata.
+            const lastCtx = [...(snap.messages || [])].reverse()
+                .find(m => m.role === 'assistant' && m.contextUsedTokens != null && m.contextWindowMax != null);
+            if (lastCtx) {
+                this.updateContextCue(lastCtx.contextUsedTokens, lastCtx.contextWindowMax);
+            }
+            else {
+                // Reset: nuova session o session senza turn assistant
+                this.contextUsagePercent = 0;
+                this.contextUsedTokens = null;
+                this.contextWindowMax = null;
+            }
             this.cdr.markForCheck();
             this.scheduleScrollToBottom();
             if (highlightMessageId) {
@@ -61407,6 +62342,27 @@ class WuicRagChatbotComponent {
             }
         }
         catch (err) {
+            // Caso comune: la session salvata in localStorage punta a un record
+            // che non esiste piu' sul backend (es. cambio DBMS, DB pulito, riga
+            // cancellata o appartenente a un altro tenant). Backend risponde 404
+            // con `{error:"session-not-found"}`. Degradazione gracefully:
+            //   - rimuovi la lastSession persistita (evita re-tentativo al prossimo boot)
+            //   - resetta lo state interno a "nuova session vuota"
+            //   - NIENTE alert/healthError invadente.
+            // Per altri tipi di errore (rete, 500, auth) mostriamo healthError come prima.
+            const isSessionNotFound = (err && typeof err === 'object' && 'status' in err && err.status === 404)
+                || /session-not-found|404/i.test(this.extractErrorMessage(err) || '');
+            if (isSessionNotFound) {
+                this.saveLastSession(null);
+                this.currentSessionId = null;
+                this.history = [];
+                this.pendingMap.clear();
+                this.contextUsagePercent = 0;
+                this.contextUsedTokens = null;
+                this.contextWindowMax = null;
+                this.cdr.markForCheck();
+                return;
+            }
             this.healthError = this.extractErrorMessage(err);
             this.cdr.markForCheck();
         }
@@ -61426,10 +62382,13 @@ class WuicRagChatbotComponent {
             loading: m.status === 'pending',
             mode: m.mode || null,
             sources,
-            errorMessage: m.status === 'error' ? (m.errorMessage || 'Errore sconosciuto') : null,
+            errorMessage: m.status === 'error' ? (m.errorMessage || 'rag_chatbot.error.unknown') : null,
             tokensIn: m.tokensIn,
             tokensOut: m.tokensOut,
             correlationId: m.correlationId,
+            proposedAction: this.parseProposedAction(m.proposedActionJson),
+            proposedActionAppliedAt: m.proposedActionAppliedAt || null,
+            followupQuestions: this.parseFollowupQuestions(m.followupQuestionsJson),
         };
         if (turn.role === 'assistant' && turn.loading && (!turn.content || turn.content === '')) {
             turn.content = '';
@@ -61456,13 +62415,48 @@ class WuicRagChatbotComponent {
             target.errorMessage = null;
         }
         else if (m.status === 'error') {
-            target.errorMessage = m.errorMessage || 'Errore sconosciuto';
+            target.errorMessage = m.errorMessage || 'rag_chatbot.error.unknown';
+            // Errore strutturato `context-overflow`: il backend l'ha settato perche'
+            // la history sfora il context window del modello. Apri il dialog dedicato.
+            if (m.errorMessage === 'context-overflow') {
+                this.contextOverflowDialogOpen = true;
+            }
         }
         target.tokensIn = m.tokensIn;
         target.tokensOut = m.tokensOut;
+        // Aggiorna la proposta (puo' arrivare solo al complete: prima e' null su pending)
+        target.proposedAction = this.parseProposedAction(m.proposedActionJson);
+        target.proposedActionAppliedAt = m.proposedActionAppliedAt || null;
+        target.followupQuestions = this.parseFollowupQuestions(m.followupQuestionsJson);
+        // Aggiorna il context cue (cerchio colorato in header) usando i valori
+        // dell'assistant turn appena ricevuto: e' lo stato corrente del context window.
+        if (m.role === 'assistant' && m.contextUsedTokens != null && m.contextWindowMax != null) {
+            this.updateContextCue(m.contextUsedTokens, m.contextWindowMax);
+        }
         if (!target.loading) {
             this.pendingMap.delete(m.id);
         }
+        // Auto-sync del badge mode (chip 'retrieval' / 'RAG + LLM' in header):
+        // `healthInfo` viene fetchato SOLO in ngOnInit -> dopo restart del
+        // rag_server (rebuild RAG, fresh deploy, crash recovery) il backend
+        // re-pusha la API key e il rag_server passa a `llm_enabled:true`, MA
+        // il componente continua a mostrare 'retrieval' fino al refresh pagina.
+        //
+        // Detection: se l'assistant turn completato ha `target.mode='rag-llm'`
+        // (= il backend ha effettivamente girato LLM) ma `healthInfo.llm_enabled`
+        // e' ancora false, c'e' un mismatch -> rifetcho /health silente.
+        // Simmetricamente per il caso opposto (key rimossa: llm passa a false).
+        // Cost: ~1 call /health per turn quando c'e' divergenza, zero quando OK.
+        if (m.role === 'assistant' && m.status === 'completed' && target.mode) {
+            const turnIsLlm = target.mode === 'rag-llm';
+            const healthIsLlm = !!this.healthInfo?.llm_enabled;
+            if (turnIsLlm !== healthIsLlm) {
+                this.ragService.health().subscribe({
+                    next: (info) => { this.healthInfo = info; this.cdr.markForCheck(); },
+                    error: () => { }
+                });
+            }
+        }
         // markForCheck: la mutation avviene su un oggetto esistente dentro
         // `this.history` (nested property), invisibile ad Angular con
         // ChangeDetectionStrategy.OnPush dei componenti ancestor (es. quando
@@ -61481,11 +62475,1006 @@ class WuicRagChatbotComponent {
             el.scrollIntoView({ behavior: 'smooth', block: 'center' });
     }
     // ----- Helpers (esistenti, riutilizzati) -----
+    /**
+     * Persiste (o cancella se id null) l'ultima sessione in localStorage.
+     * Best-effort: guard SSR + try/catch (private-mode / quota / storage disabled).
+     */
+    saveLastSession(id) {
+        if (!this.persistSession || typeof window === 'undefined' || !window.localStorage)
+            return;
+        try {
+            const key = WuicRagChatbotComponent.LAST_SESSION_KEY;
+            if (id && id > 0)
+                window.localStorage.setItem(key, String(id));
+            else
+                window.localStorage.removeItem(key);
+        }
+        catch { /* storage non disponibile: la persistenza e' best-effort */ }
+    }
+    /** Legge l'ultima sessione salvata (>0) o null. */
+    readLastSession() {
+        if (typeof window === 'undefined' || !window.localStorage)
+            return null;
+        try {
+            const raw = window.localStorage.getItem(WuicRagChatbotComponent.LAST_SESSION_KEY);
+            const id = Number(raw || 0);
+            return id > 0 ? id : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    // ---------------------------------------------------------------------
+    // Proposed actions (LLM tool-use)
+    // ---------------------------------------------------------------------
+    /** Parse JSON del field `proposed_action_json` -> oggetto tipato (o null). */
+    parseProposedAction(raw) {
+        if (!raw)
+            return null;
+        try {
+            const parsed = JSON.parse(raw);
+            return (parsed && typeof parsed === 'object' && typeof parsed.kind === 'string')
+                ? parsed
+                : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    /** Parse JSON del field `followup_questions_json` -> array di stringhe (o null). */
+    parseFollowupQuestions(raw) {
+        if (!raw)
+            return null;
+        try {
+            const parsed = JSON.parse(raw);
+            if (!Array.isArray(parsed))
+                return null;
+            const cleaned = parsed.filter(q => typeof q === 'string' && q.trim().length > 0).slice(0, 3);
+            return cleaned.length > 0 ? cleaned : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    /**
+     * Click su un chip follow-up: popola l'input box con la domanda (NON invia
+     * automaticamente; l'utente puo' editare prima di premere invio). Coerente
+     * con la scelta UX di non lanciare query "per sbaglio".
+     */
+    applyFollowup(question) {
+        if (!question)
+            return;
+        this.inputValue = question;
+        this.cdr.markForCheck();
+        // focus input cosi' l'utente puo' editare subito o premere invio
+        this.focusInput();
+    }
+    // -------------------------------------------------------------------
+    // Context cue (cerchio colorato in header) + /compact + overflow dialog
+    // -------------------------------------------------------------------
+    /** Aggiorna lo stato del cerchio cue dato (usedTokens, windowMax). */
+    updateContextCue(usedTokens, windowMax) {
+        if (usedTokens == null || windowMax == null || windowMax <= 0)
+            return;
+        this.contextUsedTokens = usedTokens;
+        this.contextWindowMax = windowMax;
+        this.contextUsagePercent = Math.min(100, Math.round((usedTokens / windowMax) * 100));
+        this.cdr.markForCheck();
+    }
+    /** Colore del cerchio basato sul `contextUsagePercent`. */
+    get contextCueColor() {
+        const p = this.contextUsagePercent;
+        if (p < 60)
+            return 'var(--p-green-500, #22c55e)';
+        if (p < 80)
+            return 'var(--p-yellow-500, #eab308)';
+        if (p < 90)
+            return 'var(--p-orange-500, #f97316)';
+        return 'var(--p-red-500, #ef4444)';
+    }
+    get contextCueTooltip() {
+        // Guard: il getter e' chiamato AD OGNI Change Detection (binding di
+        // [pTooltip]). `WtoolboxService.translationService` e' uno static
+        // assegnato in bootstrap; durante una route transition (es. click
+        // su un source chip → router navigation) un CD cycle puo' partire
+        // prima che lo static sia popolato → `undefined.instant(...)` boom
+        // (TypeError "Cannot read properties of undefined (reading 'instant')"
+        // visto in stack trace su WuicRagChatbotComponent_Conditional_10_Template).
+        // Senza guard, l'errore si propaga al global error handler e mostra il
+        // dialog "Si e' verificato un errore inatteso" che blocca l'utente.
+        const ts = WtoolboxService.translationService;
+        if (!ts || typeof ts.instant !== 'function')
+            return '';
+        if (this.contextWindowMax == null || this.contextUsedTokens == null) {
+            return ts.instant('rag_chatbot.context_cue.tooltip_waiting');
+        }
+        const usedK = Math.round(this.contextUsedTokens / 1000);
+        const maxK = Math.round(this.contextWindowMax / 1000);
+        // WtoolboxService.translationService.instant(key) accetta SOLO 1 argomento.
+        // Niente interpolation built-in: replace manuale dei placeholder -> valore.
+        // Regex accetta SIA `{var}` (single brace, format usato nello script
+        // upsert-wuic-translations.ps1) SIA `{{var}}` (double brace, format
+        // tipico Angular template) per robustezza. Storicamente le traduzioni
+        // nel DB hanno usato single brace -> match falliva su double-only.
+        const tpl = ts.instant('rag_chatbot.context_cue.tooltip');
+        return String(tpl)
+            .replace(/\{\{?\s*percent\s*\}?\}/g, String(this.contextUsagePercent))
+            .replace(/\{\{?\s*used\s*\}?\}/g, String(usedK))
+            .replace(/\{\{?\s*max\s*\}?\}/g, String(maxK));
+    }
+    /**
+     * Click sul cerchio context cue: conferma + lancia /compact. Disponibile sempre
+     * (anche <60%): l'utente puo' compattare on-demand.
+     */
+    async onContextCueClick() {
+        if (!this.currentSessionId || this.compactingSession)
+            return;
+        // Conferma via WtoolboxService.confirm (framework). Fallback su no-op confirm
+        // se non disponibile (es. tests).
+        let confirmed = true;
+        try {
+            const tools = WtoolboxService;
+            if (typeof tools.confirm === 'function') {
+                confirmed = await tools.confirm({
+                    header: WtoolboxService.translationService.instant('rag_chatbot.confirm.compact_session.header'),
+                    message: WtoolboxService.translationService.instant('rag_chatbot.confirm.compact_session.message'),
+                    icon: 'pi pi-exclamation-triangle',
+                });
+            }
+        }
+        catch {
+            confirmed = true;
+        }
+        if (!confirmed)
+            return;
+        await this.doCompactSession();
+    }
+    /**
+     * Chiama l'endpoint /api/Rag/Compact. Aggiorna lo stato dopo successo.
+     * Riusato da: contextCue click, slash-command /compact, dialog overflow "Compatta ora".
+     */
+    async doCompactSession() {
+        if (!this.currentSessionId || this.compactingSession)
+            return;
+        this.compactingSession = true;
+        this.cdr.markForCheck();
+        try {
+            const resp = await this.ragService.compactSessionAsync({ sessionId: this.currentSessionId });
+            if (resp?.ok && !resp.noop) {
+                WtoolboxService.messageNotificationService?.add?.({
+                    severity: 'success',
+                    summary: WtoolboxService.translationService.instant('rag_chatbot.toast.compact_success.summary'),
+                    detail: `Summary di ${resp.summaryLength} caratteri, fino al messaggio #${resp.summaryUpToMessageId}.`,
+                });
+                // Ricarica history per riflettere il nuovo summary (alcuni client potrebbero
+                // voler mostrare un divider "--- compattato ---" prima dei msg coperti).
+                if (this.currentSessionId)
+                    await this.loadSession(this.currentSessionId, null);
+                // Reset overflow dialog se era aperto
+                this.contextOverflowDialogOpen = false;
+            }
+            else if (resp?.noop) {
+                WtoolboxService.messageNotificationService?.add?.({
+                    severity: 'info',
+                    summary: WtoolboxService.translationService.instant('rag_chatbot.toast.compact_noop.summary'),
+                    detail: resp.reason || 'La sessione non ha turn completati da riassumere.',
+                });
+            }
+            else {
+                WtoolboxService.messageNotificationService?.add?.({
+                    severity: 'error',
+                    summary: WtoolboxService.translationService.instant('rag_chatbot.toast.compact_failed.summary'),
+                    detail: resp?.error || WtoolboxService.translationService.instant('rag_chatbot.toast.generic_error'),
+                });
+            }
+        }
+        catch (err) {
+            const msg = this.extractErrorMessage(err);
+            WtoolboxService.messageNotificationService?.add?.({
+                severity: 'error',
+                summary: WtoolboxService.translationService.instant('rag_chatbot.toast.compact_failed.summary'),
+                detail: msg,
+            });
+        }
+        finally {
+            this.compactingSession = false;
+            this.cdr.markForCheck();
+        }
+    }
+    /**
+     * Nuova sessione: chiude la corrente (clear localStorage), resetta history, ricomincia.
+     * Chiamato dal bottone "Nuova sessione" del dialog overflow.
+     */
+    startNewSession() {
+        this.history = [];
+        this.pendingMap.clear();
+        this.currentSessionId = null;
+        this.saveLastSession(null);
+        this.contextUsagePercent = 0;
+        this.contextUsedTokens = null;
+        this.contextOverflowDialogOpen = false;
+        this.cdr.markForCheck();
+    }
+    // -------------------------------------------------------------------
+    // Sessions popup (lista + rinomina + switch)
+    // -------------------------------------------------------------------
+    async openSessionsDialog() {
+        this.sessionsDialogOpen = true;
+        this.sessionsLoading = true;
+        this.cdr.markForCheck();
+        try {
+            const resp = await this.ragService.sessionsAsync();
+            this.sessionsList = (resp?.sessions || []).slice().sort((a, b) => (b.updatedAt || '').localeCompare(a.updatedAt || ''));
+        }
+        catch (err) {
+            this.sessionsList = [];
+            WtoolboxService.messageNotificationService?.add?.({
+                severity: 'error',
+                summary: WtoolboxService.translationService.instant('rag_chatbot.toast.sessions_load_failed.summary'),
+                detail: this.extractErrorMessage(err),
+            });
+        }
+        finally {
+            this.sessionsLoading = false;
+            this.cdr.markForCheck();
+        }
+    }
+    closeSessionsDialog() {
+        this.sessionsDialogOpen = false;
+        this.sessionRenameEditing = {};
+        this.sessionRenameDraft = {};
+    }
+    /** Switch alla session selezionata (carica history). */
+    async selectSession(s) {
+        if (!s || !s.id || s.id === this.currentSessionId) {
+            this.closeSessionsDialog();
+            return;
+        }
+        this.closeSessionsDialog();
+        await this.loadSession(s.id, null);
+    }
+    /** Apre l'edit inline del titolo. */
+    startRenameSession(s, event) {
+        if (event) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+        if (!s?.id)
+            return;
+        this.sessionRenameEditing[s.id] = true;
+        this.sessionRenameDraft[s.id] = s.title || '';
+        this.cdr.markForCheck();
+    }
+    async confirmRenameSession(s, event) {
+        if (event) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+        if (!s?.id)
+            return;
+        const newTitle = (this.sessionRenameDraft[s.id] || '').trim();
+        if (!newTitle || newTitle === s.title) {
+            this.cancelRenameSession(s);
+            return;
+        }
+        try {
+            const resp = await this.ragService.renameSessionAsync({ sessionId: s.id, title: newTitle });
+            if (resp?.ok) {
+                s.title = resp.title || newTitle;
+            }
+            else {
+                WtoolboxService.messageNotificationService?.add?.({
+                    severity: 'error',
+                    summary: WtoolboxService.translationService.instant('rag_chatbot.toast.rename_failed.summary'),
+                    detail: resp?.error || WtoolboxService.translationService.instant('rag_chatbot.toast.generic_error'),
+                });
+            }
+        }
+        catch (err) {
+            WtoolboxService.messageNotificationService?.add?.({
+                severity: 'error',
+                summary: WtoolboxService.translationService.instant('rag_chatbot.toast.rename_failed.summary'),
+                detail: this.extractErrorMessage(err),
+            });
+        }
+        finally {
+            delete this.sessionRenameEditing[s.id];
+            delete this.sessionRenameDraft[s.id];
+            this.cdr.markForCheck();
+        }
+    }
+    cancelRenameSession(s) {
+        if (!s?.id)
+            return;
+        delete this.sessionRenameEditing[s.id];
+        delete this.sessionRenameDraft[s.id];
+        this.cdr.markForCheck();
+    }
+    /**
+     * Cancella una sessione dalla cronologia (chiamato dall'icona cestino
+     * sulla riga della lista sessioni). Confirm via WtoolboxService.promptDialog
+     * (regola 12 AGENTS: mai window.confirm). Backend soft-delete via
+     * POST /api/Rag/DeleteSession (gia' esistente).
+     *
+     * Se la sessione cancellata e' quella CORRENTE: clear della view (history
+     * + currentSessionId reset) e remove da localStorage. Se non corrente:
+     * solo splice dalla lista locale senza toccare la chat aperta.
+     *
+     * Best-effort: errori backend swallowed (la lista si refresha al prossimo
+     * open del dialog comunque, e l'utente puo' riprovare).
+     */
+    async onDeleteSessionFromList(s, event) {
+        if (event)
+            event.stopPropagation();
+        if (!s?.id)
+            return;
+        let confirmed = true;
+        try {
+            const tools = WtoolboxService;
+            if (typeof tools.promptDialog === 'function') {
+                const titlePreview = this.sessionPreview(s) || WtoolboxService.translationService.instant('rag_chatbot.sessions_dialog.untitled');
+                const tmpl = WtoolboxService.translationService.instant('rag_chatbot.sessions_dialog.delete_confirm_message');
+                // Accetta sia {title} sia {{title}} per coerenza col resto del codebase.
+                const message = String(tmpl).replace(/\{\{?\s*title\s*\}?\}/g, titlePreview);
+                const res = await tools.promptDialog({
+                    title: WtoolboxService.translationService.instant('rag_chatbot.sessions_dialog.delete_confirm_title'),
+                    message,
+                    confirmLabel: WtoolboxService.translationService.instant('rag_chatbot.sessions_dialog.delete_confirm_yes'),
+                    cancelLabel: WtoolboxService.translationService.instant('rag_chatbot.confirm.cancel'),
+                });
+                confirmed = !!res && res.confirmed !== false;
+            }
+        }
+        catch {
+            confirmed = true;
+        }
+        if (!confirmed)
+            return;
+        const sessionId = s.id;
+        try {
+            await this.ragService.deleteSessionAsync(sessionId);
+        }
+        catch { /* best-effort, prosegui col refresh UI */ }
+        // Rimuove dalla lista locale (immediate UI feedback senza re-fetch).
+        const idx = this.sessionsList.findIndex(x => x.id === sessionId);
+        if (idx >= 0) {
+            this.sessionsList = [...this.sessionsList.slice(0, idx), ...this.sessionsList.slice(idx + 1)];
+        }
+        // Se era la sessione corrente: clear view + localStorage.
+        if (this.currentSessionId === sessionId) {
+            this.history = [];
+            this.pendingMap.clear();
+            this.currentSessionId = null;
+            this.saveLastSession(null);
+        }
+        this.cdr.markForCheck();
+    }
+    /** Truncate del primo prompt a 100 char per anteprima list (full su tooltip). */
+    sessionPreview(s) {
+        const t = s?.title || '';
+        if (!t)
+            return '(senza titolo)';
+        return t.length > 100 ? t.substring(0, 100) + '…' : t;
+    }
+    /** Formato data sessione (locale). */
+    sessionDate(s) {
+        const raw = s?.updatedAt || s?.createdAt;
+        if (!raw)
+            return '';
+        try {
+            const d = new Date(raw);
+            return d.toLocaleString();
+        }
+        catch {
+            return raw;
+        }
+    }
+    /** Label umana per il bottone/header in base al `kind`. */
+    proposedActionTitle(a) {
+        if (!a)
+            return '';
+        // Stessa guard di `contextCueTooltip`: chiamato come binding del template,
+        // soggetto al CD durante route transition con WtoolboxService.translationService
+        // potenzialmente undefined. Fallback al kind raw cosi' l'utente vede comunque
+        // qualcosa di sensato anche prima del bootstrap i18n.
+        const ts = WtoolboxService.translationService;
+        if (!ts || typeof ts.instant !== 'function')
+            return String(a.kind ?? '');
+        // Chiave i18n per ognuno dei 10 kind documentati in callback-cookbook.md.
+        // Per kind sconosciuti (futuri o malformati) fallback a una chiave
+        // generica con interpolation {kind}.
+        const knownKinds = new Set([
+            'toolbar_action', 'row_action', 'table_style', 'column_style',
+            'display_formula', 'form_title_formula', 'default_value_callback',
+            'custom_validation', 'selection_changed', 'lifecycle_callback',
+            'simple_metadata_update', 'designer_inject',
+            'sql_metadata_field', 'metadata_column_create',
+        ]);
+        if (knownKinds.has(a.kind)) {
+            return ts.instant(`rag_chatbot.action_box.title.${a.kind}`);
+        }
+        // instant(key) accetta SOLO 1 argomento: interpolation manuale.
+        // Regex accetta sia {kind} (single brace, format script upsert)
+        // sia {{kind}} (double brace, format Angular template) per robustezza.
+        const tpl = ts.instant('rag_chatbot.action_box.title.unknown');
+        return String(tpl).replace(/\{\{?\s*kind\s*\}?\}/g, String(a.kind ?? ''));
+    }
+    /**
+     * Estrae il body del code/template della proposta indipendentemente dal kind:
+     *   - toolbar_action / row_action / default_value / custom_validation /
+     *     selection_changed / lifecycle / form_title       → `callback_js` / `formula_js`
+     *   - table_style / column_style                        → `condition_js`
+     *   - display_formula                                   → `template_html` (Angular markup)
+     *                                                         o `formula_js` (legacy backward-compat)
+     *   - sql_metadata_field                                → `sql_snippet` (SQL fragment)
+     * Ritorna stringa vuota se nessun campo body e' presente.
+     */
+    proposedActionJsBody(a) {
+        if (!a)
+            return '';
+        return a.callback_js
+            || a.condition_js
+            || a.template_html
+            || a.formula_js
+            || a.sql_snippet
+            || '';
+    }
+    /**
+     * Campi NON-body della proposta che e' utile mostrare all'utente accanto
+     * al codice (es. per `table_style` la classe CSS o l'inline-style che verra'
+     * applicato alla `<tr>` quando il callback ritorna true; per `toolbar_action`
+     * la label del bottone; per `sql_metadata_field` il field target). Per ogni
+     * kind ritorna 0..N coppie `{label, value}`. Il template li renderizza in
+     * lettura sopra la textarea del body. Mantenere allineato alla definizione
+     * tool in `rag_tools.json`: quando si aggiunge un campo importante a un kind
+     * (es. `inline_style` su `propose_table_style`), aggiungerlo anche qui per
+     * non far perdere visibilita' all'utente sulla decisione del LLM.
+     */
+    proposedActionExtraFields(a) {
+        if (!a)
+            return [];
+        const out = [];
+        const get = (k) => a[k];
+        switch (a.kind) {
+            case 'table_style':
+            case 'column_style': {
+                const cssClass = get('css_class');
+                const isInline = !!cssClass && cssClass.startsWith('style:');
+                out.push({
+                    label: isInline ? 'Stile inline' : 'Classe CSS',
+                    fieldName: 'css_class',
+                    value: isInline ? cssClass.substring('style:'.length).trim() : (cssClass || ''),
+                    isInlineStyle: isInline,
+                });
+                break;
+            }
+            case 'toolbar_action':
+            case 'row_action': {
+                out.push({ label: 'Etichetta', fieldName: 'label', value: get('label') || '' });
+                out.push({ label: 'Icona', fieldName: 'icon', value: get('icon') || '' });
+                break;
+            }
+            case 'sql_metadata_field': {
+                out.push({ label: 'Campo metadata', fieldName: 'field_name', value: get('field_name') || '' });
+                out.push({ label: 'Tabella', fieldName: 'target_table', value: get('target_table') || '' });
+                break;
+            }
+            case 'metadata_column_create': {
+                out.push({ label: 'Colonna', fieldName: 'column_name', value: get('column_name') || '' });
+                out.push({ label: 'Display', fieldName: 'display_string', value: get('display_string') || '' });
+                out.push({ label: 'Tipo UI', fieldName: 'ui_column_type', value: get('ui_column_type') || '' });
+                break;
+            }
+        }
+        return out;
+    }
+    /**
+     * Nome del campo nella `RagProposedAction` che porta il body editabile della
+     * textarea (callback / template / sql snippet). Speculare a
+     * `proposedActionJsBody` ma ritorna l'identificatore del field, cosi' il
+     * `(ngModelChange)` puo' scrivere su `a[name]`. Default `callback_js` per i
+     * kind che non hanno un body editabile (no-op all'edit).
+     */
+    proposedActionJsBodyFieldName(a) {
+        if (!a)
+            return 'callback_js';
+        switch (a.kind) {
+            case 'table_style':
+            case 'column_style':
+                return 'condition_js';
+            case 'display_formula':
+                // Backward-compat: template_html nuovo, formula_js legacy.
+                return a.template_html !== undefined ? 'template_html' : 'formula_js';
+            case 'form_title_formula':
+                return 'formula_js';
+            case 'sql_metadata_field':
+                return 'sql_snippet';
+            default:
+                return 'callback_js';
+        }
+    }
+    /**
+     * Setter chiamato da `(ngModelChange)` su un campo extra (es. classe/stile).
+     * Per `css_class` con `isInlineStyle=true` ri-prepende il prefisso `style:`
+     * cosi' la convenzione persistita resta omogenea (vedi
+     * `dynamic-template.component.ts:getTableInlineStyle`). Segna il turno come
+     * `proposedActionDirty=true` cosi' `onApplyAction` chiama il PATCH backend
+     * prima dell'Apply.
+     */
+    onProposedExtraFieldEdit(turn, extra, newValue) {
+        if (!turn?.proposedAction)
+            return;
+        let stored = newValue;
+        if (extra.fieldName === 'css_class' && extra.isInlineStyle) {
+            stored = 'style:' + (newValue || '').trim();
+        }
+        turn.proposedAction[extra.fieldName] = stored;
+        turn.proposedActionDirty = true;
+    }
+    /**
+     * Setter per la textarea del body (callback_js / condition_js / template_html
+     * / formula_js / sql_snippet). Aggiorna il field corretto in base al kind.
+     */
+    onProposedBodyEdit(turn, newValue) {
+        if (!turn?.proposedAction)
+            return;
+        const fieldName = this.proposedActionJsBodyFieldName(turn.proposedAction);
+        turn.proposedAction[fieldName] = newValue;
+        turn.proposedActionDirty = true;
+    }
+    /**
+     * Stessa `codeContext` che il metadata-editor usa per editare il callback
+     * sullo stesso campo metadata. Permette al Monaco TS provider di applicare
+     * autocomplete + type-check come se l'utente stesse editando in metadata-editor.
+     * Centralizzato qui per kind: future aggiunte = entry nella map.
+     */
+    proposedActionCodeContext(a) {
+        if (!a)
+            return '';
+        // Le firme corrispondono a quelle documentate in docs/pages/callback-cookbook.md
+        // (tabella "Contratto dei callback").
+        switch (a.kind) {
+            case 'toolbar_action':
+                // (datasource, metaInfo, record, event, wtoolbox)
+                return 'var datasource: DataSourceComponent; var metaInfo: MetaInfo; var record: {[key: string]: BehaviorSubject<any>}; var event: any; var wtoolbox: typeof WtoolboxService';
+            case 'row_action':
+                // (datasource, record, event, field, wtoolbox)
+                return 'var datasource: DataSourceComponent; var record: {[key: string]: BehaviorSubject<any>}; var event: any; var field: MetadatiColonna; var wtoolbox: typeof WtoolboxService';
+            case 'display_formula':
+                // mc_ui_grid_column_data_template scope: Angular template markup, scope=rowData (oggetto riga raw, NO BehaviorSubject).
+                // Monaco lo renderizza come HTML/Angular template - il "type context" qui e' solo informativo per autocomplete fields.
+                return 'var rowData: {[key: string]: any}';
+            case 'form_title_formula':
+                // mddisplayformula scope: (metaInfo, record, datasource, wtoolbox)
+                return 'var metaInfo: MetaInfo; var record: {[key: string]: BehaviorSubject<any>}; var datasource: DataSourceComponent; var wtoolbox: typeof WtoolboxService';
+            case 'default_value_callback':
+                // mcdefaultvaluecallback scope: (metaInfo, record, datasource, wtoolbox)
+                return 'var metaInfo: MetaInfo; var record: {[key: string]: BehaviorSubject<any>}; var datasource: DataSourceComponent; var wtoolbox: typeof WtoolboxService';
+            case 'custom_validation':
+                // mc_validation_custom_callback scope: (valore, record, validateResult, ...)
+                return 'var valore: any; var record: {[key: string]: BehaviorSubject<any>}; var validateResult: (ok: boolean, message?: string) => void';
+            case 'selection_changed':
+                // mcslctionchangedcustomfunction scope: (record, value, datasource, wtoolbox)
+                return 'var record: {[key: string]: BehaviorSubject<any>}; var value: any; var datasource: DataSourceComponent; var wtoolbox: typeof WtoolboxService';
+            case 'lifecycle_callback':
+                // mdbeforesave/mdaftersave/mdafterload scope: (record, datasource, wtoolbox)
+                return 'var record: {[key: string]: BehaviorSubject<any>}; var datasource: DataSourceComponent; var wtoolbox: typeof WtoolboxService';
+            case 'table_style':
+            case 'column_style':
+                // mustattributevalue / musc_attribute_value scope: solo record (dataItem)
+                return 'var record: any';
+            default:
+                return '';
+        }
+    }
+    /**
+     * Cache field+record sintetici per `<wuic-code-editor>` indicizzata per messageId.
+     * MOTIVATION: il code-editor accetta `field: MetadatiColonna` e
+     * `record: { [k]: BehaviorSubject<any> }`; ricostruirli ad ogni ciclo di CD
+     * causerebbe re-init pesanti del Monaco (riload types, ecc). Cache stabile per
+     * messageId -> stesse referenze -> niente re-init.
+     */
+    proposedActionEditorCache = new Map();
+    /**
+     * Costruisce (o riusa cached) il `MetadatiColonna` sintetico da passare al
+     * `<wuic-code-editor>` per il box proposta. Inietta il `codeContext` corretto
+     * per il `kind` cosi' il TSProvider Monaco applica autocomplete come nel
+     * metadata-editor stesso. L'editor e' EDITABILE (readOnly:false): le modifiche
+     * vengono propagate a `turn.proposedAction[bodyFieldName]` tramite subscription
+     * al BehaviorSubject del record, e segnano il turno come dirty cosi'
+     * `onApplyAction` chiama il PATCH backend prima dell'Apply.
+     */
+    getProposedActionField(turn) {
+        if (!turn?.messageId || !turn.proposedAction)
+            return new MetadatiColonna('');
+        const cached = this.proposedActionEditorCache.get(turn.messageId);
+        if (cached)
+            return cached.field;
+        const field = new MetadatiColonna('');
+        field.mc_nome_colonna = 'callback_js';
+        field.mc_ui_column_type = 'code_editor';
+        field.extras = {
+            customEditorConfig: {
+                language: 'typescript',
+                codeContext: this.proposedActionCodeContext(turn.proposedAction),
+                readOnly: false,
+            }
+        };
+        // Body JS unificato: per i kind che usano `condition_js` (table_style)
+        // o `formula_js` (display_formula) il Monaco editor riceve comunque il
+        // contenuto giusto, e il `field.mc_nome_colonna='callback_js'` resta
+        // arbitrario (e' solo l'etichetta della cella nel record).
+        const jsBody = this.proposedActionJsBody(turn.proposedAction);
+        const recordSubj = new BehaviorSubject(jsBody);
+        const record = { callback_js: recordSubj };
+        // Subscription: ogni edit Monaco emette sul BehaviorSubject. Propaghiamo a
+        // `turn.proposedAction[bodyFieldName]` cosi' textarea e Monaco condividono
+        // la stessa fonte di verita'. Skip della prima emit (BehaviorSubject emette
+        // subito il valore iniziale, che e' gia' nel proposedAction).
+        let firstEmit = true;
+        const bodySubscription = recordSubj.subscribe((val) => {
+            if (firstEmit) {
+                firstEmit = false;
+                return;
+            }
+            if (!turn.proposedAction)
+                return;
+            const fieldName = this.proposedActionJsBodyFieldName(turn.proposedAction);
+            const current = turn.proposedAction[fieldName];
+            if (current === val)
+                return; // no-op se non e' cambiato (evita dirty spurio)
+            turn.proposedAction[fieldName] = val;
+            turn.proposedActionDirty = true;
+            this.cdr.markForCheck();
+        });
+        this.proposedActionEditorCache.set(turn.messageId, { field, record, bodySubscription });
+        return field;
+    }
+    /** Compagno di `getProposedActionField`: ritorna lo stesso `record` cached. */
+    getProposedActionRecord(turn) {
+        if (!turn?.messageId || !turn.proposedAction)
+            return {};
+        const cached = this.proposedActionEditorCache.get(turn.messageId);
+        if (cached)
+            return cached.record;
+        // forza inizializzazione tramite getProposedActionField + ri-prende cached
+        this.getProposedActionField(turn);
+        return this.proposedActionEditorCache.get(turn.messageId)?.record || {};
+    }
+    /**
+     * Toggle textarea (default) <-> Monaco editor avanzato per il callback proposto.
+     * Pattern `<lib-code-area-editor>`: textarea istantanea, Monaco on-demand via
+     * `@defer (when turn.editorMode)`. Entrando in Monaco ri-sincronizza il
+     * BehaviorSubject del record cached col valore corrente di `proposedAction`
+     * (potrebbe essere stato editato dalla textarea nel frattempo, vedi
+     * `onProposedBodyEdit`).
+     */
+    toggleEditorMode(turn) {
+        turn.editorMode = !turn.editorMode;
+        if (turn.editorMode && turn.messageId) {
+            const cached = this.proposedActionEditorCache.get(turn.messageId);
+            if (cached) {
+                const current = this.proposedActionJsBody(turn.proposedAction);
+                // bracket notation (TS4111: index-signature property).
+                const subj = cached.record['callback_js'];
+                if (subj && subj.value !== current) {
+                    subj.next(current);
+                }
+            }
+        }
+        this.cdr.markForCheck();
+    }
+    /** True se il turn ha una proposta non ancora applicata (mostra "Applica"). */
+    canApplyAction(turn) {
+        return !!turn?.proposedAction && !turn.proposedActionAppliedAt && !turn.applyingAction;
+    }
+    /**
+     * Bottone "Applica": chiama POST /api/Rag/ApplyAction con conferma. Il server
+     * re-legge la proposta dal DB (anti-tampering del callback_js), checka admin,
+     * INSERT su metadata, InvalidateMetadataCachesAndSetVersion. La proposta viene
+     * marcata come applicata in DB.
+     */
+    async onApplyAction(turn) {
+        if (!this.canApplyAction(turn) || !turn.messageId)
+            return;
+        const action = turn.proposedAction;
+        // ---- Client-only kinds (host registry) ---------------------------------
+        // Alcuni kind (es. `designer_inject`) NON vengono applicati dal backend
+        // ma da un handler registrato da un componente host (es. designer.component)
+        // tramite `ChatbotHostRegistryService.register(kind, handler)`. In tal
+        // caso bypassiamo `/api/Rag/ApplyAction` e deleghiamo l'esecuzione al
+        // handler client. Il `proposedActionAppliedAt` viene marcato qui localmente
+        // perche' il server non sa che l'azione e' stata applicata.
+        const hostHandler = this.chatbotHostRegistry.get(action.kind);
+        // Conferma (best-effort: se promptDialog framework non disponibile, fallback a confirm).
+        // Per host-handler: messaggio piu' chiaro che la modifica e' visibile SOLO al designer
+        // corrente fino al save esplicito (vs. apply backend che e' globale).
+        let confirmed = true;
+        try {
+            const tools = WtoolboxService;
+            if (typeof tools.promptDialog === 'function') {
+                const confirmMsg = hostHandler
+                    ? `Applicare '${action.label || action.kind}' al designer corrente? La modifica sara' visibile solo a te fino al save esplicito della dashboard.`
+                    : `Applicare '${action.label || action.kind}' sulla route '${action.route || '?'}'? L'azione sara' visibile a tutti gli utenti dopo refresh.`;
+                const r = await tools.promptDialog({
+                    title: this.proposedActionTitle(action),
+                    message: confirmMsg,
+                    confirmLabel: 'Applica',
+                    cancelLabel: 'Annulla',
+                });
+                confirmed = !!r && r.confirmed !== false;
+            }
+        }
+        catch {
+            confirmed = true;
+        }
+        if (!confirmed)
+            return;
+        turn.applyingAction = true;
+        turn.applyError = null;
+        this.cdr.markForCheck();
+        try {
+            if (hostHandler) {
+                // ---- Branch CLIENT-ONLY -------------------------------------------
+                const result = await hostHandler(action);
+                if (result?.ok) {
+                    turn.proposedActionAppliedAt = new Date().toISOString();
+                    try {
+                        WtoolboxService.messageNotificationService?.add?.({
+                            severity: 'success',
+                            summary: 'Azione applicata',
+                            detail: result.message || `${action.label || action.kind} applicata al designer.`,
+                        });
+                    }
+                    catch { /* notif opzionale */ }
+                }
+                else {
+                    turn.applyError = result?.message || 'host-handler-failed';
+                }
+            }
+            else {
+                // ---- Branch BACKEND (default) -------------------------------------
+                // Pre-flight: se l'utente ha editato classe/stile/callback in UI, sync
+                // il `proposed_action_json` del messaggio sul DB. Il backend ApplyAction
+                // rilegge dal DB (security per evitare tampering, vedi commento in
+                // RagController.ApplyAction). Senza questo PATCH le modifiche utente
+                // andrebbero perse all'apply.
+                if (turn.proposedActionDirty && turn.proposedAction) {
+                    try {
+                        const upd = await this.ragService.updateProposedActionAsync({
+                            messageId: turn.messageId,
+                            proposedAction: turn.proposedAction,
+                        });
+                        if (upd?.ok) {
+                            turn.proposedActionDirty = false;
+                        }
+                        else {
+                            turn.applyError = upd?.error || 'proposed-action-update-failed';
+                            return;
+                        }
+                    }
+                    catch (patchErr) {
+                        turn.applyError = this.extractErrorMessage(patchErr);
+                        return;
+                    }
+                }
+                const resp = await this.ragService.applyProposedActionAsync({ messageId: turn.messageId });
+                if (resp?.ok) {
+                    // Mark applied localmente (il server ha gia' persistito audit)
+                    turn.proposedActionAppliedAt = new Date().toISOString();
+                    // ─── Invalidate metadata caches (server + client, route-scoped) ─────
+                    // Backend RagController.ApplyAction GIA' chiama
+                    // RawHelpers.InvalidateMetadataCachesAndSetVersion(true), che bump-a la
+                    // projectMetadataVersion server-side. Ma il frontend ha la Dexie
+                    // MetadataProviderService.MetaDB persistente che mostra i metadati
+                    // vecchi finche' qualcuno non la flusha esplicitamente (bug UX riportato
+                    // 2026-06-09: l'utente fa Apply, riapre il dropdown "Metadati correlati"
+                    // -> "Stili colonna" mostra "Nessun record trovato" anche se la riga
+                    // e' stata salvata server-side).
+                    //
+                    // SCOPE LIMITATO (richiesta utente):
+                    //   1. Eseguiamo il flush SOLO se l'utente sta lavorando in un contesto
+                    //      route business compatibile con l'action (cioe' buildRouteContext
+                    //      ha ritornato non-null E action.route corrisponde alla route
+                    //      corrente). In designer / chatbot fullscreen / route senza
+                    //      contesto, niente flush: alla prossima navigazione il provider
+                    //      ricaricherà i metadati comunque via projectMetadataVersion check.
+                    //   2. Cancelliamo SOLO le righe Dexie della specifica route impattata
+                    //      (vedi MetadataProviderService.deleteRouteFromCache: 8 tabelle
+                    //      filtrate per md_route_name + md_id + mc_id + CG_Id), evitando
+                    //      il flush totale che e' costoso (~MB di re-fetch su F5).
+                    const actionRoute = (action.route || '').trim().toLowerCase();
+                    const currentRoute = (() => {
+                        try {
+                            const url = String(this.router?.url || '').split('?')[0].split('#')[0];
+                            return url.replace(/^\/+/, '').split('/')[0].trim().toLowerCase();
+                        }
+                        catch {
+                            return '';
+                        }
+                    })();
+                    const sameRoute = !!actionRoute && actionRoute === currentRoute;
+                    if (sameRoute) {
+                        // POST invalidateMetadataRuntime: idempotente (server-side ha gia'
+                        // bumpato la versione, ritorna OK al volo). Pattern canonico
+                        // pivot-builder.component.ts:227.
+                        try {
+                            await WtoolboxService.http.post(WtoolboxService.appSettings.global_root_url + 'MetaService.invalidateMetadataRuntime', {}, { withCredentials: true }).toPromise();
+                        }
+                        catch { /* non-fatal: backend ApplyAction l'ha gia' fatto server-side */ }
+                        // Flush mirato della Dexie per la sola route impattata.
+                        try {
+                            await MetadataProviderService.deleteRouteFromCache(actionRoute);
+                        }
+                        catch { }
+                        // Reset cache in-memory custom-attributes (pattern documentato in
+                        // custom-attributes.service.ts:199 — "Reset cache chiamato dopo
+                        // invalidateMetadataRuntime").
+                        try {
+                            WtoolboxService.customAttributesService?.clearCache?.();
+                        }
+                        catch { }
+                    }
+                    try {
+                        WtoolboxService.messageNotificationService?.add?.({
+                            severity: 'success',
+                            summary: 'Azione applicata',
+                            detail: sameRoute
+                                ? `${action.label || action.kind} creata su '${action.route}'. Ricarica la pagina (F5) per vederla.`
+                                : `${action.label || action.kind} creata su '${action.route}'. Naviga alla route per vederla.`,
+                        });
+                    }
+                    catch { /* notif opzionale */ }
+                }
+                else {
+                    turn.applyError = resp?.error || 'apply-failed';
+                }
+            }
+        }
+        catch (err) {
+            turn.applyError = this.extractErrorMessage(err);
+            this.errorOccurred.emit({ message: turn.applyError, details: err });
+        }
+        finally {
+            turn.applyingAction = false;
+            this.cdr.markForCheck();
+        }
+    }
     trimHistory() {
         if (this.history.length > this.maxHistory) {
             this.history = this.history.slice(this.history.length - this.maxHistory);
         }
     }
+    /**
+     * Costruisce un riepilogo testuale della pagina/route corrente che viene
+     * iniettato nel system prompt dell'LLM. Permette di generare snippet che
+     * usano i nomi REALI delle colonne (es. `record.CityName.value`) invece di
+     * placeholder generici.
+     *
+     * Formato (compatto, leggibile dall'LLM):
+     * ```
+     * Route corrente: cities
+     * Tabella: Cities (md_id=42, mdtablename=Cities)
+     * Colonne:
+     *   - CityName: type=text, required=yes (real column: CityName)
+     *   - StateProvince: type=lookupByID -> StateProvinces
+     *   - Location: type=text
+     *   - LatestRecordedPopulation: type=number
+     *   - btn_send: type=button (row action)
+     * ```
+     *
+     * Ritorna `null` se: router assente, route non resolvibile, route NON e'
+     * una business route (framework-docs/rag-chatbot/auth), o metadata
+     * non disponibile in cache (l'utente probabilmente non e' su una list/edit
+     * della route).
+     */
+    async buildRouteContext() {
+        if (!this.router)
+            return null;
+        const url = String(this.router.url || '').split('?')[0].split('#')[0];
+        // Path completo della pagina SENZA slash iniziale: /cities/list -> 'cities/list',
+        // /designer -> 'designer'. Il route_name (per metadata) e' il primo segment.
+        const pagePath = url.replace(/^\/+/, '').trim();
+        if (!pagePath)
+            return null;
+        // ---- Sezioni indipendenti, concatenate alla fine -----------------------
+        // 1. PAGE SECTION (MINIMALE): SOLO la route/pagina corrente. Le colonne reali,
+        //    l'identita' SQL e i dettagli dei lookup NON sono inlineati (gonfiavano OGNI
+        //    richiesta a prescindere dal prompt): il LLM li recupera ON-DEMAND via il tool
+        //    `request_metadata_detail` (risolto dal backend, RagController.ResolveMetadataDetail).
+        //    Cosi' il contesto resta lean e scala a N dimensioni di metadata senza bloat.
+        // 2. HOST STATE SECTION: dump dello state dei componenti host che hanno registrato
+        //    uno state provider in ChatbotHostRegistryService (es. designer.component dumpa il
+        //    tree dashboardElements). E' state CLIENT-only -> resta inlineato qui (il backend
+        //    non puo' risolverlo via retrieval). Permette i riferimenti deittici dell'utente.
+        const sections = [];
+        const pageSection = this.buildMinimalPageContext(pagePath);
+        if (pageSection)
+            sections.push(pageSection);
+        const hostStateSection = this.buildHostStateContext();
+        if (hostStateSection)
+            sections.push(hostStateSection);
+        return sections.length > 0 ? sections.join('\n\n') : null;
+    }
+    /**
+     * Contesto MINIMALE della pagina: SOLO la route/pagina corrente (es. `cities/list`,
+     * `cities/edit`, `designer`). I dettagli di metadata (elenco colonne reali, identita'
+     * SQL schema/tabella, alias di join dei lookup) NON sono inlineati: il LLM li recupera
+     * ON-DEMAND via il tool `request_metadata_detail` (detail='columns'|'lookup_columns'),
+     * risolto lato backend da `RagController.ResolveMetadataDetail`.
+     *
+     * RAZIONALE: inlinare colonne + SQL identity gonfiava OGNI richiesta a prescindere dal
+     * prompt (context window saturato, token sprecati). Col retrieval agentico il model
+     * recupera SOLO cio' che il prompt richiede, e il meccanismo scala a N dimensioni di
+     * metadata (physical_columns, related_routes, enum_values, ...) senza toccare questo
+     * builder. Vale per qualunque pagina, incluse quelle framework (designer, ...): il
+     * model puo' comunque targetizzare una route business via retrieval.
+     */
+    buildMinimalPageContext(pagePath) {
+        if (!pagePath)
+            return null;
+        // route_name = primo segment (la route metadata); l'azione (list/edit/dashboard) e' suffisso.
+        const routeName = decodeURIComponent((pagePath.split('/')[0] || '')).trim();
+        const lines = [];
+        lines.push(`Route/pagina corrente: ${pagePath}`);
+        if (routeName && routeName !== pagePath)
+            lines.push(`route_name (per metadata/tool): ${routeName}`);
+        lines.push(`Contesto minimale: l'elenco colonne, l'identita' SQL e i dettagli dei lookup NON sono qui. ` +
+            `Per ottenerli usa il tool request_metadata_detail: {detail:'columns', route:'<route_name>'} per le ` +
+            `colonne reali e l'identita' SQL (schema/tabella + full qualifier); ` +
+            `{detail:'lookup_columns', route:'<route_name>', column:'<col>'} per l'alias di join e le colonne ` +
+            `correlate di una colonna lookupByID.`);
+        return lines.join('\n');
+    }
+    /**
+     * Concatena lo state dump fornito dai componenti host che hanno registrato
+     * un state provider per un proposed_action kind. Tipicamente designer.component
+     * registra `designer_inject` con un tree dei dashboardElements (uniqueName +
+     * inputs significativi), cosi' il LLM puo' identificare componenti via
+     * uniqueName quando l'utente chiede modifiche tipo "cambia background
+     * del riquadro in alto a destra".
+     *
+     * Ritorna `null` se nessun host ha registrato dump per il turn corrente.
+     */
+    buildHostStateContext() {
+        const kinds = this.chatbotHostRegistry.registeredStateKinds();
+        if (!kinds || kinds.length === 0)
+            return null;
+        const sections = [];
+        for (const kind of kinds) {
+            const dump = this.chatbotHostRegistry.getStateDump(kind);
+            if (dump && dump.trim().length > 0) {
+                // Disambiguation hint: quando il dump contiene componenti del designer
+                // (TABLE_/SPLITTER_/TABVIEW_/ACCORDION_/KPI_/...) prepende una nota
+                // esplicita per il LLM. Senza questa nota, prompt come "aggiungi una
+                // colonna alla tabella" vengono interpretati come "aggiungi una colonna
+                // metadata SQL alla route business corrente" invece che "incrementa
+                // cols sul componente TABLE del canvas designer".
+                const dumpTrim = dump.trim();
+                let header = `HOST STATE (${kind})`;
+                if (kind === 'designer_inject') {
+                    header += ':\nNOTA AMBIGUITA\': i componenti elencati sotto sono nel CANVAS DESIGNER corrente. '
+                        + 'Quando l\'utente parla di "tabella", "riga", "colonna", "splitter", "tab", "accordion", '
+                        + '"kpi", "label", "div", ecc. si riferisce SEMPRE a questi uniqueName del canvas, NON a '
+                        + 'tabelle/colonne metadata SQL business. Esempi:\n'
+                        + '  - "aggiungi una colonna alla tabella" => set_property cols=cols+1 sul TABLE__N del canvas (NON propose_simple_metadata_update)\n'
+                        + '  - "aggiungi una riga alla tabella" => set_property rows=rows+1\n'
+                        + '  - "rimuovi una colonna/riga" => set_property cols=cols-1 / rows=rows-1\n'
+                        + '  - "aggiungi un\'area allo splitter" => set_property areas=areas+1\n'
+                        + '  - "aggiungi un tab al tabview" => inject TABPANEL con parent_unique_name=TABVIEW__N\n'
+                        + '  - "aggiungi un item all\'accordion" => set_property items=items+1\n'
+                        + '  - "cambia il colore della tabella" => set_property backgroundColor sul TABLE__N\n'
+                        + 'Se invece l\'utente menziona ESPLICITAMENTE "metadata", "route", "datasource cities", '
+                        + '"colonna SQL", "campo del database" => usa propose_simple_metadata_update.';
+                }
+                else {
+                    header += ':';
+                }
+                sections.push(`${header}\n${dumpTrim}`);
+            }
+        }
+        return sections.length > 0 ? sections.join('\n\n') : null;
+    }
     scheduleScrollToBottom() {
         if (typeof window === 'undefined')
             return;
@@ -61514,67 +63503,86 @@ class WuicRagChatbotComponent {
             return `${anyErr.status} ${anyErr.statusText}`;
         return JSON.stringify(err);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WuicRagChatbotComponent, deps: [{ token: WuicRagService }, { token: i0.ChangeDetectorRef }, { token: i1$2.ActivatedRoute, optional: true }, { token: i1$2.Router, optional: true }, { token: NotificationRealtimeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: WuicRagChatbotComponent, isStandalone: true, selector: "wuic-rag-chatbot", inputs: { title: "title", mode: "mode", topK: "topK", showSources: "showSources", maxHistory: "maxHistory", placeholder: "placeholder", model: "model", chatHeight: "chatHeight", showClearButton: "showClearButton" }, outputs: { resultSelected: "resultSelected", errorOccurred: "errorOccurred", turnAdded: "turnAdded" }, viewQueries: [{ propertyName: "inputTextarea", first: true, predicate: ["inputTextarea"], descendants: true }, { propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }], ngImport: i0, template: "<div class=\"wuic-rag-chatbot\" [style.--chat-height]=\"chatHeight\">\n\n  <!-- Header -->\n  <div class=\"wuic-rag-chatbot__header\">\n    <div class=\"wuic-rag-chatbot__title\">\n      <i class=\"pi pi-comments wuic-rag-chatbot__title-icon\" aria-hidden=\"true\"></i>\n      <span>{{ title }}</span>\n    </div>\n    <div class=\"wuic-rag-chatbot__header-actions\">\n      <p-badge\n        [value]=\"modeBadgeLabel\"\n        [severity]=\"modeBadgeSeverity\"\n        [pTooltip]=\"healthInfo\n          ? ('chunks indicizzati: ' + healthInfo.docs_loaded + ' | modello: ' + healthInfo.default_model)\n          : (healthError || 'connessione al server RAG...')\"\n        tooltipPosition=\"bottom\">\n      </p-badge>\n      @if (showClearButton) {\n        <p-button\n          icon=\"pi pi-trash\"\n          severity=\"secondary\"\n          [text]=\"true\"\n          [rounded]=\"true\"\n          size=\"small\"\n          [disabled]=\"history.length === 0 || loading\"\n          (onClick)=\"onClearHistory()\"\n          pTooltip=\"Svuota cronologia\"\n          tooltipPosition=\"bottom\"\n          ariaLabel=\"Svuota cronologia chat\">\n        </p-button>\n      }\n    </div>\n  </div>\n\n  <!-- Health error banner -->\n  @if (healthError) {\n    <p-message severity=\"error\" [text]=\"'Server RAG non raggiungibile: ' + healthError\" styleClass=\"wuic-rag-chatbot__error-banner\"></p-message>\n  }\n\n  <!-- Chat history -->\n  <div #scrollContainer class=\"wuic-rag-chatbot__history\" role=\"log\" aria-live=\"polite\">\n    @if (history.length === 0) {\n      <div class=\"wuic-rag-chatbot__empty\">\n        <i class=\"pi pi-info-circle wuic-rag-chatbot__empty-icon\" aria-hidden=\"true\"></i>\n        <p>Fai una domanda sul codebase WUIC, ad esempio:</p>\n        <ul class=\"wuic-rag-chatbot__suggestions\">\n          <li>Invalidare la cache metadata runtime sul server</li>\n          <li>Spreadsheet per data entry massivo simile a excel</li>\n          <li>Salvataggio di un report dal designer</li>\n        </ul>\n      </div>\n    }\n\n    @for (turn of history; track turn.messageId || $index) {\n      <div class=\"wuic-rag-chatbot__turn\"\n           [attr.data-message-id]=\"turn.messageId || null\"\n           [class.wuic-rag-chatbot__turn--user]=\"turn.role === 'user'\"\n           [class.wuic-rag-chatbot__turn--assistant]=\"turn.role === 'assistant'\">\n\n        <div class=\"wuic-rag-chatbot__turn-header\">\n          <i class=\"pi\"\n             [class.pi-user]=\"turn.role === 'user'\"\n             [class.pi-android]=\"turn.role === 'assistant'\"\n             aria-hidden=\"true\"></i>\n          <span>{{ turn.role === 'user' ? 'Tu' : 'Assistente' }}</span>\n          @if (turn.mode) {\n            <span class=\"wuic-rag-chatbot__turn-mode\">[{{ turn.mode === 'rag-llm' ? 'RAG+LLM' : 'retrieval' }}]</span>\n          }\n        </div>\n\n        @if (turn.loading) {\n          <div class=\"wuic-rag-chatbot__turn-loading\">\n            <p-progressSpinner styleClass=\"wuic-rag-chatbot__spinner\" strokeWidth=\"3\" animationDuration=\".9s\"></p-progressSpinner>\n            <span>Sto interrogando il codebase...</span>\n          </div>\n        } @else if (turn.errorMessage) {\n          <p-message severity=\"error\" [text]=\"turn.errorMessage\" styleClass=\"wuic-rag-chatbot__turn-error\"></p-message>\n        } @else {\n          <div class=\"wuic-rag-chatbot__turn-content\">{{ turn.content }}</div>\n          @if (turn.warning) {\n            <p-message severity=\"warn\" [text]=\"turn.warning\" styleClass=\"wuic-rag-chatbot__turn-warning\"></p-message>\n          }\n          @if (showSources && turn.role === 'assistant' && turn.sources && turn.sources.length > 0) {\n            @let dedupedSources = dedupSources(turn.sources);\n            <div class=\"wuic-rag-chatbot__sources\">\n              <div class=\"wuic-rag-chatbot__sources-label\">Fonti:</div>\n              <div class=\"wuic-rag-chatbot__sources-list\">\n                @for (source of dedupedSources; track source.chunk_id || source.rank) {\n                  <p-chip\n                    [label]=\"sourceLabel(source, dedupedSources)\"\n                    [icon]=\"isDocsSource(source) ? 'pi pi-book' : (isSkillSource(source) ? 'pi pi-wrench' : 'pi pi-file-edit')\"\n                    [removable]=\"false\"\n                    [pTooltip]=\"sourceTooltip(source)\"\n                    tooltipPosition=\"top\"\n                    [styleClass]=\"isDocsSource(source)\n                      ? 'wuic-rag-chatbot__source-chip wuic-rag-chatbot__source-chip--docs'\n                      : (isSkillSource(source)\n                        ? 'wuic-rag-chatbot__source-chip wuic-rag-chatbot__source-chip--skill'\n                        : 'wuic-rag-chatbot__source-chip')\"\n                    (click)=\"onSourceClick(source)\">\n                  </p-chip>\n                }\n              </div>\n            </div>\n          }\n          @if (turn.tokensIn || turn.tokensOut) {\n            <div class=\"wuic-rag-chatbot__tokens\">\n              tokens in/out: {{ turn.tokensIn ?? '?' }}/{{ turn.tokensOut ?? '?' }}\n            </div>\n          }\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Input area -->\n  <div class=\"wuic-rag-chatbot__input-area\">\n    <textarea #inputTextarea\n              pTextarea\n              class=\"wuic-rag-chatbot__input\"\n              [(ngModel)]=\"inputValue\"\n              (keydown)=\"onKeyDown($event)\"\n              [placeholder]=\"placeholder\"\n              [disabled]=\"loading || !!healthError\"\n              [autoResize]=\"true\"\n              rows=\"1\"\n              aria-label=\"Domanda per il chatbot codebase\">\n    </textarea>\n    <p-button\n      icon=\"pi pi-send\"\n      [disabled]=\"sendDisabled\"\n      [loading]=\"loading\"\n      (onClick)=\"onSend()\"\n      severity=\"primary\"\n      ariaLabel=\"Invia messaggio\">\n    </p-button>\n  </div>\n\n  <!-- Dialog preview snippet sorgente.\n       Mostra SOLO il contenuto del chunk (gia' embedded nella response RAG).\n       NON espone il path del file ne' apre editor esterni: il codebase del\n       framework vive sul repo dev e non deve essere linkato all'utente finale. -->\n  @if (selectedSource) {\n    <p-dialog\n      [visible]=\"true\"\n      [modal]=\"true\"\n      [closable]=\"true\"\n      [closeOnEscape]=\"true\"\n      [dismissableMask]=\"true\"\n      [style]=\"{ width: '640px', maxWidth: '92vw' }\"\n      [header]=\"sourceDialogTitle(selectedSource)\"\n      styleClass=\"wuic-rag-chatbot__source-dialog\"\n      (onHide)=\"closeSourcePreview()\">\n      <div class=\"wuic-rag-chatbot__source-meta\">\n        @if (sourceFilePath(selectedSource); as fpath) {\n          <span class=\"wuic-rag-chatbot__source-tag wuic-rag-chatbot__source-tag--file\">\n            <i class=\"pi pi-file\" aria-hidden=\"true\"></i>\n            {{ fpath }}\n          </span>\n        }\n        @if (selectedSource.symbol_type) {\n          <span class=\"wuic-rag-chatbot__source-tag\">{{ selectedSource.symbol_type }}</span>\n        }\n        @if (selectedSource.start_line && selectedSource.end_line) {\n          <span class=\"wuic-rag-chatbot__source-tag\">linee {{ selectedSource.start_line }}-{{ selectedSource.end_line }}</span>\n        }\n        @if (selectedSource.score_vector !== null && selectedSource.score_vector !== undefined) {\n          <span class=\"wuic-rag-chatbot__source-tag\">vec {{ selectedSource.score_vector | number:'1.2-2' }}</span>\n        }\n      </div>\n      <pre class=\"wuic-rag-chatbot__source-snippet\"><code>{{ selectedSource.snippet || '(snippet non disponibile)' }}</code></pre>\n    </p-dialog>\n  }\n\n</div>\n", styles: [".wuic-rag-chatbot{--wuic-rag-chatbot-radius: .5rem;--wuic-rag-chatbot-padding: .75rem;--wuic-rag-chatbot-gap: .5rem;--chat-height: 420px;display:flex;flex-direction:column;width:100%;height:auto;border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:var(--wuic-rag-chatbot-radius);background-color:var(--p-content-background, transparent);color:inherit;overflow:hidden;font-family:inherit}.wuic-rag-chatbot__header{display:flex;align-items:center;justify-content:space-between;padding:var(--wuic-rag-chatbot-padding);border-bottom:1px solid var(--p-content-border-color, #e5e7eb);background-color:transparent}.wuic-rag-chatbot__title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:inherit}.wuic-rag-chatbot__title-icon{color:var(--p-primary-color, #3b82f6)}.wuic-rag-chatbot__header-actions{display:flex;align-items:center;gap:.5rem}.wuic-rag-chatbot__error-banner{margin:var(--wuic-rag-chatbot-padding);margin-bottom:0}.wuic-rag-chatbot__history{flex:1 1 auto;height:var(--chat-height);overflow-y:auto;padding:var(--wuic-rag-chatbot-padding);display:flex;flex-direction:column;gap:var(--wuic-rag-chatbot-gap);background-color:transparent}.wuic-rag-chatbot__empty{margin:auto;text-align:center;color:var(--p-text-muted-color, #6b7280);max-width:80%;padding:1.5rem 0}.wuic-rag-chatbot__empty-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.wuic-rag-chatbot__suggestions{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.25rem;text-align:left}.wuic-rag-chatbot__suggestions li{padding:.35rem .75rem;border:1px dashed var(--p-content-border-color, #e5e7eb);border-radius:.375rem;font-size:.875rem}.wuic-rag-chatbot__turn{display:flex;flex-direction:column;gap:.35rem;padding:.65rem .85rem;border-radius:var(--wuic-rag-chatbot-radius);max-width:92%;color:inherit;background-color:transparent;border:1px solid var(--p-content-border-color, #e5e7eb)}.wuic-rag-chatbot__turn--user{align-self:flex-end;background-color:var(--p-primary-50, rgba(59, 130, 246, .08));border-color:var(--p-primary-200, rgba(59, 130, 246, .25))}.wuic-rag-chatbot__turn--assistant{align-self:flex-start;background-color:var(--p-surface-50, rgba(0, 0, 0, .025))}.wuic-rag-chatbot__turn-header{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--p-text-muted-color, #6b7280);font-weight:500}.wuic-rag-chatbot__turn-mode{margin-left:auto;font-family:ui-monospace,monospace;font-size:.7rem;opacity:.7}.wuic-rag-chatbot__turn-content{white-space:pre-wrap;word-break:break-word;line-height:1.45;font-size:.93rem;color:inherit}.wuic-rag-chatbot__turn-loading{display:flex;align-items:center;gap:.5rem;color:var(--p-text-muted-color, #6b7280);font-style:italic;font-size:.875rem}.wuic-rag-chatbot__spinner{width:1.25rem!important;height:1.25rem!important}.wuic-rag-chatbot__turn-error,.wuic-rag-chatbot__turn-warning{margin-top:.35rem}.wuic-rag-chatbot__sources{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--p-content-border-color, #e5e7eb)}.wuic-rag-chatbot__sources-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--p-text-muted-color, #6b7280);font-weight:600}.wuic-rag-chatbot__sources-list{display:flex;flex-wrap:wrap;gap:.35rem}.wuic-rag-chatbot__source-chip{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.wuic-rag-chatbot__source-chip:hover{transform:translateY(-1px);box-shadow:0 1px 4px #0000001f}.wuic-rag-chatbot__source-chip--docs :host ::ng-deep .p-chip{background:var(--p-blue-50, #eff6ff);color:var(--p-blue-700, #1d4ed8);border:1px solid var(--p-blue-200, #bfdbfe)}.wuic-rag-chatbot__source-chip--docs :host ::ng-deep .p-chip-icon{color:var(--p-blue-600, #2563eb)}.wuic-rag-chatbot__source-chip--skill :host ::ng-deep .p-chip{background:var(--p-green-50, #f0fdf4);color:var(--p-green-700, #15803d);border:1px solid var(--p-green-200, #bbf7d0)}.wuic-rag-chatbot__source-chip--skill :host ::ng-deep .p-chip-icon{color:var(--p-green-600, #16a34a)}.wuic-rag-chatbot__tokens{margin-top:.4rem;font-size:.7rem;color:var(--p-text-muted-color, #6b7280);text-align:right;font-family:ui-monospace,monospace}.wuic-rag-chatbot__input-area{display:flex;align-items:flex-end;gap:.5rem;padding:var(--wuic-rag-chatbot-padding);border-top:1px solid var(--p-content-border-color, #e5e7eb);background-color:transparent}.wuic-rag-chatbot__input{flex:1 1 auto;min-height:2.25rem;max-height:8rem;resize:none;color:inherit;background-color:transparent}.wuic-rag-chatbot__source-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.wuic-rag-chatbot__source-tag{display:inline-flex;align-items:center;gap:.25rem;padding:2px 8px;background:var(--p-surface-100, #f3f4f6);color:var(--p-text-color-secondary, #6b7280);border-radius:10px;font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.wuic-rag-chatbot__source-tag--file{background:var(--p-surface-0, #fff);color:var(--p-primary-color, #2563eb);border:1px solid var(--p-primary-200, #bfdbfe);font-weight:500;max-width:100%;word-break:break-all;white-space:normal;line-height:1.3}.wuic-rag-chatbot__source-tag--file i{font-size:.7rem;flex-shrink:0}.wuic-rag-chatbot__source-snippet{margin:0;padding:12px 14px;max-height:420px;overflow:auto;background:var(--p-surface-50, #fafafa);border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;color:var(--p-text-color, #111827)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i7$1.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i7$2.Badge, selector: "p-badge", inputs: ["styleClass", "badgeSize", "size", "severity", "value", "badgeDisabled"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i8$2.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "ngmodule", type: ScrollPanelModule }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i9$2.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i7.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WuicRagChatbotComponent, deps: [{ token: WuicRagService }, { token: i0.ChangeDetectorRef }, { token: ChatbotHostRegistryService }, { token: i1$2.ActivatedRoute, optional: true }, { token: i1$2.Router, optional: true }, { token: NotificationRealtimeService, optional: true }, { token: MetadataProviderService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: WuicRagChatbotComponent, isStandalone: true, selector: "wuic-rag-chatbot", inputs: { title: "title", mode: "mode", topK: "topK", showSources: "showSources", maxHistory: "maxHistory", placeholder: "placeholder", model: "model", chatHeight: "chatHeight", showClearButton: "showClearButton", persistSession: "persistSession", sendRouteContext: "sendRouteContext", allowProfileToggle: "allowProfileToggle" }, outputs: { resultSelected: "resultSelected", errorOccurred: "errorOccurred", turnAdded: "turnAdded" }, viewQueries: [{ propertyName: "inputTextarea", first: true, predicate: ["inputTextarea"], descendants: true }, { propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }], ngImport: i0, template: "<div class=\"wuic-rag-chatbot\" style=\"height: 100%;\">\n\n  <!-- Header -->\n  <div class=\"wuic-rag-chatbot__header\">\n    <div class=\"wuic-rag-chatbot__title\">\n      <i class=\"pi pi-comments wuic-rag-chatbot__title-icon\" aria-hidden=\"true\"></i>\n      <span>{{ title }}</span>\n    </div>\n    <div class=\"wuic-rag-chatbot__header-actions\">\n      @if (allowProfileToggle) {\n      <p-button [label]=\"profileToggleLabel\" [icon]=\"profileOverride === 'release' ? 'pi pi-eye' : 'pi pi-code'\"\n        [severity]=\"profileOverride === 'release' ? 'warn' : 'secondary'\" [outlined]=\"true\" [rounded]=\"true\"\n        size=\"small\" (onClick)=\"toggleProfile()\" [pTooltip]=\"profileOverride === 'release'\n          ? ('rag_chatbot.profile_toggle.tooltip_release' | translate)\n          : ('rag_chatbot.profile_toggle.tooltip_dev' | translate)\" tooltipPosition=\"bottom\"\n        [ariaLabel]=\"'rag_chatbot.profile_toggle.aria_label' | translate\">\n      </p-button>\n      }\n      <p-badge [value]=\"modeBadgeLabel\" [severity]=\"modeBadgeSeverity\" [pTooltip]=\"healthInfo\n          ? ('chunks indicizzati: ' + healthInfo.docs_loaded + ' | modello: ' + healthInfo.default_model)\n          : (healthError || ('rag_chatbot.health_indicator.connecting' | translate))\" tooltipPosition=\"bottom\">\n      </p-badge>\n      <!-- Context cue: cerchio colorato che riflette % context window usato.\n           Click + conferma -> /compact. Tooltip mostra k/k token + %. -->\n      @if (contextWindowMax) {\n      <button type=\"button\"\n        class=\"wuic-rag-chatbot__context-cue\"\n        [style.background]=\"contextCueColor\"\n        [pTooltip]=\"contextCueTooltip\"\n        tooltipPosition=\"bottom\"\n        [disabled]=\"compactingSession || !currentSessionId\"\n        (click)=\"onContextCueClick()\"\n        attr.aria-label=\"Compatta sessione (context {{ contextUsagePercent }}%)\">\n        @if (compactingSession) {\n          <i class=\"pi pi-spin pi-spinner\" aria-hidden=\"true\"></i>\n        } @else {\n          <span>{{ contextUsagePercent }}%</span>\n        }\n      </button>\n      }\n      <!-- Bottone Sessioni: apre popup con lista sessioni ordinate desc per updatedAt. -->\n      <p-button icon=\"pi pi-list\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" size=\"small\"\n        (onClick)=\"openSessionsDialog()\" [pTooltip]=\"'rag_chatbot.sessions_button.tooltip' | translate\"\n        tooltipPosition=\"bottom\" [ariaLabel]=\"'rag_chatbot.sessions_button.aria_label' | translate\">\n      </p-button>\n      @if (showClearButton) {\n      <p-button icon=\"pi pi-trash\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" size=\"small\"\n        [disabled]=\"history.length === 0 || loading || clearingHistory\" [loading]=\"clearingHistory\"\n        (onClick)=\"onClearHistory()\" [pTooltip]=\"'rag_chatbot.clear_button.tooltip' | translate\"\n        tooltipPosition=\"bottom\" [ariaLabel]=\"'rag_chatbot.clear_button.aria_label' | translate\">\n      </p-button>\n      }\n    </div>\n  </div>\n\n  <!-- Health error banner -->\n  @if (healthError) {\n  <p-message severity=\"error\" [text]=\"('rag_chatbot.health_error.banner' | translate) + ': ' + healthError\"\n    styleClass=\"wuic-rag-chatbot__error-banner\"></p-message>\n  }\n\n  <!-- Chat history -->\n  <div #scrollContainer class=\"wuic-rag-chatbot__history\" role=\"log\" aria-live=\"polite\">\n    @if (history.length === 0) {\n    <div class=\"wuic-rag-chatbot__empty\">\n      <i class=\"pi pi-info-circle wuic-rag-chatbot__empty-icon\" aria-hidden=\"true\"></i>\n      <p>{{ 'rag_chatbot.empty.prompt' | translate }}</p>\n      <ul class=\"wuic-rag-chatbot__suggestions\">\n        <li>{{ 'rag_chatbot.suggestion.invalidate_cache' | translate }}</li>\n        <li>{{ 'rag_chatbot.suggestion.spreadsheet_massive' | translate }}</li>\n        <li>{{ 'rag_chatbot.suggestion.save_report' | translate }}</li>\n      </ul>\n    </div>\n    }\n\n    @for (turn of history; track turn.messageId || $index) {\n    <div class=\"wuic-rag-chatbot__turn\" [attr.data-message-id]=\"turn.messageId || null\"\n      [class.wuic-rag-chatbot__turn--user]=\"turn.role === 'user'\"\n      [class.wuic-rag-chatbot__turn--assistant]=\"turn.role === 'assistant'\">\n\n      <div class=\"wuic-rag-chatbot__turn-header\">\n        <i class=\"pi\" [class.pi-user]=\"turn.role === 'user'\" [class.pi-android]=\"turn.role === 'assistant'\"\n          aria-hidden=\"true\"></i>\n        <span>{{ (turn.role === 'user' ? 'rag_chatbot.turn.role_user' : 'rag_chatbot.turn.role_assistant') | translate }}</span>\n        @if (turn.mode) {\n        <span class=\"wuic-rag-chatbot__turn-mode\">[{{ turn.mode === 'rag-llm' ? 'RAG+LLM' : 'retrieval' }}]</span>\n        }\n      </div>\n\n      @if (turn.loading) {\n      <div class=\"wuic-rag-chatbot__turn-loading\">\n        <p-progressSpinner styleClass=\"wuic-rag-chatbot__spinner\" strokeWidth=\"3\"\n          animationDuration=\".9s\"></p-progressSpinner>\n        <span>{{ 'rag_chatbot.turn.loading' | translate }}</span>\n      </div>\n      } @else if (turn.errorMessage) {\n      <p-message severity=\"error\" [text]=\"(turn.errorMessage | translate)\" styleClass=\"wuic-rag-chatbot__turn-error\"></p-message>\n      } @else {\n      <div class=\"wuic-rag-chatbot__turn-content\">{{ turn.content }}</div>\n      @if (turn.warning) {\n      <p-message severity=\"warn\" [text]=\"turn.warning\" styleClass=\"wuic-rag-chatbot__turn-warning\"></p-message>\n      }\n      <!-- Box \"Proposta azione\" emessa dall'LLM via tool-use. Renderizzato solo\n           per i turn assistant che hanno proposedAction valorizzata. Il monaco\n           editor riusa la stessa codeContext del metadata-editor sulla colonna\n           equivalente (autocomplete identico, type-check identico). -->\n      @if (turn.role === 'assistant' && turn.proposedAction) {\n      <div class=\"wuic-rag-chatbot__action-box\"\n           [class.wuic-rag-chatbot__action-box--applied]=\"turn.proposedActionAppliedAt\"\n           [class.wuic-rag-chatbot__action-box--error]=\"turn.applyError\">\n        <div class=\"wuic-rag-chatbot__action-box-header\">\n          <i class=\"pi pi-bolt\" aria-hidden=\"true\"></i>\n          <span class=\"wuic-rag-chatbot__action-box-title\">\n            {{ proposedActionTitle(turn.proposedAction) }}\n            @if (turn.proposedAction.label) {\n              <span class=\"wuic-rag-chatbot__action-box-label\">\"{{ turn.proposedAction.label }}\"</span>\n            }\n            @if (turn.proposedAction.route) {\n              <span class=\"wuic-rag-chatbot__action-box-route\">{{ 'rag_chatbot.action_box.label_on_route_prefix' | translate }} <code>{{ turn.proposedAction.route }}</code></span>\n            }\n          </span>\n        </div>\n        @if (turn.proposedAction.rationale) {\n          <div class=\"wuic-rag-chatbot__action-box-rationale\">{{ turn.proposedAction.rationale }}</div>\n        }\n        <!-- Hint trasparenza UX: l'utente sa in anticipo che, oltre a creare\n             la toolbar action, abiliteremo md_multiple_selection sulla route\n             (necessario per le bulk operations che leggono getSelectedRows). -->\n        @if (turn.proposedAction.requires_multi_selection) {\n          <div class=\"wuic-rag-chatbot__action-box-side-effect\">\n            <i class=\"pi pi-info-circle\"></i>\n            {{ 'rag_chatbot.action_box.side_effect_multi_selection' | translate }}\n          </div>\n        }\n        <!-- Campi NON-body della proposta (es. per table_style: classe/stile;\n             per toolbar/row_action: label+icon; per sql_metadata_field: field\n             target). Visibili sopra la textarea del body cosi' l'utente capisce\n             a colpo d'occhio COSA viene applicato oltre al CODICE del callback.\n             Sorgente: proposedActionExtraFields(kind) nel .ts. -->\n        @if (proposedActionExtraFields(turn.proposedAction).length > 0) {\n          <div class=\"wuic-rag-chatbot__action-box-extra-fields\">\n            @for (extra of proposedActionExtraFields(turn.proposedAction); track extra.fieldName) {\n              <div class=\"wuic-rag-chatbot__action-box-extra-field\">\n                <label class=\"wuic-rag-chatbot__action-box-extra-field-label\">{{ extra.label }}</label>\n                <input\n                  class=\"wuic-rag-chatbot__action-box-extra-field-value\"\n                  [disabled]=\"!!turn.proposedActionAppliedAt\"\n                  [ngModel]=\"extra.value\"\n                  (ngModelChange)=\"onProposedExtraFieldEdit(turn, extra, $event)\"\n                  [name]=\"'extra-' + turn.messageId + '-' + extra.fieldName\">\n              </div>\n            }\n          </div>\n        }\n        @if (proposedActionJsBody(turn.proposedAction)) {\n          <!-- Pattern <lib-code-area-editor>: textarea readonly (zero overhead,\n               niente flash nero, contenuto immediatamente visibile) di default.\n               Toggle \"Apri editor avanzato\" attiva `editorMode` -> @defer carica\n               Monaco con codeContext+autocomplete. Doppio livello di lazy:\n               @defer in HTML + LazyCodeEditorComponent fa import() dinamico.\n               Risultato: Monaco scaricato SOLO se l'utente lo richiede.\n               proposedActionJsBody() unifica callback_js / condition_js / formula_js\n               in base al kind: stesso UX per tutti i kind che hanno una body JS. -->\n          <div class=\"wuic-rag-chatbot__action-box-editor-toolbar\">\n            <p-button\n              [label]=\"(turn.editorMode ? 'rag_chatbot.action_box.editor_close' : 'rag_chatbot.action_box.editor_open') | translate\"\n              [icon]=\"turn.editorMode ? 'pi pi-times' : 'pi pi-code'\"\n              severity=\"secondary\"\n              [text]=\"true\"\n              size=\"small\"\n              (onClick)=\"toggleEditorMode(turn)\">\n            </p-button>\n          </div>\n          @if (!turn.editorMode) {\n            <textarea\n              class=\"wuic-rag-chatbot__action-box-textarea\"\n              rows=\"10\"\n              [disabled]=\"!!turn.proposedActionAppliedAt\"\n              [ngModel]=\"proposedActionJsBody(turn.proposedAction)\"\n              (ngModelChange)=\"onProposedBodyEdit(turn, $event)\"\n              [name]=\"'body-' + turn.messageId\">\n            </textarea>\n          } @else {\n            @defer (when turn.editorMode) {\n              <div class=\"wuic-rag-chatbot__action-box-editor\">\n                <wuic-code-editor-lazy\n                  [field]=\"getProposedActionField(turn)\"\n                  [record]=\"getProposedActionRecord(turn)\"\n                  style=\"display: block; width: 100%; height: 100%;\">\n                </wuic-code-editor-lazy>\n              </div>\n            } @loading (minimum 200ms) {\n              <div class=\"wuic-rag-chatbot__action-box-editor-loading\">\n                <i class=\"pi pi-spin pi-spinner\" aria-hidden=\"true\"></i>\n                {{ 'rag_chatbot.action_box.editor_loading' | translate }}\n              </div>\n            }\n          }\n        }\n        <div class=\"wuic-rag-chatbot__action-box-actions\">\n          @if (turn.proposedActionAppliedAt) {\n            <span class=\"wuic-rag-chatbot__action-box-applied\">\n              <i class=\"pi pi-check-circle\" aria-hidden=\"true\"></i>\n              {{ 'rag_chatbot.action_box.applied' | translate }}\n            </span>\n          } @else {\n            <p-button\n              [label]=\"'rag_chatbot.action_box.apply' | translate\"\n              icon=\"pi pi-check\"\n              severity=\"primary\"\n              size=\"small\"\n              [loading]=\"!!turn.applyingAction\"\n              (onClick)=\"onApplyAction(turn)\">\n            </p-button>\n          }\n          @if (turn.applyError) {\n            <span class=\"wuic-rag-chatbot__action-box-error\">\n              <i class=\"pi pi-times-circle\" aria-hidden=\"true\"></i>\n              {{ turn.applyError }}\n            </span>\n          }\n        </div>\n      </div>\n      }\n      @if (showSources && turn.role === 'assistant' && turn.sources && turn.sources.length > 0) {\n      @let dedupedSources = dedupSources(turn.sources);\n      <div class=\"wuic-rag-chatbot__sources\">\n        <div class=\"wuic-rag-chatbot__sources-label\">{{ 'rag_chatbot.sources.label' | translate }}</div>\n        <div class=\"wuic-rag-chatbot__sources-list\">\n          @for (source of dedupedSources; track source.chunk_id || source.rank) {\n          <p-chip [label]=\"sourceLabel(source, dedupedSources)\"\n            [icon]=\"isDocsSource(source) ? 'pi pi-book' : (isSkillSource(source) ? 'pi pi-wrench' : 'pi pi-file-edit')\"\n            [removable]=\"false\" [pTooltip]=\"sourceTooltip(source)\" tooltipPosition=\"top\" [styleClass]=\"isDocsSource(source)\n                      ? 'wuic-rag-chatbot__source-chip wuic-rag-chatbot__source-chip--docs'\n                      : (isSkillSource(source)\n                        ? 'wuic-rag-chatbot__source-chip wuic-rag-chatbot__source-chip--skill'\n                        : 'wuic-rag-chatbot__source-chip')\" (click)=\"onSourceClick(source)\">\n          </p-chip>\n          }\n        </div>\n      </div>\n      }\n      <!-- Follow-up questions emesse dall'LLM via tool `suggest_followups`.\n           Renderizzate come chip cliccabili sotto la risposta: click popola\n           l'input box (NON invia auto, l'utente puo' editare prima). -->\n      @if (turn.role === 'assistant' && turn.followupQuestions && turn.followupQuestions.length > 0) {\n      <div class=\"wuic-rag-chatbot__followups\">\n        <div class=\"wuic-rag-chatbot__followups-label\">{{ 'rag_chatbot.followups.label' | translate }}</div>\n        <div class=\"wuic-rag-chatbot__followups-list\">\n          @for (q of turn.followupQuestions; track q) {\n          <p-chip\n            [label]=\"q\"\n            icon=\"pi pi-arrow-right\"\n            styleClass=\"wuic-rag-chatbot__followup-chip\"\n            (click)=\"applyFollowup(q)\">\n          </p-chip>\n          }\n        </div>\n      </div>\n      }\n      @if (turn.tokensIn || turn.tokensOut) {\n      <div class=\"wuic-rag-chatbot__tokens\">\n        tokens in/out: {{ turn.tokensIn ?? '?' }}/{{ turn.tokensOut ?? '?' }}\n      </div>\n      }\n      }\n    </div>\n    }\n  </div>\n\n  <!-- Input area -->\n  <div class=\"wuic-rag-chatbot__input-area\">\n    <textarea #inputTextarea pTextarea class=\"wuic-rag-chatbot__input\" [(ngModel)]=\"inputValue\"\n      (keydown)=\"onKeyDown($event)\" [placeholder]=\"placeholder\" [disabled]=\"loading || !!healthError\"\n      [autoResize]=\"true\" rows=\"1\" [attr.aria-label]=\"'rag_chatbot.input.aria_label' | translate\">\n    </textarea>\n    <p-button icon=\"pi pi-send\" [disabled]=\"sendDisabled\" [loading]=\"loading\" (onClick)=\"onSend()\" severity=\"primary\"\n      [ariaLabel]=\"'rag_chatbot.input.send_aria_label' | translate\">\n    </p-button>\n  </div>\n\n  <!-- Dialog preview snippet sorgente.\n       Mostra SOLO il contenuto del chunk (gia' embedded nella response RAG).\n       NON espone il path del file ne' apre editor esterni: il codebase del\n       framework vive sul repo dev e non deve essere linkato all'utente finale. -->\n  @if (selectedSource) {\n  <p-dialog [visible]=\"true\" [modal]=\"true\" [closable]=\"true\" [closeOnEscape]=\"true\" [dismissableMask]=\"true\"\n    [style]=\"{ width: '640px', maxWidth: '92vw' }\" [header]=\"sourceDialogTitle(selectedSource)\"\n    styleClass=\"wuic-rag-chatbot__source-dialog\" (onHide)=\"closeSourcePreview()\">\n    <div class=\"wuic-rag-chatbot__source-meta\">\n      @if (sourceFilePath(selectedSource); as fpath) {\n      <span class=\"wuic-rag-chatbot__source-tag wuic-rag-chatbot__source-tag--file\">\n        <i class=\"pi pi-file\" aria-hidden=\"true\"></i>\n        {{ fpath }}\n      </span>\n      }\n      @if (selectedSource.symbol_type) {\n      <span class=\"wuic-rag-chatbot__source-tag\">{{ selectedSource.symbol_type }}</span>\n      }\n      @if (selectedSource.start_line && selectedSource.end_line) {\n      <span class=\"wuic-rag-chatbot__source-tag\">linee {{ selectedSource.start_line }}-{{ selectedSource.end_line\n        }}</span>\n      }\n      @if (selectedSource.score_vector !== null && selectedSource.score_vector !== undefined) {\n      <span class=\"wuic-rag-chatbot__source-tag\">vec {{ selectedSource.score_vector | number:'1.2-2' }}</span>\n      }\n    </div>\n    <pre\n      class=\"wuic-rag-chatbot__source-snippet\"><code>{{ selectedSource.snippet || ('rag_chatbot.source.snippet_unavailable' | translate) }}</code></pre>\n  </p-dialog>\n  }\n\n  <!-- Dialog \"Sessioni\": elenco ordinato desc per updatedAt. Per ogni riga:\n       data + titolo (truncated 100 char, tooltip full) + bottone rinomina\n       inline + click row = switch session. -->\n  @if (sessionsDialogOpen) {\n  <p-dialog [visible]=\"true\" [modal]=\"true\" [closable]=\"true\" [closeOnEscape]=\"true\" [dismissableMask]=\"true\"\n    [style]=\"{ width: '640px', maxWidth: '92vw', maxHeight: '85vh' }\"\n    [header]=\"'rag_chatbot.sessions_dialog.header' | translate\"\n    styleClass=\"wuic-rag-chatbot__sessions-dialog\"\n    (onHide)=\"closeSessionsDialog()\">\n    @if (sessionsLoading) {\n      <div class=\"wuic-rag-chatbot__sessions-loading\">\n        <i class=\"pi pi-spin pi-spinner\" aria-hidden=\"true\"></i> {{ 'rag_chatbot.sessions_dialog.loading' | translate }}\n      </div>\n    } @else if (sessionsList.length === 0) {\n      <div class=\"wuic-rag-chatbot__sessions-empty\">{{ 'rag_chatbot.sessions_dialog.empty' | translate }}</div>\n    } @else {\n      <ul class=\"wuic-rag-chatbot__sessions-list\">\n        @for (s of sessionsList; track s.id) {\n          <li class=\"wuic-rag-chatbot__session-item\"\n              [class.wuic-rag-chatbot__session-item--current]=\"s.id === currentSessionId\"\n              (click)=\"selectSession(s)\">\n            <div class=\"wuic-rag-chatbot__session-date\">{{ sessionDate(s) }}</div>\n            @if (sessionRenameEditing[s.id]) {\n              <div class=\"wuic-rag-chatbot__session-edit\" (click)=\"$event.stopPropagation()\">\n                <input type=\"text\" pInputText\n                  [(ngModel)]=\"sessionRenameDraft[s.id]\"\n                  [autofocus]=\"true\"\n                  maxlength=\"200\"\n                  class=\"wuic-rag-chatbot__session-edit-input\"\n                  (keydown.enter)=\"confirmRenameSession(s, $event)\"\n                  (keydown.escape)=\"cancelRenameSession(s)\">\n                <p-button icon=\"pi pi-check\" severity=\"success\" [text]=\"true\" [rounded]=\"true\" size=\"small\"\n                  (onClick)=\"confirmRenameSession(s, $event)\" [ariaLabel]=\"'rag_chatbot.sessions_dialog.rename_confirm_aria' | translate\"></p-button>\n                <p-button icon=\"pi pi-times\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" size=\"small\"\n                  (onClick)=\"cancelRenameSession(s)\" [ariaLabel]=\"'rag_chatbot.sessions_dialog.rename_cancel_aria' | translate\"></p-button>\n              </div>\n            } @else {\n              <div class=\"wuic-rag-chatbot__session-row\">\n                <span class=\"wuic-rag-chatbot__session-title\" [pTooltip]=\"s.title || ('rag_chatbot.sessions_dialog.untitled' | translate)\" tooltipPosition=\"top\">\n                  {{ sessionPreview(s) }}\n                </span>\n                <p-button icon=\"pi pi-pencil\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" size=\"small\"\n                  (onClick)=\"startRenameSession(s, $event)\" [pTooltip]=\"'rag_chatbot.sessions_dialog.rename' | translate\" tooltipPosition=\"left\"\n                  [ariaLabel]=\"'rag_chatbot.sessions_dialog.rename_aria' | translate\"></p-button>\n                <p-button icon=\"pi pi-trash\" severity=\"danger\" [text]=\"true\" [rounded]=\"true\" size=\"small\"\n                  (onClick)=\"onDeleteSessionFromList(s, $event)\" [pTooltip]=\"'rag_chatbot.sessions_dialog.delete' | translate\" tooltipPosition=\"left\"\n                  [ariaLabel]=\"'rag_chatbot.sessions_dialog.delete_aria' | translate\"></p-button>\n              </div>\n            }\n          </li>\n        }\n      </ul>\n    }\n  </p-dialog>\n  }\n\n  <!-- Dialog context-overflow: l'ultima call ha fallito perche' la history\n       sfora il context window. 2 azioni: Compatta ora (riassume e prosegue\n       stessa session) / Nuova sessione (clear + ricomincia). -->\n  @if (contextOverflowDialogOpen) {\n  <p-dialog [visible]=\"true\" [modal]=\"true\" [closable]=\"true\" [closeOnEscape]=\"true\" [dismissableMask]=\"false\"\n    [style]=\"{ width: '480px', maxWidth: '92vw' }\"\n    [header]=\"'rag_chatbot.overflow_dialog.header' | translate\"\n    styleClass=\"wuic-rag-chatbot__overflow-dialog\"\n    (onHide)=\"contextOverflowDialogOpen = false\">\n    <p>{{ 'rag_chatbot.overflow_dialog.intro' | translate }}</p>\n    <ul>\n      <li><strong>{{ 'rag_chatbot.overflow_dialog.option_compact_title' | translate }}</strong> \u2014 {{ 'rag_chatbot.overflow_dialog.option_compact_desc' | translate }}</li>\n      <li><strong>{{ 'rag_chatbot.overflow_dialog.option_new_title' | translate }}</strong> \u2014 {{ 'rag_chatbot.overflow_dialog.option_new_desc' | translate }}</li>\n    </ul>\n    <div class=\"wuic-rag-chatbot__overflow-actions\">\n      <p-button [label]=\"'rag_chatbot.overflow_dialog.option_compact_title' | translate\" icon=\"pi pi-compress\" severity=\"primary\"\n        [loading]=\"compactingSession\"\n        (onClick)=\"doCompactSession()\"></p-button>\n      <p-button [label]=\"'rag_chatbot.overflow_dialog.option_new_title' | translate\" icon=\"pi pi-refresh\" severity=\"secondary\"\n        (onClick)=\"startNewSession()\"></p-button>\n    </div>\n  </p-dialog>\n  }\n\n</div>", styles: [".wuic-rag-chatbot{--wuic-rag-chatbot-radius: .5rem;--wuic-rag-chatbot-padding: .75rem;--wuic-rag-chatbot-gap: .5rem;display:flex;flex-direction:column;width:100%;height:100%;border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:var(--wuic-rag-chatbot-radius);background-color:var(--p-content-background, transparent);color:inherit;overflow:hidden;font-family:inherit}.wuic-rag-chatbot__header{display:flex;align-items:center;justify-content:space-between;padding:var(--wuic-rag-chatbot-padding);border-bottom:1px solid var(--p-content-border-color, #e5e7eb);background-color:transparent}.wuic-rag-chatbot__title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:inherit}.wuic-rag-chatbot__title-icon{color:var(--p-primary-color, #3b82f6)}.wuic-rag-chatbot__header-actions{display:flex;align-items:center;gap:.5rem}.wuic-rag-chatbot__context-cue{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.85);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 0 0 1px #0000000f,0 1px 3px #0000001f;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;padding:0}.wuic-rag-chatbot__context-cue:hover:not(:disabled){transform:scale(1.08);box-shadow:0 0 0 1px #0000001a,0 2px 6px #0003}.wuic-rag-chatbot__context-cue:disabled{cursor:default;opacity:.65}.wuic-rag-chatbot__context-cue>i{font-size:.85rem}.wuic-rag-chatbot__sessions-loading,.wuic-rag-chatbot__sessions-empty{padding:1.5rem;text-align:center;color:var(--p-text-muted-color, #6b7280);font-style:italic}.wuic-rag-chatbot__sessions-list{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}.wuic-rag-chatbot__session-item{padding:.6rem .85rem;border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:6px;margin-bottom:.4rem;cursor:pointer;transition:background .12s ease,border-color .12s ease}.wuic-rag-chatbot__session-item:hover{background:var(--p-surface-50, #f3f4f6);border-color:var(--p-primary-300, rgba(59, 130, 246, .4))}.wuic-rag-chatbot__session-item--current{background:var(--p-primary-50, rgba(59, 130, 246, .08));border-color:var(--p-primary-400, rgba(59, 130, 246, .55))}.wuic-rag-chatbot__session-date{font-size:.72rem;color:var(--p-text-muted-color, #6b7280);font-family:ui-monospace,monospace;margin-bottom:.2rem}.wuic-rag-chatbot__session-row{display:flex;align-items:center;gap:.4rem}.wuic-rag-chatbot__session-title{flex:1 1 auto;font-size:.9rem;color:var(--p-text-color, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wuic-rag-chatbot__session-edit{display:flex;align-items:center;gap:.3rem}.wuic-rag-chatbot__session-edit-input{flex:1 1 auto;font-size:.85rem}.wuic-rag-chatbot__overflow-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.wuic-rag-chatbot__error-banner{margin:var(--wuic-rag-chatbot-padding);margin-bottom:0}.wuic-rag-chatbot__history{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--wuic-rag-chatbot-padding);display:flex;flex-direction:column;gap:var(--wuic-rag-chatbot-gap);background-color:transparent}.wuic-rag-chatbot__empty{margin:auto;text-align:center;color:var(--p-text-muted-color, #6b7280);max-width:80%;padding:1.5rem 0}.wuic-rag-chatbot__empty-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.wuic-rag-chatbot__suggestions{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.25rem;text-align:left}.wuic-rag-chatbot__suggestions li{padding:.35rem .75rem;border:1px dashed var(--p-content-border-color, #e5e7eb);border-radius:.375rem;font-size:.875rem}.wuic-rag-chatbot__turn{display:flex;flex-direction:column;gap:.35rem;padding:.65rem .85rem;border-radius:var(--wuic-rag-chatbot-radius);max-width:92%;color:inherit;background-color:transparent;border:1px solid var(--p-content-border-color, #e5e7eb)}.wuic-rag-chatbot__turn--user{align-self:flex-end;background-color:var(--p-primary-50, rgba(59, 130, 246, .08));border-color:var(--p-primary-200, rgba(59, 130, 246, .25))}.wuic-rag-chatbot__turn--assistant{align-self:flex-start;background-color:var(--p-surface-50, rgba(0, 0, 0, .025))}.wuic-rag-chatbot__turn-header{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--p-text-muted-color, #6b7280);font-weight:500}.wuic-rag-chatbot__turn-mode{margin-left:auto;font-family:ui-monospace,monospace;font-size:.7rem;opacity:.7}.wuic-rag-chatbot__turn-content{white-space:pre-wrap;word-break:break-word;line-height:1.45;font-size:.93rem;color:inherit}.wuic-rag-chatbot__turn-loading{display:flex;align-items:center;gap:.5rem;color:var(--p-text-muted-color, #6b7280);font-style:italic;font-size:.875rem}.wuic-rag-chatbot__spinner{width:1.25rem!important;height:1.25rem!important}.wuic-rag-chatbot__turn-error,.wuic-rag-chatbot__turn-warning{margin-top:.35rem}.wuic-rag-chatbot__sources{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--p-content-border-color, #e5e7eb)}.wuic-rag-chatbot__sources-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--p-text-muted-color, #6b7280);font-weight:600}.wuic-rag-chatbot__sources-list{display:flex;flex-wrap:wrap;gap:.35rem}.wuic-rag-chatbot__source-chip{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.wuic-rag-chatbot__source-chip:hover{transform:translateY(-1px);box-shadow:0 1px 4px #0000001f}.wuic-rag-chatbot__source-chip--docs :host ::ng-deep .p-chip{background:var(--p-blue-50, #eff6ff);color:var(--p-blue-700, #1d4ed8);border:1px solid var(--p-blue-200, #bfdbfe)}.wuic-rag-chatbot__source-chip--docs :host ::ng-deep .p-chip-icon{color:var(--p-blue-600, #2563eb)}.wuic-rag-chatbot__source-chip--skill :host ::ng-deep .p-chip{background:var(--p-green-50, #f0fdf4);color:var(--p-green-700, #15803d);border:1px solid var(--p-green-200, #bbf7d0)}.wuic-rag-chatbot__source-chip--skill :host ::ng-deep .p-chip-icon{color:var(--p-green-600, #16a34a)}.wuic-rag-chatbot__tokens{margin-top:.4rem;font-size:.7rem;color:var(--p-text-muted-color, #6b7280);text-align:right;font-family:ui-monospace,monospace}.wuic-rag-chatbot__followups{display:flex;flex-direction:column;gap:.3rem;margin-top:.55rem;padding-top:.55rem;border-top:1px dashed var(--p-content-border-color, #e5e7eb)}.wuic-rag-chatbot__followups-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--p-text-muted-color, #6b7280);font-weight:600}.wuic-rag-chatbot__followups-list{display:flex;flex-wrap:wrap;gap:.35rem}.wuic-rag-chatbot__followup-chip{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.wuic-rag-chatbot__followup-chip :host ::ng-deep .p-chip{background:var(--p-primary-50, rgba(59, 130, 246, .08));color:var(--p-primary-700, #1d4ed8);border:1px solid var(--p-primary-200, rgba(59, 130, 246, .25));font-size:.82rem;line-height:1.3;padding:.2rem .5rem}.wuic-rag-chatbot__followup-chip :host ::ng-deep .p-chip-icon{color:var(--p-primary-600, #2563eb);font-size:.75rem}.wuic-rag-chatbot__followup-chip:hover{transform:translateY(-1px);box-shadow:0 2px 6px #3b82f62e}.wuic-rag-chatbot__followup-chip:hover :host ::ng-deep .p-chip{background:var(--p-primary-100, rgba(59, 130, 246, .15))}.wuic-rag-chatbot__action-box{margin-top:.65rem;border:1px solid var(--p-primary-300, rgba(59, 130, 246, .45));border-radius:8px;background:var(--p-primary-50, rgba(59, 130, 246, .05));padding:.6rem .75rem;display:flex;flex-direction:column;gap:.45rem}.wuic-rag-chatbot__action-box--applied{border-color:var(--p-green-300, #86efac);background:var(--p-green-50, #f0fdf4)}.wuic-rag-chatbot__action-box--error{border-color:var(--p-red-300, #fca5a5);background:var(--p-red-50, #fef2f2)}.wuic-rag-chatbot__action-box-header{display:flex;align-items:center;gap:.45rem;font-size:.88rem;color:var(--p-primary-700, #1d4ed8);font-weight:600}.wuic-rag-chatbot__action-box-header>i{font-size:.95rem}.wuic-rag-chatbot__action-box-title{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}.wuic-rag-chatbot__action-box-label{color:var(--p-text-color, #111827);font-weight:700}.wuic-rag-chatbot__action-box-route{color:var(--p-text-muted-color, #6b7280);font-weight:400;font-size:.8rem}.wuic-rag-chatbot__action-box-route>code{background:var(--p-surface-100, #f3f4f6);padding:1px 6px;border-radius:4px;font-family:ui-monospace,monospace;color:var(--p-text-color, #111827)}.wuic-rag-chatbot__action-box-rationale{font-size:.85rem;color:var(--p-text-color, #1f2937);line-height:1.4;font-style:italic}.wuic-rag-chatbot__action-box-side-effect{font-size:.8rem;color:var(--p-blue-700, #1d4ed8);background:var(--p-blue-50, #eff6ff);border-left:3px solid var(--p-blue-400, #60a5fa);padding:.4rem .6rem;border-radius:4px;display:flex;align-items:flex-start;gap:.4rem;line-height:1.35}.wuic-rag-chatbot__action-box-side-effect i{font-size:.9rem;margin-top:.1rem;flex-shrink:0}.wuic-rag-chatbot__action-box-editor-toolbar{display:flex;justify-content:flex-end;align-items:center}.wuic-rag-chatbot__action-box-extra-fields{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.wuic-rag-chatbot__action-box-extra-field{display:flex;align-items:center;gap:8px}.wuic-rag-chatbot__action-box-extra-field-label{flex:0 0 auto;min-width:100px;font-size:.78rem;color:var(--p-text-muted-color, #6b7280);font-weight:500}.wuic-rag-chatbot__action-box-extra-field-value{flex:1 1 auto;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,Cascadia Code,monospace;font-size:.78rem;padding:4px 8px;border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:4px;background:var(--p-surface-50, #fafafa);color:var(--p-text-color, #111827)}.wuic-rag-chatbot__action-box-extra-field-value:focus{outline:2px solid var(--p-primary-300, rgba(59, 130, 246, .4));outline-offset:-1px}.wuic-rag-chatbot__action-box-textarea{width:100%;min-height:200px;border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:6px;padding:8px 10px;background:var(--p-surface-50, #fafafa);color:var(--p-text-color, #111827);font-family:ui-monospace,SFMono-Regular,Consolas,Cascadia Code,monospace;font-size:.78rem;line-height:1.45;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden;overflow-y:auto;tab-size:2}.wuic-rag-chatbot__action-box-textarea:focus{outline:2px solid var(--p-primary-300, rgba(59, 130, 246, .4));outline-offset:-1px}.wuic-rag-chatbot__action-box-editor{height:240px;min-height:240px;border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:6px;overflow:hidden;background:#1e1e1e}.wuic-rag-chatbot__action-box-editor-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:100px;color:var(--p-text-muted-color, #6b7280);font-size:.85rem;font-style:italic;background:var(--p-surface-50, #fafafa);border:1px dashed var(--p-content-border-color, #e5e7eb);border-radius:6px}.wuic-rag-chatbot__action-box-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.wuic-rag-chatbot__action-box-applied{display:inline-flex;align-items:center;gap:.35rem;color:var(--p-green-700, #15803d);font-weight:600;font-size:.85rem}.wuic-rag-chatbot__action-box-error{display:inline-flex;align-items:center;gap:.35rem;color:var(--p-red-700, #b91c1c);font-size:.8rem;font-family:ui-monospace,monospace}.wuic-rag-chatbot__input-area{display:flex;align-items:flex-end;gap:.5rem;padding:var(--wuic-rag-chatbot-padding);border-top:1px solid var(--p-content-border-color, #e5e7eb);background-color:transparent}.wuic-rag-chatbot__input{flex:1 1 auto;min-height:2.25rem;max-height:8rem;resize:none;color:inherit;background-color:transparent}.wuic-rag-chatbot__source-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.wuic-rag-chatbot__source-tag{display:inline-flex;align-items:center;gap:.25rem;padding:2px 8px;background:var(--p-surface-100, #f3f4f6);color:var(--p-text-color-secondary, #6b7280);border-radius:10px;font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.wuic-rag-chatbot__source-tag--file{background:var(--p-surface-0, #fff);color:var(--p-primary-color, #2563eb);border:1px solid var(--p-primary-200, #bfdbfe);font-weight:500;max-width:100%;word-break:break-all;white-space:normal;line-height:1.3}.wuic-rag-chatbot__source-tag--file i{font-size:.7rem;flex-shrink:0}.wuic-rag-chatbot__source-snippet{margin:0;padding:12px 14px;max-height:420px;overflow:auto;background:var(--p-surface-50, #fafafa);border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;color:var(--p-text-color, #111827)}:host-context(.theme-dark) .wuic-rag-chatbot__turn--user{background-color:#60a5fa2e;border-color:#60a5fa73}:host-context(.theme-dark) .wuic-rag-chatbot__turn--assistant{background-color:#ffffff0f;border-color:#ffffff1f}:host-context(.theme-dark) .wuic-rag-chatbot__turn-header,:host-context(.theme-dark) .wuic-rag-chatbot__turn-loading,:host-context(.theme-dark) .wuic-rag-chatbot__sources-label,:host-context(.theme-dark) .wuic-rag-chatbot__tokens{color:#ffffffa6}:host-context(.theme-dark) .wuic-rag-chatbot__sources{border-top-color:#ffffff2e}:host-context(.theme-dark) .wuic-rag-chatbot__input-area{border-top-color:#ffffff1f}:host-context(.theme-dark) .wuic-rag-chatbot__source-chip--docs :host ::ng-deep .p-chip{background:#3b82f62e;color:#93c5fd;border:1px solid rgba(59,130,246,.4)}:host-context(.theme-dark) .wuic-rag-chatbot__source-chip--docs :host ::ng-deep .p-chip-icon{color:#bfdbfe}:host-context(.theme-dark) .wuic-rag-chatbot__source-chip--skill :host ::ng-deep .p-chip{background:#22c55e2e;color:#86efac;border:1px solid rgba(34,197,94,.4)}:host-context(.theme-dark) .wuic-rag-chatbot__source-chip--skill :host ::ng-deep .p-chip-icon{color:#bbf7d0}:host-context(.theme-dark) .wuic-rag-chatbot__source-tag{background:#ffffff14;color:#ffffffc7}:host-context(.theme-dark) .wuic-rag-chatbot__source-tag--file{background:#3b82f624;color:#93c5fd;border-color:#3b82f673}:host-context(.theme-dark) .wuic-rag-chatbot__source-snippet{background:#00000052;border-color:#ffffff1f;color:#ffffffeb}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i7$1.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i13.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i10$1.Badge, selector: "p-badge", inputs: ["styleClass", "badgeSize", "size", "severity", "value", "badgeDisabled"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i11$1.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "ngmodule", type: ScrollPanelModule }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i9$2.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i7.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }], deferBlockDependencies: [() => [Promise.resolve().then(function () { return codeEditor_lazy_component; }).then(m => m.LazyCodeEditorComponent)]] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WuicRagChatbotComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'wuic-rag-chatbot', standalone: true, imports: [
-                        CommonModule,
-                        FormsModule,
-                        ButtonModule,
-                        TextareaModule,
-                        BadgeModule,
-                        ChipModule,
-                        ScrollPanelModule,
-                        ProgressSpinnerModule,
-                        TooltipModule,
-                        MessageModule,
-                        DialogModule,
-                    ], template: "<div class=\"wuic-rag-chatbot\" [style.--chat-height]=\"chatHeight\">\n\n  <!-- Header -->\n  <div class=\"wuic-rag-chatbot__header\">\n    <div class=\"wuic-rag-chatbot__title\">\n      <i class=\"pi pi-comments wuic-rag-chatbot__title-icon\" aria-hidden=\"true\"></i>\n      <span>{{ title }}</span>\n    </div>\n    <div class=\"wuic-rag-chatbot__header-actions\">\n      <p-badge\n        [value]=\"modeBadgeLabel\"\n        [severity]=\"modeBadgeSeverity\"\n        [pTooltip]=\"healthInfo\n          ? ('chunks indicizzati: ' + healthInfo.docs_loaded + ' | modello: ' + healthInfo.default_model)\n          : (healthError || 'connessione al server RAG...')\"\n        tooltipPosition=\"bottom\">\n      </p-badge>\n      @if (showClearButton) {\n        <p-button\n          icon=\"pi pi-trash\"\n          severity=\"secondary\"\n          [text]=\"true\"\n          [rounded]=\"true\"\n          size=\"small\"\n          [disabled]=\"history.length === 0 || loading\"\n          (onClick)=\"onClearHistory()\"\n          pTooltip=\"Svuota cronologia\"\n          tooltipPosition=\"bottom\"\n          ariaLabel=\"Svuota cronologia chat\">\n        </p-button>\n      }\n    </div>\n  </div>\n\n  <!-- Health error banner -->\n  @if (healthError) {\n    <p-message severity=\"error\" [text]=\"'Server RAG non raggiungibile: ' + healthError\" styleClass=\"wuic-rag-chatbot__error-banner\"></p-message>\n  }\n\n  <!-- Chat history -->\n  <div #scrollContainer class=\"wuic-rag-chatbot__history\" role=\"log\" aria-live=\"polite\">\n    @if (history.length === 0) {\n      <div class=\"wuic-rag-chatbot__empty\">\n        <i class=\"pi pi-info-circle wuic-rag-chatbot__empty-icon\" aria-hidden=\"true\"></i>\n        <p>Fai una domanda sul codebase WUIC, ad esempio:</p>\n        <ul class=\"wuic-rag-chatbot__suggestions\">\n          <li>Invalidare la cache metadata runtime sul server</li>\n          <li>Spreadsheet per data entry massivo simile a excel</li>\n          <li>Salvataggio di un report dal designer</li>\n        </ul>\n      </div>\n    }\n\n    @for (turn of history; track turn.messageId || $index) {\n      <div class=\"wuic-rag-chatbot__turn\"\n           [attr.data-message-id]=\"turn.messageId || null\"\n           [class.wuic-rag-chatbot__turn--user]=\"turn.role === 'user'\"\n           [class.wuic-rag-chatbot__turn--assistant]=\"turn.role === 'assistant'\">\n\n        <div class=\"wuic-rag-chatbot__turn-header\">\n          <i class=\"pi\"\n             [class.pi-user]=\"turn.role === 'user'\"\n             [class.pi-android]=\"turn.role === 'assistant'\"\n             aria-hidden=\"true\"></i>\n          <span>{{ turn.role === 'user' ? 'Tu' : 'Assistente' }}</span>\n          @if (turn.mode) {\n            <span class=\"wuic-rag-chatbot__turn-mode\">[{{ turn.mode === 'rag-llm' ? 'RAG+LLM' : 'retrieval' }}]</span>\n          }\n        </div>\n\n        @if (turn.loading) {\n          <div class=\"wuic-rag-chatbot__turn-loading\">\n            <p-progressSpinner styleClass=\"wuic-rag-chatbot__spinner\" strokeWidth=\"3\" animationDuration=\".9s\"></p-progressSpinner>\n            <span>Sto interrogando il codebase...</span>\n          </div>\n        } @else if (turn.errorMessage) {\n          <p-message severity=\"error\" [text]=\"turn.errorMessage\" styleClass=\"wuic-rag-chatbot__turn-error\"></p-message>\n        } @else {\n          <div class=\"wuic-rag-chatbot__turn-content\">{{ turn.content }}</div>\n          @if (turn.warning) {\n            <p-message severity=\"warn\" [text]=\"turn.warning\" styleClass=\"wuic-rag-chatbot__turn-warning\"></p-message>\n          }\n          @if (showSources && turn.role === 'assistant' && turn.sources && turn.sources.length > 0) {\n            @let dedupedSources = dedupSources(turn.sources);\n            <div class=\"wuic-rag-chatbot__sources\">\n              <div class=\"wuic-rag-chatbot__sources-label\">Fonti:</div>\n              <div class=\"wuic-rag-chatbot__sources-list\">\n                @for (source of dedupedSources; track source.chunk_id || source.rank) {\n                  <p-chip\n                    [label]=\"sourceLabel(source, dedupedSources)\"\n                    [icon]=\"isDocsSource(source) ? 'pi pi-book' : (isSkillSource(source) ? 'pi pi-wrench' : 'pi pi-file-edit')\"\n                    [removable]=\"false\"\n                    [pTooltip]=\"sourceTooltip(source)\"\n                    tooltipPosition=\"top\"\n                    [styleClass]=\"isDocsSource(source)\n                      ? 'wuic-rag-chatbot__source-chip wuic-rag-chatbot__source-chip--docs'\n                      : (isSkillSource(source)\n                        ? 'wuic-rag-chatbot__source-chip wuic-rag-chatbot__source-chip--skill'\n                        : 'wuic-rag-chatbot__source-chip')\"\n                    (click)=\"onSourceClick(source)\">\n                  </p-chip>\n                }\n              </div>\n            </div>\n          }\n          @if (turn.tokensIn || turn.tokensOut) {\n            <div class=\"wuic-rag-chatbot__tokens\">\n              tokens in/out: {{ turn.tokensIn ?? '?' }}/{{ turn.tokensOut ?? '?' }}\n            </div>\n          }\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Input area -->\n  <div class=\"wuic-rag-chatbot__input-area\">\n    <textarea #inputTextarea\n              pTextarea\n              class=\"wuic-rag-chatbot__input\"\n              [(ngModel)]=\"inputValue\"\n              (keydown)=\"onKeyDown($event)\"\n              [placeholder]=\"placeholder\"\n              [disabled]=\"loading || !!healthError\"\n              [autoResize]=\"true\"\n              rows=\"1\"\n              aria-label=\"Domanda per il chatbot codebase\">\n    </textarea>\n    <p-button\n      icon=\"pi pi-send\"\n      [disabled]=\"sendDisabled\"\n      [loading]=\"loading\"\n      (onClick)=\"onSend()\"\n      severity=\"primary\"\n      ariaLabel=\"Invia messaggio\">\n    </p-button>\n  </div>\n\n  <!-- Dialog preview snippet sorgente.\n       Mostra SOLO il contenuto del chunk (gia' embedded nella response RAG).\n       NON espone il path del file ne' apre editor esterni: il codebase del\n       framework vive sul repo dev e non deve essere linkato all'utente finale. -->\n  @if (selectedSource) {\n    <p-dialog\n      [visible]=\"true\"\n      [modal]=\"true\"\n      [closable]=\"true\"\n      [closeOnEscape]=\"true\"\n      [dismissableMask]=\"true\"\n      [style]=\"{ width: '640px', maxWidth: '92vw' }\"\n      [header]=\"sourceDialogTitle(selectedSource)\"\n      styleClass=\"wuic-rag-chatbot__source-dialog\"\n      (onHide)=\"closeSourcePreview()\">\n      <div class=\"wuic-rag-chatbot__source-meta\">\n        @if (sourceFilePath(selectedSource); as fpath) {\n          <span class=\"wuic-rag-chatbot__source-tag wuic-rag-chatbot__source-tag--file\">\n            <i class=\"pi pi-file\" aria-hidden=\"true\"></i>\n            {{ fpath }}\n          </span>\n        }\n        @if (selectedSource.symbol_type) {\n          <span class=\"wuic-rag-chatbot__source-tag\">{{ selectedSource.symbol_type }}</span>\n        }\n        @if (selectedSource.start_line && selectedSource.end_line) {\n          <span class=\"wuic-rag-chatbot__source-tag\">linee {{ selectedSource.start_line }}-{{ selectedSource.end_line }}</span>\n        }\n        @if (selectedSource.score_vector !== null && selectedSource.score_vector !== undefined) {\n          <span class=\"wuic-rag-chatbot__source-tag\">vec {{ selectedSource.score_vector | number:'1.2-2' }}</span>\n        }\n      </div>\n      <pre class=\"wuic-rag-chatbot__source-snippet\"><code>{{ selectedSource.snippet || '(snippet non disponibile)' }}</code></pre>\n    </p-dialog>\n  }\n\n</div>\n", styles: [".wuic-rag-chatbot{--wuic-rag-chatbot-radius: .5rem;--wuic-rag-chatbot-padding: .75rem;--wuic-rag-chatbot-gap: .5rem;--chat-height: 420px;display:flex;flex-direction:column;width:100%;height:auto;border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:var(--wuic-rag-chatbot-radius);background-color:var(--p-content-background, transparent);color:inherit;overflow:hidden;font-family:inherit}.wuic-rag-chatbot__header{display:flex;align-items:center;justify-content:space-between;padding:var(--wuic-rag-chatbot-padding);border-bottom:1px solid var(--p-content-border-color, #e5e7eb);background-color:transparent}.wuic-rag-chatbot__title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:inherit}.wuic-rag-chatbot__title-icon{color:var(--p-primary-color, #3b82f6)}.wuic-rag-chatbot__header-actions{display:flex;align-items:center;gap:.5rem}.wuic-rag-chatbot__error-banner{margin:var(--wuic-rag-chatbot-padding);margin-bottom:0}.wuic-rag-chatbot__history{flex:1 1 auto;height:var(--chat-height);overflow-y:auto;padding:var(--wuic-rag-chatbot-padding);display:flex;flex-direction:column;gap:var(--wuic-rag-chatbot-gap);background-color:transparent}.wuic-rag-chatbot__empty{margin:auto;text-align:center;color:var(--p-text-muted-color, #6b7280);max-width:80%;padding:1.5rem 0}.wuic-rag-chatbot__empty-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.wuic-rag-chatbot__suggestions{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.25rem;text-align:left}.wuic-rag-chatbot__suggestions li{padding:.35rem .75rem;border:1px dashed var(--p-content-border-color, #e5e7eb);border-radius:.375rem;font-size:.875rem}.wuic-rag-chatbot__turn{display:flex;flex-direction:column;gap:.35rem;padding:.65rem .85rem;border-radius:var(--wuic-rag-chatbot-radius);max-width:92%;color:inherit;background-color:transparent;border:1px solid var(--p-content-border-color, #e5e7eb)}.wuic-rag-chatbot__turn--user{align-self:flex-end;background-color:var(--p-primary-50, rgba(59, 130, 246, .08));border-color:var(--p-primary-200, rgba(59, 130, 246, .25))}.wuic-rag-chatbot__turn--assistant{align-self:flex-start;background-color:var(--p-surface-50, rgba(0, 0, 0, .025))}.wuic-rag-chatbot__turn-header{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--p-text-muted-color, #6b7280);font-weight:500}.wuic-rag-chatbot__turn-mode{margin-left:auto;font-family:ui-monospace,monospace;font-size:.7rem;opacity:.7}.wuic-rag-chatbot__turn-content{white-space:pre-wrap;word-break:break-word;line-height:1.45;font-size:.93rem;color:inherit}.wuic-rag-chatbot__turn-loading{display:flex;align-items:center;gap:.5rem;color:var(--p-text-muted-color, #6b7280);font-style:italic;font-size:.875rem}.wuic-rag-chatbot__spinner{width:1.25rem!important;height:1.25rem!important}.wuic-rag-chatbot__turn-error,.wuic-rag-chatbot__turn-warning{margin-top:.35rem}.wuic-rag-chatbot__sources{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--p-content-border-color, #e5e7eb)}.wuic-rag-chatbot__sources-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--p-text-muted-color, #6b7280);font-weight:600}.wuic-rag-chatbot__sources-list{display:flex;flex-wrap:wrap;gap:.35rem}.wuic-rag-chatbot__source-chip{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.wuic-rag-chatbot__source-chip:hover{transform:translateY(-1px);box-shadow:0 1px 4px #0000001f}.wuic-rag-chatbot__source-chip--docs :host ::ng-deep .p-chip{background:var(--p-blue-50, #eff6ff);color:var(--p-blue-700, #1d4ed8);border:1px solid var(--p-blue-200, #bfdbfe)}.wuic-rag-chatbot__source-chip--docs :host ::ng-deep .p-chip-icon{color:var(--p-blue-600, #2563eb)}.wuic-rag-chatbot__source-chip--skill :host ::ng-deep .p-chip{background:var(--p-green-50, #f0fdf4);color:var(--p-green-700, #15803d);border:1px solid var(--p-green-200, #bbf7d0)}.wuic-rag-chatbot__source-chip--skill :host ::ng-deep .p-chip-icon{color:var(--p-green-600, #16a34a)}.wuic-rag-chatbot__tokens{margin-top:.4rem;font-size:.7rem;color:var(--p-text-muted-color, #6b7280);text-align:right;font-family:ui-monospace,monospace}.wuic-rag-chatbot__input-area{display:flex;align-items:flex-end;gap:.5rem;padding:var(--wuic-rag-chatbot-padding);border-top:1px solid var(--p-content-border-color, #e5e7eb);background-color:transparent}.wuic-rag-chatbot__input{flex:1 1 auto;min-height:2.25rem;max-height:8rem;resize:none;color:inherit;background-color:transparent}.wuic-rag-chatbot__source-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.wuic-rag-chatbot__source-tag{display:inline-flex;align-items:center;gap:.25rem;padding:2px 8px;background:var(--p-surface-100, #f3f4f6);color:var(--p-text-color-secondary, #6b7280);border-radius:10px;font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.wuic-rag-chatbot__source-tag--file{background:var(--p-surface-0, #fff);color:var(--p-primary-color, #2563eb);border:1px solid var(--p-primary-200, #bfdbfe);font-weight:500;max-width:100%;word-break:break-all;white-space:normal;line-height:1.3}.wuic-rag-chatbot__source-tag--file i{font-size:.7rem;flex-shrink:0}.wuic-rag-chatbot__source-snippet{margin:0;padding:12px 14px;max-height:420px;overflow:auto;background:var(--p-surface-50, #fafafa);border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;color:var(--p-text-color, #111827)}\n"] }]
-        }], ctorParameters: () => [{ type: WuicRagService }, { type: i0.ChangeDetectorRef }, { type: i1$2.ActivatedRoute, decorators: [{
-                    type: Optional
-                }] }, { type: i1$2.Router, decorators: [{
-                    type: Optional
-                }] }, { type: NotificationRealtimeService, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { title: [{
-                type: Input
-            }], mode: [{
-                type: Input
-            }], topK: [{
-                type: Input
-            }], showSources: [{
-                type: Input
-            }], maxHistory: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], model: [{
-                type: Input
-            }], chatHeight: [{
-                type: Input
-            }], showClearButton: [{
-                type: Input
-            }], resultSelected: [{
-                type: Output
-            }], errorOccurred: [{
-                type: Output
-            }], turnAdded: [{
-                type: Output
-            }], inputTextarea: [{
-                type: ViewChild,
-                args: ['inputTextarea']
-            }], scrollContainer: [{
-                type: ViewChild,
-                args: ['scrollContainer']
-            }] } });
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.9", ngImport: i0, type: WuicRagChatbotComponent, resolveDeferredDeps: () => [Promise.resolve().then(function () { return codeEditor_lazy_component; }).then(m => m.LazyCodeEditorComponent)], resolveMetadata: LazyCodeEditorComponent => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'wuic-rag-chatbot', standalone: true, imports: [
+                            CommonModule,
+                            FormsModule,
+                            ButtonModule,
+                            TextareaModule,
+                            InputTextModule,
+                            BadgeModule,
+                            ChipModule,
+                            ScrollPanelModule,
+                            ProgressSpinnerModule,
+                            TooltipModule,
+                            MessageModule,
+                            DialogModule,
+                            TranslateModule,
+                            LazyCodeEditorComponent,
+                        ], template: "<div class=\"wuic-rag-chatbot\" style=\"height: 100%;\">\n\n  <!-- Header -->\n  <div class=\"wuic-rag-chatbot__header\">\n    <div class=\"wuic-rag-chatbot__title\">\n      <i class=\"pi pi-comments wuic-rag-chatbot__title-icon\" aria-hidden=\"true\"></i>\n      <span>{{ title }}</span>\n    </div>\n    <div class=\"wuic-rag-chatbot__header-actions\">\n      @if (allowProfileToggle) {\n      <p-button [label]=\"profileToggleLabel\" [icon]=\"profileOverride === 'release' ? 'pi pi-eye' : 'pi pi-code'\"\n        [severity]=\"profileOverride === 'release' ? 'warn' : 'secondary'\" [outlined]=\"true\" [rounded]=\"true\"\n        size=\"small\" (onClick)=\"toggleProfile()\" [pTooltip]=\"profileOverride === 'release'\n          ? ('rag_chatbot.profile_toggle.tooltip_release' | translate)\n          : ('rag_chatbot.profile_toggle.tooltip_dev' | translate)\" tooltipPosition=\"bottom\"\n        [ariaLabel]=\"'rag_chatbot.profile_toggle.aria_label' | translate\">\n      </p-button>\n      }\n      <p-badge [value]=\"modeBadgeLabel\" [severity]=\"modeBadgeSeverity\" [pTooltip]=\"healthInfo\n          ? ('chunks indicizzati: ' + healthInfo.docs_loaded + ' | modello: ' + healthInfo.default_model)\n          : (healthError || ('rag_chatbot.health_indicator.connecting' | translate))\" tooltipPosition=\"bottom\">\n      </p-badge>\n      <!-- Context cue: cerchio colorato che riflette % context window usato.\n           Click + conferma -> /compact. Tooltip mostra k/k token + %. -->\n      @if (contextWindowMax) {\n      <button type=\"button\"\n        class=\"wuic-rag-chatbot__context-cue\"\n        [style.background]=\"contextCueColor\"\n        [pTooltip]=\"contextCueTooltip\"\n        tooltipPosition=\"bottom\"\n        [disabled]=\"compactingSession || !currentSessionId\"\n        (click)=\"onContextCueClick()\"\n        attr.aria-label=\"Compatta sessione (context {{ contextUsagePercent }}%)\">\n        @if (compactingSession) {\n          <i class=\"pi pi-spin pi-spinner\" aria-hidden=\"true\"></i>\n        } @else {\n          <span>{{ contextUsagePercent }}%</span>\n        }\n      </button>\n      }\n      <!-- Bottone Sessioni: apre popup con lista sessioni ordinate desc per updatedAt. -->\n      <p-button icon=\"pi pi-list\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" size=\"small\"\n        (onClick)=\"openSessionsDialog()\" [pTooltip]=\"'rag_chatbot.sessions_button.tooltip' | translate\"\n        tooltipPosition=\"bottom\" [ariaLabel]=\"'rag_chatbot.sessions_button.aria_label' | translate\">\n      </p-button>\n      @if (showClearButton) {\n      <p-button icon=\"pi pi-trash\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" size=\"small\"\n        [disabled]=\"history.length === 0 || loading || clearingHistory\" [loading]=\"clearingHistory\"\n        (onClick)=\"onClearHistory()\" [pTooltip]=\"'rag_chatbot.clear_button.tooltip' | translate\"\n        tooltipPosition=\"bottom\" [ariaLabel]=\"'rag_chatbot.clear_button.aria_label' | translate\">\n      </p-button>\n      }\n    </div>\n  </div>\n\n  <!-- Health error banner -->\n  @if (healthError) {\n  <p-message severity=\"error\" [text]=\"('rag_chatbot.health_error.banner' | translate) + ': ' + healthError\"\n    styleClass=\"wuic-rag-chatbot__error-banner\"></p-message>\n  }\n\n  <!-- Chat history -->\n  <div #scrollContainer class=\"wuic-rag-chatbot__history\" role=\"log\" aria-live=\"polite\">\n    @if (history.length === 0) {\n    <div class=\"wuic-rag-chatbot__empty\">\n      <i class=\"pi pi-info-circle wuic-rag-chatbot__empty-icon\" aria-hidden=\"true\"></i>\n      <p>{{ 'rag_chatbot.empty.prompt' | translate }}</p>\n      <ul class=\"wuic-rag-chatbot__suggestions\">\n        <li>{{ 'rag_chatbot.suggestion.invalidate_cache' | translate }}</li>\n        <li>{{ 'rag_chatbot.suggestion.spreadsheet_massive' | translate }}</li>\n        <li>{{ 'rag_chatbot.suggestion.save_report' | translate }}</li>\n      </ul>\n    </div>\n    }\n\n    @for (turn of history; track turn.messageId || $index) {\n    <div class=\"wuic-rag-chatbot__turn\" [attr.data-message-id]=\"turn.messageId || null\"\n      [class.wuic-rag-chatbot__turn--user]=\"turn.role === 'user'\"\n      [class.wuic-rag-chatbot__turn--assistant]=\"turn.role === 'assistant'\">\n\n      <div class=\"wuic-rag-chatbot__turn-header\">\n        <i class=\"pi\" [class.pi-user]=\"turn.role === 'user'\" [class.pi-android]=\"turn.role === 'assistant'\"\n          aria-hidden=\"true\"></i>\n        <span>{{ (turn.role === 'user' ? 'rag_chatbot.turn.role_user' : 'rag_chatbot.turn.role_assistant') | translate }}</span>\n        @if (turn.mode) {\n        <span class=\"wuic-rag-chatbot__turn-mode\">[{{ turn.mode === 'rag-llm' ? 'RAG+LLM' : 'retrieval' }}]</span>\n        }\n      </div>\n\n      @if (turn.loading) {\n      <div class=\"wuic-rag-chatbot__turn-loading\">\n        <p-progressSpinner styleClass=\"wuic-rag-chatbot__spinner\" strokeWidth=\"3\"\n          animationDuration=\".9s\"></p-progressSpinner>\n        <span>{{ 'rag_chatbot.turn.loading' | translate }}</span>\n      </div>\n      } @else if (turn.errorMessage) {\n      <p-message severity=\"error\" [text]=\"(turn.errorMessage | translate)\" styleClass=\"wuic-rag-chatbot__turn-error\"></p-message>\n      } @else {\n      <div class=\"wuic-rag-chatbot__turn-content\">{{ turn.content }}</div>\n      @if (turn.warning) {\n      <p-message severity=\"warn\" [text]=\"turn.warning\" styleClass=\"wuic-rag-chatbot__turn-warning\"></p-message>\n      }\n      <!-- Box \"Proposta azione\" emessa dall'LLM via tool-use. Renderizzato solo\n           per i turn assistant che hanno proposedAction valorizzata. Il monaco\n           editor riusa la stessa codeContext del metadata-editor sulla colonna\n           equivalente (autocomplete identico, type-check identico). -->\n      @if (turn.role === 'assistant' && turn.proposedAction) {\n      <div class=\"wuic-rag-chatbot__action-box\"\n           [class.wuic-rag-chatbot__action-box--applied]=\"turn.proposedActionAppliedAt\"\n           [class.wuic-rag-chatbot__action-box--error]=\"turn.applyError\">\n        <div class=\"wuic-rag-chatbot__action-box-header\">\n          <i class=\"pi pi-bolt\" aria-hidden=\"true\"></i>\n          <span class=\"wuic-rag-chatbot__action-box-title\">\n            {{ proposedActionTitle(turn.proposedAction) }}\n            @if (turn.proposedAction.label) {\n              <span class=\"wuic-rag-chatbot__action-box-label\">\"{{ turn.proposedAction.label }}\"</span>\n            }\n            @if (turn.proposedAction.route) {\n              <span class=\"wuic-rag-chatbot__action-box-route\">{{ 'rag_chatbot.action_box.label_on_route_prefix' | translate }} <code>{{ turn.proposedAction.route }}</code></span>\n            }\n          </span>\n        </div>\n        @if (turn.proposedAction.rationale) {\n          <div class=\"wuic-rag-chatbot__action-box-rationale\">{{ turn.proposedAction.rationale }}</div>\n        }\n        <!-- Hint trasparenza UX: l'utente sa in anticipo che, oltre a creare\n             la toolbar action, abiliteremo md_multiple_selection sulla route\n             (necessario per le bulk operations che leggono getSelectedRows). -->\n        @if (turn.proposedAction.requires_multi_selection) {\n          <div class=\"wuic-rag-chatbot__action-box-side-effect\">\n            <i class=\"pi pi-info-circle\"></i>\n            {{ 'rag_chatbot.action_box.side_effect_multi_selection' | translate }}\n          </div>\n        }\n        <!-- Campi NON-body della proposta (es. per table_style: classe/stile;\n             per toolbar/row_action: label+icon; per sql_metadata_field: field\n             target). Visibili sopra la textarea del body cosi' l'utente capisce\n             a colpo d'occhio COSA viene applicato oltre al CODICE del callback.\n             Sorgente: proposedActionExtraFields(kind) nel .ts. -->\n        @if (proposedActionExtraFields(turn.proposedAction).length > 0) {\n          <div class=\"wuic-rag-chatbot__action-box-extra-fields\">\n            @for (extra of proposedActionExtraFields(turn.proposedAction); track extra.fieldName) {\n              <div class=\"wuic-rag-chatbot__action-box-extra-field\">\n                <label class=\"wuic-rag-chatbot__action-box-extra-field-label\">{{ extra.label }}</label>\n                <input\n                  class=\"wuic-rag-chatbot__action-box-extra-field-value\"\n                  [disabled]=\"!!turn.proposedActionAppliedAt\"\n                  [ngModel]=\"extra.value\"\n                  (ngModelChange)=\"onProposedExtraFieldEdit(turn, extra, $event)\"\n                  [name]=\"'extra-' + turn.messageId + '-' + extra.fieldName\">\n              </div>\n            }\n          </div>\n        }\n        @if (proposedActionJsBody(turn.proposedAction)) {\n          <!-- Pattern <lib-code-area-editor>: textarea readonly (zero overhead,\n               niente flash nero, contenuto immediatamente visibile) di default.\n               Toggle \"Apri editor avanzato\" attiva `editorMode` -> @defer carica\n               Monaco con codeContext+autocomplete. Doppio livello di lazy:\n               @defer in HTML + LazyCodeEditorComponent fa import() dinamico.\n               Risultato: Monaco scaricato SOLO se l'utente lo richiede.\n               proposedActionJsBody() unifica callback_js / condition_js / formula_js\n               in base al kind: stesso UX per tutti i kind che hanno una body JS. -->\n          <div class=\"wuic-rag-chatbot__action-box-editor-toolbar\">\n            <p-button\n              [label]=\"(turn.editorMode ? 'rag_chatbot.action_box.editor_close' : 'rag_chatbot.action_box.editor_open') | translate\"\n              [icon]=\"turn.editorMode ? 'pi pi-times' : 'pi pi-code'\"\n              severity=\"secondary\"\n              [text]=\"true\"\n              size=\"small\"\n              (onClick)=\"toggleEditorMode(turn)\">\n            </p-button>\n          </div>\n          @if (!turn.editorMode) {\n            <textarea\n              class=\"wuic-rag-chatbot__action-box-textarea\"\n              rows=\"10\"\n              [disabled]=\"!!turn.proposedActionAppliedAt\"\n              [ngModel]=\"proposedActionJsBody(turn.proposedAction)\"\n              (ngModelChange)=\"onProposedBodyEdit(turn, $event)\"\n              [name]=\"'body-' + turn.messageId\">\n            </textarea>\n          } @else {\n            @defer (when turn.editorMode) {\n              <div class=\"wuic-rag-chatbot__action-box-editor\">\n                <wuic-code-editor-lazy\n                  [field]=\"getProposedActionField(turn)\"\n                  [record]=\"getProposedActionRecord(turn)\"\n                  style=\"display: block; width: 100%; height: 100%;\">\n                </wuic-code-editor-lazy>\n              </div>\n            } @loading (minimum 200ms) {\n              <div class=\"wuic-rag-chatbot__action-box-editor-loading\">\n                <i class=\"pi pi-spin pi-spinner\" aria-hidden=\"true\"></i>\n                {{ 'rag_chatbot.action_box.editor_loading' | translate }}\n              </div>\n            }\n          }\n        }\n        <div class=\"wuic-rag-chatbot__action-box-actions\">\n          @if (turn.proposedActionAppliedAt) {\n            <span class=\"wuic-rag-chatbot__action-box-applied\">\n              <i class=\"pi pi-check-circle\" aria-hidden=\"true\"></i>\n              {{ 'rag_chatbot.action_box.applied' | translate }}\n            </span>\n          } @else {\n            <p-button\n              [label]=\"'rag_chatbot.action_box.apply' | translate\"\n              icon=\"pi pi-check\"\n              severity=\"primary\"\n              size=\"small\"\n              [loading]=\"!!turn.applyingAction\"\n              (onClick)=\"onApplyAction(turn)\">\n            </p-button>\n          }\n          @if (turn.applyError) {\n            <span class=\"wuic-rag-chatbot__action-box-error\">\n              <i class=\"pi pi-times-circle\" aria-hidden=\"true\"></i>\n              {{ turn.applyError }}\n            </span>\n          }\n        </div>\n      </div>\n      }\n      @if (showSources && turn.role === 'assistant' && turn.sources && turn.sources.length > 0) {\n      @let dedupedSources = dedupSources(turn.sources);\n      <div class=\"wuic-rag-chatbot__sources\">\n        <div class=\"wuic-rag-chatbot__sources-label\">{{ 'rag_chatbot.sources.label' | translate }}</div>\n        <div class=\"wuic-rag-chatbot__sources-list\">\n          @for (source of dedupedSources; track source.chunk_id || source.rank) {\n          <p-chip [label]=\"sourceLabel(source, dedupedSources)\"\n            [icon]=\"isDocsSource(source) ? 'pi pi-book' : (isSkillSource(source) ? 'pi pi-wrench' : 'pi pi-file-edit')\"\n            [removable]=\"false\" [pTooltip]=\"sourceTooltip(source)\" tooltipPosition=\"top\" [styleClass]=\"isDocsSource(source)\n                      ? 'wuic-rag-chatbot__source-chip wuic-rag-chatbot__source-chip--docs'\n                      : (isSkillSource(source)\n                        ? 'wuic-rag-chatbot__source-chip wuic-rag-chatbot__source-chip--skill'\n                        : 'wuic-rag-chatbot__source-chip')\" (click)=\"onSourceClick(source)\">\n          </p-chip>\n          }\n        </div>\n      </div>\n      }\n      <!-- Follow-up questions emesse dall'LLM via tool `suggest_followups`.\n           Renderizzate come chip cliccabili sotto la risposta: click popola\n           l'input box (NON invia auto, l'utente puo' editare prima). -->\n      @if (turn.role === 'assistant' && turn.followupQuestions && turn.followupQuestions.length > 0) {\n      <div class=\"wuic-rag-chatbot__followups\">\n        <div class=\"wuic-rag-chatbot__followups-label\">{{ 'rag_chatbot.followups.label' | translate }}</div>\n        <div class=\"wuic-rag-chatbot__followups-list\">\n          @for (q of turn.followupQuestions; track q) {\n          <p-chip\n            [label]=\"q\"\n            icon=\"pi pi-arrow-right\"\n            styleClass=\"wuic-rag-chatbot__followup-chip\"\n            (click)=\"applyFollowup(q)\">\n          </p-chip>\n          }\n        </div>\n      </div>\n      }\n      @if (turn.tokensIn || turn.tokensOut) {\n      <div class=\"wuic-rag-chatbot__tokens\">\n        tokens in/out: {{ turn.tokensIn ?? '?' }}/{{ turn.tokensOut ?? '?' }}\n      </div>\n      }\n      }\n    </div>\n    }\n  </div>\n\n  <!-- Input area -->\n  <div class=\"wuic-rag-chatbot__input-area\">\n    <textarea #inputTextarea pTextarea class=\"wuic-rag-chatbot__input\" [(ngModel)]=\"inputValue\"\n      (keydown)=\"onKeyDown($event)\" [placeholder]=\"placeholder\" [disabled]=\"loading || !!healthError\"\n      [autoResize]=\"true\" rows=\"1\" [attr.aria-label]=\"'rag_chatbot.input.aria_label' | translate\">\n    </textarea>\n    <p-button icon=\"pi pi-send\" [disabled]=\"sendDisabled\" [loading]=\"loading\" (onClick)=\"onSend()\" severity=\"primary\"\n      [ariaLabel]=\"'rag_chatbot.input.send_aria_label' | translate\">\n    </p-button>\n  </div>\n\n  <!-- Dialog preview snippet sorgente.\n       Mostra SOLO il contenuto del chunk (gia' embedded nella response RAG).\n       NON espone il path del file ne' apre editor esterni: il codebase del\n       framework vive sul repo dev e non deve essere linkato all'utente finale. -->\n  @if (selectedSource) {\n  <p-dialog [visible]=\"true\" [modal]=\"true\" [closable]=\"true\" [closeOnEscape]=\"true\" [dismissableMask]=\"true\"\n    [style]=\"{ width: '640px', maxWidth: '92vw' }\" [header]=\"sourceDialogTitle(selectedSource)\"\n    styleClass=\"wuic-rag-chatbot__source-dialog\" (onHide)=\"closeSourcePreview()\">\n    <div class=\"wuic-rag-chatbot__source-meta\">\n      @if (sourceFilePath(selectedSource); as fpath) {\n      <span class=\"wuic-rag-chatbot__source-tag wuic-rag-chatbot__source-tag--file\">\n        <i class=\"pi pi-file\" aria-hidden=\"true\"></i>\n        {{ fpath }}\n      </span>\n      }\n      @if (selectedSource.symbol_type) {\n      <span class=\"wuic-rag-chatbot__source-tag\">{{ selectedSource.symbol_type }}</span>\n      }\n      @if (selectedSource.start_line && selectedSource.end_line) {\n      <span class=\"wuic-rag-chatbot__source-tag\">linee {{ selectedSource.start_line }}-{{ selectedSource.end_line\n        }}</span>\n      }\n      @if (selectedSource.score_vector !== null && selectedSource.score_vector !== undefined) {\n      <span class=\"wuic-rag-chatbot__source-tag\">vec {{ selectedSource.score_vector | number:'1.2-2' }}</span>\n      }\n    </div>\n    <pre\n      class=\"wuic-rag-chatbot__source-snippet\"><code>{{ selectedSource.snippet || ('rag_chatbot.source.snippet_unavailable' | translate) }}</code></pre>\n  </p-dialog>\n  }\n\n  <!-- Dialog \"Sessioni\": elenco ordinato desc per updatedAt. Per ogni riga:\n       data + titolo (truncated 100 char, tooltip full) + bottone rinomina\n       inline + click row = switch session. -->\n  @if (sessionsDialogOpen) {\n  <p-dialog [visible]=\"true\" [modal]=\"true\" [closable]=\"true\" [closeOnEscape]=\"true\" [dismissableMask]=\"true\"\n    [style]=\"{ width: '640px', maxWidth: '92vw', maxHeight: '85vh' }\"\n    [header]=\"'rag_chatbot.sessions_dialog.header' | translate\"\n    styleClass=\"wuic-rag-chatbot__sessions-dialog\"\n    (onHide)=\"closeSessionsDialog()\">\n    @if (sessionsLoading) {\n      <div class=\"wuic-rag-chatbot__sessions-loading\">\n        <i class=\"pi pi-spin pi-spinner\" aria-hidden=\"true\"></i> {{ 'rag_chatbot.sessions_dialog.loading' | translate }}\n      </div>\n    } @else if (sessionsList.length === 0) {\n      <div class=\"wuic-rag-chatbot__sessions-empty\">{{ 'rag_chatbot.sessions_dialog.empty' | translate }}</div>\n    } @else {\n      <ul class=\"wuic-rag-chatbot__sessions-list\">\n        @for (s of sessionsList; track s.id) {\n          <li class=\"wuic-rag-chatbot__session-item\"\n              [class.wuic-rag-chatbot__session-item--current]=\"s.id === currentSessionId\"\n              (click)=\"selectSession(s)\">\n            <div class=\"wuic-rag-chatbot__session-date\">{{ sessionDate(s) }}</div>\n            @if (sessionRenameEditing[s.id]) {\n              <div class=\"wuic-rag-chatbot__session-edit\" (click)=\"$event.stopPropagation()\">\n                <input type=\"text\" pInputText\n                  [(ngModel)]=\"sessionRenameDraft[s.id]\"\n                  [autofocus]=\"true\"\n                  maxlength=\"200\"\n                  class=\"wuic-rag-chatbot__session-edit-input\"\n                  (keydown.enter)=\"confirmRenameSession(s, $event)\"\n                  (keydown.escape)=\"cancelRenameSession(s)\">\n                <p-button icon=\"pi pi-check\" severity=\"success\" [text]=\"true\" [rounded]=\"true\" size=\"small\"\n                  (onClick)=\"confirmRenameSession(s, $event)\" [ariaLabel]=\"'rag_chatbot.sessions_dialog.rename_confirm_aria' | translate\"></p-button>\n                <p-button icon=\"pi pi-times\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" size=\"small\"\n                  (onClick)=\"cancelRenameSession(s)\" [ariaLabel]=\"'rag_chatbot.sessions_dialog.rename_cancel_aria' | translate\"></p-button>\n              </div>\n            } @else {\n              <div class=\"wuic-rag-chatbot__session-row\">\n                <span class=\"wuic-rag-chatbot__session-title\" [pTooltip]=\"s.title || ('rag_chatbot.sessions_dialog.untitled' | translate)\" tooltipPosition=\"top\">\n                  {{ sessionPreview(s) }}\n                </span>\n                <p-button icon=\"pi pi-pencil\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" size=\"small\"\n                  (onClick)=\"startRenameSession(s, $event)\" [pTooltip]=\"'rag_chatbot.sessions_dialog.rename' | translate\" tooltipPosition=\"left\"\n                  [ariaLabel]=\"'rag_chatbot.sessions_dialog.rename_aria' | translate\"></p-button>\n                <p-button icon=\"pi pi-trash\" severity=\"danger\" [text]=\"true\" [rounded]=\"true\" size=\"small\"\n                  (onClick)=\"onDeleteSessionFromList(s, $event)\" [pTooltip]=\"'rag_chatbot.sessions_dialog.delete' | translate\" tooltipPosition=\"left\"\n                  [ariaLabel]=\"'rag_chatbot.sessions_dialog.delete_aria' | translate\"></p-button>\n              </div>\n            }\n          </li>\n        }\n      </ul>\n    }\n  </p-dialog>\n  }\n\n  <!-- Dialog context-overflow: l'ultima call ha fallito perche' la history\n       sfora il context window. 2 azioni: Compatta ora (riassume e prosegue\n       stessa session) / Nuova sessione (clear + ricomincia). -->\n  @if (contextOverflowDialogOpen) {\n  <p-dialog [visible]=\"true\" [modal]=\"true\" [closable]=\"true\" [closeOnEscape]=\"true\" [dismissableMask]=\"false\"\n    [style]=\"{ width: '480px', maxWidth: '92vw' }\"\n    [header]=\"'rag_chatbot.overflow_dialog.header' | translate\"\n    styleClass=\"wuic-rag-chatbot__overflow-dialog\"\n    (onHide)=\"contextOverflowDialogOpen = false\">\n    <p>{{ 'rag_chatbot.overflow_dialog.intro' | translate }}</p>\n    <ul>\n      <li><strong>{{ 'rag_chatbot.overflow_dialog.option_compact_title' | translate }}</strong> \u2014 {{ 'rag_chatbot.overflow_dialog.option_compact_desc' | translate }}</li>\n      <li><strong>{{ 'rag_chatbot.overflow_dialog.option_new_title' | translate }}</strong> \u2014 {{ 'rag_chatbot.overflow_dialog.option_new_desc' | translate }}</li>\n    </ul>\n    <div class=\"wuic-rag-chatbot__overflow-actions\">\n      <p-button [label]=\"'rag_chatbot.overflow_dialog.option_compact_title' | translate\" icon=\"pi pi-compress\" severity=\"primary\"\n        [loading]=\"compactingSession\"\n        (onClick)=\"doCompactSession()\"></p-button>\n      <p-button [label]=\"'rag_chatbot.overflow_dialog.option_new_title' | translate\" icon=\"pi pi-refresh\" severity=\"secondary\"\n        (onClick)=\"startNewSession()\"></p-button>\n    </div>\n  </p-dialog>\n  }\n\n</div>", styles: [".wuic-rag-chatbot{--wuic-rag-chatbot-radius: .5rem;--wuic-rag-chatbot-padding: .75rem;--wuic-rag-chatbot-gap: .5rem;display:flex;flex-direction:column;width:100%;height:100%;border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:var(--wuic-rag-chatbot-radius);background-color:var(--p-content-background, transparent);color:inherit;overflow:hidden;font-family:inherit}.wuic-rag-chatbot__header{display:flex;align-items:center;justify-content:space-between;padding:var(--wuic-rag-chatbot-padding);border-bottom:1px solid var(--p-content-border-color, #e5e7eb);background-color:transparent}.wuic-rag-chatbot__title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:inherit}.wuic-rag-chatbot__title-icon{color:var(--p-primary-color, #3b82f6)}.wuic-rag-chatbot__header-actions{display:flex;align-items:center;gap:.5rem}.wuic-rag-chatbot__context-cue{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.85);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 0 0 1px #0000000f,0 1px 3px #0000001f;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;padding:0}.wuic-rag-chatbot__context-cue:hover:not(:disabled){transform:scale(1.08);box-shadow:0 0 0 1px #0000001a,0 2px 6px #0003}.wuic-rag-chatbot__context-cue:disabled{cursor:default;opacity:.65}.wuic-rag-chatbot__context-cue>i{font-size:.85rem}.wuic-rag-chatbot__sessions-loading,.wuic-rag-chatbot__sessions-empty{padding:1.5rem;text-align:center;color:var(--p-text-muted-color, #6b7280);font-style:italic}.wuic-rag-chatbot__sessions-list{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}.wuic-rag-chatbot__session-item{padding:.6rem .85rem;border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:6px;margin-bottom:.4rem;cursor:pointer;transition:background .12s ease,border-color .12s ease}.wuic-rag-chatbot__session-item:hover{background:var(--p-surface-50, #f3f4f6);border-color:var(--p-primary-300, rgba(59, 130, 246, .4))}.wuic-rag-chatbot__session-item--current{background:var(--p-primary-50, rgba(59, 130, 246, .08));border-color:var(--p-primary-400, rgba(59, 130, 246, .55))}.wuic-rag-chatbot__session-date{font-size:.72rem;color:var(--p-text-muted-color, #6b7280);font-family:ui-monospace,monospace;margin-bottom:.2rem}.wuic-rag-chatbot__session-row{display:flex;align-items:center;gap:.4rem}.wuic-rag-chatbot__session-title{flex:1 1 auto;font-size:.9rem;color:var(--p-text-color, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wuic-rag-chatbot__session-edit{display:flex;align-items:center;gap:.3rem}.wuic-rag-chatbot__session-edit-input{flex:1 1 auto;font-size:.85rem}.wuic-rag-chatbot__overflow-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.wuic-rag-chatbot__error-banner{margin:var(--wuic-rag-chatbot-padding);margin-bottom:0}.wuic-rag-chatbot__history{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--wuic-rag-chatbot-padding);display:flex;flex-direction:column;gap:var(--wuic-rag-chatbot-gap);background-color:transparent}.wuic-rag-chatbot__empty{margin:auto;text-align:center;color:var(--p-text-muted-color, #6b7280);max-width:80%;padding:1.5rem 0}.wuic-rag-chatbot__empty-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.wuic-rag-chatbot__suggestions{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.25rem;text-align:left}.wuic-rag-chatbot__suggestions li{padding:.35rem .75rem;border:1px dashed var(--p-content-border-color, #e5e7eb);border-radius:.375rem;font-size:.875rem}.wuic-rag-chatbot__turn{display:flex;flex-direction:column;gap:.35rem;padding:.65rem .85rem;border-radius:var(--wuic-rag-chatbot-radius);max-width:92%;color:inherit;background-color:transparent;border:1px solid var(--p-content-border-color, #e5e7eb)}.wuic-rag-chatbot__turn--user{align-self:flex-end;background-color:var(--p-primary-50, rgba(59, 130, 246, .08));border-color:var(--p-primary-200, rgba(59, 130, 246, .25))}.wuic-rag-chatbot__turn--assistant{align-self:flex-start;background-color:var(--p-surface-50, rgba(0, 0, 0, .025))}.wuic-rag-chatbot__turn-header{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--p-text-muted-color, #6b7280);font-weight:500}.wuic-rag-chatbot__turn-mode{margin-left:auto;font-family:ui-monospace,monospace;font-size:.7rem;opacity:.7}.wuic-rag-chatbot__turn-content{white-space:pre-wrap;word-break:break-word;line-height:1.45;font-size:.93rem;color:inherit}.wuic-rag-chatbot__turn-loading{display:flex;align-items:center;gap:.5rem;color:var(--p-text-muted-color, #6b7280);font-style:italic;font-size:.875rem}.wuic-rag-chatbot__spinner{width:1.25rem!important;height:1.25rem!important}.wuic-rag-chatbot__turn-error,.wuic-rag-chatbot__turn-warning{margin-top:.35rem}.wuic-rag-chatbot__sources{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--p-content-border-color, #e5e7eb)}.wuic-rag-chatbot__sources-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--p-text-muted-color, #6b7280);font-weight:600}.wuic-rag-chatbot__sources-list{display:flex;flex-wrap:wrap;gap:.35rem}.wuic-rag-chatbot__source-chip{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.wuic-rag-chatbot__source-chip:hover{transform:translateY(-1px);box-shadow:0 1px 4px #0000001f}.wuic-rag-chatbot__source-chip--docs :host ::ng-deep .p-chip{background:var(--p-blue-50, #eff6ff);color:var(--p-blue-700, #1d4ed8);border:1px solid var(--p-blue-200, #bfdbfe)}.wuic-rag-chatbot__source-chip--docs :host ::ng-deep .p-chip-icon{color:var(--p-blue-600, #2563eb)}.wuic-rag-chatbot__source-chip--skill :host ::ng-deep .p-chip{background:var(--p-green-50, #f0fdf4);color:var(--p-green-700, #15803d);border:1px solid var(--p-green-200, #bbf7d0)}.wuic-rag-chatbot__source-chip--skill :host ::ng-deep .p-chip-icon{color:var(--p-green-600, #16a34a)}.wuic-rag-chatbot__tokens{margin-top:.4rem;font-size:.7rem;color:var(--p-text-muted-color, #6b7280);text-align:right;font-family:ui-monospace,monospace}.wuic-rag-chatbot__followups{display:flex;flex-direction:column;gap:.3rem;margin-top:.55rem;padding-top:.55rem;border-top:1px dashed var(--p-content-border-color, #e5e7eb)}.wuic-rag-chatbot__followups-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--p-text-muted-color, #6b7280);font-weight:600}.wuic-rag-chatbot__followups-list{display:flex;flex-wrap:wrap;gap:.35rem}.wuic-rag-chatbot__followup-chip{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.wuic-rag-chatbot__followup-chip :host ::ng-deep .p-chip{background:var(--p-primary-50, rgba(59, 130, 246, .08));color:var(--p-primary-700, #1d4ed8);border:1px solid var(--p-primary-200, rgba(59, 130, 246, .25));font-size:.82rem;line-height:1.3;padding:.2rem .5rem}.wuic-rag-chatbot__followup-chip :host ::ng-deep .p-chip-icon{color:var(--p-primary-600, #2563eb);font-size:.75rem}.wuic-rag-chatbot__followup-chip:hover{transform:translateY(-1px);box-shadow:0 2px 6px #3b82f62e}.wuic-rag-chatbot__followup-chip:hover :host ::ng-deep .p-chip{background:var(--p-primary-100, rgba(59, 130, 246, .15))}.wuic-rag-chatbot__action-box{margin-top:.65rem;border:1px solid var(--p-primary-300, rgba(59, 130, 246, .45));border-radius:8px;background:var(--p-primary-50, rgba(59, 130, 246, .05));padding:.6rem .75rem;display:flex;flex-direction:column;gap:.45rem}.wuic-rag-chatbot__action-box--applied{border-color:var(--p-green-300, #86efac);background:var(--p-green-50, #f0fdf4)}.wuic-rag-chatbot__action-box--error{border-color:var(--p-red-300, #fca5a5);background:var(--p-red-50, #fef2f2)}.wuic-rag-chatbot__action-box-header{display:flex;align-items:center;gap:.45rem;font-size:.88rem;color:var(--p-primary-700, #1d4ed8);font-weight:600}.wuic-rag-chatbot__action-box-header>i{font-size:.95rem}.wuic-rag-chatbot__action-box-title{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}.wuic-rag-chatbot__action-box-label{color:var(--p-text-color, #111827);font-weight:700}.wuic-rag-chatbot__action-box-route{color:var(--p-text-muted-color, #6b7280);font-weight:400;font-size:.8rem}.wuic-rag-chatbot__action-box-route>code{background:var(--p-surface-100, #f3f4f6);padding:1px 6px;border-radius:4px;font-family:ui-monospace,monospace;color:var(--p-text-color, #111827)}.wuic-rag-chatbot__action-box-rationale{font-size:.85rem;color:var(--p-text-color, #1f2937);line-height:1.4;font-style:italic}.wuic-rag-chatbot__action-box-side-effect{font-size:.8rem;color:var(--p-blue-700, #1d4ed8);background:var(--p-blue-50, #eff6ff);border-left:3px solid var(--p-blue-400, #60a5fa);padding:.4rem .6rem;border-radius:4px;display:flex;align-items:flex-start;gap:.4rem;line-height:1.35}.wuic-rag-chatbot__action-box-side-effect i{font-size:.9rem;margin-top:.1rem;flex-shrink:0}.wuic-rag-chatbot__action-box-editor-toolbar{display:flex;justify-content:flex-end;align-items:center}.wuic-rag-chatbot__action-box-extra-fields{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.wuic-rag-chatbot__action-box-extra-field{display:flex;align-items:center;gap:8px}.wuic-rag-chatbot__action-box-extra-field-label{flex:0 0 auto;min-width:100px;font-size:.78rem;color:var(--p-text-muted-color, #6b7280);font-weight:500}.wuic-rag-chatbot__action-box-extra-field-value{flex:1 1 auto;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,Cascadia Code,monospace;font-size:.78rem;padding:4px 8px;border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:4px;background:var(--p-surface-50, #fafafa);color:var(--p-text-color, #111827)}.wuic-rag-chatbot__action-box-extra-field-value:focus{outline:2px solid var(--p-primary-300, rgba(59, 130, 246, .4));outline-offset:-1px}.wuic-rag-chatbot__action-box-textarea{width:100%;min-height:200px;border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:6px;padding:8px 10px;background:var(--p-surface-50, #fafafa);color:var(--p-text-color, #111827);font-family:ui-monospace,SFMono-Regular,Consolas,Cascadia Code,monospace;font-size:.78rem;line-height:1.45;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden;overflow-y:auto;tab-size:2}.wuic-rag-chatbot__action-box-textarea:focus{outline:2px solid var(--p-primary-300, rgba(59, 130, 246, .4));outline-offset:-1px}.wuic-rag-chatbot__action-box-editor{height:240px;min-height:240px;border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:6px;overflow:hidden;background:#1e1e1e}.wuic-rag-chatbot__action-box-editor-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:100px;color:var(--p-text-muted-color, #6b7280);font-size:.85rem;font-style:italic;background:var(--p-surface-50, #fafafa);border:1px dashed var(--p-content-border-color, #e5e7eb);border-radius:6px}.wuic-rag-chatbot__action-box-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.wuic-rag-chatbot__action-box-applied{display:inline-flex;align-items:center;gap:.35rem;color:var(--p-green-700, #15803d);font-weight:600;font-size:.85rem}.wuic-rag-chatbot__action-box-error{display:inline-flex;align-items:center;gap:.35rem;color:var(--p-red-700, #b91c1c);font-size:.8rem;font-family:ui-monospace,monospace}.wuic-rag-chatbot__input-area{display:flex;align-items:flex-end;gap:.5rem;padding:var(--wuic-rag-chatbot-padding);border-top:1px solid var(--p-content-border-color, #e5e7eb);background-color:transparent}.wuic-rag-chatbot__input{flex:1 1 auto;min-height:2.25rem;max-height:8rem;resize:none;color:inherit;background-color:transparent}.wuic-rag-chatbot__source-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.wuic-rag-chatbot__source-tag{display:inline-flex;align-items:center;gap:.25rem;padding:2px 8px;background:var(--p-surface-100, #f3f4f6);color:var(--p-text-color-secondary, #6b7280);border-radius:10px;font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.wuic-rag-chatbot__source-tag--file{background:var(--p-surface-0, #fff);color:var(--p-primary-color, #2563eb);border:1px solid var(--p-primary-200, #bfdbfe);font-weight:500;max-width:100%;word-break:break-all;white-space:normal;line-height:1.3}.wuic-rag-chatbot__source-tag--file i{font-size:.7rem;flex-shrink:0}.wuic-rag-chatbot__source-snippet{margin:0;padding:12px 14px;max-height:420px;overflow:auto;background:var(--p-surface-50, #fafafa);border:1px solid var(--p-content-border-color, #e5e7eb);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;color:var(--p-text-color, #111827)}:host-context(.theme-dark) .wuic-rag-chatbot__turn--user{background-color:#60a5fa2e;border-color:#60a5fa73}:host-context(.theme-dark) .wuic-rag-chatbot__turn--assistant{background-color:#ffffff0f;border-color:#ffffff1f}:host-context(.theme-dark) .wuic-rag-chatbot__turn-header,:host-context(.theme-dark) .wuic-rag-chatbot__turn-loading,:host-context(.theme-dark) .wuic-rag-chatbot__sources-label,:host-context(.theme-dark) .wuic-rag-chatbot__tokens{color:#ffffffa6}:host-context(.theme-dark) .wuic-rag-chatbot__sources{border-top-color:#ffffff2e}:host-context(.theme-dark) .wuic-rag-chatbot__input-area{border-top-color:#ffffff1f}:host-context(.theme-dark) .wuic-rag-chatbot__source-chip--docs :host ::ng-deep .p-chip{background:#3b82f62e;color:#93c5fd;border:1px solid rgba(59,130,246,.4)}:host-context(.theme-dark) .wuic-rag-chatbot__source-chip--docs :host ::ng-deep .p-chip-icon{color:#bfdbfe}:host-context(.theme-dark) .wuic-rag-chatbot__source-chip--skill :host ::ng-deep .p-chip{background:#22c55e2e;color:#86efac;border:1px solid rgba(34,197,94,.4)}:host-context(.theme-dark) .wuic-rag-chatbot__source-chip--skill :host ::ng-deep .p-chip-icon{color:#bbf7d0}:host-context(.theme-dark) .wuic-rag-chatbot__source-tag{background:#ffffff14;color:#ffffffc7}:host-context(.theme-dark) .wuic-rag-chatbot__source-tag--file{background:#3b82f624;color:#93c5fd;border-color:#3b82f673}:host-context(.theme-dark) .wuic-rag-chatbot__source-snippet{background:#00000052;border-color:#ffffff1f;color:#ffffffeb}\n"] }]
+            }], ctorParameters: () => [{ type: WuicRagService }, { type: i0.ChangeDetectorRef }, { type: ChatbotHostRegistryService }, { type: i1$2.ActivatedRoute, decorators: [{
+                        type: Optional
+                    }] }, { type: i1$2.Router, decorators: [{
+                        type: Optional
+                    }] }, { type: NotificationRealtimeService, decorators: [{
+                        type: Optional
+                    }] }, { type: MetadataProviderService, decorators: [{
+                        type: Optional
+                    }] }], propDecorators: { title: [{
+                    type: Input
+                }], mode: [{
+                    type: Input
+                }], topK: [{
+                    type: Input
+                }], showSources: [{
+                    type: Input
+                }], maxHistory: [{
+                    type: Input
+                }], placeholder: [{
+                    type: Input
+                }], model: [{
+                    type: Input
+                }], chatHeight: [{
+                    type: Input
+                }], showClearButton: [{
+                    type: Input
+                }], persistSession: [{
+                    type: Input
+                }], sendRouteContext: [{
+                    type: Input
+                }], allowProfileToggle: [{
+                    type: Input
+                }], resultSelected: [{
+                    type: Output
+                }], errorOccurred: [{
+                    type: Output
+                }], turnAdded: [{
+                    type: Output
+                }], inputTextarea: [{
+                    type: ViewChild,
+                    args: ['inputTextarea']
+                }], scrollContainer: [{
+                    type: ViewChild,
+                    args: ['scrollContainer']
+                }] } }) });
 
 var ragChatbot_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     WuicRagChatbotComponent: WuicRagChatbotComponent
 });
 
+/**
+ * Route principale che renderizza il chatbot full-page (vedi `app.routes.ts`:
+ * path 'rag-chatbot' → WuicRagChatbotComponent). Quando l'utente e' gia' su
+ * quella route, il FAB diventa ridondante (e visivamente sovrapposto al chatbot
+ * stesso) → lo nascondiamo. Il match e' su prefisso per coprire eventuali
+ * sub-route future tipo `/rag-chatbot/session/<id>`.
+ */
+const RAG_CHATBOT_ROUTE_PREFIX = '/rag-chatbot';
 /**
  * Floating Action Button (FAB) bottom-right che apre il chatbot RAG come
  * dialog overlay non-modale. Riusa il componente esistente
@@ -61604,6 +63612,7 @@ class WuicRagChatbotFabComponent {
     licenseService;
     notificationRT;
     cdr;
+    router;
     /** Tooltip dell'icona FAB. */
     fabTooltip = 'Chiedi al codebase WUIC';
     /** Titolo del dialog (passato anche al chatbot interno). */
@@ -61639,11 +63648,20 @@ class WuicRagChatbotFabComponent {
     licenseAllowed = false;
     /** Counter unread per il badge sul FAB. */
     unreadRagCount = 0;
+    /**
+     * True quando la route corrente e' `/rag-chatbot` (o un suo sub-path).
+     * Nascondiamo il FAB in quel caso perche' renderebbe un launcher duplicato
+     * sopra il chatbot gia' aperto a tutta pagina. Aggiornato reattivamente
+     * ai `NavigationEnd` del Router, e inizializzato dal `router.url` corrente
+     * cosi' il primo render (es. F5 mentre sei gia' sulla route) e' coerente.
+     */
+    onRagChatbotRoute = false;
     subs = new Subscription();
-    constructor(licenseService, notificationRT, cdr) {
+    constructor(licenseService, notificationRT, cdr, router) {
         this.licenseService = licenseService;
         this.notificationRT = notificationRT;
         this.cdr = cdr;
+        this.router = router;
     }
     ngOnInit() {
         // Subscribe al license status. La status$() emette null finche' refresh()
@@ -61664,11 +63682,34 @@ class WuicRagChatbotFabComponent {
                 this.cdr.markForCheck();
             }
         }));
+        // Track route corrente: nascondi il FAB quando sei gia' sul chatbot
+        // full-page. `router.url` e' valorizzato anche prima del primo NavigationEnd
+        // (es. F5 con URL `#/rag-chatbot` -> router lo ha gia' parsato a costruzione
+        // del component), quindi inizializziamo subito + restiamo in sync via events.
+        this.updateOnRagChatbotRoute(this.router.url);
+        this.subs.add(this.router.events
+            .pipe(filter((e) => e instanceof NavigationEnd))
+            .subscribe((e) => this.updateOnRagChatbotRoute(e.urlAfterRedirects || e.url)));
+    }
+    updateOnRagChatbotRoute(url) {
+        const u = String(url || '').split('?')[0].split('#')[0];
+        // match esatto o sub-path: `/rag-chatbot` oppure `/rag-chatbot/...`
+        const next = u === RAG_CHATBOT_ROUTE_PREFIX || u.startsWith(RAG_CHATBOT_ROUTE_PREFIX + '/');
+        if (next !== this.onRagChatbotRoute) {
+            this.onRagChatbotRoute = next;
+            this.cdr.markForCheck();
+        }
     }
     ngOnDestroy() {
         this.subs.unsubscribe();
     }
     get visible() {
+        // Anche con licenza valida o `forceVisible=true`, il FAB resta nascosto
+        // quando si e' gia' sulla route full-page del chatbot: aprirebbe un
+        // launcher duplicato sopra il chatbot stesso.
+        if (this.onRagChatbotRoute) {
+            return false;
+        }
         return this.forceVisible || this.licenseAllowed;
     }
     /**
@@ -61719,8 +63760,8 @@ class WuicRagChatbotFabComponent {
         this.dialogVisible = false;
         this.cdr.markForCheck();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WuicRagChatbotFabComponent, deps: [{ token: LicenseFeatureService }, { token: NotificationRealtimeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: WuicRagChatbotFabComponent, isStandalone: true, selector: "wuic-rag-chatbot-fab", inputs: { fabTooltip: "fabTooltip", dialogTitle: "dialogTitle", dialogWidth: "dialogWidth", chatHeight: "chatHeight", forceVisible: "forceVisible" }, ngImport: i0, template: "@if (visible) {\n  <!-- FAB bottom-right (position:fixed via .scss). z-index alto per stare sopra\n       a navbar, dialog modali leggeri, ecc. ma sotto agli overlay critici (es.\n       PrimeNG p-dialog modal stack). -->\n  <button\n    type=\"button\"\n    class=\"wuic-rag-fab\"\n    [class.wuic-rag-fab--dialog-open]=\"dialogVisible\"\n    [attr.title]=\"fabTooltip\"\n    aria-label=\"Apri chatbot codebase WUIC\"\n    (click)=\"toggleDialog()\">\n    <i class=\"pi pi-comments\" aria-hidden=\"true\"></i>\n    @if (unreadRagCount > 0 && !dialogVisible) {\n      <span class=\"wuic-rag-fab__badge\" [attr.data-count]=\"unreadRagCount\">\n        {{ unreadRagCount > 9 ? '9+' : unreadRagCount }}\n      </span>\n    }\n  </button>\n\n  <!-- Dialog non-modal: l'utente puo' continuare a usare l'app sotto.\n       contentStyle limita l'altezza interna al chatHeight + header.\n       [draggable]=\"true\" + [resizable]=\"true\" per UX power-user.\n       [appendTo]=\"'body'\" sposta il dialog nel body document: evita che\n       layout/scroll interactions con componenti heavy sottostanti (Syncfusion\n       Spreadsheet con N-mila record, list-grid virtualized, ecc.) freezino la\n       pagina quando il dialog apre/chiude. Il parent container NON subisce\n       re-layout causato dalla presenza del dialog nel proprio subtree. -->\n  <p-dialog\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"false\"\n    [draggable]=\"true\"\n    [resizable]=\"true\"\n    [closable]=\"true\"\n    [closeOnEscape]=\"true\"\n    [dismissableMask]=\"false\"\n    [appendTo]=\"'body'\"\n    [style]=\"{ width: dialogWidth }\"\n    [header]=\"dialogTitle\"\n    styleClass=\"wuic-rag-fab__dialog\"\n    (onHide)=\"onDialogHide()\">\n    <!-- Lazy-mount MANUALE del chatbot: PrimeNG p-dialog v17+ NON lazy-monta\n         il content projettato (lo istanzia eagerly al creation del parent).\n         Senza il guard `@if (dialogOpened)` il chatbot sarebbe istanziato al\n         refresh \u2192 ngOnInit \u2192 `ragService.health()` \u2192 `GET /api/Rag/Health`\n         anche se l'utente non apre mai il FAB (errore rosso in console se\n         il RAG server Python e' offline, 503 Service Unavailable).\n         `dialogOpened` e' sticky (setato dal primo `toggleDialog()`, mai\n         resetto): una volta aperto, il chatbot resta montato e le\n         ri-aperture sono istantanee (PrimeNG controlla solo la visibilita'\n         DOM, niente rimonto ngOnInit). -->\n    @if (dialogOpened) {\n      <wuic-rag-chatbot\n        [title]=\"dialogTitle\"\n        [chatHeight]=\"chatHeight\"\n        [showClearButton]=\"true\">\n      </wuic-rag-chatbot>\n    }\n  </p-dialog>\n}\n", styles: [".wuic-rag-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:var(--p-primary-color, #2563eb);color:var(--p-primary-color-text, #fff);box-shadow:0 4px 12px #0000002e,0 2px 4px #0000001f;display:flex;align-items:center;justify-content:center;z-index:1100;transform:translate(calc(100% + 16px));opacity:.45;transition:transform .28s cubic-bezier(.16,1,.3,1) .25s,opacity .28s ease-out .25s,box-shadow .18s ease-out 0s,background-color .18s ease-out 0s}.wuic-rag-fab i{font-size:24px;line-height:1}.wuic-rag-fab:hover,.wuic-rag-fab:focus-visible{transform:translate(0) scale(1.05);opacity:1;box-shadow:0 6px 18px #00000038,0 3px 6px #00000024;transition:transform .28s cubic-bezier(.16,1,.3,1) 0s,opacity .28s ease-out 0s,box-shadow .18s ease-out 0s,background-color .18s ease-out 0s}.wuic-rag-fab:hover:after,.wuic-rag-fab:focus-visible:after{content:\"\";position:absolute;top:-8px;bottom:-8px;left:100%;width:96px;background:transparent;pointer-events:auto}.wuic-rag-fab:active{transform:translate(0) scale(.98);opacity:1}.wuic-rag-fab:focus-visible{outline:2px solid var(--p-primary-color, #2563eb);outline-offset:3px}.wuic-rag-fab.wuic-rag-fab--dialog-open{transform:translate(0);opacity:1}.wuic-rag-fab__badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#e11d48;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d;pointer-events:none}.wuic-rag-fab__dialog{position:fixed!important;inset:auto 16px 96px auto!important;margin:0!important;max-height:calc(100vh - 112px)}.wuic-rag-fab__dialog .p-dialog-content{padding:0;overflow:hidden}.wuic-rag-fab__dialog .p-dialog-header{padding:12px 18px}.p-dialog-mask:has(>.wuic-rag-fab__dialog){pointer-events:none;background:transparent!important}.p-dialog-mask:has(>.wuic-rag-fab__dialog)>.wuic-rag-fab__dialog{pointer-events:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: WuicRagChatbotComponent, selector: "wuic-rag-chatbot", inputs: ["title", "mode", "topK", "showSources", "maxHistory", "placeholder", "model", "chatHeight", "showClearButton"], outputs: ["resultSelected", "errorOccurred", "turnAdded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WuicRagChatbotFabComponent, deps: [{ token: LicenseFeatureService }, { token: NotificationRealtimeService }, { token: i0.ChangeDetectorRef }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: WuicRagChatbotFabComponent, isStandalone: true, selector: "wuic-rag-chatbot-fab", inputs: { fabTooltip: "fabTooltip", dialogTitle: "dialogTitle", dialogWidth: "dialogWidth", chatHeight: "chatHeight", forceVisible: "forceVisible" }, ngImport: i0, template: "@if (visible) {\n  <!-- FAB bottom-right (position:fixed via .scss). z-index alto per stare sopra\n       a navbar, dialog modali leggeri, ecc. ma sotto agli overlay critici (es.\n       PrimeNG p-dialog modal stack). -->\n  <button\n    type=\"button\"\n    class=\"wuic-rag-fab\"\n    [class.wuic-rag-fab--dialog-open]=\"dialogVisible\"\n    [attr.title]=\"fabTooltip\"\n    [attr.aria-label]=\"'rag_chatbot_fab.aria_label' | translate\"\n    (click)=\"toggleDialog()\">\n    <i class=\"pi pi-comments\" aria-hidden=\"true\"></i>\n    @if (unreadRagCount > 0 && !dialogVisible) {\n      <span class=\"wuic-rag-fab__badge\" [attr.data-count]=\"unreadRagCount\">\n        {{ unreadRagCount > 9 ? '9+' : unreadRagCount }}\n      </span>\n    }\n  </button>\n\n  <!-- Dialog non-modal: l'utente puo' continuare a usare l'app sotto.\n       contentStyle limita l'altezza interna al chatHeight + header.\n       [draggable]=\"true\" + [resizable]=\"true\" per UX power-user.\n       [appendTo]=\"'body'\" sposta il dialog nel body document: evita che\n       layout/scroll interactions con componenti heavy sottostanti (Syncfusion\n       Spreadsheet con N-mila record, list-grid virtualized, ecc.) freezino la\n       pagina quando il dialog apre/chiude. Il parent container NON subisce\n       re-layout causato dalla presenza del dialog nel proprio subtree. -->\n  <p-dialog\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"false\"\n    [draggable]=\"true\"\n    [resizable]=\"true\"\n    [closable]=\"true\"\n    [closeOnEscape]=\"true\"\n    [dismissableMask]=\"false\"\n    [appendTo]=\"'body'\"\n    [style]=\"{ width: dialogWidth }\"\n    [contentStyle]=\"{ height: chatHeight }\"\n    [header]=\"dialogTitle\"\n    styleClass=\"wuic-rag-fab__dialog\"\n    (onHide)=\"onDialogHide()\">\n    <!-- Lazy-mount MANUALE del chatbot: PrimeNG p-dialog v17+ NON lazy-monta\n         il content projettato (lo istanzia eagerly al creation del parent).\n         Senza il guard `@if (dialogOpened)` il chatbot sarebbe istanziato al\n         refresh \u2192 ngOnInit \u2192 `ragService.health()` \u2192 `GET /api/Rag/Health`\n         anche se l'utente non apre mai il FAB (errore rosso in console se\n         il RAG server Python e' offline, 503 Service Unavailable).\n         `dialogOpened` e' sticky (setato dal primo `toggleDialog()`, mai\n         resetto): una volta aperto, il chatbot resta montato e le\n         ri-aperture sono istantanee (PrimeNG controlla solo la visibilita'\n         DOM, niente rimonto ngOnInit). -->\n    @if (dialogOpened) {\n      <wuic-rag-chatbot\n        [title]=\"dialogTitle\"\n        [chatHeight]=\"chatHeight\"\n        [showClearButton]=\"true\">\n      </wuic-rag-chatbot>\n    }\n  </p-dialog>\n}\n", styles: [".wuic-rag-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:var(--p-primary-color, #2563eb);color:var(--p-primary-color-text, #fff);box-shadow:0 4px 12px #0000002e,0 2px 4px #0000001f;display:flex;align-items:center;justify-content:center;z-index:1100;transform:translate(calc(100% + 16px));opacity:.45;transition:transform .28s cubic-bezier(.16,1,.3,1) .25s,opacity .28s ease-out .25s,box-shadow .18s ease-out 0s,background-color .18s ease-out 0s}.wuic-rag-fab i{font-size:24px;line-height:1}.wuic-rag-fab:hover,.wuic-rag-fab:focus-visible{transform:translate(0) scale(1.05);opacity:1;box-shadow:0 6px 18px #00000038,0 3px 6px #00000024;transition:transform .28s cubic-bezier(.16,1,.3,1) 0s,opacity .28s ease-out 0s,box-shadow .18s ease-out 0s,background-color .18s ease-out 0s}.wuic-rag-fab:hover:after,.wuic-rag-fab:focus-visible:after{content:\"\";position:absolute;top:-8px;bottom:-8px;left:100%;width:96px;background:transparent;pointer-events:auto}.wuic-rag-fab:active{transform:translate(0) scale(.98);opacity:1}.wuic-rag-fab:focus-visible{outline:2px solid var(--p-primary-color, #2563eb);outline-offset:3px}.wuic-rag-fab.wuic-rag-fab--dialog-open{transform:translate(0);opacity:1}.wuic-rag-fab__badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#e11d48;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d;pointer-events:none}.wuic-rag-fab__dialog{position:fixed!important;inset:auto 16px 96px auto!important;margin:0!important;max-height:calc(100vh - 112px)}.wuic-rag-fab__dialog .p-dialog-content{padding:0;overflow:hidden;display:flex;flex-direction:column;height:480px;max-height:calc(100vh - 160px)}.wuic-rag-fab__dialog wuic-rag-chatbot{display:flex;flex:1 1 auto;min-height:0;width:100%}.wuic-rag-fab__dialog .p-dialog-header{padding:12px 18px}.p-dialog-mask:has(>.wuic-rag-fab__dialog){pointer-events:none;background:transparent!important}.p-dialog-mask:has(>.wuic-rag-fab__dialog)>.wuic-rag-fab__dialog{pointer-events:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: WuicRagChatbotComponent, selector: "wuic-rag-chatbot", inputs: ["title", "mode", "topK", "showSources", "maxHistory", "placeholder", "model", "chatHeight", "showClearButton", "persistSession", "sendRouteContext", "allowProfileToggle"], outputs: ["resultSelected", "errorOccurred", "turnAdded"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WuicRagChatbotFabComponent, decorators: [{
             type: Component,
@@ -61730,9 +63771,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         DialogModule,
                         TooltipModule,
                         BadgeModule,
+                        TranslateModule,
                         WuicRagChatbotComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (visible) {\n  <!-- FAB bottom-right (position:fixed via .scss). z-index alto per stare sopra\n       a navbar, dialog modali leggeri, ecc. ma sotto agli overlay critici (es.\n       PrimeNG p-dialog modal stack). -->\n  <button\n    type=\"button\"\n    class=\"wuic-rag-fab\"\n    [class.wuic-rag-fab--dialog-open]=\"dialogVisible\"\n    [attr.title]=\"fabTooltip\"\n    aria-label=\"Apri chatbot codebase WUIC\"\n    (click)=\"toggleDialog()\">\n    <i class=\"pi pi-comments\" aria-hidden=\"true\"></i>\n    @if (unreadRagCount > 0 && !dialogVisible) {\n      <span class=\"wuic-rag-fab__badge\" [attr.data-count]=\"unreadRagCount\">\n        {{ unreadRagCount > 9 ? '9+' : unreadRagCount }}\n      </span>\n    }\n  </button>\n\n  <!-- Dialog non-modal: l'utente puo' continuare a usare l'app sotto.\n       contentStyle limita l'altezza interna al chatHeight + header.\n       [draggable]=\"true\" + [resizable]=\"true\" per UX power-user.\n       [appendTo]=\"'body'\" sposta il dialog nel body document: evita che\n       layout/scroll interactions con componenti heavy sottostanti (Syncfusion\n       Spreadsheet con N-mila record, list-grid virtualized, ecc.) freezino la\n       pagina quando il dialog apre/chiude. Il parent container NON subisce\n       re-layout causato dalla presenza del dialog nel proprio subtree. -->\n  <p-dialog\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"false\"\n    [draggable]=\"true\"\n    [resizable]=\"true\"\n    [closable]=\"true\"\n    [closeOnEscape]=\"true\"\n    [dismissableMask]=\"false\"\n    [appendTo]=\"'body'\"\n    [style]=\"{ width: dialogWidth }\"\n    [header]=\"dialogTitle\"\n    styleClass=\"wuic-rag-fab__dialog\"\n    (onHide)=\"onDialogHide()\">\n    <!-- Lazy-mount MANUALE del chatbot: PrimeNG p-dialog v17+ NON lazy-monta\n         il content projettato (lo istanzia eagerly al creation del parent).\n         Senza il guard `@if (dialogOpened)` il chatbot sarebbe istanziato al\n         refresh \u2192 ngOnInit \u2192 `ragService.health()` \u2192 `GET /api/Rag/Health`\n         anche se l'utente non apre mai il FAB (errore rosso in console se\n         il RAG server Python e' offline, 503 Service Unavailable).\n         `dialogOpened` e' sticky (setato dal primo `toggleDialog()`, mai\n         resetto): una volta aperto, il chatbot resta montato e le\n         ri-aperture sono istantanee (PrimeNG controlla solo la visibilita'\n         DOM, niente rimonto ngOnInit). -->\n    @if (dialogOpened) {\n      <wuic-rag-chatbot\n        [title]=\"dialogTitle\"\n        [chatHeight]=\"chatHeight\"\n        [showClearButton]=\"true\">\n      </wuic-rag-chatbot>\n    }\n  </p-dialog>\n}\n", styles: [".wuic-rag-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:var(--p-primary-color, #2563eb);color:var(--p-primary-color-text, #fff);box-shadow:0 4px 12px #0000002e,0 2px 4px #0000001f;display:flex;align-items:center;justify-content:center;z-index:1100;transform:translate(calc(100% + 16px));opacity:.45;transition:transform .28s cubic-bezier(.16,1,.3,1) .25s,opacity .28s ease-out .25s,box-shadow .18s ease-out 0s,background-color .18s ease-out 0s}.wuic-rag-fab i{font-size:24px;line-height:1}.wuic-rag-fab:hover,.wuic-rag-fab:focus-visible{transform:translate(0) scale(1.05);opacity:1;box-shadow:0 6px 18px #00000038,0 3px 6px #00000024;transition:transform .28s cubic-bezier(.16,1,.3,1) 0s,opacity .28s ease-out 0s,box-shadow .18s ease-out 0s,background-color .18s ease-out 0s}.wuic-rag-fab:hover:after,.wuic-rag-fab:focus-visible:after{content:\"\";position:absolute;top:-8px;bottom:-8px;left:100%;width:96px;background:transparent;pointer-events:auto}.wuic-rag-fab:active{transform:translate(0) scale(.98);opacity:1}.wuic-rag-fab:focus-visible{outline:2px solid var(--p-primary-color, #2563eb);outline-offset:3px}.wuic-rag-fab.wuic-rag-fab--dialog-open{transform:translate(0);opacity:1}.wuic-rag-fab__badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#e11d48;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d;pointer-events:none}.wuic-rag-fab__dialog{position:fixed!important;inset:auto 16px 96px auto!important;margin:0!important;max-height:calc(100vh - 112px)}.wuic-rag-fab__dialog .p-dialog-content{padding:0;overflow:hidden}.wuic-rag-fab__dialog .p-dialog-header{padding:12px 18px}.p-dialog-mask:has(>.wuic-rag-fab__dialog){pointer-events:none;background:transparent!important}.p-dialog-mask:has(>.wuic-rag-fab__dialog)>.wuic-rag-fab__dialog{pointer-events:auto}\n"] }]
-        }], ctorParameters: () => [{ type: LicenseFeatureService }, { type: NotificationRealtimeService }, { type: i0.ChangeDetectorRef }], propDecorators: { fabTooltip: [{
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (visible) {\n  <!-- FAB bottom-right (position:fixed via .scss). z-index alto per stare sopra\n       a navbar, dialog modali leggeri, ecc. ma sotto agli overlay critici (es.\n       PrimeNG p-dialog modal stack). -->\n  <button\n    type=\"button\"\n    class=\"wuic-rag-fab\"\n    [class.wuic-rag-fab--dialog-open]=\"dialogVisible\"\n    [attr.title]=\"fabTooltip\"\n    [attr.aria-label]=\"'rag_chatbot_fab.aria_label' | translate\"\n    (click)=\"toggleDialog()\">\n    <i class=\"pi pi-comments\" aria-hidden=\"true\"></i>\n    @if (unreadRagCount > 0 && !dialogVisible) {\n      <span class=\"wuic-rag-fab__badge\" [attr.data-count]=\"unreadRagCount\">\n        {{ unreadRagCount > 9 ? '9+' : unreadRagCount }}\n      </span>\n    }\n  </button>\n\n  <!-- Dialog non-modal: l'utente puo' continuare a usare l'app sotto.\n       contentStyle limita l'altezza interna al chatHeight + header.\n       [draggable]=\"true\" + [resizable]=\"true\" per UX power-user.\n       [appendTo]=\"'body'\" sposta il dialog nel body document: evita che\n       layout/scroll interactions con componenti heavy sottostanti (Syncfusion\n       Spreadsheet con N-mila record, list-grid virtualized, ecc.) freezino la\n       pagina quando il dialog apre/chiude. Il parent container NON subisce\n       re-layout causato dalla presenza del dialog nel proprio subtree. -->\n  <p-dialog\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"false\"\n    [draggable]=\"true\"\n    [resizable]=\"true\"\n    [closable]=\"true\"\n    [closeOnEscape]=\"true\"\n    [dismissableMask]=\"false\"\n    [appendTo]=\"'body'\"\n    [style]=\"{ width: dialogWidth }\"\n    [contentStyle]=\"{ height: chatHeight }\"\n    [header]=\"dialogTitle\"\n    styleClass=\"wuic-rag-fab__dialog\"\n    (onHide)=\"onDialogHide()\">\n    <!-- Lazy-mount MANUALE del chatbot: PrimeNG p-dialog v17+ NON lazy-monta\n         il content projettato (lo istanzia eagerly al creation del parent).\n         Senza il guard `@if (dialogOpened)` il chatbot sarebbe istanziato al\n         refresh \u2192 ngOnInit \u2192 `ragService.health()` \u2192 `GET /api/Rag/Health`\n         anche se l'utente non apre mai il FAB (errore rosso in console se\n         il RAG server Python e' offline, 503 Service Unavailable).\n         `dialogOpened` e' sticky (setato dal primo `toggleDialog()`, mai\n         resetto): una volta aperto, il chatbot resta montato e le\n         ri-aperture sono istantanee (PrimeNG controlla solo la visibilita'\n         DOM, niente rimonto ngOnInit). -->\n    @if (dialogOpened) {\n      <wuic-rag-chatbot\n        [title]=\"dialogTitle\"\n        [chatHeight]=\"chatHeight\"\n        [showClearButton]=\"true\">\n      </wuic-rag-chatbot>\n    }\n  </p-dialog>\n}\n", styles: [".wuic-rag-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:var(--p-primary-color, #2563eb);color:var(--p-primary-color-text, #fff);box-shadow:0 4px 12px #0000002e,0 2px 4px #0000001f;display:flex;align-items:center;justify-content:center;z-index:1100;transform:translate(calc(100% + 16px));opacity:.45;transition:transform .28s cubic-bezier(.16,1,.3,1) .25s,opacity .28s ease-out .25s,box-shadow .18s ease-out 0s,background-color .18s ease-out 0s}.wuic-rag-fab i{font-size:24px;line-height:1}.wuic-rag-fab:hover,.wuic-rag-fab:focus-visible{transform:translate(0) scale(1.05);opacity:1;box-shadow:0 6px 18px #00000038,0 3px 6px #00000024;transition:transform .28s cubic-bezier(.16,1,.3,1) 0s,opacity .28s ease-out 0s,box-shadow .18s ease-out 0s,background-color .18s ease-out 0s}.wuic-rag-fab:hover:after,.wuic-rag-fab:focus-visible:after{content:\"\";position:absolute;top:-8px;bottom:-8px;left:100%;width:96px;background:transparent;pointer-events:auto}.wuic-rag-fab:active{transform:translate(0) scale(.98);opacity:1}.wuic-rag-fab:focus-visible{outline:2px solid var(--p-primary-color, #2563eb);outline-offset:3px}.wuic-rag-fab.wuic-rag-fab--dialog-open{transform:translate(0);opacity:1}.wuic-rag-fab__badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#e11d48;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d;pointer-events:none}.wuic-rag-fab__dialog{position:fixed!important;inset:auto 16px 96px auto!important;margin:0!important;max-height:calc(100vh - 112px)}.wuic-rag-fab__dialog .p-dialog-content{padding:0;overflow:hidden;display:flex;flex-direction:column;height:480px;max-height:calc(100vh - 160px)}.wuic-rag-fab__dialog wuic-rag-chatbot{display:flex;flex:1 1 auto;min-height:0;width:100%}.wuic-rag-fab__dialog .p-dialog-header{padding:12px 18px}.p-dialog-mask:has(>.wuic-rag-fab__dialog){pointer-events:none;background:transparent!important}.p-dialog-mask:has(>.wuic-rag-fab__dialog)>.wuic-rag-fab__dialog{pointer-events:auto}\n"] }]
+        }], ctorParameters: () => [{ type: LicenseFeatureService }, { type: NotificationRealtimeService }, { type: i0.ChangeDetectorRef }, { type: i1$2.Router }], propDecorators: { fabTooltip: [{
                 type: Input
             }], dialogTitle: [{
                 type: Input
@@ -62020,7 +64062,7 @@ const designerPendingChangesGuard = async (component) => {
 const routes = [
     {
         path: 'framework-docs',
-        loadComponent: () => import('./wuic-framework-lib-framework-docs.component-m0IlS0Sl.mjs').then((m) => m.FrameworkDocsComponent),
+        loadComponent: () => import('./wuic-framework-lib-framework-docs.component-CGQbmSkv.mjs').then((m) => m.FrameworkDocsComponent),
         canMatch: [menuRouteAccessCanMatchGuard],
         canActivate: [menuRouteAccessCanActivateGuard],
         data: {
@@ -62029,7 +64071,7 @@ const routes = [
     },
     {
         path: 'framework-docs/:slug',
-        loadComponent: () => import('./wuic-framework-lib-framework-docs.component-m0IlS0Sl.mjs').then((m) => m.FrameworkDocsComponent),
+        loadComponent: () => import('./wuic-framework-lib-framework-docs.component-CGQbmSkv.mjs').then((m) => m.FrameworkDocsComponent),
         canMatch: [menuRouteAccessCanMatchGuard],
         canActivate: [menuRouteAccessCanActivateGuard],
         data: {
@@ -62047,7 +64089,7 @@ const routes = [
     },
     {
         path: ':route/report-designer',
-        loadComponent: () => import('./wuic-framework-lib-report-designer.component-FiAwNkPM.mjs').then((m) => m.ReportDesignerComponent),
+        loadComponent: () => import('./wuic-framework-lib-report-designer.component-DcpdzFjh.mjs').then((m) => m.ReportDesignerComponent),
         canMatch: [menuRouteAccessCanMatchGuard, featureRouteCanMatchGuard],
         canActivate: [menuRouteAccessCanActivateGuard, featureRouteCanActivateGuard],
         data: {
@@ -62057,7 +64099,7 @@ const routes = [
     },
     {
         path: ':route/report-viewer',
-        loadComponent: () => import('./wuic-framework-lib-report-viewer.component-DY0dGMrt.mjs').then((m) => m.ReportViewerComponent),
+        loadComponent: () => import('./wuic-framework-lib-report-viewer.component-BHpbGpp9.mjs').then((m) => m.ReportViewerComponent),
         canMatch: [menuRouteAccessCanMatchGuard],
         canActivate: [menuRouteAccessCanActivateGuard],
         data: {
@@ -62077,7 +64119,7 @@ const routes = [
     },
     {
         path: ':route/pivot-builder',
-        loadComponent: () => import('./wuic-framework-lib-pivot-builder.component-VIs0CIH_.mjs').then((m) => m.PivotBuilderComponent),
+        loadComponent: () => import('./wuic-framework-lib-pivot-builder.component-0gJz9RWr.mjs').then((m) => m.PivotBuilderComponent),
         canMatch: [menuRouteAccessCanMatchGuard, featureRouteCanMatchGuard],
         canActivate: [menuRouteAccessCanActivateGuard, featureRouteCanActivateGuard],
         data: {
@@ -62087,7 +64129,7 @@ const routes = [
     },
     {
         path: 'pivot-builder',
-        loadComponent: () => import('./wuic-framework-lib-pivot-builder.component-VIs0CIH_.mjs').then((m) => m.PivotBuilderComponent),
+        loadComponent: () => import('./wuic-framework-lib-pivot-builder.component-0gJz9RWr.mjs').then((m) => m.PivotBuilderComponent),
         canMatch: [menuRouteAccessCanMatchGuard, featureRouteCanMatchGuard],
         canActivate: [menuRouteAccessCanActivateGuard, featureRouteCanActivateGuard],
         data: {
@@ -62345,5 +64387,5 @@ function getThemePrimaryHex(value) {
  * Generated bundle index. Do not edit.
  */
 
-export { KanbanListComponent as $, ArchetypeConfiguratorComponent as A, BooleanEditorComponent as B, CallbackPipe as C, DynamicGenericTemplateComponent as D, CrashReporterService as E, FilterBarComponent as F, GlobalHandler as G, CustomAttributesService as H, ImportExportButtonComponent as I, CustomException as J, DataActionButtonComponent as K, LazyParametricDialogComponent as L, MetadataProviderService as M, DataProviderOdataService as N, DateEditorComponent as O, PagerComponent as P, DesignerRouteComponent as Q, DictionaryEditorComponent as R, DynamicRowTemplateComponent as S, TranslationManagerService as T, UserInfoService as U, FormatGridViewValuePipe as V, WtoolboxService as W, GetSrcUploadPreviewPipe as X, HtmlEditorComponent as Y, ImageWrapperComponent as Z, IsSelectedRowPipe as _, DynamicCompilerService as a, loadLookupEditorComponent as a$, KanbanOptions as a0, KanbanStatusColumnItem as a1, LazyChartListComponent as a2, LazyCodeEditorComponent as a3, LazyDataActionButtonComponent as a4, LazyDataSourceComponent as a5, LazyFieldEditorComponent as a6, LazyFirstRunWizardComponent as a7, LazyImageWrapperComponent as a8, LazyKanbanListComponent as a9, VisibleFieldListPipe as aA, WidgetDefinition as aB, WorkflowDesignerRouteComponent as aC, WorkflowRunnerComponent as aD, WuicAziendaSwitcherComponent as aE, WuicErrorDialogComponent as aF, WuicErrorInterceptor as aG, WuicFeatureDirective as aH, WuicFrozenColumnDirective as aI, WuicRagChatbotComponent as aJ, WuicRagChatbotFabComponent as aK, WuicRagService as aL, WuicRowTogglerDirective as aM, _PRIMENG_TABLE_DIRECTIVES_NAMES as aN, authExpiredInterceptor as aO, boundedRepeaterPendingChangesGuard as aP, featureRouteCanActivateGuard as aQ, featureRouteCanMatchGuard as aR, getThemePrimaryHex as aS, inferTemplateFieldFromBaseClass as aT, loadBooleanEditorComponent as aU, loadButtonEditorComponent as aV, loadCodeAreaEditorComponent as aW, loadColorEditorComponent as aX, loadDateEditorComponent as aY, loadDictionaryEditorComponent as aZ, loadHtmlEditorComponent as a_, LazyMetaMenuComponent as aa, LazyPivotBuilderComponent as ab, LazyReportDesignerComponent as ac, LazyReportViewerComponent as ad, LazySchedulerListComponent as ae, LazySpreadsheetListSfComponent as af, ListGridComponent as ag, LookupEditorComponent as ah, MapListComponent as ai, MetaMenuComponent as aj, MetadatiTabella as ak, NotificationBellComponent as al, NotificationRealtimeService as am, NumberEditorComponent as an, PRIMARY_PALETTES as ao, PropertyArrayEditorComponent as ap, PropertyObjectEditorComponent as aq, THEME_OPTIONS as ar, TextAreaEditorComponent as as, TextEditorComponent as at, TreeListComponent as au, TreeViewSelectorComponent as av, UploadDialogComponent as aw, UploadEditorComponent as ax, ValidationRule as ay, ValueChangedPayload as az, DataSourceComponent as b, loadNumberEditorComponent as b0, loadPropertyArrayEditorComponent as b1, loadPropertyObjectEditorComponent as b2, loadTextAreaEditorComponent as b3, loadTextEditorComponent as b4, loadTreeViewSelectorComponent as b5, loadUploadEditorComponent as b6, menuRouteAccessCanActivateGuard as b7, menuRouteAccessCanMatchGuard as b8, routes as b9, wuicErrorInterceptor as ba, DataRepeaterComponent as c, ParametricDialogComponent as d, MetadatiColonna as e, DataProviderService as f, MetadataEditorService as g, WorkflowRuntimeMetadataService as h, FieldEditorComponent as i, MetadataEditorComponent as j, WuicClientException as k, WuicErrorCodes as l, MetaInfo as m, AuthSessionService as n, FilterInfo as o, LicenseFeatureService as p, FilterItem as q, getThemeOptions as r, AUTH_REDIRECT_REASON_KEY as s, AppSettingsEditorComponent as t, BoundedRepeaterComponent as u, ButtonEditorComponent as v, CallbackPipe2 as w, CarouselListComponent as x, CodeAreaEditorComponent as y, ColorEditorComponent as z };
-//# sourceMappingURL=wuic-framework-lib-wuic-framework-lib-BSyGhpM1.mjs.map
+export { IsSelectedRowPipe as $, ArchetypeConfiguratorComponent as A, BooleanEditorComponent as B, ChatbotHostRegistryService as C, DynamicGenericTemplateComponent as D, ColorEditorComponent as E, FilterBarComponent as F, GlobalHandler as G, CrashReporterService as H, ImportExportButtonComponent as I, CustomAttributesService as J, CustomException as K, LazyParametricDialogComponent as L, MetadataProviderService as M, DataActionButtonComponent as N, DataProviderOdataService as O, PagerComponent as P, DateEditorComponent as Q, DesignerRouteComponent as R, DictionaryEditorComponent as S, TranslationManagerService as T, UserInfoService as U, DynamicRowTemplateComponent as V, WtoolboxService as W, FormatGridViewValuePipe as X, GetSrcUploadPreviewPipe as Y, HtmlEditorComponent as Z, ImageWrapperComponent as _, DynamicCompilerService as a, loadHtmlEditorComponent as a$, KanbanListComponent as a0, KanbanOptions as a1, KanbanStatusColumnItem as a2, LazyChartListComponent as a3, LazyCodeEditorComponent as a4, LazyDataActionButtonComponent as a5, LazyDataSourceComponent as a6, LazyFieldEditorComponent as a7, LazyFirstRunWizardComponent as a8, LazyImageWrapperComponent as a9, ValueChangedPayload as aA, VisibleFieldListPipe as aB, WidgetDefinition as aC, WorkflowDesignerRouteComponent as aD, WorkflowRunnerComponent as aE, WuicAziendaSwitcherComponent as aF, WuicErrorDialogComponent as aG, WuicErrorInterceptor as aH, WuicFeatureDirective as aI, WuicFrozenColumnDirective as aJ, WuicRagChatbotComponent as aK, WuicRagChatbotFabComponent as aL, WuicRagService as aM, WuicRowTogglerDirective as aN, _PRIMENG_TABLE_DIRECTIVES_NAMES as aO, authExpiredInterceptor as aP, boundedRepeaterPendingChangesGuard as aQ, featureRouteCanActivateGuard as aR, featureRouteCanMatchGuard as aS, getThemePrimaryHex as aT, inferTemplateFieldFromBaseClass as aU, loadBooleanEditorComponent as aV, loadButtonEditorComponent as aW, loadCodeAreaEditorComponent as aX, loadColorEditorComponent as aY, loadDateEditorComponent as aZ, loadDictionaryEditorComponent as a_, LazyKanbanListComponent as aa, LazyMetaMenuComponent as ab, LazyPivotBuilderComponent as ac, LazyReportDesignerComponent as ad, LazyReportViewerComponent as ae, LazySchedulerListComponent as af, LazySpreadsheetListSfComponent as ag, ListGridComponent as ah, LookupEditorComponent as ai, MapListComponent as aj, MetaMenuComponent as ak, MetadatiTabella as al, NotificationBellComponent as am, NotificationRealtimeService as an, NumberEditorComponent as ao, PRIMARY_PALETTES as ap, PropertyArrayEditorComponent as aq, PropertyObjectEditorComponent as ar, THEME_OPTIONS as as, TextAreaEditorComponent as at, TextEditorComponent as au, TreeListComponent as av, TreeViewSelectorComponent as aw, UploadDialogComponent as ax, UploadEditorComponent as ay, ValidationRule as az, DataSourceComponent as b, loadLookupEditorComponent as b0, loadNumberEditorComponent as b1, loadPropertyArrayEditorComponent as b2, loadPropertyObjectEditorComponent as b3, loadTextAreaEditorComponent as b4, loadTextEditorComponent as b5, loadTreeViewSelectorComponent as b6, loadUploadEditorComponent as b7, menuRouteAccessCanActivateGuard as b8, menuRouteAccessCanMatchGuard as b9, routes as ba, wuicErrorInterceptor as bb, DataRepeaterComponent as c, ParametricDialogComponent as d, MetadatiColonna as e, DataProviderService as f, MetadataEditorService as g, WorkflowRuntimeMetadataService as h, FieldEditorComponent as i, MetadataEditorComponent as j, WuicClientException as k, WuicErrorCodes as l, MetaInfo as m, FilterInfo as n, LicenseFeatureService as o, FilterItem as p, getThemeOptions as q, AUTH_REDIRECT_REASON_KEY as r, AppSettingsEditorComponent as s, AuthSessionService as t, BoundedRepeaterComponent as u, ButtonEditorComponent as v, CallbackPipe as w, CallbackPipe2 as x, CarouselListComponent as y, CodeAreaEditorComponent as z };
+//# sourceMappingURL=wuic-framework-lib-wuic-framework-lib-Deudd4MY.mjs.map