wuic-framework-lib 1.3.0 → 1.5.0

package/fesm2022/{wuic-framework-lib-first-run-wizard.component-lW7-xMm3.mjs → wuic-framework-lib-first-run-wizard.component-BuSxs_CM.mjs}

@@ -4,8 +4,11 @@ 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-3TZ-j-yL.mjs';
 import { firstValueFrom } from 'rxjs';
-import * as i8 from '@ngx-translate/core';
+import * as i2 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i4 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
@@ -15,10 +18,8 @@ import * as i11 from 'primeng/progressbar';
 import { ProgressBarModule } from 'primeng/progressbar';
 import * as i6$1 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
-import * as i2 from 'primeng/dialog';
+import * as i2$1 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
-import { G as GlobalHandler, W as WtoolboxService } from './wuic-framework-lib-wuic-framework-lib-Deudd4MY.mjs';
-import * as i1 from '@angular/common/http';
 import * as i3 from 'primeng/api';
 
 /**
@@ -412,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);
@@ -440,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 => {
@@ -466,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);
@@ -492,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();
@@ -622,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);
@@ -741,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
@@ -753,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`;
@@ -762,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;
@@ -796,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,
@@ -847,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 {
@@ -1076,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;
@@ -1102,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)
@@ -1253,8 +1293,8 @@ class WuicFirstRunWizardComponent {
             void this.translate.use(resolvedLang);
         }
     }
-    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\">\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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WuicFirstRunWizardComponent, deps: [{ token: i1.HttpClient }, { token: i2.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\">\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$1.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: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WuicFirstRunWizardComponent, decorators: [{
             type: Component,
@@ -1268,9 +1308,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         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\">\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: [{
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.TranslateService }, { type: i3.MessageService }, { type: i0.Injector }], propDecorators: { complete: [{
                 type: Output
             }] } });
 
 export { WuicFirstRunWizardComponent };
-//# sourceMappingURL=wuic-framework-lib-first-run-wizard.component-lW7-xMm3.mjs.map
+//# sourceMappingURL=wuic-framework-lib-first-run-wizard.component-BuSxs_CM.mjs.map