wuic-framework-lib 1.2.1 → 1.3.2

package/fesm2022/{wuic-framework-lib-first-run-wizard.component-CaGePYLi.mjs → wuic-framework-lib-first-run-wizard.component-BLrUrfZ9.mjs}

@@ -4,6 +4,9 @@ import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
+import * as i1 from '@angular/common/http';
+import { HttpContext } from '@angular/common/http';
+import { G as GlobalHandler, W as WtoolboxService, n as WUIC_SUPPRESS_GLOBAL_ERROR } from './wuic-framework-lib-wuic-framework-lib-BRujEwpR.mjs';
 import { firstValueFrom } from 'rxjs';
 import * as i8 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
@@ -17,15 +20,13 @@ import * as i6$1 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import * as i2 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
-import { G as GlobalHandler, n as AuthSessionService, W as WtoolboxService, U as UserInfoService } from './wuic-framework-lib-wuic-framework-lib-BSyGhpM1.mjs';
-import * as i1 from '@angular/common/http';
 import * as i3 from 'primeng/api';
 
 /**
  * Componente standalone framework che incapsula l'INTERO workflow di firstRun:
  *
  *   1. probe `GET /api/Meta/FirstRunStatus` al boot per decidere visibilita';
- *   2. rendering del form wizard (DBMS, connection string, admin, RAG checkbox);
+ *   2. rendering del form wizard (DBMS, connection string, admin, RAG API key);
  *   3. test connessione + caricamento elenco DB (`MetaService.get_database_names`);
  *   4. submit `MetaService.configure_wuic` con tutti i parametri raccolti;
  *   5. polling progress (`GET /api/Meta/FirstRunProgress`) durante l'install;
@@ -34,9 +35,7 @@ import * as i3 from 'primeng/api';
  *   7. clear lato client (cookies + sessionStorage + localStorage + indexedDB)
  *      al termine dell'install e wait `waitForBackendReady` prima del redirect;
  *   8. registrazione bundle traduzioni `firstrun.*` (5 lingue) PRIMA che il
- *      template risolva i pipe `| translate`;
- *   9. hook post-login per `MetaService.resumeRagSetupIfPending` (consume del
- *      flag `logs/rag-setup-pending.json` settato dal wizard).
+ *      template risolva i pipe `| translate`.
  *
  * **Auto-control**: il componente decide da se' se mostrarsi (firstRun=true) o
  * essere invisibile (firstRun=false). Il consumer si limita a montarlo nel
@@ -47,8 +46,7 @@ import * as i3 from 'primeng/api';
  * **Self-contained**: tutti gli helper (parseConnectionString, normalizeDbms,
  * extractErrorMessage, ecc.) sono incapsulati qui dentro. Niente dipendenza
  * dal consumer oltre ai servizi WUIC standard (HttpClient, TranslateService,
- * WtoolboxService per promptDialog + appSettings, AuthSessionService per
- * l'aggancio post-login, UserInfoService per l'id utente del RAG resume).
+ * WtoolboxService per promptDialog + appSettings).
  */
 class WuicFirstRunWizardComponent {
     http;
@@ -108,9 +106,6 @@ class WuicFirstRunWizardComponent {
         { label: 'Tutorial WideWorldImporters', value: 'tutorial' }
     ];
     firstRunTutorialAvailable = true;
-    firstRunPythonInstalled = true;
-    firstRunPythonSupported = true;
-    firstRunPythonVersion = '';
     firstRunForm = {
         setupMode: 'existing',
         createTutorialIfMissing: true,
@@ -124,8 +119,6 @@ class WuicFirstRunWizardComponent {
         adminPassword: '',
         adminLanguage: WuicFirstRunWizardComponent.resolveDefaultAdminLanguage(),
         scaffoldExistingDatabase: false,
-        installRag: false,
-        useCuda: false,
         anthropicApiKey: '',
         // Crash reporting opt-in (skill crash-reporting Commit 8). OFF by default
         // per GDPR: l'utente lo abilita esplicitamente in fase di first-install
@@ -295,8 +288,6 @@ class WuicFirstRunWizardComponent {
         error: null
     };
     firstRunProgressTimer = null;
-    authStateSubscription = null;
-    ragResumeChecked = false;
     constructor(http, translate, messageService, injector) {
         this.http = http;
         this.translate = translate;
@@ -331,22 +322,11 @@ class WuicFirstRunWizardComponent {
             return true;
         }, { priority: 100 });
         // Hook post-login per consumare `logs/rag-setup-pending.json`.
-        const authSession = this.injector.get(AuthSessionService, null);
-        if (authSession) {
-            this.authStateSubscription = authSession.state$.subscribe((state) => {
-                const isAuth = state?.authenticated === true || state?.legacyAuthenticated === true;
-                if (!this.ragResumeChecked && isAuth) {
-                    this.ragResumeChecked = true;
-                    this.triggerRagSetupResumeIfPending();
-                }
-            });
-        }
         // Probe FirstRunStatus + bootstrap form.
         void this.bootstrapFirstRun();
     }
     ngOnDestroy() {
         this.stopFirstRunProgressPolling();
-        this.authStateSubscription?.unsubscribe();
         this.metadataDbExistsDelegateDisposer?.();
     }
     /** Mostra il prompt di conferma drop+recreate del metadata DB e, se
@@ -433,13 +413,12 @@ class WuicFirstRunWizardComponent {
         const apiBase = WtoolboxService.appSettings?.api_url || '';
         const globalRoot = WtoolboxService.appSettings?.global_root_url || '';
         try {
-            const authenticated = await this.isAuthenticatedQuickly();
-            if (authenticated) {
-                this.showFirstRunInstall = false;
-                this.complete.emit();
-                return;
-            }
-            const publicStatus = await firstValueFrom(this.http.get(`${apiBase}Meta/FirstRunStatus`));
+            // firstRun VINCE sull'auth: su una prima installazione genuina il (nuovo) DB
+            // metadati non ha utenti legittimi, quindi un cookie/sessione residua
+            // (`Auth/Me` -> authenticated=true) NON deve dirottare l'app sul login saltando
+            // il wizard. La decisione si basa SOLO su FirstRunStatus; l'eventuale stato di
+            // auth e' irrilevante (quando firstRun=false il wizard si salta comunque sotto).
+            const publicStatus = await firstValueFrom(this.http.get(`${apiBase}Meta/FirstRunStatus`, this.suppressGlobalErrorOpts()));
             const settings = this.parseDictionaryResponse(publicStatus);
             const firstRunSetting = settings['firstRun'] ?? settings['first-run'] ?? settings['firstrun'];
             const isFirstRun = this.toBoolean(firstRunSetting);
@@ -454,16 +433,6 @@ class WuicFirstRunWizardComponent {
                 this.firstRunSetupModeOptions = [{ label: 'DB esistente', value: 'existing' }];
                 this.firstRunForm.setupMode = 'existing';
             }
-            const pythonFlag = settings['pythonInstalled'] ?? settings['pythoninstalled'];
-            this.firstRunPythonInstalled = pythonFlag === undefined ? true : this.toBoolean(pythonFlag);
-            const pythonSupportedFlag = settings['pythonSupported'] ?? settings['pythonsupported'];
-            this.firstRunPythonSupported = pythonSupportedFlag === undefined
-                ? this.firstRunPythonInstalled
-                : this.toBoolean(pythonSupportedFlag);
-            this.firstRunPythonVersion = String(settings['pythonVersion'] || settings['pythonversion'] || '').trim();
-            if (!this.firstRunPythonInstalled) {
-                this.firstRunForm.installRag = false;
-            }
             if (!isFirstRun) {
                 this.showFirstRunInstall = false;
                 this.complete.emit();
@@ -471,7 +440,7 @@ class WuicFirstRunWizardComponent {
             }
             // Filter DBMS dropdown to providers actually deployed.
             try {
-                const availableResp = await firstValueFrom(this.http.get(`${apiBase}Meta/AvailableDbms`));
+                const availableResp = await firstValueFrom(this.http.get(`${apiBase}Meta/AvailableDbms`, this.suppressGlobalErrorOpts()));
                 const availableList = availableResp?.dbms || [];
                 if (Array.isArray(availableList) && availableList.length > 0) {
                     const filtered = availableList.map(entry => {
@@ -497,7 +466,7 @@ class WuicFirstRunWizardComponent {
         catch {
             // Legacy fallback for environments where Meta/FirstRunStatus is unavailable.
             try {
-                const appSettingsResponse = await firstValueFrom(this.http.post(`${globalRoot}MetaService.getAppSettings`, {}));
+                const appSettingsResponse = await firstValueFrom(this.http.post(`${globalRoot}MetaService.getAppSettings`, {}, this.suppressGlobalErrorOpts()));
                 const settings = this.parseDictionaryResponse(appSettingsResponse);
                 const firstRunSetting = settings['firstRun'] ?? settings['first-run'] ?? settings['firstrun'];
                 const isFirstRun = this.toBoolean(firstRunSetting);
@@ -523,19 +492,6 @@ class WuicFirstRunWizardComponent {
             this.firstRunLoading = false;
         }
     }
-    async isAuthenticatedQuickly() {
-        const apiBase = WtoolboxService.appSettings?.api_url || '';
-        try {
-            const me = await Promise.race([
-                firstValueFrom(this.http.get(`${apiBase}Auth/Me`, { withCredentials: true })),
-                new Promise((resolve) => setTimeout(() => resolve(null), 750))
-            ]);
-            return !!me?.authenticated;
-        }
-        catch {
-            return false;
-        }
-    }
     async loadDefaultConnectionString(settings) {
         const fallbackConn = String(settings['connection'] || '').trim();
         const fallbackDb = String(settings['DataDBName'] || settings['datadbname'] || '').trim();
@@ -653,20 +609,30 @@ class WuicFirstRunWizardComponent {
             this.firstRunConnectionValid = false;
             this.firstRunDataDbOptions = [];
             this.firstRunError = detail;
-            this.messageService.add({ severity: 'error', summary: 'Connessione non valida', detail });
+            // Errore mostrato SOLO inline nel form (firstRunError): niente toast ne
+            // dialog globale (le chiamate usano suppressGlobalErrorOpts()).
         }
         finally {
             this.firstRunDbLoading = false;
             this.firstRunConnectionTesting = false;
         }
     }
+    /**
+     * Opzioni HTTP che sopprimono il dialog/handler globale (`GlobalHandler`)
+     * per le chiamate del first-run wizard. Gli errori dell'installer vengono
+     * mostrati SOLO inline nel form (`firstRunError`) — niente popup dialog
+     * (interceptor) ne toast. Vedi WUIC_SUPPRESS_GLOBAL_ERROR.
+     */
+    suppressGlobalErrorOpts() {
+        return { context: new HttpContext().set(WUIC_SUPPRESS_GLOBAL_ERROR, true) };
+    }
     async fetchDatabaseNames(dbms, baseConnection) {
         const globalRoot = WtoolboxService.appSettings?.global_root_url || '';
         const endpoint = `${globalRoot}MetaService.get_database_names`;
         const payload = await firstValueFrom(this.http.post(endpoint, {
             rdbDBMS: dbms,
             connectionString: baseConnection
-        }));
+        }, this.suppressGlobalErrorOpts()));
         return this.parseStringArrayResponse(payload)
             .map(x => String(x || '').trim())
             .filter(x => !!x);
@@ -764,8 +730,6 @@ class WuicFirstRunWizardComponent {
                 adminUsername,
                 adminPassword,
                 adminLanguage: this.firstRunForm.adminLanguage,
-                installRag: this.firstRunForm.installRag ? 'true' : 'false',
-                useCuda: this.firstRunForm.useCuda ? 'true' : 'false',
                 anthropicApiKey: (this.firstRunForm.anthropicApiKey || '').trim(),
                 // Crash reporting opt-in (skill crash-reporting Commit 8). Quando true,
                 // configure_wuic deve scrivere `CrashReporting.Enabled=true`,
@@ -774,7 +738,7 @@ class WuicFirstRunWizardComponent {
                 // sezione resta a Enabled=false e l'utente potra' attivarla in
                 // seguito dall'appsettings-editor (Commit 9).
                 enableCrashReporting: this.firstRunForm.enableCrashReporting ? 'true' : 'false'
-            }));
+            }, this.suppressGlobalErrorOpts()));
             // STOP polling FirstRunProgress NOW — `configure_wuic` ha appena riscritto
             // `appsettings.json` (firstRun=false + nuove ConnectionStrings). IIS rileva
             // il file change via FileSystemWatcher e recyclia l'app pool. Se il polling
@@ -786,6 +750,11 @@ class WuicFirstRunWizardComponent {
             // esattamente la finestra di shutdown→restart pool).
             this.stopFirstRunProgressPolling();
             await this.clearClientStateForFirstRunLogin();
+            // I servizi notifiche (WS `/ws/notifications` + watcher) sono registrati SEMPRE
+            // dal backend (anche durante il first-run) e partono in polling resiliente che
+            // rilegge la connection FRESH -> nessun restart necessario qui: appena
+            // configure_wuic scrive la connection reale + crea lo schema, il push si aggancia.
+            // Vedi Startup.cs (registrazione sempre attiva) e NotificationSqlDependencyWatcher.
             await this.waitForBackendReady();
             const scaffoldRoute = '/scaffolding/dialog/1556';
             const loginRedirectUrl = `/?redirect=${encodeURIComponent(scaffoldRoute)}&firstRunLogin=1`;
@@ -795,14 +764,18 @@ class WuicFirstRunWizardComponent {
         }
         catch (error) {
             this.firstRunError = this.extractErrorMessage(error);
-            // Branch METADATA_DB_EXISTS gestito dal delegate registrato in ngOnInit
-            // (`metadataDbExistsDelegateDisposer`): mostra prompt + ri-chiama
-            // `submitFirstRunInstallInternal(true)`. Qui sotto saltiamo solo il toast
-            // generico in quel caso specifico, per evitare duplicati col prompt.
+            // Branch METADATA_DB_EXISTS: il server chiede conferma di drop+recreate del
+            // metadata DB esistente. Le chiamate del wizard sopprimono il GlobalHandler
+            // (errore solo inline), quindi il delegate registrato in ngOnInit NON scatta
+            // piu' -> mostriamo il prompt di conferma DIRETTAMENTE qui. La guard
+            // `metadataDbExistsPromptInFlight` dentro handleMetadataDbExistsPrompt evita
+            // doppi prompt se il delegate dovesse comunque scattare.
             if (!confirmDropExistingMetadataDb && this.firstRunError.includes('METADATA_DB_EXISTS_CONFIRM_REQUIRED')) {
+                void this.handleMetadataDbExistsPrompt({ message: this.firstRunError });
                 return;
             }
-            this.messageService.add({ severity: 'error', summary: 'Installazione fallita', detail: this.firstRunError });
+            // Errore mostrato SOLO inline nel form (firstRunError): niente toast ne
+            // dialog globale (configure_wuic usa suppressGlobalErrorOpts()).
         }
         finally {
             this.firstRunInstalling = false;
@@ -829,7 +802,7 @@ class WuicFirstRunWizardComponent {
         const apiBase = WtoolboxService.appSettings?.api_url || '';
         this.firstRunProgressTimer = setInterval(async () => {
             try {
-                const resp = await firstValueFrom(this.http.get(`${apiBase}Meta/FirstRunProgress`));
+                const resp = await firstValueFrom(this.http.get(`${apiBase}Meta/FirstRunProgress`, this.suppressGlobalErrorOpts()));
                 if (resp && typeof resp === 'object') {
                     this.firstRunProgress = {
                         active: !!resp.active,
@@ -880,7 +853,7 @@ class WuicFirstRunWizardComponent {
         await new Promise((resolve) => setTimeout(resolve, 500));
         while (Date.now() - startedAt < timeoutMs) {
             try {
-                await firstValueFrom(this.http.get(sentinelUrl));
+                await firstValueFrom(this.http.get(sentinelUrl, this.suppressGlobalErrorOpts()));
                 return;
             }
             catch {
@@ -906,27 +879,6 @@ class WuicFirstRunWizardComponent {
         });
     }
     // ════════════════════════════════════════════════════════════════════════
-    //                        RAG RESUME (POST-LOGIN HOOK)
-    // ════════════════════════════════════════════════════════════════════════
-    triggerRagSetupResumeIfPending() {
-        try {
-            const userInfo = this.injector.get(UserInfoService, null);
-            const userId = Number(userInfo?.getuserInfo()?.user_id ?? 0);
-            if (!userId || userId <= 0) {
-                return;
-            }
-            const globalRoot = WtoolboxService.appSettings?.global_root_url || '';
-            const url = `${globalRoot}MetaService.resumeRagSetupIfPending`;
-            this.http.post(url, { userId }).subscribe({
-                next: (res) => { console.log('[rag-resume]', res); },
-                error: (err) => { console.warn('[rag-resume] skipped:', err?.message ?? err); }
-            });
-        }
-        catch {
-            /* best effort */
-        }
-    }
-    // ════════════════════════════════════════════════════════════════════════
     //                        CONNECTION-STRING UTILITIES
     // ════════════════════════════════════════════════════════════════════════
     parseConnectionString(connectionString) {
@@ -1130,7 +1082,7 @@ class WuicFirstRunWizardComponent {
     extractErrorMessage(error) {
         const fromBackend = error?.error;
         if (typeof fromBackend === 'string' && fromBackend.trim())
-            return fromBackend;
+            return this.cleanServerErrorMessage(fromBackend);
         if (fromBackend && typeof fromBackend === 'object') {
             const parts = [];
             const detail = fromBackend.message || fromBackend.error || fromBackend.title;
@@ -1156,9 +1108,43 @@ class WuicFirstRunWizardComponent {
                 parts.push(String(fallbackMsg));
             }
             if (parts.length > 0)
-                return parts.join(' | ');
+                return this.cleanServerErrorMessage(parts.join(' | '));
+        }
+        return this.cleanServerErrorMessage(String(error?.message || 'Errore sconosciuto durante il first-run setup.'));
+    }
+    /**
+     * Ripulisce il wrapper grezzo dell'AsmxProxy dispatcher mostrando SOLO il
+     * messaggio dell'eccezione interna piu' profonda. Il backend, quando una
+     * invocazione `MetaService.*` fallisce, rilancia un messaggio verboso del
+     * tipo:
+     *   AsmxProxy invocation failed. Requested='MetaService.get_database_names',
+     *   Current='ok', ... Methods='...', Parameters='...'.
+     *   Inner='System.InvalidOperationException: Errore test connessione/lista
+     *   database: Errore dell'istanza.'
+     * Di tutto questo l'utente vuole solo la parte utile -> qui estraiamo il
+     * contenuto dell'ultimo `Inner='...'` e togliamo il prefisso del tipo
+     * eccezione .NET (es. `System.InvalidOperationException: `). Se il messaggio
+     * non e' un dump AsmxProxy lo lasciamo invariato. Preserva eventuali marker
+     * (es. METADATA_DB_EXISTS_CONFIRM_REQUIRED) che cosi' diventano anzi piu'
+     * facili da matchare (non piu' sepolti nel dump).
+     */
+    cleanServerErrorMessage(raw) {
+        const original = String(raw || '').trim();
+        let msg = original;
+        if (!msg)
+            return msg;
+        // Scarta progressivamente i wrapper `Inner='...'` fino all'eccezione piu'
+        // interna (guard anti-loop). Greedy: l'apostrofo dentro al messaggio (es.
+        // "dell'istanza") resta incluso, la cattura arriva fino all'ultima quote.
+        let m;
+        let guard = 0;
+        while ((m = msg.match(/Inner='([\s\S]*)'/)) !== null && guard++ < 6) {
+            msg = m[1].trim();
         }
-        return String(error?.message || 'Errore sconosciuto durante il first-run setup.');
+        // Togli il prefisso fully-qualified del tipo eccezione .NET
+        // (es. "System.InvalidOperationException: " / "System.Data.SqlClient.SqlException: ").
+        msg = msg.replace(/^(?:[A-Za-z_][\w]*\.)+[A-Za-z_]\w*(?:Exception|Error)\s*:\s*/, '').trim();
+        return msg || original;
     }
     // ════════════════════════════════════════════════════════════════════════
     //                        I18N BUNDLES (firstrun.* keys)
@@ -1308,7 +1294,7 @@ class WuicFirstRunWizardComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WuicFirstRunWizardComponent, deps: [{ token: i1.HttpClient }, { token: i8.TranslateService }, { token: i3.MessageService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: WuicFirstRunWizardComponent, isStandalone: true, selector: "wuic-first-run-wizard-impl", outputs: { complete: "complete" }, ngImport: i0, template: "@if (showFirstRunInstall) {\n<div class=\"first-run-overlay\">\n    <div class=\"first-run-card first-run-card-wide\">\n        <div class=\"first-run-title\">Configurazione iniziale progetto</div>\n        <div class=\"first-run-subtitle\">Seleziona DBMS, connessione dati e nome database metadati.</div>\n\n        <!-- BODY scrollabile: header (title/subtitle) e footer (progress + CTA)\n             restano sempre visibili, solo questo blocco scrolla quando il form\n             e' piu' alto della viewport. -->\n        <div class=\"first-run-body\">\n\n        <!-- Grid 2 colonne: sx = connessione + scaffold / dx = admin + RAG.\n             Su viewport stretti (< 720px) il grid collassa a 1 colonna. -->\n        <div class=\"first-run-grid\">\n\n            <!-- \u2500\u2500 COLONNA SINISTRA: Database + Setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"first-run-col\">\n\n                @if (firstRunSetupModeOptions.length > 1) {\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-mode\">Modalit\u00E0 setup</label>\n                    <p-select [options]=\"firstRunSetupModeOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.setupMode\" (ngModelChange)=\"onFirstRunSetupModeChanged($event)\"\n                        [disabled]=\"firstRunInstalling\" [style]=\"{ width: '100%' }\" inputId=\"first-run-mode\"></p-select>\n                </div>\n                }\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-dbms\">DBMS</label>\n                    <p-select [options]=\"firstRunDbmsOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.dbms\" (ngModelChange)=\"onFirstRunDbmsChanged($event)\"\n                        [disabled]=\"firstRunInstalling\" [style]=\"{ width: '100%' }\" inputId=\"first-run-dbms\"></p-select>\n                </div>\n\n                @if (firstRunForm.setupMode === 'tutorial') {\n                <div class=\"first-run-field first-run-checkbox-row\">\n                    <label>\n                        <input type=\"checkbox\" [ngModel]=\"firstRunForm.createTutorialIfMissing\"\n                            (ngModelChange)=\"firstRunForm.createTutorialIfMissing = !!$event\" [disabled]=\"firstRunInstalling\" />\n                        Crea tutorial se manca\n                    </label>\n                </div>\n                }\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-datasql\">DataSQLConnection</label>\n                    <input id=\"first-run-datasql\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.dataConnectionString\" (ngModelChange)=\"onFirstRunConnectionChanged($event)\"\n                        [disabled]=\"firstRunInstalling\"\n                        placeholder=\"es. data source=localhost\\sqlexpress;User ID=sa;Password=...;initial catalog=WideWorldImporters\" />\n                </div>\n\n                <div class=\"first-run-field\">\n                    <p-button label=\"Test connessione e carica DB\" severity=\"secondary\" [outlined]=\"true\"\n                        [loading]=\"firstRunConnectionTesting\"\n                        [disabled]=\"firstRunInstalling || firstRunLoading || !firstRunForm.dataConnectionString\"\n                        (onClick)=\"testFirstRunConnectionAndLoadDatabases()\"></p-button>\n                </div>\n\n                @if (firstRunForm.setupMode === 'tutorial') {\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-datadb\">Database dati tutorial</label>\n                    <input id=\"first-run-datadb\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.tutorialDataDbName\"\n                        (ngModelChange)=\"firstRunForm.tutorialDataDbName = $event; firstRunForm.dataDbName = $event\"\n                        [disabled]=\"firstRunInstalling || !firstRunConnectionValid\"\n                        placeholder=\"WideWorldImporters\" />\n                </div>\n                } @else {\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-datadb\">Database dati</label>\n                    <p-select [options]=\"firstRunDataDbOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.dataDbName\" (ngModelChange)=\"firstRunForm.dataDbName = $event\"\n                        [disabled]=\"firstRunInstalling || firstRunDbLoading || !firstRunConnectionValid\" [filter]=\"true\"\n                        [editable]=\"true\" [style]=\"{ width: '100%' }\" inputId=\"first-run-datadb\"\n                        placeholder=\"Seleziona o digita database\"></p-select>\n                    <div style=\"margin-top: 0.5rem;\">\n                        <p-button label=\"Aggiorna elenco DB\" severity=\"secondary\" [outlined]=\"true\" size=\"small\"\n                            [loading]=\"firstRunDbLoading\" [disabled]=\"firstRunInstalling || !firstRunConnectionValid\"\n                            (onClick)=\"testFirstRunConnectionAndLoadDatabases()\"></p-button>\n                    </div>\n                </div>\n                }\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-metadb\">@if (firstRunForm.setupMode === 'tutorial') {Nome DB metadati tutorial} @else {Nome DB metadati}</label>\n                    <input id=\"first-run-metadb\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.setupMode === 'tutorial' ? firstRunForm.tutorialMetadataDbName : firstRunForm.metadataDbName\"\n                        (ngModelChange)=\"firstRunForm.metadataDbName = $event; firstRunForm.tutorialMetadataDbName = $event\"\n                        [disabled]=\"firstRunInstalling\"\n                        placeholder=\"metadataDB\" />\n                </div>\n\n                @if (firstRunForm.setupMode !== 'tutorial') {\n                <div class=\"first-run-field first-run-checkbox-row\">\n                    <label>\n                        <input type=\"checkbox\" [ngModel]=\"firstRunForm.scaffoldExistingDatabase\"\n                            (ngModelChange)=\"firstRunForm.scaffoldExistingDatabase = !!$event\"\n                            [disabled]=\"firstRunInstalling\" />\n                        Esegui scaffold automatico delle tabelle del DB selezionato\n                    </label>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Popola <code>_metadati__tabelle</code> / <code>_metadati__colonne</code> al termine dell'installazione.\n                        Operazione potenzialmente lunga su DB con molte tabelle.\n                    </small>\n                </div>\n                }\n            </div>\n\n            <!-- \u2500\u2500 COLONNA DESTRA: Admin + RAG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"first-run-col\">\n\n                <div class=\"first-run-section-title\">Utente admin iniziale</div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-admin-username\">Username admin iniziale</label>\n                    <input id=\"first-run-admin-username\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.adminUsername\"\n                        (ngModelChange)=\"firstRunForm.adminUsername = $event\"\n                        [disabled]=\"firstRunInstalling\" autocomplete=\"off\"\n                        placeholder=\"admin\" />\n                </div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-admin-password\">Password admin iniziale</label>\n                    <input id=\"first-run-admin-password\" class=\"first-run-input\" type=\"password\"\n                        [ngModel]=\"firstRunForm.adminPassword\"\n                        (ngModelChange)=\"firstRunForm.adminPassword = $event\"\n                        [disabled]=\"firstRunInstalling\" autocomplete=\"new-password\"\n                        placeholder=\"(min 4 caratteri)\" />\n                </div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-admin-language\">Lingua admin iniziale</label>\n                    <p-select [options]=\"firstRunAdminLanguageOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.adminLanguage\"\n                        (ngModelChange)=\"firstRunForm.adminLanguage = $event\"\n                        [disabled]=\"firstRunInstalling\"\n                        [style]=\"{ width: '100%' }\" inputId=\"first-run-admin-language\"></p-select>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Lingua applicata all'utente admin dopo il primo login. Puoi cambiarla in seguito dal profilo utente.\n                    </small>\n                </div>\n\n                <div class=\"first-run-section-title first-run-section-title-rag\">RAG Chatbot (opzionale)</div>\n\n                <div class=\"first-run-field first-run-checkbox-row\">\n                    <label>\n                        <input type=\"checkbox\" [ngModel]=\"firstRunForm.installRag\"\n                            (ngModelChange)=\"firstRunForm.installRag = !!$event\"\n                            [disabled]=\"firstRunInstalling || !firstRunPythonInstalled\" />\n                        Installa e avvia il server RAG\n                        <i class=\"pi pi-info-circle first-run-info-icon\"\n                           [pTooltip]=\"'firstrun.rag.installTooltip' | translate\"\n                           tooltipPosition=\"right\"\n                           [tooltipStyleClass]=\"'first-run-tooltip'\"\n                           [escape]=\"false\"></i>\n                    </label>\n                    @if (firstRunPythonInstalled && firstRunPythonSupported) {\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Python {{ firstRunPythonVersion || '3.12' }} rilevato \u2713. Al primo login post-wizard, crea <code>.venv</code>,\n                        installa torch + transformers + FastAPI, avvia il server su <code>:8765</code>.\n                        Richiede ~5-10 min + ~200 MB di download (CPU).\n                    </small>\n                    } @else if (firstRunPythonInstalled && !firstRunPythonSupported) {\n                    <div class=\"first-run-python-note\">\n                        <strong>\u24D8 Python {{ firstRunPythonVersion }} rilevato \u2014 versione non testata</strong>\n                        <div style=\"margin-top:4px;\">\n                            WUIC \u00E8 pinnato a <strong>Python 3.12.x</strong> (wheels torch / transformers / LoRA pi\u00F9 stabili).\n                            Procedere con <code>{{ firstRunPythonVersion }}</code> pu\u00F2 funzionare ma non \u00E8 testato:\n                            se <code>pip install torch</code> fallisce con \"no matching distribution\", installa\n                            <a href=\"https://www.python.org/downloads/release/python-3120/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"first-run-python-warning-link\">Python 3.12</a>\n                            a fianco e metti la sua cartella prima di quella di {{ firstRunPythonVersion }} nel PATH.\n                        </div>\n                    </div>\n                    } @else {\n                    <div class=\"first-run-python-warning\">\n                        <strong>\u26A0 Python 3.12 non rilevato sul sistema</strong>\n                        <div style=\"margin-top:6px;\">\n                            Il setup RAG richiede Python 3.12. Lo zip di deploy include l'installer embeddable + uno script\n                            che fa tutto: estrae Python in <code>C:\\Python312</code>, installa pip, aggiorna PATH, riavvia IIS.\n                        </div>\n                        <ol style=\"margin:8px 0 4px 20px; padding:0;\">\n                            <li>\n                                Vai nella cartella dove hai estratto il deploy zip (dove c'\u00E8 <code>WuicCore.dll</code>).\n                            </li>\n                            <li>\n                                <strong>Right-click su <code>rag-setup.ps1</code> \u2192 \"Esegui come amministratore\"</strong>,\n                                oppure da pwsh-admin: <code>pwsh -ExecutionPolicy Bypass -File .\\rag-setup.ps1</code>.\n                                Lo script si auto-eleva via UAC se non gi\u00E0 elevato.\n                            </li>\n                            <li>\n                                Ricarica questa pagina (Ctrl+F5) \u2014 la checkbox si abilita automaticamente.\n                            </li>\n                        </ol>\n                        <div style=\"margin-top:4px; opacity:0.8;\">\n                            Lo script gestisce anche l'edge case GPO <code>DisableMSI</code> su Windows Server (usa il bundle\n                            embeddable zip, non MSI). Per il download manuale di Python da python.org:\n                            <a href=\"https://www.python.org/downloads/release/python-3120/\"\n                               target=\"_blank\"\n                               rel=\"noopener noreferrer\"\n                               class=\"first-run-python-warning-link\">\n                                python.org/downloads/release/python-3120/\n                                <i class=\"pi pi-external-link\" style=\"font-size:0.75rem; margin-left:3px;\"></i>\n                            </a>.\n                            Dettagli in <code>FIRST_STEPS.md</code> accanto al deploy. Il resto del setup (DB, admin user)\n                            pu\u00F2 procedere senza Python \u2014 installa il RAG dopo.\n                        </div>\n                    </div>\n                    }\n                </div>\n\n                @if (firstRunForm.installRag) {\n                <div class=\"first-run-field first-run-checkbox-row\">\n                    <label>\n                        <input type=\"checkbox\" [ngModel]=\"firstRunForm.useCuda\"\n                            (ngModelChange)=\"firstRunForm.useCuda = !!$event\"\n                            [disabled]=\"firstRunInstalling\" />\n                        Usa CUDA (GPU NVIDIA)\n                        <i class=\"pi pi-info-circle first-run-info-icon\"\n                           [pTooltip]=\"'firstrun.rag.cudaTooltip' | translate\"\n                           tooltipPosition=\"right\"\n                           [tooltipStyleClass]=\"'first-run-tooltip'\"\n                           [escape]=\"false\"></i>\n                    </label>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Attiva torch GPU (CUDA 12.1, ~2.5 GB download) invece di CPU (~200 MB).\n                        Richiede una GPU NVIDIA + driver CUDA installati lato sistema.\n                    </small>\n                </div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-anthropic-key\">\n                        Anthropic API Key (opzionale)\n                        <i class=\"pi pi-info-circle first-run-info-icon\"\n                           [pTooltip]=\"'firstrun.rag.apiKeyTooltip' | translate\"\n                           tooltipPosition=\"right\"\n                           [tooltipStyleClass]=\"'first-run-tooltip'\"\n                           [escape]=\"false\"></i>\n                    </label>\n                    <textarea id=\"first-run-anthropic-key\" class=\"first-run-input first-run-textarea\"\n                        [ngModel]=\"firstRunForm.anthropicApiKey\"\n                        (ngModelChange)=\"firstRunForm.anthropicApiKey = $event\"\n                        [disabled]=\"firstRunInstalling\"\n                        rows=\"2\" autocomplete=\"off\"\n                        placeholder=\"sk-ant-...\"></textarea>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Senza chiave il server RAG funziona solo in modalit\u00E0 retrieval (ricerca snippet).\n                        Con chiave abilita la chat LLM via Claude.\n                    </small>\n                </div>\n                }\n            </div>\n\n            <!-- Crash reporting opt-in (skill crash-reporting Commit 8). Default OFF.\n                 Il consenso GDPR usa labels HARDCODED in `crashReportingLabels`\n                 dentro il componente (NON `wuic_translation`) perche' il\n                 first-run gira PRIMA che il DB metadati esista \u2014 niente DB,\n                 niente translation table. Vedi commento esteso nel componente.\n                 Al check del consenso si apre il popup col disclaimer\n                 dettagliato; l'utente conferma li' per attivare il flag. -->\n            <div class=\"first-run-section-title first-run-section-title-crash-reporting\">{{ crashReportingLabels.title }}</div>\n            <div class=\"first-run-field first-run-checkbox-row\">\n                <label>\n                    <input type=\"checkbox\" [ngModel]=\"firstRunForm.enableCrashReporting\"\n                           (ngModelChange)=\"onCrashReportingToggle($event)\"\n                           [disabled]=\"firstRunInstalling\" />\n                    {{ crashReportingLabels.checkbox_accept }}\n                </label>\n                <small style=\"display:block; margin-top:4px; opacity:0.85; font-size:0.85rem; line-height:1.45;\">\n                    {{ crashReportingLabels.intro_short }}\n                    <a href=\"javascript:void(0)\" (click)=\"openCrashReportingDisclaimer()\"\n                       style=\"margin-left:6px;\">{{ crashReportingLabels.read_full }}</a>\n                </small>\n            </div>\n        </div>\n\n        <!-- Disclaimer GDPR popup (apre al check + da link \"leggi tutto\"). -->\n        <p-dialog [(visible)]=\"crashReportingDisclaimerVisible\"\n                  [modal]=\"true\"\n                  [closable]=\"true\"\n                  [closeOnEscape]=\"true\"\n                  [header]=\"crashReportingLabels.title\"\n                  [style]=\"{ width: '600px', maxWidth: '90vw' }\"\n                  [contentStyle]=\"{ 'max-height': '70vh', 'overflow-y': 'auto' }\"\n                  [appendTo]=\"'body'\">\n            <div style=\"line-height:1.55;\">\n                <p>{{ crashReportingLabels.intro }}</p>\n                <p><strong>{{ crashReportingLabels.what_we_send }}</strong></p>\n                <ul style=\"margin:0 0 8px 18px; padding:0;\">\n                    <li>{{ crashReportingLabels.what_we_dont_send }}</li>\n                    <li>{{ crashReportingLabels.where_it_goes }}</li>\n                    <li>{{ crashReportingLabels.retention }}</li>\n                    <li>{{ crashReportingLabels.legal_basis }}</li>\n                    <li>{{ crashReportingLabels.how_to_disable }}</li>\n                </ul>\n            </div>\n            <ng-template pTemplate=\"footer\">\n                <p-button [label]=\"crashReportingLabels.btn_decline\"\n                          severity=\"secondary\"\n                          (onClick)=\"declineCrashReporting()\"></p-button>\n                <p-button [label]=\"crashReportingLabels.btn_accept\"\n                          (onClick)=\"acceptCrashReporting()\"></p-button>\n            </ng-template>\n        </p-dialog>\n\n        </div><!-- /.first-run-body -->\n\n        <!-- FOOTER sticky: error (se presente) + riga progress|CTA sempre visibile. -->\n        <div class=\"first-run-footer\">\n            @if (firstRunError && !firstRunErrorDismissed) {\n            <div class=\"first-run-error\" role=\"alert\">\n                <button type=\"button\"\n                        class=\"first-run-error__close\"\n                        (click)=\"dismissFirstRunError()\"\n                        aria-label=\"Chiudi errore\"\n                        title=\"Chiudi\">\u00D7</button>\n                <div class=\"first-run-error__body\">{{ firstRunError }}</div>\n            </div>\n            }\n\n            <div class=\"first-run-footer-row\">\n                @if (firstRunInstalling && firstRunProgress.active) {\n                <div class=\"first-run-progress\">\n                    <div class=\"first-run-progress-label\">\n                        <strong>{{ firstRunProgress.phase }}</strong>\n                        @if (firstRunProgress.total > 0 && !firstRunProgress.phase.includes('.restore')) {\n                        <span class=\"first-run-progress-count\">\n                            \u2014 batch {{ firstRunProgress.current }} / {{ firstRunProgress.total }}\n                        </span>\n                        }\n                        @if (firstRunProgress.elapsedMs > 0) {\n                        <span class=\"first-run-progress-count\">\n                            \u00B7 {{ (firstRunProgress.elapsedMs / 1000) | number:'1.0-0' }}s\n                        </span>\n                        }\n                    </div>\n                    @if (firstRunProgress.phase.includes('.restore') && firstRunProgress.percent < 5) {\n                    <p-progressBar mode=\"indeterminate\" [style]=\"{'height': '1rem'}\"></p-progressBar>\n                    } @else {\n                    <p-progressBar [value]=\"firstRunProgress.percent\" [showValue]=\"true\" [style]=\"{'height': '1rem'}\"></p-progressBar>\n                    }\n                    @if (firstRunProgress.message) {\n                    <div class=\"first-run-progress-message\">{{ firstRunProgress.message }}</div>\n                    }\n                </div>\n                } @else {\n                <div class=\"first-run-progress-placeholder\"></div>\n                }\n\n                <div class=\"first-run-actions\">\n                    <p-button label=\"Conferma e genera metadataDB\" [loading]=\"firstRunInstalling\"\n                        [disabled]=\"firstRunInstalling || firstRunLoading\" (onClick)=\"submitFirstRunInstall()\"></p-button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n}\n", styles: [".first-run-overlay{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#081221d9,#16294acc)}.first-run-card-wide{width:min(1180px,100%)!important}.first-run-card{width:min(860px,100%);min-height:min(720px,100vh - 48px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;border-radius:14px;padding:22px;background:var(--p-surface-0);box-shadow:0 18px 48px #00000059;border:1px solid var(--p-content-border-color)}.first-run-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px;margin-right:-4px}.first-run-footer{flex:0 0 auto;margin-top:12px;padding-top:12px;border-top:1px solid var(--p-content-border-color);display:flex;flex-direction:column;gap:10px}.first-run-footer-row{display:flex;align-items:center;gap:16px}.first-run-title{font-size:1.25rem;font-weight:700}.first-run-subtitle{margin-top:6px;margin-bottom:18px;opacity:.8}.first-run-field{margin-bottom:14px}.first-run-field label{display:block;margin-bottom:6px;font-weight:600}.first-run-checkbox-row label{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:0;font-weight:500}.first-run-input{width:100%;height:40px;border-radius:8px;border:1px solid var(--p-content-border-color);padding:8px 12px;font-size:.95rem;background:var(--p-surface-0);color:var(--p-text-color)}.first-run-textarea{height:auto;min-height:56px;resize:vertical;font-family:var(--p-font-family);line-height:1.4}.first-run-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:0}@media(max-width:860px){.first-run-grid{grid-template-columns:1fr}}.first-run-col{display:flex;flex-direction:column;min-width:0}.first-run-section-title{margin-top:4px;margin-bottom:12px;padding-bottom:6px;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.8;border-bottom:1px solid var(--p-content-border-color)}.first-run-section-title-rag{margin-top:18px}.first-run-python-warning{margin-top:8px;padding:10px 12px;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#78350f;font-size:.85rem;line-height:1.4}.first-run-python-warning strong{color:#78350f}.first-run-python-warning code{background:#00000014;padding:1px 4px;border-radius:3px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem}.first-run-python-warning ol li+li{margin-top:4px}.first-run-python-warning-link{color:#92400e;text-decoration:underline;font-weight:600}.first-run-python-warning-link:hover{color:#78350f}.first-run-python-warning-link:visited{color:#92400e}.first-run-python-note{margin-top:8px;padding:10px 12px;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;color:#1e3a8a;font-size:.85rem;line-height:1.4}.first-run-python-note strong{color:#1e3a8a}.first-run-python-note code{background:#00000014;padding:1px 4px;border-radius:3px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem}.first-run-info-icon{margin-left:6px;font-size:.95rem;color:var(--p-primary-color, #3b82f6);cursor:help;vertical-align:middle;opacity:.85}.first-run-info-icon:hover{opacity:1}::ng-deep .p-tooltip.first-run-tooltip{max-width:440px}::ng-deep .p-tooltip.first-run-tooltip .p-tooltip-text{white-space:pre-line;font-size:.85rem;line-height:1.45}.first-run-input:focus{outline:2px solid rgba(59,130,246,.25);border-color:#3b82f6}.first-run-error{position:relative;margin:8px 0 14px;color:#7f1d1d;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:10px 36px 10px 12px}.first-run-error__body{max-height:200px;overflow-y:auto;word-break:break-word;white-space:pre-wrap;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem;line-height:1.4}.first-run-error__close{position:absolute;top:6px;right:8px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;border-radius:4px;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer;opacity:.75;transition:background-color .12s ease,opacity .12s ease}.first-run-error__close:hover,.first-run-error__close:focus-visible{opacity:1;background:#7f1d1d1f;outline:none}.first-run-error__close:active{background:#7f1d1d33}.first-run-actions{flex:0 0 auto;display:flex;justify-content:flex-end}.first-run-progress{flex:1 1 auto;min-width:0;padding:8px 12px;background:var(--p-surface-50);border:1px solid var(--p-content-border-color);border-radius:8px;display:flex;flex-direction:column;gap:4px}.first-run-progress-placeholder{flex:1 1 auto;min-width:0}.first-run-progress-label{font-size:.9rem}.first-run-progress-label strong{font-weight:600}.first-run-progress-label .first-run-progress-count{opacity:.7;margin-left:4px}.first-run-progress-message{font-size:.8rem;opacity:.75;font-family:ui-monospace,Cascadia Code,Consolas,monospace}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { 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: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i11.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "unit", "mode", "color"] }, { 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: 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$2.DecimalPipe, name: "number" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: WuicFirstRunWizardComponent, isStandalone: true, selector: "wuic-first-run-wizard-impl", outputs: { complete: "complete" }, ngImport: i0, template: "@if (showFirstRunInstall) {\n<div class=\"first-run-overlay\">\n    <div class=\"first-run-card first-run-card-wide\">\n        <div class=\"first-run-title\">Configurazione iniziale progetto</div>\n        <div class=\"first-run-subtitle\">Seleziona DBMS, connessione dati e nome database metadati.</div>\n\n        <!-- BODY scrollabile: header (title/subtitle) e footer (progress + CTA)\n             restano sempre visibili, solo questo blocco scrolla quando il form\n             e' piu' alto della viewport. -->\n        <div class=\"first-run-body\">\n\n        <!-- Grid 2 colonne: sx = connessione + scaffold / dx = admin + RAG.\n             Su viewport stretti (< 720px) il grid collassa a 1 colonna. -->\n        <div class=\"first-run-grid\">\n\n            <!-- \u2500\u2500 COLONNA SINISTRA: Database + Setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"first-run-col\">\n\n                @if (firstRunSetupModeOptions.length > 1) {\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-mode\">Modalit\u00E0 setup</label>\n                    <p-select [options]=\"firstRunSetupModeOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.setupMode\" (ngModelChange)=\"onFirstRunSetupModeChanged($event)\"\n                        [disabled]=\"firstRunInstalling\" [style]=\"{ width: '100%' }\" inputId=\"first-run-mode\"></p-select>\n                </div>\n                }\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-dbms\">DBMS</label>\n                    <p-select [options]=\"firstRunDbmsOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.dbms\" (ngModelChange)=\"onFirstRunDbmsChanged($event)\"\n                        [disabled]=\"firstRunInstalling\" [style]=\"{ width: '100%' }\" inputId=\"first-run-dbms\"></p-select>\n                </div>\n\n                @if (firstRunForm.setupMode === 'tutorial') {\n                <div class=\"first-run-field first-run-checkbox-row\">\n                    <label>\n                        <input type=\"checkbox\" [ngModel]=\"firstRunForm.createTutorialIfMissing\"\n                            (ngModelChange)=\"firstRunForm.createTutorialIfMissing = !!$event\" [disabled]=\"firstRunInstalling\" />\n                        Crea tutorial se manca\n                    </label>\n                </div>\n                }\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-datasql\">DataSQLConnection</label>\n                    <input id=\"first-run-datasql\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.dataConnectionString\" (ngModelChange)=\"onFirstRunConnectionChanged($event)\"\n                        [disabled]=\"firstRunInstalling\"\n                        placeholder=\"es. data source=localhost\\sqlexpress;User ID=sa;Password=...;initial catalog=WideWorldImporters\" />\n                </div>\n\n                <div class=\"first-run-field\">\n                    <p-button label=\"Test connessione e carica DB\" severity=\"secondary\" [outlined]=\"true\"\n                        [loading]=\"firstRunConnectionTesting\"\n                        [disabled]=\"firstRunInstalling || firstRunLoading || !firstRunForm.dataConnectionString\"\n                        (onClick)=\"testFirstRunConnectionAndLoadDatabases()\"></p-button>\n                </div>\n\n                @if (firstRunForm.setupMode === 'tutorial') {\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-datadb\">Database dati tutorial</label>\n                    <input id=\"first-run-datadb\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.tutorialDataDbName\"\n                        (ngModelChange)=\"firstRunForm.tutorialDataDbName = $event; firstRunForm.dataDbName = $event\"\n                        [disabled]=\"firstRunInstalling || !firstRunConnectionValid\"\n                        placeholder=\"WideWorldImporters\" />\n                </div>\n                } @else {\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-datadb\">Database dati</label>\n                    <p-select [options]=\"firstRunDataDbOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.dataDbName\" (ngModelChange)=\"firstRunForm.dataDbName = $event\"\n                        [disabled]=\"firstRunInstalling || firstRunDbLoading || !firstRunConnectionValid\" [filter]=\"true\"\n                        [editable]=\"true\" [style]=\"{ width: '100%' }\" inputId=\"first-run-datadb\"\n                        placeholder=\"Seleziona o digita database\"></p-select>\n                    <div style=\"margin-top: 0.5rem;\">\n                        <p-button label=\"Aggiorna elenco DB\" severity=\"secondary\" [outlined]=\"true\" size=\"small\"\n                            [loading]=\"firstRunDbLoading\" [disabled]=\"firstRunInstalling || !firstRunConnectionValid\"\n                            (onClick)=\"testFirstRunConnectionAndLoadDatabases()\"></p-button>\n                    </div>\n                </div>\n                }\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-metadb\">@if (firstRunForm.setupMode === 'tutorial') {Nome DB metadati tutorial} @else {Nome DB metadati}</label>\n                    <input id=\"first-run-metadb\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.setupMode === 'tutorial' ? firstRunForm.tutorialMetadataDbName : firstRunForm.metadataDbName\"\n                        (ngModelChange)=\"firstRunForm.metadataDbName = $event; firstRunForm.tutorialMetadataDbName = $event\"\n                        [disabled]=\"firstRunInstalling\"\n                        placeholder=\"metadataDB\" />\n                </div>\n\n                @if (firstRunForm.setupMode !== 'tutorial') {\n                <div class=\"first-run-field first-run-checkbox-row\">\n                    <label>\n                        <input type=\"checkbox\" [ngModel]=\"firstRunForm.scaffoldExistingDatabase\"\n                            (ngModelChange)=\"firstRunForm.scaffoldExistingDatabase = !!$event\"\n                            [disabled]=\"firstRunInstalling\" />\n                        Esegui scaffold automatico delle tabelle del DB selezionato\n                    </label>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Popola <code>_metadati__tabelle</code> / <code>_metadati__colonne</code> al termine dell'installazione.\n                        Operazione potenzialmente lunga su DB con molte tabelle.\n                    </small>\n                </div>\n                }\n            </div>\n\n            <!-- \u2500\u2500 COLONNA DESTRA: Admin + RAG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"first-run-col\">\n\n                <div class=\"first-run-section-title\">Utente admin iniziale</div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-admin-username\">Username admin iniziale</label>\n                    <input id=\"first-run-admin-username\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.adminUsername\"\n                        (ngModelChange)=\"firstRunForm.adminUsername = $event\"\n                        [disabled]=\"firstRunInstalling\" autocomplete=\"off\"\n                        placeholder=\"admin\" />\n                </div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-admin-password\">Password admin iniziale</label>\n                    <input id=\"first-run-admin-password\" class=\"first-run-input\" type=\"password\"\n                        [ngModel]=\"firstRunForm.adminPassword\"\n                        (ngModelChange)=\"firstRunForm.adminPassword = $event\"\n                        [disabled]=\"firstRunInstalling\" autocomplete=\"new-password\"\n                        placeholder=\"(min 4 caratteri)\" />\n                </div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-admin-language\">Lingua admin iniziale</label>\n                    <p-select [options]=\"firstRunAdminLanguageOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.adminLanguage\"\n                        (ngModelChange)=\"firstRunForm.adminLanguage = $event\"\n                        [disabled]=\"firstRunInstalling\"\n                        [style]=\"{ width: '100%' }\" inputId=\"first-run-admin-language\"></p-select>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Lingua applicata all'utente admin dopo il primo login. Puoi cambiarla in seguito dal profilo utente.\n                    </small>\n                </div>\n\n                <div class=\"first-run-section-title first-run-section-title-rag\">RAG Chatbot (opzionale)</div>\n\n                <div class=\"first-run-field\">\n                    <small style=\"display:block; margin-bottom:8px; opacity:0.8; font-size:0.85rem; line-height:1.4;\">\n                        Il RAG Chatbot \u00E8 gi\u00E0 incluso e funziona <strong>out-of-the-box</strong>: l'engine \u00E8 nativo\n                        <strong>.NET/ONNX</strong> (nessun Python, nessun server separato da installare). Al primo\n                        uso della chat scarica automaticamente i modelli (~2.3 GB) da <code>wuic-framework.com</code>.\n                        Con una GPU NVIDIA (CUDA 12.x + cuDNN 9.x) le risposte sono in ~1s; senza, fallback automatico\n                        su CPU. <strong>Nessun setup da fare qui.</strong>\n                    </small>\n                    <label for=\"first-run-anthropic-key\">\n                        Anthropic API Key (opzionale)\n                        <i class=\"pi pi-info-circle first-run-info-icon\"\n                           [pTooltip]=\"'firstrun.rag.apiKeyTooltip' | translate\"\n                           tooltipPosition=\"right\"\n                           [tooltipStyleClass]=\"'first-run-tooltip'\"\n                           [escape]=\"false\"></i>\n                    </label>\n                    <textarea id=\"first-run-anthropic-key\" class=\"first-run-input first-run-textarea\"\n                        [ngModel]=\"firstRunForm.anthropicApiKey\"\n                        (ngModelChange)=\"firstRunForm.anthropicApiKey = $event\"\n                        [disabled]=\"firstRunInstalling\"\n                        rows=\"2\" autocomplete=\"off\"\n                        placeholder=\"sk-ant-...\"></textarea>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Senza chiave il chatbot funziona solo in modalit\u00E0 retrieval (ricerca snippet).\n                        Con chiave abilita la chat con LLM (Claude) e le azioni proposte sul designer.\n                        Viene salvata in <code>appsettings.json</code>; puoi cambiarla anche dopo.\n                    </small>\n                </div>\n            </div>\n\n            <!-- Crash reporting opt-in (skill crash-reporting Commit 8). Default OFF.\n                 Il consenso GDPR usa labels HARDCODED in `crashReportingLabels`\n                 dentro il componente (NON `wuic_translation`) perche' il\n                 first-run gira PRIMA che il DB metadati esista \u2014 niente DB,\n                 niente translation table. Vedi commento esteso nel componente.\n                 Al check del consenso si apre il popup col disclaimer\n                 dettagliato; l'utente conferma li' per attivare il flag. -->\n            <div class=\"first-run-section-title first-run-section-title-crash-reporting\">{{ crashReportingLabels.title }}</div>\n            <div class=\"first-run-field first-run-checkbox-row\">\n                <label>\n                    <input type=\"checkbox\" [ngModel]=\"firstRunForm.enableCrashReporting\"\n                           (ngModelChange)=\"onCrashReportingToggle($event)\"\n                           [disabled]=\"firstRunInstalling\" />\n                    {{ crashReportingLabels.checkbox_accept }}\n                </label>\n                <small style=\"display:block; margin-top:4px; opacity:0.85; font-size:0.85rem; line-height:1.45;\">\n                    {{ crashReportingLabels.intro_short }}\n                    <a href=\"javascript:void(0)\" (click)=\"openCrashReportingDisclaimer()\"\n                       style=\"margin-left:6px;\">{{ crashReportingLabels.read_full }}</a>\n                </small>\n            </div>\n        </div>\n\n        <!-- Disclaimer GDPR popup (apre al check + da link \"leggi tutto\"). -->\n        <p-dialog [(visible)]=\"crashReportingDisclaimerVisible\"\n                  [modal]=\"true\"\n                  [closable]=\"true\"\n                  [closeOnEscape]=\"true\"\n                  [header]=\"crashReportingLabels.title\"\n                  [style]=\"{ width: '600px', maxWidth: '90vw' }\"\n                  [contentStyle]=\"{ 'max-height': '70vh', 'overflow-y': 'auto' }\"\n                  [appendTo]=\"'body'\">\n            <div style=\"line-height:1.55;\">\n                <p>{{ crashReportingLabels.intro }}</p>\n                <p><strong>{{ crashReportingLabels.what_we_send }}</strong></p>\n                <ul style=\"margin:0 0 8px 18px; padding:0;\">\n                    <li>{{ crashReportingLabels.what_we_dont_send }}</li>\n                    <li>{{ crashReportingLabels.where_it_goes }}</li>\n                    <li>{{ crashReportingLabels.retention }}</li>\n                    <li>{{ crashReportingLabels.legal_basis }}</li>\n                    <li>{{ crashReportingLabels.how_to_disable }}</li>\n                </ul>\n            </div>\n            <ng-template pTemplate=\"footer\">\n                <p-button [label]=\"crashReportingLabels.btn_decline\"\n                          severity=\"secondary\"\n                          (onClick)=\"declineCrashReporting()\"></p-button>\n                <p-button [label]=\"crashReportingLabels.btn_accept\"\n                          (onClick)=\"acceptCrashReporting()\"></p-button>\n            </ng-template>\n        </p-dialog>\n\n        </div><!-- /.first-run-body -->\n\n        <!-- FOOTER sticky: error (se presente) + riga progress|CTA sempre visibile. -->\n        <div class=\"first-run-footer\">\n            @if (firstRunError && !firstRunErrorDismissed) {\n            <div class=\"first-run-error\" role=\"alert\">\n                <button type=\"button\"\n                        class=\"first-run-error__close\"\n                        (click)=\"dismissFirstRunError()\"\n                        aria-label=\"Chiudi errore\"\n                        title=\"Chiudi\">\u00D7</button>\n                <div class=\"first-run-error__body\">{{ firstRunError }}</div>\n            </div>\n            }\n\n            <div class=\"first-run-footer-row\">\n                @if (firstRunInstalling && firstRunProgress.active) {\n                <div class=\"first-run-progress\">\n                    <div class=\"first-run-progress-label\">\n                        <strong>{{ firstRunProgress.phase }}</strong>\n                        @if (firstRunProgress.total > 0 && !firstRunProgress.phase.includes('.restore')) {\n                        <span class=\"first-run-progress-count\">\n                            \u2014 batch {{ firstRunProgress.current }} / {{ firstRunProgress.total }}\n                        </span>\n                        }\n                        @if (firstRunProgress.elapsedMs > 0) {\n                        <span class=\"first-run-progress-count\">\n                            \u00B7 {{ (firstRunProgress.elapsedMs / 1000) | number:'1.0-0' }}s\n                        </span>\n                        }\n                    </div>\n                    @if (firstRunProgress.phase.includes('.restore') && firstRunProgress.percent < 5) {\n                    <p-progressBar mode=\"indeterminate\" [style]=\"{'height': '1rem'}\"></p-progressBar>\n                    } @else {\n                    <p-progressBar [value]=\"firstRunProgress.percent\" [showValue]=\"true\" [style]=\"{'height': '1rem'}\"></p-progressBar>\n                    }\n                    @if (firstRunProgress.message) {\n                    <div class=\"first-run-progress-message\">{{ firstRunProgress.message }}</div>\n                    }\n                </div>\n                } @else {\n                <div class=\"first-run-progress-placeholder\"></div>\n                }\n\n                <div class=\"first-run-actions\">\n                    <p-button label=\"Conferma e genera metadataDB\" [loading]=\"firstRunInstalling\"\n                        [disabled]=\"firstRunInstalling || firstRunLoading\" (onClick)=\"submitFirstRunInstall()\"></p-button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n}\n", styles: [".first-run-overlay{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#081221d9,#16294acc)}.first-run-card-wide{width:min(1180px,100%)!important}.first-run-card{width:min(860px,100%);min-height:min(720px,100vh - 48px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;border-radius:14px;padding:22px;background:var(--p-surface-0);box-shadow:0 18px 48px #00000059;border:1px solid var(--p-content-border-color)}.first-run-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px;margin-right:-4px}.first-run-footer{flex:0 0 auto;margin-top:12px;padding-top:12px;border-top:1px solid var(--p-content-border-color);display:flex;flex-direction:column;gap:10px}.first-run-footer-row{display:flex;align-items:center;gap:16px}.first-run-title{font-size:1.25rem;font-weight:700}.first-run-subtitle{margin-top:6px;margin-bottom:18px;opacity:.8}.first-run-field{margin-bottom:14px}.first-run-field label{display:block;margin-bottom:6px;font-weight:600}.first-run-checkbox-row label{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:0;font-weight:500}.first-run-input{width:100%;height:40px;border-radius:8px;border:1px solid var(--p-content-border-color);padding:8px 12px;font-size:.95rem;background:var(--p-surface-0);color:var(--p-text-color)}.first-run-textarea{height:auto;min-height:56px;resize:vertical;font-family:var(--p-font-family);line-height:1.4}.first-run-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:0}@media(max-width:860px){.first-run-grid{grid-template-columns:1fr}}.first-run-col{display:flex;flex-direction:column;min-width:0}.first-run-section-title{margin-top:4px;margin-bottom:12px;padding-bottom:6px;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.8;border-bottom:1px solid var(--p-content-border-color)}.first-run-section-title-rag{margin-top:18px}.first-run-python-warning{margin-top:8px;padding:10px 12px;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#78350f;font-size:.85rem;line-height:1.4}.first-run-python-warning strong{color:#78350f}.first-run-python-warning code{background:#00000014;padding:1px 4px;border-radius:3px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem}.first-run-python-warning ol li+li{margin-top:4px}.first-run-python-warning-link{color:#92400e;text-decoration:underline;font-weight:600}.first-run-python-warning-link:hover{color:#78350f}.first-run-python-warning-link:visited{color:#92400e}.first-run-python-note{margin-top:8px;padding:10px 12px;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;color:#1e3a8a;font-size:.85rem;line-height:1.4}.first-run-python-note strong{color:#1e3a8a}.first-run-python-note code{background:#00000014;padding:1px 4px;border-radius:3px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem}.first-run-info-icon{margin-left:6px;font-size:.95rem;color:var(--p-primary-color, #3b82f6);cursor:help;vertical-align:middle;opacity:.85}.first-run-info-icon:hover{opacity:1}::ng-deep .p-tooltip.first-run-tooltip{max-width:440px}::ng-deep .p-tooltip.first-run-tooltip .p-tooltip-text{white-space:pre-line;font-size:.85rem;line-height:1.45}.first-run-input:focus{outline:2px solid rgba(59,130,246,.25);border-color:#3b82f6}.first-run-error{position:relative;margin:8px 0 14px;color:#7f1d1d;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:10px 36px 10px 12px}.first-run-error__body{max-height:200px;overflow-y:auto;word-break:break-word;white-space:pre-wrap;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem;line-height:1.4}.first-run-error__close{position:absolute;top:6px;right:8px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;border-radius:4px;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer;opacity:.75;transition:background-color .12s ease,opacity .12s ease}.first-run-error__close:hover,.first-run-error__close:focus-visible{opacity:1;background:#7f1d1d1f;outline:none}.first-run-error__close:active{background:#7f1d1d33}.first-run-actions{flex:0 0 auto;display:flex;justify-content:flex-end}.first-run-progress{flex:1 1 auto;min-width:0;padding:8px 12px;background:var(--p-surface-50);border:1px solid var(--p-content-border-color);border-radius:8px;display:flex;flex-direction:column;gap:4px}.first-run-progress-placeholder{flex:1 1 auto;min-width:0}.first-run-progress-label{font-size:.9rem}.first-run-progress-label strong{font-weight:600}.first-run-progress-label .first-run-progress-count{opacity:.7;margin-left:4px}.first-run-progress-message{font-size:.8rem;opacity:.75;font-family:ui-monospace,Cascadia Code,Consolas,monospace}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { 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: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i11.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "unit", "mode", "color"] }, { 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: 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$2.DecimalPipe, name: "number" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WuicFirstRunWizardComponent, decorators: [{
             type: Component,
@@ -1321,10 +1307,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         ProgressBarModule,
                         TooltipModule,
                         DialogModule
-                    ], changeDetection: ChangeDetectionStrategy.Default, template: "@if (showFirstRunInstall) {\n<div class=\"first-run-overlay\">\n    <div class=\"first-run-card first-run-card-wide\">\n        <div class=\"first-run-title\">Configurazione iniziale progetto</div>\n        <div class=\"first-run-subtitle\">Seleziona DBMS, connessione dati e nome database metadati.</div>\n\n        <!-- BODY scrollabile: header (title/subtitle) e footer (progress + CTA)\n             restano sempre visibili, solo questo blocco scrolla quando il form\n             e' piu' alto della viewport. -->\n        <div class=\"first-run-body\">\n\n        <!-- Grid 2 colonne: sx = connessione + scaffold / dx = admin + RAG.\n             Su viewport stretti (< 720px) il grid collassa a 1 colonna. -->\n        <div class=\"first-run-grid\">\n\n            <!-- \u2500\u2500 COLONNA SINISTRA: Database + Setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"first-run-col\">\n\n                @if (firstRunSetupModeOptions.length > 1) {\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-mode\">Modalit\u00E0 setup</label>\n                    <p-select [options]=\"firstRunSetupModeOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.setupMode\" (ngModelChange)=\"onFirstRunSetupModeChanged($event)\"\n                        [disabled]=\"firstRunInstalling\" [style]=\"{ width: '100%' }\" inputId=\"first-run-mode\"></p-select>\n                </div>\n                }\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-dbms\">DBMS</label>\n                    <p-select [options]=\"firstRunDbmsOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.dbms\" (ngModelChange)=\"onFirstRunDbmsChanged($event)\"\n                        [disabled]=\"firstRunInstalling\" [style]=\"{ width: '100%' }\" inputId=\"first-run-dbms\"></p-select>\n                </div>\n\n                @if (firstRunForm.setupMode === 'tutorial') {\n                <div class=\"first-run-field first-run-checkbox-row\">\n                    <label>\n                        <input type=\"checkbox\" [ngModel]=\"firstRunForm.createTutorialIfMissing\"\n                            (ngModelChange)=\"firstRunForm.createTutorialIfMissing = !!$event\" [disabled]=\"firstRunInstalling\" />\n                        Crea tutorial se manca\n                    </label>\n                </div>\n                }\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-datasql\">DataSQLConnection</label>\n                    <input id=\"first-run-datasql\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.dataConnectionString\" (ngModelChange)=\"onFirstRunConnectionChanged($event)\"\n                        [disabled]=\"firstRunInstalling\"\n                        placeholder=\"es. data source=localhost\\sqlexpress;User ID=sa;Password=...;initial catalog=WideWorldImporters\" />\n                </div>\n\n                <div class=\"first-run-field\">\n                    <p-button label=\"Test connessione e carica DB\" severity=\"secondary\" [outlined]=\"true\"\n                        [loading]=\"firstRunConnectionTesting\"\n                        [disabled]=\"firstRunInstalling || firstRunLoading || !firstRunForm.dataConnectionString\"\n                        (onClick)=\"testFirstRunConnectionAndLoadDatabases()\"></p-button>\n                </div>\n\n                @if (firstRunForm.setupMode === 'tutorial') {\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-datadb\">Database dati tutorial</label>\n                    <input id=\"first-run-datadb\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.tutorialDataDbName\"\n                        (ngModelChange)=\"firstRunForm.tutorialDataDbName = $event; firstRunForm.dataDbName = $event\"\n                        [disabled]=\"firstRunInstalling || !firstRunConnectionValid\"\n                        placeholder=\"WideWorldImporters\" />\n                </div>\n                } @else {\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-datadb\">Database dati</label>\n                    <p-select [options]=\"firstRunDataDbOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.dataDbName\" (ngModelChange)=\"firstRunForm.dataDbName = $event\"\n                        [disabled]=\"firstRunInstalling || firstRunDbLoading || !firstRunConnectionValid\" [filter]=\"true\"\n                        [editable]=\"true\" [style]=\"{ width: '100%' }\" inputId=\"first-run-datadb\"\n                        placeholder=\"Seleziona o digita database\"></p-select>\n                    <div style=\"margin-top: 0.5rem;\">\n                        <p-button label=\"Aggiorna elenco DB\" severity=\"secondary\" [outlined]=\"true\" size=\"small\"\n                            [loading]=\"firstRunDbLoading\" [disabled]=\"firstRunInstalling || !firstRunConnectionValid\"\n                            (onClick)=\"testFirstRunConnectionAndLoadDatabases()\"></p-button>\n                    </div>\n                </div>\n                }\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-metadb\">@if (firstRunForm.setupMode === 'tutorial') {Nome DB metadati tutorial} @else {Nome DB metadati}</label>\n                    <input id=\"first-run-metadb\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.setupMode === 'tutorial' ? firstRunForm.tutorialMetadataDbName : firstRunForm.metadataDbName\"\n                        (ngModelChange)=\"firstRunForm.metadataDbName = $event; firstRunForm.tutorialMetadataDbName = $event\"\n                        [disabled]=\"firstRunInstalling\"\n                        placeholder=\"metadataDB\" />\n                </div>\n\n                @if (firstRunForm.setupMode !== 'tutorial') {\n                <div class=\"first-run-field first-run-checkbox-row\">\n                    <label>\n                        <input type=\"checkbox\" [ngModel]=\"firstRunForm.scaffoldExistingDatabase\"\n                            (ngModelChange)=\"firstRunForm.scaffoldExistingDatabase = !!$event\"\n                            [disabled]=\"firstRunInstalling\" />\n                        Esegui scaffold automatico delle tabelle del DB selezionato\n                    </label>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Popola <code>_metadati__tabelle</code> / <code>_metadati__colonne</code> al termine dell'installazione.\n                        Operazione potenzialmente lunga su DB con molte tabelle.\n                    </small>\n                </div>\n                }\n            </div>\n\n            <!-- \u2500\u2500 COLONNA DESTRA: Admin + RAG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"first-run-col\">\n\n                <div class=\"first-run-section-title\">Utente admin iniziale</div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-admin-username\">Username admin iniziale</label>\n                    <input id=\"first-run-admin-username\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.adminUsername\"\n                        (ngModelChange)=\"firstRunForm.adminUsername = $event\"\n                        [disabled]=\"firstRunInstalling\" autocomplete=\"off\"\n                        placeholder=\"admin\" />\n                </div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-admin-password\">Password admin iniziale</label>\n                    <input id=\"first-run-admin-password\" class=\"first-run-input\" type=\"password\"\n                        [ngModel]=\"firstRunForm.adminPassword\"\n                        (ngModelChange)=\"firstRunForm.adminPassword = $event\"\n                        [disabled]=\"firstRunInstalling\" autocomplete=\"new-password\"\n                        placeholder=\"(min 4 caratteri)\" />\n                </div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-admin-language\">Lingua admin iniziale</label>\n                    <p-select [options]=\"firstRunAdminLanguageOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.adminLanguage\"\n                        (ngModelChange)=\"firstRunForm.adminLanguage = $event\"\n                        [disabled]=\"firstRunInstalling\"\n                        [style]=\"{ width: '100%' }\" inputId=\"first-run-admin-language\"></p-select>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Lingua applicata all'utente admin dopo il primo login. Puoi cambiarla in seguito dal profilo utente.\n                    </small>\n                </div>\n\n                <div class=\"first-run-section-title first-run-section-title-rag\">RAG Chatbot (opzionale)</div>\n\n                <div class=\"first-run-field first-run-checkbox-row\">\n                    <label>\n                        <input type=\"checkbox\" [ngModel]=\"firstRunForm.installRag\"\n                            (ngModelChange)=\"firstRunForm.installRag = !!$event\"\n                            [disabled]=\"firstRunInstalling || !firstRunPythonInstalled\" />\n                        Installa e avvia il server RAG\n                        <i class=\"pi pi-info-circle first-run-info-icon\"\n                           [pTooltip]=\"'firstrun.rag.installTooltip' | translate\"\n                           tooltipPosition=\"right\"\n                           [tooltipStyleClass]=\"'first-run-tooltip'\"\n                           [escape]=\"false\"></i>\n                    </label>\n                    @if (firstRunPythonInstalled && firstRunPythonSupported) {\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Python {{ firstRunPythonVersion || '3.12' }} rilevato \u2713. Al primo login post-wizard, crea <code>.venv</code>,\n                        installa torch + transformers + FastAPI, avvia il server su <code>:8765</code>.\n                        Richiede ~5-10 min + ~200 MB di download (CPU).\n                    </small>\n                    } @else if (firstRunPythonInstalled && !firstRunPythonSupported) {\n                    <div class=\"first-run-python-note\">\n                        <strong>\u24D8 Python {{ firstRunPythonVersion }} rilevato \u2014 versione non testata</strong>\n                        <div style=\"margin-top:4px;\">\n                            WUIC \u00E8 pinnato a <strong>Python 3.12.x</strong> (wheels torch / transformers / LoRA pi\u00F9 stabili).\n                            Procedere con <code>{{ firstRunPythonVersion }}</code> pu\u00F2 funzionare ma non \u00E8 testato:\n                            se <code>pip install torch</code> fallisce con \"no matching distribution\", installa\n                            <a href=\"https://www.python.org/downloads/release/python-3120/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"first-run-python-warning-link\">Python 3.12</a>\n                            a fianco e metti la sua cartella prima di quella di {{ firstRunPythonVersion }} nel PATH.\n                        </div>\n                    </div>\n                    } @else {\n                    <div class=\"first-run-python-warning\">\n                        <strong>\u26A0 Python 3.12 non rilevato sul sistema</strong>\n                        <div style=\"margin-top:6px;\">\n                            Il setup RAG richiede Python 3.12. Lo zip di deploy include l'installer embeddable + uno script\n                            che fa tutto: estrae Python in <code>C:\\Python312</code>, installa pip, aggiorna PATH, riavvia IIS.\n                        </div>\n                        <ol style=\"margin:8px 0 4px 20px; padding:0;\">\n                            <li>\n                                Vai nella cartella dove hai estratto il deploy zip (dove c'\u00E8 <code>WuicCore.dll</code>).\n                            </li>\n                            <li>\n                                <strong>Right-click su <code>rag-setup.ps1</code> \u2192 \"Esegui come amministratore\"</strong>,\n                                oppure da pwsh-admin: <code>pwsh -ExecutionPolicy Bypass -File .\\rag-setup.ps1</code>.\n                                Lo script si auto-eleva via UAC se non gi\u00E0 elevato.\n                            </li>\n                            <li>\n                                Ricarica questa pagina (Ctrl+F5) \u2014 la checkbox si abilita automaticamente.\n                            </li>\n                        </ol>\n                        <div style=\"margin-top:4px; opacity:0.8;\">\n                            Lo script gestisce anche l'edge case GPO <code>DisableMSI</code> su Windows Server (usa il bundle\n                            embeddable zip, non MSI). Per il download manuale di Python da python.org:\n                            <a href=\"https://www.python.org/downloads/release/python-3120/\"\n                               target=\"_blank\"\n                               rel=\"noopener noreferrer\"\n                               class=\"first-run-python-warning-link\">\n                                python.org/downloads/release/python-3120/\n                                <i class=\"pi pi-external-link\" style=\"font-size:0.75rem; margin-left:3px;\"></i>\n                            </a>.\n                            Dettagli in <code>FIRST_STEPS.md</code> accanto al deploy. Il resto del setup (DB, admin user)\n                            pu\u00F2 procedere senza Python \u2014 installa il RAG dopo.\n                        </div>\n                    </div>\n                    }\n                </div>\n\n                @if (firstRunForm.installRag) {\n                <div class=\"first-run-field first-run-checkbox-row\">\n                    <label>\n                        <input type=\"checkbox\" [ngModel]=\"firstRunForm.useCuda\"\n                            (ngModelChange)=\"firstRunForm.useCuda = !!$event\"\n                            [disabled]=\"firstRunInstalling\" />\n                        Usa CUDA (GPU NVIDIA)\n                        <i class=\"pi pi-info-circle first-run-info-icon\"\n                           [pTooltip]=\"'firstrun.rag.cudaTooltip' | translate\"\n                           tooltipPosition=\"right\"\n                           [tooltipStyleClass]=\"'first-run-tooltip'\"\n                           [escape]=\"false\"></i>\n                    </label>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Attiva torch GPU (CUDA 12.1, ~2.5 GB download) invece di CPU (~200 MB).\n                        Richiede una GPU NVIDIA + driver CUDA installati lato sistema.\n                    </small>\n                </div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-anthropic-key\">\n                        Anthropic API Key (opzionale)\n                        <i class=\"pi pi-info-circle first-run-info-icon\"\n                           [pTooltip]=\"'firstrun.rag.apiKeyTooltip' | translate\"\n                           tooltipPosition=\"right\"\n                           [tooltipStyleClass]=\"'first-run-tooltip'\"\n                           [escape]=\"false\"></i>\n                    </label>\n                    <textarea id=\"first-run-anthropic-key\" class=\"first-run-input first-run-textarea\"\n                        [ngModel]=\"firstRunForm.anthropicApiKey\"\n                        (ngModelChange)=\"firstRunForm.anthropicApiKey = $event\"\n                        [disabled]=\"firstRunInstalling\"\n                        rows=\"2\" autocomplete=\"off\"\n                        placeholder=\"sk-ant-...\"></textarea>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Senza chiave il server RAG funziona solo in modalit\u00E0 retrieval (ricerca snippet).\n                        Con chiave abilita la chat LLM via Claude.\n                    </small>\n                </div>\n                }\n            </div>\n\n            <!-- Crash reporting opt-in (skill crash-reporting Commit 8). Default OFF.\n                 Il consenso GDPR usa labels HARDCODED in `crashReportingLabels`\n                 dentro il componente (NON `wuic_translation`) perche' il\n                 first-run gira PRIMA che il DB metadati esista \u2014 niente DB,\n                 niente translation table. Vedi commento esteso nel componente.\n                 Al check del consenso si apre il popup col disclaimer\n                 dettagliato; l'utente conferma li' per attivare il flag. -->\n            <div class=\"first-run-section-title first-run-section-title-crash-reporting\">{{ crashReportingLabels.title }}</div>\n            <div class=\"first-run-field first-run-checkbox-row\">\n                <label>\n                    <input type=\"checkbox\" [ngModel]=\"firstRunForm.enableCrashReporting\"\n                           (ngModelChange)=\"onCrashReportingToggle($event)\"\n                           [disabled]=\"firstRunInstalling\" />\n                    {{ crashReportingLabels.checkbox_accept }}\n                </label>\n                <small style=\"display:block; margin-top:4px; opacity:0.85; font-size:0.85rem; line-height:1.45;\">\n                    {{ crashReportingLabels.intro_short }}\n                    <a href=\"javascript:void(0)\" (click)=\"openCrashReportingDisclaimer()\"\n                       style=\"margin-left:6px;\">{{ crashReportingLabels.read_full }}</a>\n                </small>\n            </div>\n        </div>\n\n        <!-- Disclaimer GDPR popup (apre al check + da link \"leggi tutto\"). -->\n        <p-dialog [(visible)]=\"crashReportingDisclaimerVisible\"\n                  [modal]=\"true\"\n                  [closable]=\"true\"\n                  [closeOnEscape]=\"true\"\n                  [header]=\"crashReportingLabels.title\"\n                  [style]=\"{ width: '600px', maxWidth: '90vw' }\"\n                  [contentStyle]=\"{ 'max-height': '70vh', 'overflow-y': 'auto' }\"\n                  [appendTo]=\"'body'\">\n            <div style=\"line-height:1.55;\">\n                <p>{{ crashReportingLabels.intro }}</p>\n                <p><strong>{{ crashReportingLabels.what_we_send }}</strong></p>\n                <ul style=\"margin:0 0 8px 18px; padding:0;\">\n                    <li>{{ crashReportingLabels.what_we_dont_send }}</li>\n                    <li>{{ crashReportingLabels.where_it_goes }}</li>\n                    <li>{{ crashReportingLabels.retention }}</li>\n                    <li>{{ crashReportingLabels.legal_basis }}</li>\n                    <li>{{ crashReportingLabels.how_to_disable }}</li>\n                </ul>\n            </div>\n            <ng-template pTemplate=\"footer\">\n                <p-button [label]=\"crashReportingLabels.btn_decline\"\n                          severity=\"secondary\"\n                          (onClick)=\"declineCrashReporting()\"></p-button>\n                <p-button [label]=\"crashReportingLabels.btn_accept\"\n                          (onClick)=\"acceptCrashReporting()\"></p-button>\n            </ng-template>\n        </p-dialog>\n\n        </div><!-- /.first-run-body -->\n\n        <!-- FOOTER sticky: error (se presente) + riga progress|CTA sempre visibile. -->\n        <div class=\"first-run-footer\">\n            @if (firstRunError && !firstRunErrorDismissed) {\n            <div class=\"first-run-error\" role=\"alert\">\n                <button type=\"button\"\n                        class=\"first-run-error__close\"\n                        (click)=\"dismissFirstRunError()\"\n                        aria-label=\"Chiudi errore\"\n                        title=\"Chiudi\">\u00D7</button>\n                <div class=\"first-run-error__body\">{{ firstRunError }}</div>\n            </div>\n            }\n\n            <div class=\"first-run-footer-row\">\n                @if (firstRunInstalling && firstRunProgress.active) {\n                <div class=\"first-run-progress\">\n                    <div class=\"first-run-progress-label\">\n                        <strong>{{ firstRunProgress.phase }}</strong>\n                        @if (firstRunProgress.total > 0 && !firstRunProgress.phase.includes('.restore')) {\n                        <span class=\"first-run-progress-count\">\n                            \u2014 batch {{ firstRunProgress.current }} / {{ firstRunProgress.total }}\n                        </span>\n                        }\n                        @if (firstRunProgress.elapsedMs > 0) {\n                        <span class=\"first-run-progress-count\">\n                            \u00B7 {{ (firstRunProgress.elapsedMs / 1000) | number:'1.0-0' }}s\n                        </span>\n                        }\n                    </div>\n                    @if (firstRunProgress.phase.includes('.restore') && firstRunProgress.percent < 5) {\n                    <p-progressBar mode=\"indeterminate\" [style]=\"{'height': '1rem'}\"></p-progressBar>\n                    } @else {\n                    <p-progressBar [value]=\"firstRunProgress.percent\" [showValue]=\"true\" [style]=\"{'height': '1rem'}\"></p-progressBar>\n                    }\n                    @if (firstRunProgress.message) {\n                    <div class=\"first-run-progress-message\">{{ firstRunProgress.message }}</div>\n                    }\n                </div>\n                } @else {\n                <div class=\"first-run-progress-placeholder\"></div>\n                }\n\n                <div class=\"first-run-actions\">\n                    <p-button label=\"Conferma e genera metadataDB\" [loading]=\"firstRunInstalling\"\n                        [disabled]=\"firstRunInstalling || firstRunLoading\" (onClick)=\"submitFirstRunInstall()\"></p-button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n}\n", styles: [".first-run-overlay{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#081221d9,#16294acc)}.first-run-card-wide{width:min(1180px,100%)!important}.first-run-card{width:min(860px,100%);min-height:min(720px,100vh - 48px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;border-radius:14px;padding:22px;background:var(--p-surface-0);box-shadow:0 18px 48px #00000059;border:1px solid var(--p-content-border-color)}.first-run-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px;margin-right:-4px}.first-run-footer{flex:0 0 auto;margin-top:12px;padding-top:12px;border-top:1px solid var(--p-content-border-color);display:flex;flex-direction:column;gap:10px}.first-run-footer-row{display:flex;align-items:center;gap:16px}.first-run-title{font-size:1.25rem;font-weight:700}.first-run-subtitle{margin-top:6px;margin-bottom:18px;opacity:.8}.first-run-field{margin-bottom:14px}.first-run-field label{display:block;margin-bottom:6px;font-weight:600}.first-run-checkbox-row label{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:0;font-weight:500}.first-run-input{width:100%;height:40px;border-radius:8px;border:1px solid var(--p-content-border-color);padding:8px 12px;font-size:.95rem;background:var(--p-surface-0);color:var(--p-text-color)}.first-run-textarea{height:auto;min-height:56px;resize:vertical;font-family:var(--p-font-family);line-height:1.4}.first-run-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:0}@media(max-width:860px){.first-run-grid{grid-template-columns:1fr}}.first-run-col{display:flex;flex-direction:column;min-width:0}.first-run-section-title{margin-top:4px;margin-bottom:12px;padding-bottom:6px;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.8;border-bottom:1px solid var(--p-content-border-color)}.first-run-section-title-rag{margin-top:18px}.first-run-python-warning{margin-top:8px;padding:10px 12px;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#78350f;font-size:.85rem;line-height:1.4}.first-run-python-warning strong{color:#78350f}.first-run-python-warning code{background:#00000014;padding:1px 4px;border-radius:3px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem}.first-run-python-warning ol li+li{margin-top:4px}.first-run-python-warning-link{color:#92400e;text-decoration:underline;font-weight:600}.first-run-python-warning-link:hover{color:#78350f}.first-run-python-warning-link:visited{color:#92400e}.first-run-python-note{margin-top:8px;padding:10px 12px;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;color:#1e3a8a;font-size:.85rem;line-height:1.4}.first-run-python-note strong{color:#1e3a8a}.first-run-python-note code{background:#00000014;padding:1px 4px;border-radius:3px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem}.first-run-info-icon{margin-left:6px;font-size:.95rem;color:var(--p-primary-color, #3b82f6);cursor:help;vertical-align:middle;opacity:.85}.first-run-info-icon:hover{opacity:1}::ng-deep .p-tooltip.first-run-tooltip{max-width:440px}::ng-deep .p-tooltip.first-run-tooltip .p-tooltip-text{white-space:pre-line;font-size:.85rem;line-height:1.45}.first-run-input:focus{outline:2px solid rgba(59,130,246,.25);border-color:#3b82f6}.first-run-error{position:relative;margin:8px 0 14px;color:#7f1d1d;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:10px 36px 10px 12px}.first-run-error__body{max-height:200px;overflow-y:auto;word-break:break-word;white-space:pre-wrap;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem;line-height:1.4}.first-run-error__close{position:absolute;top:6px;right:8px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;border-radius:4px;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer;opacity:.75;transition:background-color .12s ease,opacity .12s ease}.first-run-error__close:hover,.first-run-error__close:focus-visible{opacity:1;background:#7f1d1d1f;outline:none}.first-run-error__close:active{background:#7f1d1d33}.first-run-actions{flex:0 0 auto;display:flex;justify-content:flex-end}.first-run-progress{flex:1 1 auto;min-width:0;padding:8px 12px;background:var(--p-surface-50);border:1px solid var(--p-content-border-color);border-radius:8px;display:flex;flex-direction:column;gap:4px}.first-run-progress-placeholder{flex:1 1 auto;min-width:0}.first-run-progress-label{font-size:.9rem}.first-run-progress-label strong{font-weight:600}.first-run-progress-label .first-run-progress-count{opacity:.7;margin-left:4px}.first-run-progress-message{font-size:.8rem;opacity:.75;font-family:ui-monospace,Cascadia Code,Consolas,monospace}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.Default, template: "@if (showFirstRunInstall) {\n<div class=\"first-run-overlay\">\n    <div class=\"first-run-card first-run-card-wide\">\n        <div class=\"first-run-title\">Configurazione iniziale progetto</div>\n        <div class=\"first-run-subtitle\">Seleziona DBMS, connessione dati e nome database metadati.</div>\n\n        <!-- BODY scrollabile: header (title/subtitle) e footer (progress + CTA)\n             restano sempre visibili, solo questo blocco scrolla quando il form\n             e' piu' alto della viewport. -->\n        <div class=\"first-run-body\">\n\n        <!-- Grid 2 colonne: sx = connessione + scaffold / dx = admin + RAG.\n             Su viewport stretti (< 720px) il grid collassa a 1 colonna. -->\n        <div class=\"first-run-grid\">\n\n            <!-- \u2500\u2500 COLONNA SINISTRA: Database + Setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"first-run-col\">\n\n                @if (firstRunSetupModeOptions.length > 1) {\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-mode\">Modalit\u00E0 setup</label>\n                    <p-select [options]=\"firstRunSetupModeOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.setupMode\" (ngModelChange)=\"onFirstRunSetupModeChanged($event)\"\n                        [disabled]=\"firstRunInstalling\" [style]=\"{ width: '100%' }\" inputId=\"first-run-mode\"></p-select>\n                </div>\n                }\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-dbms\">DBMS</label>\n                    <p-select [options]=\"firstRunDbmsOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.dbms\" (ngModelChange)=\"onFirstRunDbmsChanged($event)\"\n                        [disabled]=\"firstRunInstalling\" [style]=\"{ width: '100%' }\" inputId=\"first-run-dbms\"></p-select>\n                </div>\n\n                @if (firstRunForm.setupMode === 'tutorial') {\n                <div class=\"first-run-field first-run-checkbox-row\">\n                    <label>\n                        <input type=\"checkbox\" [ngModel]=\"firstRunForm.createTutorialIfMissing\"\n                            (ngModelChange)=\"firstRunForm.createTutorialIfMissing = !!$event\" [disabled]=\"firstRunInstalling\" />\n                        Crea tutorial se manca\n                    </label>\n                </div>\n                }\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-datasql\">DataSQLConnection</label>\n                    <input id=\"first-run-datasql\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.dataConnectionString\" (ngModelChange)=\"onFirstRunConnectionChanged($event)\"\n                        [disabled]=\"firstRunInstalling\"\n                        placeholder=\"es. data source=localhost\\sqlexpress;User ID=sa;Password=...;initial catalog=WideWorldImporters\" />\n                </div>\n\n                <div class=\"first-run-field\">\n                    <p-button label=\"Test connessione e carica DB\" severity=\"secondary\" [outlined]=\"true\"\n                        [loading]=\"firstRunConnectionTesting\"\n                        [disabled]=\"firstRunInstalling || firstRunLoading || !firstRunForm.dataConnectionString\"\n                        (onClick)=\"testFirstRunConnectionAndLoadDatabases()\"></p-button>\n                </div>\n\n                @if (firstRunForm.setupMode === 'tutorial') {\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-datadb\">Database dati tutorial</label>\n                    <input id=\"first-run-datadb\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.tutorialDataDbName\"\n                        (ngModelChange)=\"firstRunForm.tutorialDataDbName = $event; firstRunForm.dataDbName = $event\"\n                        [disabled]=\"firstRunInstalling || !firstRunConnectionValid\"\n                        placeholder=\"WideWorldImporters\" />\n                </div>\n                } @else {\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-datadb\">Database dati</label>\n                    <p-select [options]=\"firstRunDataDbOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.dataDbName\" (ngModelChange)=\"firstRunForm.dataDbName = $event\"\n                        [disabled]=\"firstRunInstalling || firstRunDbLoading || !firstRunConnectionValid\" [filter]=\"true\"\n                        [editable]=\"true\" [style]=\"{ width: '100%' }\" inputId=\"first-run-datadb\"\n                        placeholder=\"Seleziona o digita database\"></p-select>\n                    <div style=\"margin-top: 0.5rem;\">\n                        <p-button label=\"Aggiorna elenco DB\" severity=\"secondary\" [outlined]=\"true\" size=\"small\"\n                            [loading]=\"firstRunDbLoading\" [disabled]=\"firstRunInstalling || !firstRunConnectionValid\"\n                            (onClick)=\"testFirstRunConnectionAndLoadDatabases()\"></p-button>\n                    </div>\n                </div>\n                }\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-metadb\">@if (firstRunForm.setupMode === 'tutorial') {Nome DB metadati tutorial} @else {Nome DB metadati}</label>\n                    <input id=\"first-run-metadb\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.setupMode === 'tutorial' ? firstRunForm.tutorialMetadataDbName : firstRunForm.metadataDbName\"\n                        (ngModelChange)=\"firstRunForm.metadataDbName = $event; firstRunForm.tutorialMetadataDbName = $event\"\n                        [disabled]=\"firstRunInstalling\"\n                        placeholder=\"metadataDB\" />\n                </div>\n\n                @if (firstRunForm.setupMode !== 'tutorial') {\n                <div class=\"first-run-field first-run-checkbox-row\">\n                    <label>\n                        <input type=\"checkbox\" [ngModel]=\"firstRunForm.scaffoldExistingDatabase\"\n                            (ngModelChange)=\"firstRunForm.scaffoldExistingDatabase = !!$event\"\n                            [disabled]=\"firstRunInstalling\" />\n                        Esegui scaffold automatico delle tabelle del DB selezionato\n                    </label>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Popola <code>_metadati__tabelle</code> / <code>_metadati__colonne</code> al termine dell'installazione.\n                        Operazione potenzialmente lunga su DB con molte tabelle.\n                    </small>\n                </div>\n                }\n            </div>\n\n            <!-- \u2500\u2500 COLONNA DESTRA: Admin + RAG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"first-run-col\">\n\n                <div class=\"first-run-section-title\">Utente admin iniziale</div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-admin-username\">Username admin iniziale</label>\n                    <input id=\"first-run-admin-username\" class=\"first-run-input\" type=\"text\"\n                        [ngModel]=\"firstRunForm.adminUsername\"\n                        (ngModelChange)=\"firstRunForm.adminUsername = $event\"\n                        [disabled]=\"firstRunInstalling\" autocomplete=\"off\"\n                        placeholder=\"admin\" />\n                </div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-admin-password\">Password admin iniziale</label>\n                    <input id=\"first-run-admin-password\" class=\"first-run-input\" type=\"password\"\n                        [ngModel]=\"firstRunForm.adminPassword\"\n                        (ngModelChange)=\"firstRunForm.adminPassword = $event\"\n                        [disabled]=\"firstRunInstalling\" autocomplete=\"new-password\"\n                        placeholder=\"(min 4 caratteri)\" />\n                </div>\n\n                <div class=\"first-run-field\">\n                    <label for=\"first-run-admin-language\">Lingua admin iniziale</label>\n                    <p-select [options]=\"firstRunAdminLanguageOptions\" optionLabel=\"label\" optionValue=\"value\"\n                        [ngModel]=\"firstRunForm.adminLanguage\"\n                        (ngModelChange)=\"firstRunForm.adminLanguage = $event\"\n                        [disabled]=\"firstRunInstalling\"\n                        [style]=\"{ width: '100%' }\" inputId=\"first-run-admin-language\"></p-select>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Lingua applicata all'utente admin dopo il primo login. Puoi cambiarla in seguito dal profilo utente.\n                    </small>\n                </div>\n\n                <div class=\"first-run-section-title first-run-section-title-rag\">RAG Chatbot (opzionale)</div>\n\n                <div class=\"first-run-field\">\n                    <small style=\"display:block; margin-bottom:8px; opacity:0.8; font-size:0.85rem; line-height:1.4;\">\n                        Il RAG Chatbot \u00E8 gi\u00E0 incluso e funziona <strong>out-of-the-box</strong>: l'engine \u00E8 nativo\n                        <strong>.NET/ONNX</strong> (nessun Python, nessun server separato da installare). Al primo\n                        uso della chat scarica automaticamente i modelli (~2.3 GB) da <code>wuic-framework.com</code>.\n                        Con una GPU NVIDIA (CUDA 12.x + cuDNN 9.x) le risposte sono in ~1s; senza, fallback automatico\n                        su CPU. <strong>Nessun setup da fare qui.</strong>\n                    </small>\n                    <label for=\"first-run-anthropic-key\">\n                        Anthropic API Key (opzionale)\n                        <i class=\"pi pi-info-circle first-run-info-icon\"\n                           [pTooltip]=\"'firstrun.rag.apiKeyTooltip' | translate\"\n                           tooltipPosition=\"right\"\n                           [tooltipStyleClass]=\"'first-run-tooltip'\"\n                           [escape]=\"false\"></i>\n                    </label>\n                    <textarea id=\"first-run-anthropic-key\" class=\"first-run-input first-run-textarea\"\n                        [ngModel]=\"firstRunForm.anthropicApiKey\"\n                        (ngModelChange)=\"firstRunForm.anthropicApiKey = $event\"\n                        [disabled]=\"firstRunInstalling\"\n                        rows=\"2\" autocomplete=\"off\"\n                        placeholder=\"sk-ant-...\"></textarea>\n                    <small style=\"display:block; margin-top:4px; opacity:0.75; font-size:0.8rem; line-height:1.35;\">\n                        Senza chiave il chatbot funziona solo in modalit\u00E0 retrieval (ricerca snippet).\n                        Con chiave abilita la chat con LLM (Claude) e le azioni proposte sul designer.\n                        Viene salvata in <code>appsettings.json</code>; puoi cambiarla anche dopo.\n                    </small>\n                </div>\n            </div>\n\n            <!-- Crash reporting opt-in (skill crash-reporting Commit 8). Default OFF.\n                 Il consenso GDPR usa labels HARDCODED in `crashReportingLabels`\n                 dentro il componente (NON `wuic_translation`) perche' il\n                 first-run gira PRIMA che il DB metadati esista \u2014 niente DB,\n                 niente translation table. Vedi commento esteso nel componente.\n                 Al check del consenso si apre il popup col disclaimer\n                 dettagliato; l'utente conferma li' per attivare il flag. -->\n            <div class=\"first-run-section-title first-run-section-title-crash-reporting\">{{ crashReportingLabels.title }}</div>\n            <div class=\"first-run-field first-run-checkbox-row\">\n                <label>\n                    <input type=\"checkbox\" [ngModel]=\"firstRunForm.enableCrashReporting\"\n                           (ngModelChange)=\"onCrashReportingToggle($event)\"\n                           [disabled]=\"firstRunInstalling\" />\n                    {{ crashReportingLabels.checkbox_accept }}\n                </label>\n                <small style=\"display:block; margin-top:4px; opacity:0.85; font-size:0.85rem; line-height:1.45;\">\n                    {{ crashReportingLabels.intro_short }}\n                    <a href=\"javascript:void(0)\" (click)=\"openCrashReportingDisclaimer()\"\n                       style=\"margin-left:6px;\">{{ crashReportingLabels.read_full }}</a>\n                </small>\n            </div>\n        </div>\n\n        <!-- Disclaimer GDPR popup (apre al check + da link \"leggi tutto\"). -->\n        <p-dialog [(visible)]=\"crashReportingDisclaimerVisible\"\n                  [modal]=\"true\"\n                  [closable]=\"true\"\n                  [closeOnEscape]=\"true\"\n                  [header]=\"crashReportingLabels.title\"\n                  [style]=\"{ width: '600px', maxWidth: '90vw' }\"\n                  [contentStyle]=\"{ 'max-height': '70vh', 'overflow-y': 'auto' }\"\n                  [appendTo]=\"'body'\">\n            <div style=\"line-height:1.55;\">\n                <p>{{ crashReportingLabels.intro }}</p>\n                <p><strong>{{ crashReportingLabels.what_we_send }}</strong></p>\n                <ul style=\"margin:0 0 8px 18px; padding:0;\">\n                    <li>{{ crashReportingLabels.what_we_dont_send }}</li>\n                    <li>{{ crashReportingLabels.where_it_goes }}</li>\n                    <li>{{ crashReportingLabels.retention }}</li>\n                    <li>{{ crashReportingLabels.legal_basis }}</li>\n                    <li>{{ crashReportingLabels.how_to_disable }}</li>\n                </ul>\n            </div>\n            <ng-template pTemplate=\"footer\">\n                <p-button [label]=\"crashReportingLabels.btn_decline\"\n                          severity=\"secondary\"\n                          (onClick)=\"declineCrashReporting()\"></p-button>\n                <p-button [label]=\"crashReportingLabels.btn_accept\"\n                          (onClick)=\"acceptCrashReporting()\"></p-button>\n            </ng-template>\n        </p-dialog>\n\n        </div><!-- /.first-run-body -->\n\n        <!-- FOOTER sticky: error (se presente) + riga progress|CTA sempre visibile. -->\n        <div class=\"first-run-footer\">\n            @if (firstRunError && !firstRunErrorDismissed) {\n            <div class=\"first-run-error\" role=\"alert\">\n                <button type=\"button\"\n                        class=\"first-run-error__close\"\n                        (click)=\"dismissFirstRunError()\"\n                        aria-label=\"Chiudi errore\"\n                        title=\"Chiudi\">\u00D7</button>\n                <div class=\"first-run-error__body\">{{ firstRunError }}</div>\n            </div>\n            }\n\n            <div class=\"first-run-footer-row\">\n                @if (firstRunInstalling && firstRunProgress.active) {\n                <div class=\"first-run-progress\">\n                    <div class=\"first-run-progress-label\">\n                        <strong>{{ firstRunProgress.phase }}</strong>\n                        @if (firstRunProgress.total > 0 && !firstRunProgress.phase.includes('.restore')) {\n                        <span class=\"first-run-progress-count\">\n                            \u2014 batch {{ firstRunProgress.current }} / {{ firstRunProgress.total }}\n                        </span>\n                        }\n                        @if (firstRunProgress.elapsedMs > 0) {\n                        <span class=\"first-run-progress-count\">\n                            \u00B7 {{ (firstRunProgress.elapsedMs / 1000) | number:'1.0-0' }}s\n                        </span>\n                        }\n                    </div>\n                    @if (firstRunProgress.phase.includes('.restore') && firstRunProgress.percent < 5) {\n                    <p-progressBar mode=\"indeterminate\" [style]=\"{'height': '1rem'}\"></p-progressBar>\n                    } @else {\n                    <p-progressBar [value]=\"firstRunProgress.percent\" [showValue]=\"true\" [style]=\"{'height': '1rem'}\"></p-progressBar>\n                    }\n                    @if (firstRunProgress.message) {\n                    <div class=\"first-run-progress-message\">{{ firstRunProgress.message }}</div>\n                    }\n                </div>\n                } @else {\n                <div class=\"first-run-progress-placeholder\"></div>\n                }\n\n                <div class=\"first-run-actions\">\n                    <p-button label=\"Conferma e genera metadataDB\" [loading]=\"firstRunInstalling\"\n                        [disabled]=\"firstRunInstalling || firstRunLoading\" (onClick)=\"submitFirstRunInstall()\"></p-button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n}\n", styles: [".first-run-overlay{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#081221d9,#16294acc)}.first-run-card-wide{width:min(1180px,100%)!important}.first-run-card{width:min(860px,100%);min-height:min(720px,100vh - 48px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;border-radius:14px;padding:22px;background:var(--p-surface-0);box-shadow:0 18px 48px #00000059;border:1px solid var(--p-content-border-color)}.first-run-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px;margin-right:-4px}.first-run-footer{flex:0 0 auto;margin-top:12px;padding-top:12px;border-top:1px solid var(--p-content-border-color);display:flex;flex-direction:column;gap:10px}.first-run-footer-row{display:flex;align-items:center;gap:16px}.first-run-title{font-size:1.25rem;font-weight:700}.first-run-subtitle{margin-top:6px;margin-bottom:18px;opacity:.8}.first-run-field{margin-bottom:14px}.first-run-field label{display:block;margin-bottom:6px;font-weight:600}.first-run-checkbox-row label{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:0;font-weight:500}.first-run-input{width:100%;height:40px;border-radius:8px;border:1px solid var(--p-content-border-color);padding:8px 12px;font-size:.95rem;background:var(--p-surface-0);color:var(--p-text-color)}.first-run-textarea{height:auto;min-height:56px;resize:vertical;font-family:var(--p-font-family);line-height:1.4}.first-run-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:0}@media(max-width:860px){.first-run-grid{grid-template-columns:1fr}}.first-run-col{display:flex;flex-direction:column;min-width:0}.first-run-section-title{margin-top:4px;margin-bottom:12px;padding-bottom:6px;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.8;border-bottom:1px solid var(--p-content-border-color)}.first-run-section-title-rag{margin-top:18px}.first-run-python-warning{margin-top:8px;padding:10px 12px;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#78350f;font-size:.85rem;line-height:1.4}.first-run-python-warning strong{color:#78350f}.first-run-python-warning code{background:#00000014;padding:1px 4px;border-radius:3px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem}.first-run-python-warning ol li+li{margin-top:4px}.first-run-python-warning-link{color:#92400e;text-decoration:underline;font-weight:600}.first-run-python-warning-link:hover{color:#78350f}.first-run-python-warning-link:visited{color:#92400e}.first-run-python-note{margin-top:8px;padding:10px 12px;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;color:#1e3a8a;font-size:.85rem;line-height:1.4}.first-run-python-note strong{color:#1e3a8a}.first-run-python-note code{background:#00000014;padding:1px 4px;border-radius:3px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem}.first-run-info-icon{margin-left:6px;font-size:.95rem;color:var(--p-primary-color, #3b82f6);cursor:help;vertical-align:middle;opacity:.85}.first-run-info-icon:hover{opacity:1}::ng-deep .p-tooltip.first-run-tooltip{max-width:440px}::ng-deep .p-tooltip.first-run-tooltip .p-tooltip-text{white-space:pre-line;font-size:.85rem;line-height:1.45}.first-run-input:focus{outline:2px solid rgba(59,130,246,.25);border-color:#3b82f6}.first-run-error{position:relative;margin:8px 0 14px;color:#7f1d1d;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:10px 36px 10px 12px}.first-run-error__body{max-height:200px;overflow-y:auto;word-break:break-word;white-space:pre-wrap;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem;line-height:1.4}.first-run-error__close{position:absolute;top:6px;right:8px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;border-radius:4px;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer;opacity:.75;transition:background-color .12s ease,opacity .12s ease}.first-run-error__close:hover,.first-run-error__close:focus-visible{opacity:1;background:#7f1d1d1f;outline:none}.first-run-error__close:active{background:#7f1d1d33}.first-run-actions{flex:0 0 auto;display:flex;justify-content:flex-end}.first-run-progress{flex:1 1 auto;min-width:0;padding:8px 12px;background:var(--p-surface-50);border:1px solid var(--p-content-border-color);border-radius:8px;display:flex;flex-direction:column;gap:4px}.first-run-progress-placeholder{flex:1 1 auto;min-width:0}.first-run-progress-label{font-size:.9rem}.first-run-progress-label strong{font-weight:600}.first-run-progress-label .first-run-progress-count{opacity:.7;margin-left:4px}.first-run-progress-message{font-size:.8rem;opacity:.75;font-family:ui-monospace,Cascadia Code,Consolas,monospace}\n"] }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i8.TranslateService }, { type: i3.MessageService }, { type: i0.Injector }], propDecorators: { complete: [{
                 type: Output
             }] } });
 
 export { WuicFirstRunWizardComponent };
-//# sourceMappingURL=wuic-framework-lib-first-run-wizard.component-CaGePYLi.mjs.map
+//# sourceMappingURL=wuic-framework-lib-first-run-wizard.component-BLrUrfZ9.mjs.map