@esfaenza/admin-module 20.3.20 → 20.3.22

package/fesm2022/esfaenza-admin-module.mjs

@@ -1,9 +1,9 @@
 import * as i5 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { formatNumber, CommonModule } from '@angular/common';
 import * as i7 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, Component, ViewChild, EventEmitter, Output, Input, Pipe, inject, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, Inject, Component, ViewChild, EventEmitter, Output, Input, Optional, Pipe, inject, NgModule } from '@angular/core';
 import * as i4 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i8$1 from 'ngx-bootstrap/modal';
@@ -25,11 +25,12 @@ import { ContextMenuModule } from '@esfaenza/ngx-contextmenu';
 import * as i3 from '@esfaenza/preferences';
 import { HttpParams } from '@angular/common/http';
 import { HTTPService } from '@esfaenza/httpservice';
-import { firstValueFrom, catchError, of, ReplaySubject } from 'rxjs';
+import { firstValueFrom, catchError, throwError, of, ReplaySubject } from 'rxjs';
 import * as i10 from '@esfaenza/core/directives';
 import { DirectivesModule } from '@esfaenza/core/directives';
 import { GenericItem, KeyValue as KeyValue$1 } from '@esfaenza/core/domain';
 import { __decorate } from 'tslib';
+import * as i5$1 from '@angular/platform-browser';
 import * as am5 from '@amcharts/amcharts5';
 import { ComponentsModule } from '@esfaenza/core/components';
 
@@ -44,6 +45,9 @@ class AuditsView extends AppSearch {
 const ADM_MODULE_PATH = new InjectionToken('ADM_MODULE_PATH');
 const ADM_CONVERSATIONS = new InjectionToken('ADM_CONVERSATIONS');
 const ADM_TOPACT_V2 = new InjectionToken('ADM_TOPACT_V2');
+const ADM_PROFILER_V2 = new InjectionToken('ADM_PROFILER_V2');
+const ADM_WORKLOAD_V2 = new InjectionToken('ADM_WORKLOAD_V2');
+const ADM_METRICS_V2 = new InjectionToken('ADM_METRICS_V2');
 
 class AdmAuditLoc extends LocalizationService {
     constructor(injector) {
@@ -81,6 +85,10 @@ const GET_Director_GetInfos = "/api/Director/GetInfos";
 const GET_Director_GetMetrics = "/api/Director/GetMetrics";
 const POST_Director_GetMetrics = "/api/Director/GetMetrics";
 const POST_Director_GetProfilerDataNodes = "/api/Director/GetProfilerDataNodes";
+const POST_Director_GetProfilerNode = "/api/Director/GetProfilerNode";
+const POST_Director_GetProfilerFlat = "/api/Director/GetProfilerFlat";
+const GET_Director_GetInstanceId = "/api/Director/GetInstanceId";
+const GET_Director_GetSnapshots = "/api/Director/GetSnapshots";
 const GET_Director_GetWorkloadReport = "/api/Director/GetWorkloadReport";
 const POST_Director_GetServerAudits = "/api/Director/GetServerAudits";
 const POST_Director_GetDynamicViewData = "/api/Director/GetDynamicViewData";
@@ -157,9 +165,51 @@ class AdminModuleBaseService {
     // Stesso URL di getTopActivities: con DirectorFeature.TopActivityV2 attivo il backend-for-frontend risponde con il contratto v2
     async getTopActivitiesV2(be, req) {
         var pars = new HttpParams().set("be", be ?? "");
-        let ret = await firstValueFrom(this.http.post(POST_Director_GetTopActivities, req, pars));
+        let ret = await this.v2Call(this.http.post(POST_Director_GetTopActivities, req, pars, "", false));
         return ret;
     }
+    // Stesso URL di getProfilerDataNodes: con DirectorFeature.ProfilerV2 attivo il backend-for-frontend risponde con l'albero del profiler v2
+    async getProfilerTreeV2(be, req) {
+        var pars = new HttpParams().set("be", be ?? "");
+        let ret = await this.v2Call(this.http.post(POST_Director_GetProfilerDataNodes, req, pars, "", false));
+        return ret;
+    }
+    // null se il nodo non c'è nelle istanze o nella finestra scelte
+    async getProfilerNodeV2(be, req) {
+        var pars = new HttpParams().set("be", be ?? "");
+        let ret = await this.v2Call(this.http.post(POST_Director_GetProfilerNode, req, pars, "", false));
+        return ret;
+    }
+    async getProfilerFlatV2(be, req) {
+        var pars = new HttpParams().set("be", be ?? "");
+        let ret = await this.v2Call(this.http.post(POST_Director_GetProfilerFlat, req, pars, "", false));
+        return ret;
+    }
+    // Le chiamate delle pagine v2 non usano la gestione errori di HTTPService, che in caso di errore restituisce un Observable che non termina mai:
+    // l'await resterebbe appeso e la pagina bloccata in caricamento. L'errore arriva al chiamante (vedi errorText), tranne la sessione scaduta:
+    // per quella ripeto una chiamata qualsiasi con la gestione standard, così il redirect al login lo fa HTTPService come sulle altre pagine
+    v2(call) {
+        return call.pipe(catchError(err => {
+            if (err?.status == 401)
+                this.http.get(GET_Director_GetInstances, new HttpParams()).subscribe();
+            return throwError(() => err);
+        }));
+    }
+    v2Call(call) {
+        return firstValueFrom(this.v2(call));
+    }
+    // Istanza che risponde alla chiamata, facoltativa: se il backend non la dà la pagina va avanti senza
+    async getInstanceId(be) {
+        var pars = new HttpParams().set("be", be ?? "");
+        let ret = await firstValueFrom(this.http.get(GET_Director_GetInstanceId, pars, null, false).pipe(catchError(_ => of(null))));
+        return ret;
+    }
+    // Testo di un errore delle chiamate v2: il backend-for-frontend manda il messaggio come stringa JSON (542 per i 400 del backend).
+    // Solo la prima riga, perché i 500 portano lo stack
+    errorText(err) {
+        let message = typeof err?.error === "string" ? err.error : err?.error?.message ?? err?.message ?? "";
+        return String(message).split(/\r?\n/)[0];
+    }
     async getInfos(be) {
         var pars = new HttpParams().set("be", be ?? "");
         let ret = await firstValueFrom(this.http.get(GET_Director_GetInfos, pars, null, false).pipe(catchError(_ => of(null))));
@@ -184,6 +234,45 @@ class AdminModuleBaseService {
         let pars = new HttpParams().set("from", from ?? "").set("to", to ?? "").set("be", be ?? "").set("global", global);
         this.http.getFileNative(GET_Director_GetWorkloadReport, pars);
     }
+    // Stesso URL di downloadWorkloadReport: con DirectorFeature.WorkloadReportV2 attivo il backend-for-frontend non manda più un file
+    // ma l'HTML del report come stringa JSON. Restituisce l'Observable perché la generazione dura qualche secondo e si può annullare
+    getWorkloadReportV2(be, req) {
+        let pars = new HttpParams().set("be", be ?? "");
+        if (req.snapFrom != null)
+            pars = pars.set("snapFrom", req.snapFrom).set("snapTo", req.snapTo);
+        if (req.global != null)
+            pars = pars.set("global", req.global);
+        for (let id of req.instanceIds ?? [])
+            pars = pars.append("instanceIds", id);
+        return this.v2(this.http.get(GET_Director_GetWorkloadReport, pars, null, false));
+    }
+    // Stesso URL di getMetricsList: con DirectorFeature.MetricsV2 attivo il backend-for-frontend risponde con il catalogo (nome, tipo, unità, istanze)
+    async getMetricsCatalogV2(be, req) {
+        let pars = new HttpParams().set("be", be ?? "");
+        if (req.global != null)
+            pars = pars.set("global", req.global);
+        for (let id of req.instanceIds ?? [])
+            pars = pars.append("instanceIds", id);
+        let ret = await this.v2Call(this.http.get(GET_Director_GetMetrics, pars, null, false));
+        return ret;
+    }
+    // Stesso URL di getMetrics: con DirectorFeature.MetricsV2 attivo il backend-for-frontend risponde con i campioni del backend così come sono
+    async getMetricsV2(be, req) {
+        var pars = new HttpParams().set("be", be ?? "");
+        let ret = await this.v2Call(this.http.post(POST_Director_GetMetrics, req, pars, "", false));
+        return ret;
+    }
+    async getWorkloadSnapshots(be, req) {
+        let pars = new HttpParams().set("be", be ?? "");
+        if (req.from)
+            pars = pars.set("from", req.from);
+        if (req.to)
+            pars = pars.set("to", req.to);
+        for (let id of req.instanceIds ?? [])
+            pars = pars.append("instanceIds", id);
+        let ret = await this.v2Call(this.http.get(GET_Director_GetSnapshots, pars, null, false));
+        return ret;
+    }
     async getMetrics(be, sv) {
         var pars = new HttpParams().set("be", be ?? "");
         let ret = await firstValueFrom(this.http.post(POST_Director_GetMetrics, sv, pars));
@@ -753,14 +842,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
 
 // Angular
 class AdmProfilerComponent {
-    constructor(lc, localStorage, location, intercom, route, adms, mod) {
+    constructor(lc, localStorage, location, intercom, route, adms, router, mod, workloadV2) {
         this.lc = lc;
         this.localStorage = localStorage;
         this.location = location;
         this.intercom = intercom;
         this.route = route;
         this.adms = adms;
+        this.router = router;
         this.mod = mod;
+        this.workloadV2 = workloadV2;
         this.searchView = new ProfilerDataNodesView();
         this.be = route.snapshot.params["be"] || "";
         this.intercom.send(InboundMessageTypes.Navigation, { sub: false, routeTitle: this.lc.loc(this.route.snapshot.data["title"]) });
@@ -805,7 +896,12 @@ class AdmProfilerComponent {
             this.searchView.page = 1;
         this.POSTGetItems(this.searchView);
     }
+    // Con DirectorFeature.WorkloadReportV2 lo stesso URL non dà più un file: il report ha la sua pagina
     downloadWorkloadReport() {
+        if (this.workloadV2) {
+            this.router.navigate([`/pages/${this.mod}/workload`, ...(this.be ? [this.be] : [])]);
+            return;
+        }
         this.adms.downloadWorkloadReport(this.be, this.searchView.filterfrom, this.searchView.filterto, this.searchView.filterglobal);
     }
     async POSTGetItems(data) {
@@ -826,219 +922,3090 @@ class AdmProfilerComponent {
             this.NodeDetails = await this.adms.getNodeStats(this.be, nodeId);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmProfilerComponent, deps: [{ token: i1.LocalizationService }, { token: i3.PreferencesService }, { token: i5.Location }, { token: i1$1.InterComService }, { token: i4.ActivatedRoute }, { token: AdminModuleBaseService }, { token: ADM_MODULE_PATH }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: AdmProfilerComponent, isStandalone: false, selector: "adm_profiler", providers: [{ provide: LocalizationService, useClass: AdmProfilerComponentLoc }], ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12\">\n    <div class=\"card app-overflow-visible\" widget>\n      <div class=\"card-header\">\n        <span class=\"text-uppercase\">{{'Profiler del Server' | localize: lc}}</span>&nbsp;\n      </div>\n      <div class=\"card-body widget-body\">\n        <div class=\"col-md-12 bottom-15\">\n          <form role=\"form\">\n            <div class=\"row app-first-filter-line\">\n              <div class=\"col-xl-2 col-lg-2 col-md-12 app-filter-wrapper\">\n                <form-date [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"searchView.filterfrom\" name=\"filterfrom\" [Placeholder]=\"'Da' | localize: lc\"></form-date>\n              </div>\n              <div class=\"col-xl-2 col-lg-2 col-md-12 app-filter-wrapper\">\n                <form-date [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"searchView.filterto\" name=\"filterto\" [Placeholder]=\"'A' | localize: lc\"></form-date>\n              </div>\n              <div class=\"col-xl-2 col-lg-2 col-md-12 app-filter-wrapper\" style=\"display: flex; height: 38px;\">\n                <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"searchView.filterglobal\" name=\"filterglobal\"></form-checkbox>&nbsp;\n                <span class=\"app-pointer app-padding-top-5 app-padding-left-5\" (click)=\"searchView.filterglobal = !searchView.filterglobal\">{{'Globale' | localize: lc}}</span>\n              </div>\n\n              <button [disabled]=\"searchView.searchinprogress\" class=\"input-group-addon btn app-btn-search app-margin-top-20 app-margin-right-5\" (click)=\"sendSearch()\" type=\"submit\"><i class=\"fa fa-search\"></i></button>\n              <button class=\"input-group-addon btn app-btn-search app-margin-top-20\" (click)=\"downloadWorkloadReport()\" type=\"submit\"><i class=\"fa fa-download\"></i></button>\n            </div>\n          </form>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-md-12\">\n            @if (!searchView) {\n              <p><em>{{'Carico i Dati' | localize: lc}}</em></p>\n            }\n            @if (searchView) {\n              <div>\n                <es-table [(ngModel)]=\"searchView\" [Hierarchy]=\"true\" [OrderByColumn]=\"false\" [ParentKey]=\"'parentid'\"\n                  [OwnKey]=\"'id'\" [StartsExpanded]=\"false\" [ExportFunction]=\"prepareExport.bind(this)\" [Export]=\"true\"\n                  [ExportFileName]=\"'Profiler Export.csv'\" [HidePaging]=\"true\" (onSearchRequest)=\"sendSearch($event);\">\n                  <span *th=\"'1'\">{{'ID' | localize : lc}}</span>\n                  <span *th=\"'2'\">{{'Descrizione' | localize: lc}}</span>\n                  <span *th=\"'3'\">{{'Chiamate' | localize: lc}}</span>\n                  <span *th=\"'4'\">{{'Tempo' | localize: lc}}</span>\n                  <span *th=\"'5'\">{{'Tempo Max' | localize: lc}}</span>\n                  <span *th=\"'6'\">{{'Tempo Min' | localize: lc}}</span>\n                  <span *th=\"'7'\">{{'Tempo Medio' | localize: lc}}</span>\n                  <span *th=\"'8'\">{{'Tempo Specifico' | localize: lc}}</span>\n                  <span *th=\"'9'\">{{'Percentuale' | localize: lc}}</span>\n                  <span *th=\"'10'\">{{'Chiamate Periodo' | localize: lc}}</span>\n                  <span *th=\"'11'\">{{'Tempo Periodo' | localize: lc}}</span>\n                  <span *th=\"'12'\">{{'Tempo Max Periodo' | localize: lc}}</span>\n                  <span *th=\"'13'\">{{'Tempo Min Periodo' | localize: lc}}</span>\n                  <span *th=\"'14'\">{{'Tempo Medio Periodo' | localize: lc}}</span>\n                  <span *th=\"'15'\">{{'Tempo Specifico Periodo' | localize: lc}}</span>\n                  <span *th=\"'16'\">{{'Percentuale Periodo' | localize: lc}}</span>\n                  <span *th=\"'17'\">{{'Nome Tipologia Evento' | localize: lc}}</span>\n                  <span *th=\"'18'\">{{'Nome Classe Attesa' | localize: lc}}</span>\n                  <span *th=\"'19'\">{{'Numero Istanze' | localize: lc}}</span>\n                  <span *td=\"'1'; let item\"><span class=\"app-link app-inline\" (click)=\"loadNodeDetails(item.id); dlgNodeDetails.show();\">{{item.id}}</span></span>\n                  <span *td=\"'2'; let item\" title=\"{{item.description}}\">{{item.description.length <= 50 ? item.description : item.description.substr(0,50) + \"[...]\" }}</span>\n                  <span *td=\"'3'; let item\">{{item.calls}}</span>\n                  <span *td=\"'4'; let item\">{{item.time}}</span>\n                  <span *td=\"'5'; let item\">{{item.peaktime}}</span>\n                  <span *td=\"'6'; let item\">{{item.mintime}}</span>\n                  <span *td=\"'7'; let item\">{{item.avgtime}}</span>\n                  <span *td=\"'8'; let item\">{{item.timewithoutchildren }}</span>\n                  <span *td=\"'9'; let item\">{{item.percentage}}</span>\n                  <span *td=\"'10' let item\">{{item.snapdeltacalls}}</span>\n                  <span *td=\"'11' let item\">{{item.snapdeltatime}}</span>\n                  <span *td=\"'12' let item\">{{item.snappeaktime}}</span>\n                  <span *td=\"'13' let item\">{{item.snapmintime}}</span>\n                  <span *td=\"'14' let item\">{{item.snapavgtime}}</span>\n                  <span *td=\"'15' let item\">{{item.snaptimewithoutchildren}}</span>\n                  <span *td=\"'16' let item\">{{item.snappercentage}}</span>\n                  <span *td=\"'17' let item\">{{item.eventtypename}}</span>\n                  <span *td=\"'18' let item\">{{item.waitclassname}}</span>\n                  <span *td=\"'19' let item\">{{item.numinstances}}</span>\n                </es-table>\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div bsModal #dlgNodeDetails=\"bs-modal\" class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\n  @if (NodeDetails) {\n    <node-detail [NodeDetails]=\"NodeDetails\" (onClose)=\"dlgNodeDetails.hide()\"></node-detail>\n  }\n</div>", dependencies: [{ kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8$1.ModalDirective, selector: "[bsModal]", inputs: ["config", "closeInterceptor"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { kind: "directive", type: i8.EsTdDirective, selector: "[td]", inputs: ["tdVisible", "td", "tdForProperty", "tdIf", "tdClass", "tdPropertyAccessor", "tdAlignment", "tdFormat", "tdIconClass", "tdConditionField", "tdConditionValue", "tdTitle", "tdContent"] }, { kind: "directive", type: i8.EsThDirective, selector: "[th]", inputs: ["th", "thPinned", "thPinnedRight", "thPinnable", "thPinnedWidth", "thVisible", "thFixed", "thParent", "thOrder", "thOrderable", "thWrap", "thResizable", "thClass", "thShrink", "thGroupClass", "thIf", "thEmpty", "thGroup", "thAggregation", "thProperty", "thType", "thSource", "thMulti", "thStaticContent", "thBackgroundColor", "thAlignment", "thFormat", "thEditorName", "thEditorOptions", "thRendererName", "thRoutePath", "thRouteParameterProperties"] }, { kind: "component", type: i8.EsTableComponent, selector: "es-table", inputs: ["globalCheck", "autoUpdate", "seconds", "researchInProgress", "globalColVisCheck", "EsThTdProvider", "CornerMenuOptions", "ColumnsResizable", "ColumnsPinnable", "AutoUpdate", "Height", "EmptySpaceBackgroundColor", "EsTableHandledSearch", "MaxHeight", "ContainerClass", "XLSXExport", "CSVExport", "AllSearch", "HighCellDensity", "Selection", "ShowLoadingOnBootstrap", "Removal", "RemovalCondition", "Export", "ShiftClick", "CountLabel", "HidePaging", "HidePagingCount", "HidePagingButtons", "ContextMenu", "ExportFileName", "TableClass", "ExportFunction", "ExportOnlyVisibleColumns", "HasHeaderGroup", "HasSecondaryHeaderGroup", "HeaderHidden", "BodyHidden", "SelectionDisabled", "SingleSelection", "RowClassAssigner", "OrderByColumn", "MultipleOrderingDirectives", "HiddenColumns", "ColumnsOrdering", "SearchView", "SelectAll", "UseArrayModePaging", "DynamicRowColumnsDefinition", "DynamicOperations", "Hierarchy", "ParentKey", "OwnKey", "AutoSortHierarchy", "StartsExpanded", "SavePreferences", "DefaultAlignment", "PagingStyle", "RowGroupingPagingStyle", "ItemSourceProperty", "UseSelectionCache", "ShowItemGroupsColumns", "Editable", "RangeSelection", "SearchThrottle", "ArraymodeItemsPerPage"], outputs: ["globalCheckChange", "autoUpdateChange", "secondsChange", "researchInProgressChange", "globalColVisCheckChange", "onOrderChanged", "onSearchRequest", "onSelectionChanged", "onRemoval", "onAbortRemoval", "onModelChange", "onOpenContextMenu", "onCornerAction", "onDynamicOperation"] }, { kind: "component", type: i9.EsFormDateComponent, selector: "form-date", inputs: ["InOutFormat", "FloatingLabel", "DateFormat"] }, { kind: "component", type: i9.EsFormCheckboxComponent, selector: "form-checkbox", inputs: ["SliderMode"] }, { kind: "directive", type: i10.Widget, selector: "[widget]" }, { kind: "component", type: NodeDetailComponent, selector: "node-detail", inputs: ["NodeDetails"], outputs: ["onClose"] }, { kind: "pipe", type: i1.LocalizePipe, name: "localize" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmProfilerComponent, deps: [{ token: i1.LocalizationService }, { token: i3.PreferencesService }, { token: i5.Location }, { token: i1$1.InterComService }, { token: i4.ActivatedRoute }, { token: AdminModuleBaseService }, { token: i4.Router }, { token: ADM_MODULE_PATH }, { token: ADM_WORKLOAD_V2, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: AdmProfilerComponent, isStandalone: false, selector: "adm_profiler", providers: [{ provide: LocalizationService, useClass: AdmProfilerComponentLoc }], ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12\">\n    <div class=\"card app-overflow-visible\" widget>\n      <div class=\"card-header\">\n        <span class=\"text-uppercase\">{{'Profiler del Server' | localize: lc}}</span>&nbsp;\n      </div>\n      <div class=\"card-body widget-body\">\n        <div class=\"col-md-12 bottom-15\">\n          <form role=\"form\">\n            <div class=\"row app-first-filter-line\">\n              <div class=\"col-xl-2 col-lg-2 col-md-12 app-filter-wrapper\">\n                <form-date [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"searchView.filterfrom\" name=\"filterfrom\" [Placeholder]=\"'Da' | localize: lc\"></form-date>\n              </div>\n              <div class=\"col-xl-2 col-lg-2 col-md-12 app-filter-wrapper\">\n                <form-date [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"searchView.filterto\" name=\"filterto\" [Placeholder]=\"'A' | localize: lc\"></form-date>\n              </div>\n              <div class=\"col-xl-2 col-lg-2 col-md-12 app-filter-wrapper\" style=\"display: flex; height: 38px;\">\n                <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"searchView.filterglobal\" name=\"filterglobal\"></form-checkbox>&nbsp;\n                <span class=\"app-pointer app-padding-top-5 app-padding-left-5\" (click)=\"searchView.filterglobal = !searchView.filterglobal\">{{'Globale' | localize: lc}}</span>\n              </div>\n\n              <button [disabled]=\"searchView.searchinprogress\" class=\"input-group-addon btn app-btn-search app-margin-top-20 app-margin-right-5\" (click)=\"sendSearch()\" type=\"submit\"><i class=\"fa fa-search\"></i></button>\n              <button class=\"input-group-addon btn app-btn-search app-margin-top-20\" (click)=\"downloadWorkloadReport()\" type=\"submit\" [title]=\"workloadV2 ? 'Workload report' : ''\"><i class=\"fa\" [class.fa-download]=\"!workloadV2\" [class.fa-file-text]=\"workloadV2\"></i></button>\n            </div>\n          </form>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-md-12\">\n            @if (!searchView) {\n              <p><em>{{'Carico i Dati' | localize: lc}}</em></p>\n            }\n            @if (searchView) {\n              <div>\n                <es-table [(ngModel)]=\"searchView\" [Hierarchy]=\"true\" [OrderByColumn]=\"false\" [ParentKey]=\"'parentid'\"\n                  [OwnKey]=\"'id'\" [StartsExpanded]=\"false\" [ExportFunction]=\"prepareExport.bind(this)\" [Export]=\"true\"\n                  [ExportFileName]=\"'Profiler Export.csv'\" [HidePaging]=\"true\" (onSearchRequest)=\"sendSearch($event);\">\n                  <span *th=\"'1'\">{{'ID' | localize : lc}}</span>\n                  <span *th=\"'2'\">{{'Descrizione' | localize: lc}}</span>\n                  <span *th=\"'3'\">{{'Chiamate' | localize: lc}}</span>\n                  <span *th=\"'4'\">{{'Tempo' | localize: lc}}</span>\n                  <span *th=\"'5'\">{{'Tempo Max' | localize: lc}}</span>\n                  <span *th=\"'6'\">{{'Tempo Min' | localize: lc}}</span>\n                  <span *th=\"'7'\">{{'Tempo Medio' | localize: lc}}</span>\n                  <span *th=\"'8'\">{{'Tempo Specifico' | localize: lc}}</span>\n                  <span *th=\"'9'\">{{'Percentuale' | localize: lc}}</span>\n                  <span *th=\"'10'\">{{'Chiamate Periodo' | localize: lc}}</span>\n                  <span *th=\"'11'\">{{'Tempo Periodo' | localize: lc}}</span>\n                  <span *th=\"'12'\">{{'Tempo Max Periodo' | localize: lc}}</span>\n                  <span *th=\"'13'\">{{'Tempo Min Periodo' | localize: lc}}</span>\n                  <span *th=\"'14'\">{{'Tempo Medio Periodo' | localize: lc}}</span>\n                  <span *th=\"'15'\">{{'Tempo Specifico Periodo' | localize: lc}}</span>\n                  <span *th=\"'16'\">{{'Percentuale Periodo' | localize: lc}}</span>\n                  <span *th=\"'17'\">{{'Nome Tipologia Evento' | localize: lc}}</span>\n                  <span *th=\"'18'\">{{'Nome Classe Attesa' | localize: lc}}</span>\n                  <span *th=\"'19'\">{{'Numero Istanze' | localize: lc}}</span>\n                  <span *td=\"'1'; let item\"><span class=\"app-link app-inline\" (click)=\"loadNodeDetails(item.id); dlgNodeDetails.show();\">{{item.id}}</span></span>\n                  <span *td=\"'2'; let item\" title=\"{{item.description}}\">{{item.description.length <= 50 ? item.description : item.description.substr(0,50) + \"[...]\" }}</span>\n                  <span *td=\"'3'; let item\">{{item.calls}}</span>\n                  <span *td=\"'4'; let item\">{{item.time}}</span>\n                  <span *td=\"'5'; let item\">{{item.peaktime}}</span>\n                  <span *td=\"'6'; let item\">{{item.mintime}}</span>\n                  <span *td=\"'7'; let item\">{{item.avgtime}}</span>\n                  <span *td=\"'8'; let item\">{{item.timewithoutchildren }}</span>\n                  <span *td=\"'9'; let item\">{{item.percentage}}</span>\n                  <span *td=\"'10' let item\">{{item.snapdeltacalls}}</span>\n                  <span *td=\"'11' let item\">{{item.snapdeltatime}}</span>\n                  <span *td=\"'12' let item\">{{item.snappeaktime}}</span>\n                  <span *td=\"'13' let item\">{{item.snapmintime}}</span>\n                  <span *td=\"'14' let item\">{{item.snapavgtime}}</span>\n                  <span *td=\"'15' let item\">{{item.snaptimewithoutchildren}}</span>\n                  <span *td=\"'16' let item\">{{item.snappercentage}}</span>\n                  <span *td=\"'17' let item\">{{item.eventtypename}}</span>\n                  <span *td=\"'18' let item\">{{item.waitclassname}}</span>\n                  <span *td=\"'19' let item\">{{item.numinstances}}</span>\n                </es-table>\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div bsModal #dlgNodeDetails=\"bs-modal\" class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\n  @if (NodeDetails) {\n    <node-detail [NodeDetails]=\"NodeDetails\" (onClose)=\"dlgNodeDetails.hide()\"></node-detail>\n  }\n</div>", dependencies: [{ kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8$1.ModalDirective, selector: "[bsModal]", inputs: ["config", "closeInterceptor"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { kind: "directive", type: i8.EsTdDirective, selector: "[td]", inputs: ["tdVisible", "td", "tdForProperty", "tdIf", "tdClass", "tdPropertyAccessor", "tdAlignment", "tdFormat", "tdIconClass", "tdConditionField", "tdConditionValue", "tdTitle", "tdContent"] }, { kind: "directive", type: i8.EsThDirective, selector: "[th]", inputs: ["th", "thPinned", "thPinnedRight", "thPinnable", "thPinnedWidth", "thVisible", "thFixed", "thParent", "thOrder", "thOrderable", "thWrap", "thResizable", "thClass", "thShrink", "thGroupClass", "thIf", "thEmpty", "thGroup", "thAggregation", "thProperty", "thType", "thSource", "thMulti", "thStaticContent", "thBackgroundColor", "thAlignment", "thFormat", "thEditorName", "thEditorOptions", "thRendererName", "thRoutePath", "thRouteParameterProperties"] }, { kind: "component", type: i8.EsTableComponent, selector: "es-table", inputs: ["globalCheck", "autoUpdate", "seconds", "researchInProgress", "globalColVisCheck", "EsThTdProvider", "CornerMenuOptions", "ColumnsResizable", "ColumnsPinnable", "AutoUpdate", "Height", "EmptySpaceBackgroundColor", "EsTableHandledSearch", "MaxHeight", "ContainerClass", "XLSXExport", "CSVExport", "AllSearch", "HighCellDensity", "Selection", "ShowLoadingOnBootstrap", "Removal", "RemovalCondition", "Export", "ShiftClick", "CountLabel", "HidePaging", "HidePagingCount", "HidePagingButtons", "ContextMenu", "ExportFileName", "TableClass", "ExportFunction", "ExportOnlyVisibleColumns", "HasHeaderGroup", "HasSecondaryHeaderGroup", "HeaderHidden", "BodyHidden", "SelectionDisabled", "SingleSelection", "RowClassAssigner", "OrderByColumn", "MultipleOrderingDirectives", "HiddenColumns", "ColumnsOrdering", "SearchView", "SelectAll", "UseArrayModePaging", "DynamicRowColumnsDefinition", "DynamicOperations", "Hierarchy", "ParentKey", "OwnKey", "AutoSortHierarchy", "StartsExpanded", "SavePreferences", "DefaultAlignment", "PagingStyle", "RowGroupingPagingStyle", "ItemSourceProperty", "UseSelectionCache", "ShowItemGroupsColumns", "Editable", "RangeSelection", "SearchThrottle", "ArraymodeItemsPerPage"], outputs: ["globalCheckChange", "autoUpdateChange", "secondsChange", "researchInProgressChange", "globalColVisCheckChange", "onOrderChanged", "onSearchRequest", "onSelectionChanged", "onRemoval", "onAbortRemoval", "onModelChange", "onOpenContextMenu", "onCornerAction", "onDynamicOperation"] }, { kind: "component", type: i9.EsFormDateComponent, selector: "form-date", inputs: ["InOutFormat", "FloatingLabel", "DateFormat"] }, { kind: "component", type: i9.EsFormCheckboxComponent, selector: "form-checkbox", inputs: ["SliderMode"] }, { kind: "directive", type: i10.Widget, selector: "[widget]" }, { kind: "component", type: NodeDetailComponent, selector: "node-detail", inputs: ["NodeDetails"], outputs: ["onClose"] }, { kind: "pipe", type: i1.LocalizePipe, name: "localize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmProfilerComponent, decorators: [{
             type: Component,
-            args: [{ selector: "adm_profiler", providers: [{ provide: LocalizationService, useClass: AdmProfilerComponentLoc }], standalone: false, template: "<div class=\"row\">\n  <div class=\"col-12\">\n    <div class=\"card app-overflow-visible\" widget>\n      <div class=\"card-header\">\n        <span class=\"text-uppercase\">{{'Profiler del Server' | localize: lc}}</span>&nbsp;\n      </div>\n      <div class=\"card-body widget-body\">\n        <div class=\"col-md-12 bottom-15\">\n          <form role=\"form\">\n            <div class=\"row app-first-filter-line\">\n              <div class=\"col-xl-2 col-lg-2 col-md-12 app-filter-wrapper\">\n                <form-date [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"searchView.filterfrom\" name=\"filterfrom\" [Placeholder]=\"'Da' | localize: lc\"></form-date>\n              </div>\n              <div class=\"col-xl-2 col-lg-2 col-md-12 app-filter-wrapper\">\n                <form-date [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"searchView.filterto\" name=\"filterto\" [Placeholder]=\"'A' | localize: lc\"></form-date>\n              </div>\n              <div class=\"col-xl-2 col-lg-2 col-md-12 app-filter-wrapper\" style=\"display: flex; height: 38px;\">\n                <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"searchView.filterglobal\" name=\"filterglobal\"></form-checkbox>&nbsp;\n                <span class=\"app-pointer app-padding-top-5 app-padding-left-5\" (click)=\"searchView.filterglobal = !searchView.filterglobal\">{{'Globale' | localize: lc}}</span>\n              </div>\n\n              <button [disabled]=\"searchView.searchinprogress\" class=\"input-group-addon btn app-btn-search app-margin-top-20 app-margin-right-5\" (click)=\"sendSearch()\" type=\"submit\"><i class=\"fa fa-search\"></i></button>\n              <button class=\"input-group-addon btn app-btn-search app-margin-top-20\" (click)=\"downloadWorkloadReport()\" type=\"submit\"><i class=\"fa fa-download\"></i></button>\n            </div>\n          </form>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-md-12\">\n            @if (!searchView) {\n              <p><em>{{'Carico i Dati' | localize: lc}}</em></p>\n            }\n            @if (searchView) {\n              <div>\n                <es-table [(ngModel)]=\"searchView\" [Hierarchy]=\"true\" [OrderByColumn]=\"false\" [ParentKey]=\"'parentid'\"\n                  [OwnKey]=\"'id'\" [StartsExpanded]=\"false\" [ExportFunction]=\"prepareExport.bind(this)\" [Export]=\"true\"\n                  [ExportFileName]=\"'Profiler Export.csv'\" [HidePaging]=\"true\" (onSearchRequest)=\"sendSearch($event);\">\n                  <span *th=\"'1'\">{{'ID' | localize : lc}}</span>\n                  <span *th=\"'2'\">{{'Descrizione' | localize: lc}}</span>\n                  <span *th=\"'3'\">{{'Chiamate' | localize: lc}}</span>\n                  <span *th=\"'4'\">{{'Tempo' | localize: lc}}</span>\n                  <span *th=\"'5'\">{{'Tempo Max' | localize: lc}}</span>\n                  <span *th=\"'6'\">{{'Tempo Min' | localize: lc}}</span>\n                  <span *th=\"'7'\">{{'Tempo Medio' | localize: lc}}</span>\n                  <span *th=\"'8'\">{{'Tempo Specifico' | localize: lc}}</span>\n                  <span *th=\"'9'\">{{'Percentuale' | localize: lc}}</span>\n                  <span *th=\"'10'\">{{'Chiamate Periodo' | localize: lc}}</span>\n                  <span *th=\"'11'\">{{'Tempo Periodo' | localize: lc}}</span>\n                  <span *th=\"'12'\">{{'Tempo Max Periodo' | localize: lc}}</span>\n                  <span *th=\"'13'\">{{'Tempo Min Periodo' | localize: lc}}</span>\n                  <span *th=\"'14'\">{{'Tempo Medio Periodo' | localize: lc}}</span>\n                  <span *th=\"'15'\">{{'Tempo Specifico Periodo' | localize: lc}}</span>\n                  <span *th=\"'16'\">{{'Percentuale Periodo' | localize: lc}}</span>\n                  <span *th=\"'17'\">{{'Nome Tipologia Evento' | localize: lc}}</span>\n                  <span *th=\"'18'\">{{'Nome Classe Attesa' | localize: lc}}</span>\n                  <span *th=\"'19'\">{{'Numero Istanze' | localize: lc}}</span>\n                  <span *td=\"'1'; let item\"><span class=\"app-link app-inline\" (click)=\"loadNodeDetails(item.id); dlgNodeDetails.show();\">{{item.id}}</span></span>\n                  <span *td=\"'2'; let item\" title=\"{{item.description}}\">{{item.description.length <= 50 ? item.description : item.description.substr(0,50) + \"[...]\" }}</span>\n                  <span *td=\"'3'; let item\">{{item.calls}}</span>\n                  <span *td=\"'4'; let item\">{{item.time}}</span>\n                  <span *td=\"'5'; let item\">{{item.peaktime}}</span>\n                  <span *td=\"'6'; let item\">{{item.mintime}}</span>\n                  <span *td=\"'7'; let item\">{{item.avgtime}}</span>\n                  <span *td=\"'8'; let item\">{{item.timewithoutchildren }}</span>\n                  <span *td=\"'9'; let item\">{{item.percentage}}</span>\n                  <span *td=\"'10' let item\">{{item.snapdeltacalls}}</span>\n                  <span *td=\"'11' let item\">{{item.snapdeltatime}}</span>\n                  <span *td=\"'12' let item\">{{item.snappeaktime}}</span>\n                  <span *td=\"'13' let item\">{{item.snapmintime}}</span>\n                  <span *td=\"'14' let item\">{{item.snapavgtime}}</span>\n                  <span *td=\"'15' let item\">{{item.snaptimewithoutchildren}}</span>\n                  <span *td=\"'16' let item\">{{item.snappercentage}}</span>\n                  <span *td=\"'17' let item\">{{item.eventtypename}}</span>\n                  <span *td=\"'18' let item\">{{item.waitclassname}}</span>\n                  <span *td=\"'19' let item\">{{item.numinstances}}</span>\n                </es-table>\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div bsModal #dlgNodeDetails=\"bs-modal\" class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\n  @if (NodeDetails) {\n    <node-detail [NodeDetails]=\"NodeDetails\" (onClose)=\"dlgNodeDetails.hide()\"></node-detail>\n  }\n</div>" }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i3.PreferencesService }, { type: i5.Location }, { type: i1$1.InterComService }, { type: i4.ActivatedRoute }, { type: AdminModuleBaseService }, { type: undefined, decorators: [{
+            args: [{ selector: "adm_profiler", providers: [{ provide: LocalizationService, useClass: AdmProfilerComponentLoc }], standalone: false, template: "<div class=\"row\">\n  <div class=\"col-12\">\n    <div class=\"card app-overflow-visible\" widget>\n      <div class=\"card-header\">\n        <span class=\"text-uppercase\">{{'Profiler del Server' | localize: lc}}</span>&nbsp;\n      </div>\n      <div class=\"card-body widget-body\">\n        <div class=\"col-md-12 bottom-15\">\n          <form role=\"form\">\n            <div class=\"row app-first-filter-line\">\n              <div class=\"col-xl-2 col-lg-2 col-md-12 app-filter-wrapper\">\n                <form-date [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"searchView.filterfrom\" name=\"filterfrom\" [Placeholder]=\"'Da' | localize: lc\"></form-date>\n              </div>\n              <div class=\"col-xl-2 col-lg-2 col-md-12 app-filter-wrapper\">\n                <form-date [FormLayout]=\"false\" [Validation]=\"false\" [(ngModel)]=\"searchView.filterto\" name=\"filterto\" [Placeholder]=\"'A' | localize: lc\"></form-date>\n              </div>\n              <div class=\"col-xl-2 col-lg-2 col-md-12 app-filter-wrapper\" style=\"display: flex; height: 38px;\">\n                <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [(ngModel)]=\"searchView.filterglobal\" name=\"filterglobal\"></form-checkbox>&nbsp;\n                <span class=\"app-pointer app-padding-top-5 app-padding-left-5\" (click)=\"searchView.filterglobal = !searchView.filterglobal\">{{'Globale' | localize: lc}}</span>\n              </div>\n\n              <button [disabled]=\"searchView.searchinprogress\" class=\"input-group-addon btn app-btn-search app-margin-top-20 app-margin-right-5\" (click)=\"sendSearch()\" type=\"submit\"><i class=\"fa fa-search\"></i></button>\n              <button class=\"input-group-addon btn app-btn-search app-margin-top-20\" (click)=\"downloadWorkloadReport()\" type=\"submit\" [title]=\"workloadV2 ? 'Workload report' : ''\"><i class=\"fa\" [class.fa-download]=\"!workloadV2\" [class.fa-file-text]=\"workloadV2\"></i></button>\n            </div>\n          </form>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-md-12\">\n            @if (!searchView) {\n              <p><em>{{'Carico i Dati' | localize: lc}}</em></p>\n            }\n            @if (searchView) {\n              <div>\n                <es-table [(ngModel)]=\"searchView\" [Hierarchy]=\"true\" [OrderByColumn]=\"false\" [ParentKey]=\"'parentid'\"\n                  [OwnKey]=\"'id'\" [StartsExpanded]=\"false\" [ExportFunction]=\"prepareExport.bind(this)\" [Export]=\"true\"\n                  [ExportFileName]=\"'Profiler Export.csv'\" [HidePaging]=\"true\" (onSearchRequest)=\"sendSearch($event);\">\n                  <span *th=\"'1'\">{{'ID' | localize : lc}}</span>\n                  <span *th=\"'2'\">{{'Descrizione' | localize: lc}}</span>\n                  <span *th=\"'3'\">{{'Chiamate' | localize: lc}}</span>\n                  <span *th=\"'4'\">{{'Tempo' | localize: lc}}</span>\n                  <span *th=\"'5'\">{{'Tempo Max' | localize: lc}}</span>\n                  <span *th=\"'6'\">{{'Tempo Min' | localize: lc}}</span>\n                  <span *th=\"'7'\">{{'Tempo Medio' | localize: lc}}</span>\n                  <span *th=\"'8'\">{{'Tempo Specifico' | localize: lc}}</span>\n                  <span *th=\"'9'\">{{'Percentuale' | localize: lc}}</span>\n                  <span *th=\"'10'\">{{'Chiamate Periodo' | localize: lc}}</span>\n                  <span *th=\"'11'\">{{'Tempo Periodo' | localize: lc}}</span>\n                  <span *th=\"'12'\">{{'Tempo Max Periodo' | localize: lc}}</span>\n                  <span *th=\"'13'\">{{'Tempo Min Periodo' | localize: lc}}</span>\n                  <span *th=\"'14'\">{{'Tempo Medio Periodo' | localize: lc}}</span>\n                  <span *th=\"'15'\">{{'Tempo Specifico Periodo' | localize: lc}}</span>\n                  <span *th=\"'16'\">{{'Percentuale Periodo' | localize: lc}}</span>\n                  <span *th=\"'17'\">{{'Nome Tipologia Evento' | localize: lc}}</span>\n                  <span *th=\"'18'\">{{'Nome Classe Attesa' | localize: lc}}</span>\n                  <span *th=\"'19'\">{{'Numero Istanze' | localize: lc}}</span>\n                  <span *td=\"'1'; let item\"><span class=\"app-link app-inline\" (click)=\"loadNodeDetails(item.id); dlgNodeDetails.show();\">{{item.id}}</span></span>\n                  <span *td=\"'2'; let item\" title=\"{{item.description}}\">{{item.description.length <= 50 ? item.description : item.description.substr(0,50) + \"[...]\" }}</span>\n                  <span *td=\"'3'; let item\">{{item.calls}}</span>\n                  <span *td=\"'4'; let item\">{{item.time}}</span>\n                  <span *td=\"'5'; let item\">{{item.peaktime}}</span>\n                  <span *td=\"'6'; let item\">{{item.mintime}}</span>\n                  <span *td=\"'7'; let item\">{{item.avgtime}}</span>\n                  <span *td=\"'8'; let item\">{{item.timewithoutchildren }}</span>\n                  <span *td=\"'9'; let item\">{{item.percentage}}</span>\n                  <span *td=\"'10' let item\">{{item.snapdeltacalls}}</span>\n                  <span *td=\"'11' let item\">{{item.snapdeltatime}}</span>\n                  <span *td=\"'12' let item\">{{item.snappeaktime}}</span>\n                  <span *td=\"'13' let item\">{{item.snapmintime}}</span>\n                  <span *td=\"'14' let item\">{{item.snapavgtime}}</span>\n                  <span *td=\"'15' let item\">{{item.snaptimewithoutchildren}}</span>\n                  <span *td=\"'16' let item\">{{item.snappercentage}}</span>\n                  <span *td=\"'17' let item\">{{item.eventtypename}}</span>\n                  <span *td=\"'18' let item\">{{item.waitclassname}}</span>\n                  <span *td=\"'19' let item\">{{item.numinstances}}</span>\n                </es-table>\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div bsModal #dlgNodeDetails=\"bs-modal\" class=\"modal fade\" role=\"dialog\" aria-hidden=\"true\">\n  @if (NodeDetails) {\n    <node-detail [NodeDetails]=\"NodeDetails\" (onClose)=\"dlgNodeDetails.hide()\"></node-detail>\n  }\n</div>" }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i3.PreferencesService }, { type: i5.Location }, { type: i1$1.InterComService }, { type: i4.ActivatedRoute }, { type: AdminModuleBaseService }, { type: i4.Router }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ADM_MODULE_PATH]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ADM_WORKLOAD_V2]
                 }] }] });
 
-class TopActivitiesDataView extends AppSearch {
-    constructor() { super(); }
+// Ordinamento decrescente del profiler v2 (figli nell'albero, righe nella vista per nome). I numeri sono quelli del backend
+var ProfilerOrderBy;
+(function (ProfilerOrderBy) {
+    ProfilerOrderBy[ProfilerOrderBy["Time"] = 0] = "Time";
+    ProfilerOrderBy[ProfilerOrderBy["TimeLessChildren"] = 1] = "TimeLessChildren";
+    ProfilerOrderBy[ProfilerOrderBy["Calls"] = 2] = "Calls";
+    ProfilerOrderBy[ProfilerOrderBy["AvgTime"] = 3] = "AvgTime";
+    ProfilerOrderBy[ProfilerOrderBy["PeakTime"] = 4] = "PeakTime";
+    ProfilerOrderBy[ProfilerOrderBy["SnapDeltaTime"] = 5] = "SnapDeltaTime";
+    ProfilerOrderBy[ProfilerOrderBy["SnapDeltaTimeLessChildren"] = 6] = "SnapDeltaTimeLessChildren";
+    ProfilerOrderBy[ProfilerOrderBy["SnapDeltaCalls"] = 7] = "SnapDeltaCalls";
+    ProfilerOrderBy[ProfilerOrderBy["ActiveThreads"] = 8] = "ActiveThreads";
+})(ProfilerOrderBy || (ProfilerOrderBy = {}));
+// Parametri comuni del profiler v2 (specifica "Profiler gerarchico"): date in ISO UTC (…Z), campi non valorizzati = default del backend.
+// Il backend-for-frontend legge i nomi senza badare a maiuscole e minuscole e li inoltra in query string
+class ProfilerV2Request {
+}
+// Albero: con search il backend ignora maxDepth, maxChildren e minPercentage
+class ProfilerV2TreeRequest extends ProfilerV2Request {
+}
+class ProfilerV2NodeRequest extends ProfilerV2Request {
+}
+// Eventi per nome: un evento per riga sommato su tutti i percorsi
+class ProfilerV2FlatRequest extends ProfilerV2Request {
 }
 
-class AdmTopActivitieLoc extends LocalizationService {
+// Angular
+// Formati del profiler v2 (specifica "Profiler gerarchico"): durate nell'unità più leggibile, interi con il separatore
+// delle migliaia italiano, percentuali con un decimale sotto 10. Un dato mancante è "—"
+class ProfilerFormatPipe {
+    transform(value, kind) {
+        if (value == null || isNaN(value))
+            return "—";
+        switch (kind) {
+            case "dur": return formatDuration(value);
+            case "pct": return formatPercentage(value);
+            default: return formatNumber(value, "it", "1.0-0");
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: ProfilerFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.34", ngImport: i0, type: ProfilerFormatPipe, isStandalone: true, name: "pv2fmt" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: ProfilerFormatPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: "pv2fmt" }]
+        }] });
+// Secondi: "850 µs", "4,27 ms", "312,5 ms", "8,41 s", "4 min 12 s", "3 h 20 min", "76 h"
+function formatDuration(seconds) {
+    if (seconds == null || isNaN(seconds))
+        return "—";
+    let abs = Math.abs(seconds);
+    if (abs < 0.001)
+        return `${formatNumber(seconds * 1000000, "it", "1.0-0")} µs`;
+    if (abs < 1)
+        return `${formatNumber(seconds * 1000, "it", abs < 0.01 ? "1.2-2" : "1.1-1")} ms`;
+    if (abs < 60)
+        return `${formatNumber(seconds, "it", abs < 10 ? "1.2-2" : "1.1-1")} s`;
+    if (abs < 3600)
+        return `${Math.floor(abs / 60)} min ${Math.floor(abs % 60)} s`;
+    if (abs < 48 * 3600)
+        return `${Math.floor(abs / 3600)} h ${Math.floor(abs % 3600 / 60)} min`;
+    return `${formatNumber(Math.floor(abs / 3600), "it", "1.0-0")} h`;
+}
+// Da 0 a 100: "4,2%", "34%"
+function formatPercentage(value) {
+    if (value == null || isNaN(value))
+        return "—";
+    return `${formatNumber(value, "it", Math.abs(value) < 10 ? "1.1-1" : "1.0-0")}%`;
+}
+
+class AdmProfilerV2Loc extends LocalizationService {
     constructor(injector) {
         super(injector);
-        super.set("it->en", "Sessioni Attive", ["Active Sessions"]);
-        super.set("it->en", "Prime Istruzioni", ["Top Nodes"]);
-        super.set("it->en", "Prime Sessioni", ["Top Sessions"]);
-        super.set("it->en", "Carico i Dati", ["Loading Data"]);
-        super.set("it->en", "Attività Principali", ["Top Activities"]);
-        super.set("it->en", "Descrizione Nodo", ["Node Description"]);
+        super.set("it->en", "Profiler del Server", ["Server Profiler"]);
+        super.set("it->en", "Errore", ["Error"]);
+        // Barra dei comandi e riga della finestra
+        super.set("it->en", "Sorgente", ["Source"]);
+        super.set("it->en", "Storico", ["History"]);
+        super.set("it->en", "Istanze", ["Instances"]);
+        super.set("it->en", "Questa istanza", ["This instance"]);
+        super.set("it->en", "Tutto il cluster", ["Whole cluster"]);
+        super.set("it->en", "istanze", ["instances"]);
+        super.set("it->en", "istanza", ["instance"]);
+        super.set("it->en", "Solo", ["Only"]);
+        super.set("it->en", "Dal", ["From"]);
+        super.set("it->en", "Al", ["To"]);
+        super.set("it->en", "Valori", ["Values"]);
+        super.set("it->en", "Dall'avvio", ["Since start"]);
+        super.set("it->en", "Dall'ultimo snapshot", ["Since last snapshot"]);
+        super.set("it->en", "Aggiorna", ["Refresh"]);
+        super.set("it->en", "Scarica il workload report", ["Download the workload report"]);
+        super.set("it->en", "Workload report", ["Workload report"]);
+        super.set("it->en", "Delta dall'ultimo snapshot delle", ["Delta since the last snapshot at"]);
+        super.set("it->en", "min fa", ["min ago"]);
+        super.set("it->en", "s fa", ["s ago"]);
+        super.set("it->en", "mai", ["never"]);
+        super.set("it->en", "Snapshot dalle", ["Snapshots from"]);
+        super.set("it->en", "alle", ["to"]);
+        super.set("it->en", "Nessuno snapshot termina nella finestra scelta", ["No snapshot ends in the chosen window"]);
+        super.set("it->en", "nodi nell'albero", ["nodes in the tree"]);
+        super.set("it->en", "nella risposta", ["in the response"]);
+        super.set("it->en", "eventi distinti", ["distinct events"]);
+        super.set("it->en", "Caricamento…", ["Loading…"]);
+        // Vista e ordinamenti
+        super.set("it->en", "Albero", ["Tree"]);
+        super.set("it->en", "Per nome", ["By name"]);
+        super.set("it->en", "Ordina per", ["Sort by"]);
+        super.set("it->en", "Tempo", ["Time"]);
+        super.set("it->en", "Tempo proprio", ["Self time"]);
+        super.set("it->en", "Chiamate", ["Calls"]);
+        super.set("it->en", "Tempo medio", ["Average time"]);
+        super.set("it->en", "Picco", ["Peak"]);
+        super.set("it->en", "Δ Tempo", ["Δ Time"]);
+        super.set("it->en", "Δ Tempo proprio", ["Δ Self time"]);
+        super.set("it->en", "Δ Chiamate", ["Δ Calls"]);
+        super.set("it->en", "Thread attivi", ["Active threads"]);
+        super.set("it->en", "Tutti", ["All"]);
+        super.set("it->en", "Nessuna", ["None"]);
+        // Albero
+        super.set("it->en", "Cerca nei nomi o per id", ["Search names or by id"]);
+        super.set("it->en", "Per esempio MRD_METERREADINGS, ENQUEUE, ProfilesMgr", ["For example MRD_METERREADINGS, ENQUEUE, ProfilesMgr"]);
+        super.set("it->en", "Figli per nodo", ["Children per node"]);
+        super.set("it->en", "Soglia", ["Threshold"]);
+        super.set("it->en", "Chiudi", ["Close"]);
+        super.set("it->en", "Il nodo non c'è nelle istanze scelte: l'albero riparte da Idle.", ["The node is not in the chosen instances: the tree starts again from Idle."]);
+        super.set("it->en", "nodi trovati, con i loro antenati.", ["nodes found, with their ancestors."]);
+        super.set("it->en", "I nodi trovati sono più di 1.000: sono mostrati i primi per l'ordinamento scelto.", ["More than 1,000 nodes found: the first ones by the chosen sort order are shown."]);
+        super.set("it->en", "Nessun nodo contiene", ["No node contains"]);
         super.set("it->en", "Nodo", ["Node"]);
-        super.set("it->en", "Attività", ["Activity"]);
-        super.set("it->en", "Limite", ["Limit"]);
-        super.set("it->en", "Tipo Nodo", ["Node Type"]);
-        super.set("it->en", "Utente", ["User"]);
-        super.set("it->en", "Tenant", ["Tenant"]);
-        super.set("it->en", "Processo", ["Process"]);
-        super.set("it->en", "Aggiorna ogni", ["Update every"]);
-        super.set("it->en", "secondo/i", ["second/s"]);
-        super.set("it->en", "Thread Massimi", ["Maximum Threads"]);
-        super.set("it->en", "CPU", ["CPUs"]);
-        super.set("it->en", "Classe Attesa", ["Wait Class Name"]);
-        super.set("it->en", "Seriale", ["Serial"]);
-        super.set("it->en", "Stato", ["Status"]);
+        super.set("it->en", "% del padre", ["% of parent"]);
+        super.set("it->en", "Δ Proprio", ["Δ Self"]);
+        super.set("it->en", "Medio", ["Average"]);
+        super.set("it->en", "Thread ora", ["Threads now"]);
+        super.set("it->en", "del padre", ["of parent"]);
+        super.set("it->en", "del nodo di primo livello", ["of the first-level node"]);
+        super.set("it->en", "Esecuzione in corso da", ["Execution running for"]);
+        super.set("it->en", "forse bloccata", ["possibly stuck"]);
+        super.set("it->en", "Caricamento dei figli…", ["Loading children…"]);
+        super.set("it->en", "figli non mostrati", ["children not shown"]);
+        super.set("it->en", "chiamate", ["calls"]);
+        super.set("it->en", "Mostra tutti", ["Show all"]);
+        super.set("it->en", "Nessuno snapshot termina nella finestra scelta: allargala o spostala indietro.", ["No snapshot ends in the chosen window: widen it or move it back."]);
+        super.set("it->en", "Il nodo non c'è nelle istanze scelte.", ["The node is not in the chosen instances."]);
+        // Eventi per nome
+        super.set("it->en", "Cerca nei nomi", ["Search names"]);
         super.set("it->en", "Tipo", ["Type"]);
-        super.set("it->en", "Utente", ["User"]);
+        super.set("it->en", "Righe", ["Rows"]);
+        super.set("it->en", "Anche gli eventi idle", ["Include idle events"]);
+        super.set("it->en", "Evento", ["Event"]);
+        super.set("it->en", "Percorsi", ["Paths"]);
+        super.set("it->en", "% proprio", ["% self"]);
+        super.set("it->en", "Picco dall'avvio", ["Peak since start"]);
+        super.set("it->en", "Thread", ["Threads"]);
+        super.set("it->en", "Nodi con più tempo", ["Nodes with the most time"]);
+        super.set("it->en", "Dettaglio", ["Details"]);
+        super.set("it->en", "Apri nell'albero", ["Open in tree"]);
+        super.set("it->en", "altri", ["more"]);
+        super.set("it->en", "Nessun evento con questi filtri.", ["No events match these filters."]);
+        super.set("it->en", "mostrati i primi", ["showing the first"]);
+        super.set("it->en", "La percentuale è sul tempo proprio di tutti gli eventi non idle.", ["The percentage is of the self time of all non-idle events."]);
+        // Dettaglio
+        super.set("it->en", "Seleziona un nodo per vederne il dettaglio.", ["Select a node to see its details."]);
+        super.set("it->en", "Il nodo non c'è nelle istanze o nella finestra scelte.", ["The node is not in the chosen instances or window."]);
+        super.set("it->en", "Copia", ["Copy"]);
+        super.set("it->en", "Copiato", ["Copied"]);
+        super.set("it->en", "Percorso", ["Path"]);
+        super.set("it->en", "Nella finestra", ["In window"]);
+        super.set("it->en", "Esecuzioni", ["Executions"]);
+        super.set("it->en", "Tempo totale", ["Total time"]);
+        super.set("it->en", "Minimo", ["Minimum"]);
+        super.set("it->en", "Adesso", ["Now"]);
+        super.set("it->en", "Thread dentro", ["Threads inside"]);
+        super.set("it->en", "Esecuzione più lunga", ["Longest execution"]);
+        super.set("it->en", "Ultima uscita", ["Last exit"]);
+        super.set("it->en", "Tempo proprio del sottoalbero per tipo", ["Subtree self time by type"]);
+        super.set("it->en", "Sessioni attive sul nodo e sui discendenti", ["Active sessions on node and descendants"]);
+        super.set("it->en", "Media", ["Average"]);
+        super.set("it->en", "picco", ["peak"]);
+        super.set("it->en", "sessioni", ["sessions"]);
+        super.set("it->en", "punti dell'API", ["API points"]);
+        super.set("it->en", "uno al secondo", ["one per second"]);
+        super.set("it->en", "uno ogni", ["one every"]);
+        super.set("it->en", "raggruppati a", ["grouped by"]);
+        super.set("it->en", "Nessun campione in memoria per questa finestra: il grafico copre solo le ultime due ore circa.", ["No in-memory samples for this window: the chart only covers about the last two hours."]);
+        super.set("it->en", "Per istanza", ["By instance"]);
+        super.set("it->en", "Istanza", ["Instance"]);
+        super.set("it->en", "Proprio", ["Self"]);
+        super.set("it->en", "figli diretti", ["direct children"]);
+        super.set("it->en", "discendenti", ["descendants"]);
+        super.set("it->en", "Apri come radice", ["Open as root"]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmTopActivitieLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmTopActivitieLoc }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmProfilerV2Loc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmProfilerV2Loc }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmTopActivitieLoc, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmProfilerV2Loc, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.Injector }] });
 
 // Angular
-class AdmTopActivitiesComponent {
-    constructor(dateExts, lc, localStorage, location, intercom, route, adms, mod) {
+const STORAGE_KEY$3 = "HotSearchProfilerV2";
+const INSTANCE_THIS = "@this";
+const INSTANCE_ALL$1 = "@all";
+// All'apertura la radice con due livelli (R6), poi i figli si chiedono un livello alla volta
+const TREE_DEPTH = 2;
+const SEARCH_MIN_CHARS = 2;
+const SEARCH_DELAY_MS = 400;
+const DATES_DELAY_MS$1 = 600;
+// Muovendosi con la tastiera il dettaglio si chiede dopo una breve pausa, non a ogni tasto
+const DETAIL_DELAY_MS = 180;
+// Esecuzione in corso da più di così: forse bloccata (R15)
+const LONG_RUNNING_SECONDS = 60;
+const CHART_POINTS = 160;
+// Ogni tipo di evento ha un colore fisso, gli stessi della Top Activity v2. Wait e sleep di classe Idle usano quello di Idle
+const TYPE_COLORS = {
+    Idle: "#bdbdbd", Cpu: "#43a047", Database: "#1e88e5", Wait: "#fdd835", Script: "#8e24aa", Network: "#8d6e63", IO: "#00acc1", Sleep: "#90a4ae", Throttle: "#fb8c00"
+};
+const TYPE_LABELS = {
+    Idle: "Idle", Cpu: "CPU", Database: "DB", Wait: "Wait", Script: "Script", Network: "Net", IO: "I/O", Sleep: "Sleep", Throttle: "Throttle"
+};
+const EVENT_TYPES = ["Cpu", "Database", "Wait", "Script", "Network", "IO", "Sleep", "Throttle"];
+// Passando ai valori dall'ultimo snapshot l'ordinamento passa alla chiave corrispondente, e viceversa (R4)
+const TO_SNAP = {
+    [ProfilerOrderBy.Time]: ProfilerOrderBy.SnapDeltaTime,
+    [ProfilerOrderBy.TimeLessChildren]: ProfilerOrderBy.SnapDeltaTimeLessChildren,
+    [ProfilerOrderBy.Calls]: ProfilerOrderBy.SnapDeltaCalls
+};
+const TO_BASE = {
+    [ProfilerOrderBy.SnapDeltaTime]: ProfilerOrderBy.Time,
+    [ProfilerOrderBy.SnapDeltaTimeLessChildren]: ProfilerOrderBy.TimeLessChildren,
+    [ProfilerOrderBy.SnapDeltaCalls]: ProfilerOrderBy.Calls
+};
+class ProfilerV2Row {
+}
+class ProfilerV2TypePart {
+}
+class ProfilerV2Chart {
+}
+// Preferenze ricordate fra una visita e l'altra (sorgente, istanze, finestra e radice ripartono dai default)
+class ProfilerV2Settings {
+}
+class AdmProfilerV2Component {
+    constructor(dateExts, lc, localStorage, intercom, route, router, location, adms, mod, workloadV2) {
         this.dateExts = dateExts;
         this.lc = lc;
         this.localStorage = localStorage;
-        this.location = location;
         this.intercom = intercom;
         this.route = route;
+        this.router = router;
+        this.location = location;
         this.adms = adms;
         this.mod = mod;
-        this.searchView = new TopActivitiesDataView();
-        this.autoUpdate = false;
-        this.seconds = "5";
-        this.rtWindow = null;
-        this.destroyed$ = new ReplaySubject(1);
-        this.seriesPropertiesMapping = {};
-        this.propertiesSeriesMapping = {
-            ["cputime"]: "CPU",
-            ["waittime"]: "Wait",
-            ["scripttime"]: "Scripting",
-            ["dbtime"]: "DB",
-            ["nettime"]: "Network",
-            ["throttletime"]: "Throttling",
-            ["sleeptime"]: "Sleep",
-            ["iotime"]: "IO"
-        };
-        this.seriesPropertiesMapping2 = {};
+        this.workloadV2 = workloadV2;
+        this.EventTypes = EVENT_TYPES;
+        // Barra dei comandi
+        this.live = true;
+        // Di default tutto il cluster, come nella Top Activity v2
+        this.instance = INSTANCE_ALL$1;
+        this.filterfrom = "";
+        this.filterto = "";
+        // Valori dall'ultimo snapshot invece che dall'avvio (solo live)
+        this.snapValues = false;
+        this.view = "tree";
+        // Albero
+        this.orderBy = String(ProfilerOrderBy.Time);
+        // "0" = tutti, nessuna soglia
+        this.maxChildren = "25";
+        this.minPercentage = "0";
+        this.searchText = "";
+        this.activeSearch = "";
+        this.rows = [];
+        this.treeLoading = false;
+        this.matchCount = 0;
+        // Eventi per nome
+        this.flatSearch = "";
+        // "*" = tutti i tipi (con un id vuoto la select mostrerebbe il segnaposto invece di "Tutti")
+        this.flatType = "*";
+        this.flatOrderBy = String(ProfilerOrderBy.TimeLessChildren);
+        this.flatTop = "100";
+        this.flatIncludeIdle = false;
+        this.flatLoading = false;
+        this.openFlat = new Set();
+        this.detailLoading = false;
+        this.detailMissing = false;
+        this.typeParts = [];
+        this.copied = false;
+        // Sorgenti di select e pulsanti
+        this.Instances = [];
+        this.TreeOrders = [];
+        this.FlatOrders = [];
+        this.TreeOrderOptions = [];
+        this.FlatOrderOptions = [];
+        this.ChildrenOptions = [];
+        this.ThresholdOptions = [];
+        this.FlatTypes = [];
+        this.FlatRows = [];
+        this.instanceIds = [];
+        this.rootId = null;
+        this.nodes = new Map();
+        this.parents = new Map();
+        this.expanded = new Set();
+        // Nodi di cui children è completo per i parametri correnti, anche se vuoto (per esempio tutti sotto la soglia)
+        this.loaded = new Set();
+        this.loadingChildren = new Set();
+        // Una risposta arrivata dopo un ricaricamento successivo si scarta
+        this.treeGeneration = 0;
+        this.flatGeneration = 0;
+        this.detailGeneration = 0;
         this.be = route.snapshot.params["be"] || "";
         this.intercom.send(InboundMessageTypes.Navigation, { sub: false, routeTitle: this.lc.loc(this.route.snapshot.data["title"]) });
     }
-    ngOnInit() {
-        // Ogni minuto calcolo qual è la finestra del realTime
-        // interval(60 * 1000).pipe(takeUntil(this.destroyed$)).subscribe(_ => {
-        //     this.updateRealTimeWindow();
-        // });
-        this.storageSub = this.route.queryParams.subscribe(params => {
-            this.Init(params["ignoreStorage"]);
-        });
+    async ngOnInit() {
+        this.buildSources();
+        let saved = this.route.snapshot.queryParams["ignoreStorage"] ? null : await firstValueFrom(this.localStorage.getItem(STORAGE_KEY$3), { defaultValue: null });
+        if (saved)
+            this.applySettings(saved);
+        // Gli id sono stabili: la radice può stare nell'indirizzo della pagina
+        this.rootId = this.route.snapshot.queryParams["root"] || null;
+        this.loadInstances();
+        this.loadTree(false);
     }
-    async updateRealTimeWindow() {
-        let data = new TopActivitiesDataView();
-        data.filterbe = this.be;
-        data = await this.adms.getTopActivities(this.be, data);
-        let reference = data.items[0];
-        for (let i = 0; i < reference.actsessions.length; i++) {
-            let itemref = reference.actsessions[i];
-            let theD = this.dateExts.getDateConvertion(itemref.sampletime);
-            if (!this.rtWindow)
-                this.rtWindow = { from: theD, to: theD };
-            else {
-                if (theD.isBefore(this.rtWindow.from))
-                    this.rtWindow.from = theD;
-                if (theD.isAfter(this.rtWindow.to))
-                    this.rtWindow.to = theD;
+    ngOnDestroy() {
+        clearTimeout(this.searchTimer);
+        clearTimeout(this.flatSearchTimer);
+        clearTimeout(this.datesTimer);
+        clearTimeout(this.detailTimer);
+    }
+    // #region Barra dei comandi
+    setLive(live) {
+        if (this.live == live)
+            return;
+        this.live = live;
+        if (!live) {
+            // Sullo storico non ci sono i valori dall'ultimo snapshot né i thread attivi (R30)
+            this.snapValues = false;
+            this.orderBy = String(+this.orderBy == ProfilerOrderBy.ActiveThreads ? ProfilerOrderBy.Time : TO_BASE[+this.orderBy] ?? +this.orderBy);
+            this.flatOrderBy = String(+this.flatOrderBy == ProfilerOrderBy.ActiveThreads ? ProfilerOrderBy.TimeLessChildren : TO_BASE[+this.flatOrderBy] ?? +this.flatOrderBy);
+            // Default: le quattro ore che finiscono all'ultimo snapshot
+            if (!this.filterfrom || !this.filterto) {
+                let lastSnapshot = this.parseUtc((this.view == "tree" ? this.tree?.snapFrom : this.flat?.snapFrom) ?? null) ?? this.floorHour(new Date());
+                this.filterto = this.fmt(lastSnapshot);
+                this.filterfrom = this.fmt(new Date(lastSnapshot.getTime() - 4 * 3600 * 1000));
             }
         }
+        this.updateOrderOptions();
+        this.reloadAll();
+    }
+    setInstance(id) {
+        this.instance = id;
+        this.reloadAll();
+    }
+    datesChanged() {
+        clearTimeout(this.datesTimer);
+        this.datesTimer = setTimeout(() => {
+            if (this.toDate(this.filterfrom) && this.toDate(this.filterto))
+                this.reloadAll();
+        }, DATES_DELAY_MS$1);
+    }
+    // Cambia colonne e intestazioni; richiama il server solo se cambia anche l'ordinamento
+    setSnapValues(on) {
+        if (this.snapValues == on)
+            return;
+        this.snapValues = on;
+        let map = on ? TO_SNAP : TO_BASE;
+        let treeOrder = String(map[+this.orderBy] ?? +this.orderBy);
+        // La vista per nome non propone Δ Tempo: lì Tempo resta Tempo
+        let flatMapped = map[+this.flatOrderBy];
+        let flatOrder = String(flatMapped != null && flatMapped != ProfilerOrderBy.SnapDeltaTime ? flatMapped : +this.flatOrderBy);
+        let reload = this.view == "tree" ? treeOrder != this.orderBy : flatOrder != this.flatOrderBy;
+        this.orderBy = treeOrder;
+        this.flatOrderBy = flatOrder;
+        this.saveSettings();
+        if (reload)
+            this.reloadView();
+    }
+    setView(view) {
+        if (this.view == view)
+            return;
+        this.view = view;
+        this.reloadView();
+    }
+    // Aggiorna: la vista corrente e il dettaglio aperto (niente aggiornamento automatico, R5)
+    reloadAll() {
+        this.reloadView();
+        if (this.selectedId)
+            this.loadDetail(this.selectedId);
+    }
+    reloadView() {
+        if (this.view == "tree")
+            this.loadTree(true);
+        else
+            this.loadFlat();
     }
-    Init(ignoreStore) {
-        this.doInit(ignoreStore);
-    }
-    async doInit(ignoreStorage) {
-        let item = await this.localStorage.getItem("HotSearchTopAct").toPromise();
-        if (!ignoreStorage && item) {
-            this.init(item);
+    // Con DirectorFeature.WorkloadReportV2 il report non è più un file da scaricare: ha la sua pagina
+    downloadWorkloadReport() {
+        if (this.workloadV2) {
+            this.router.navigate([`/pages/${this.mod}/workload`, ...(this.be ? [this.be] : [])]);
+            return;
         }
-        else {
-            this.init(null);
-            this.location.replaceState(`/pages/${this.mod}/topact`);
-            this.route.snapshot.queryParams = [];
-            await this.localStorage.removeItem("HotSearchTopAct").toPromise();
+        let from = this.live ? "" : this.filterfrom;
+        let to = this.live ? "" : this.filterto;
+        this.adms.downloadWorkloadReport(this.be, from, to, this.instance != INSTANCE_THIS);
+    }
+    get instanceLabel() {
+        return this.Instances.find(t => t.id == this.instance)?.description ?? "";
+    }
+    get loading() {
+        return this.view == "tree" ? this.treeLoading : this.flatLoading;
+    }
+    // Vista corrente, per la riga della finestra
+    get current() {
+        return this.view == "tree" ? this.tree : this.flat;
+    }
+    baseRequest(req) {
+        req.realTime = this.live;
+        // Dietro un bilanciatore "questa istanza" cambia da una chiamata all'altra: si manda sempre l'istanza esplicita o global (R3)
+        if (this.instance == INSTANCE_ALL$1)
+            req.global = true;
+        else if (this.instance != INSTANCE_THIS)
+            req.instanceId = this.instance;
+        else if (this.instanceId)
+            req.instanceId = this.instanceId;
+        if (!this.live) {
+            req.snapFrom = this.toDate(this.filterfrom)?.toISOString();
+            req.snapTo = this.toDate(this.filterto)?.toISOString();
         }
+        return req;
     }
-    init(HotPotato) {
-        if (HotPotato) {
-            this.searchView = HotPotato;
-            this.POSTGetItems(this.searchView, false);
-        }
+    // #endregion
+    // #region Albero
+    setOrderBy(id) {
+        this.orderBy = id;
+        this.saveSettings();
+        this.loadTree(true);
+    }
+    setMaxChildren(id) {
+        this.maxChildren = id;
+        this.saveSettings();
+        this.loadTree(true);
+    }
+    setMinPercentage(id) {
+        this.minPercentage = id;
+        this.saveSettings();
+        this.loadTree(true);
+    }
+    searchChanged() {
+        clearTimeout(this.searchTimer);
+        this.searchTimer = setTimeout(() => {
+            let text = (this.searchText ?? "").trim();
+            let next = text.length >= SEARCH_MIN_CHARS ? text : "";
+            if (next == this.activeSearch)
+                return;
+            // Svuotando la ricerca si torna all'albero di prima, con gli stessi nodi aperti
+            if (!this.activeSearch)
+                this.expandedBeforeSearch = new Set(this.expanded);
+            else if (!next)
+                this.expanded = this.expandedBeforeSearch ?? new Set();
+            this.activeSearch = next;
+            this.loadTree(!next);
+        }, SEARCH_DELAY_MS);
+    }
+    clearSearch() {
+        this.searchText = "";
+        this.searchChanged();
+    }
+    // Nodo come radice (R13); Idle si chiede senza rootNodeId
+    setRoot(id) {
+        this.rootId = id && id != this.rootPathIdle ? id : null;
+        this.searchText = "";
+        this.activeSearch = "";
+        this.expanded.clear();
+        this.treeNotice = null;
+        this.view = "tree";
+        this.updateUrl();
+        this.loadTree(false);
+    }
+    get rootPathIdle() {
+        let root = this.tree?.idleNode;
+        return root?.level == 0 ? root.nodeId : this.tree?.rootPath?.[0]?.nodeId;
+    }
+    async loadTree(keepExpanded) {
+        let generation = ++this.treeGeneration;
+        let searching = !!this.activeSearch;
+        let previous = keepExpanded ? [...this.expanded] : [];
+        let req = this.baseRequest(new ProfilerV2TreeRequest());
+        req.orderBy = +this.orderBy;
+        if (this.rootId)
+            req.rootNodeId = this.rootId;
+        if (searching)
+            req.search = this.activeSearch;
         else {
-            this.searchView = new TopActivitiesDataView();
-            this.sendSearch();
+            req.maxDepth = TREE_DEPTH;
+            if (+this.maxChildren > 0)
+                req.maxChildren = +this.maxChildren;
+            if (+this.minPercentage > 0)
+                req.minPercentage = +this.minPercentage;
         }
-    }
-    ngOnDestroy() {
-        this.destroyed$.next(true);
-        this.destroyed$.complete();
-        if (this.storageSub)
-            this.storageSub.unsubscribe();
-    }
-    async sendSearch(resetPage = true, update = false, searchViewOverride = null) {
-        let sv = searchViewOverride ?? this.searchView;
-        if ((sv.filterfrom || sv.filterto) && !this.rtWindow)
-            await this.updateRealTimeWindow();
-        let dateRequestOnRealtimeWindow = sv.filterfrom && this.dateExts.getDateConvertion(sv.filterfrom).isAfter(this.rtWindow.from) &&
-            sv.filterto && this.dateExts.getDateConvertion(sv.filterto).isBefore(this.rtWindow.to);
-        sv.filterrealtime = dateRequestOnRealtimeWindow;
-        sv.searchinprogress = true;
-        this.POSTGetItems(sv, update);
-    }
-    async POSTGetItems(data, update) {
-        data.filterbe = this.be;
-        let res = await this.adms.getTopActivities(this.be, data);
-        //Se sono in modalità di update non devo toccare la searchView attuale se non per il searchinprogress che viene messo dall'es table
-        if (!update) {
-            this.searchView = res;
-            this.localStorage.setItem("HotSearchTopAct", this.searchView).subscribe();
+        this.treeLoading = true;
+        this.treeError = null;
+        try {
+            let res = await this.adms.getProfilerTreeV2(this.be, req);
+            if (generation != this.treeGeneration)
+                return;
+            // Radice non trovata (R23): lo si dice e si torna a Idle
+            if (res && !res.idleNode && res.snapFrom && this.rootId) {
+                this.rootId = null;
+                this.updateUrl();
+                this.treeNotice = this.lc.loc("Il nodo non c'è nelle istanze scelte: l'albero riparte da Idle.");
+                this.loadTree(false);
+                return;
+            }
+            this.tree = res;
+            this.nodes.clear();
+            this.parents.clear();
+            this.loaded.clear();
+            this.loadingChildren.clear();
+            // I nodi che erano aperti restano aperti: quelli che non sono ancora arrivati si riaprono quando arrivano i figli del padre
+            this.expanded = new Set(searching ? [] : previous);
+            let root = res?.idleNode;
+            if (root) {
+                this.ingest(root, null, searching ? null : TREE_DEPTH, searching);
+                this.expanded.add(root.nodeId);
+            }
+            if (searching) {
+                // L'albero della ricerca contiene solo i percorsi dei nodi trovati e si mostra tutto aperto
+                this.nodes.forEach(t => { if (t.children?.length)
+                    this.expanded.add(t.nodeId); });
+                this.matchCount = [...this.nodes.values()].filter(t => t.searchMatch).length;
+            }
+            this.buildRows();
+            this.nodes.forEach(t => this.reopen(t, generation));
+        }
+        catch (err) {
+            if (generation == this.treeGeneration)
+                this.treeError = this.errorMessage(err);
+        }
+        finally {
+            if (generation == this.treeGeneration)
+                this.treeLoading = false;
         }
-        // DirectorInfos anche se per qualche motivo crasha di brutto è comunque non obbligatorio, evito di non caricare la pagina solo perché lui scoppia
-        let dirinfos = await this.adms.getInfos(this.be);
-        this.searchView.searchinprogress = false;
-        this.reviewBindings(update, res, dirinfos);
-    }
-    loadNodeDetails(nodeId) {
-        this.NodeDetails = null;
-        requestAnimationFrame(async () => {
-            this.NodeDetails = await this.adms.getNodeStats(this.be, nodeId, this.searchView.filterglobal);
-        });
     }
-    reviewBindings(update, searchViewOverride, dirInfos) {
-        let reference = (searchViewOverride ?? this.searchView).items[0];
-        this.TopNodes = reference.topnodes;
-        this.TopSessions = reference.topsessions;
-        this.DirInfos = dirInfos?.cluster ? dirInfos : null;
-        this.DirInfosGlobal = !dirInfos?.cluster ? dirInfos : null;
-        if (!reference.actsessions || reference.actsessions.length == 0) {
-            this.TopActiveSessions = null;
+    ingest(node, parent, depthLeft, partial) {
+        this.nodes.set(node.nodeId, node);
+        if (parent)
+            this.parents.set(node.nodeId, parent);
+        // Oltre il limite di profondità, o nella ricerca, i figli non sono tutti: si chiedono quando il nodo si apre
+        if (!partial && (depthLeft == null || depthLeft > 0))
+            this.loaded.add(node.nodeId);
+        for (let child of node.children ?? [])
+            this.ingest(child, node, depthLeft == null ? null : depthLeft - 1, partial);
+    }
+    // Un nodo aperto senza figli caricati (dopo un ricaricamento o "Mostra tutti" del padre) li chiede
+    reopen(node, generation) {
+        if (this.expanded.has(node.nodeId) && this.needsChildren(node) && !this.loadingChildren.has(node.nodeId))
+            this.loadChildren(node, false, generation);
+    }
+    hasChildren(node) {
+        return node.numChildren > 0;
+    }
+    isExpanded(node) {
+        return this.expanded.has(node.nodeId);
+    }
+    needsChildren(node) {
+        return node.numChildren > 0 && !node.children?.length && !this.loaded.has(node.nodeId);
+    }
+    toggle(node, event) {
+        event?.stopPropagation();
+        if (!this.hasChildren(node))
+            return;
+        if (this.expanded.has(node.nodeId)) {
+            this.expanded.delete(node.nodeId);
+            this.buildRows();
             return;
         }
-        let series = [];
-        let props = Object.keys(reference.actsessions[0]);
-        for (let i = 0; i < props.length; i++) {
-            if (props[i] != 'sampletime') {
-                let s = new LineSerie(this.propertiesSeriesMapping[props[i]], [], null, null, "sessions");
-                series.push(s);
-                this.seriesPropertiesMapping[props[i]] = s;
-            }
+        this.expanded.add(node.nodeId);
+        if (this.needsChildren(node))
+            this.loadChildren(node, false);
+        else
+            this.buildRows();
+    }
+    // R9: la stessa chiamata dei figli senza maxChildren e minPercentage
+    showAll(node, event) {
+        event.stopPropagation();
+        this.loadChildren(node, true);
+    }
+    // R8: i figli di un nodo, che sostituiscono children e omitted* del nodo
+    async loadChildren(node, all, generation = this.treeGeneration) {
+        let req = this.baseRequest(new ProfilerV2TreeRequest());
+        req.rootNodeId = node.nodeId;
+        req.maxDepth = 1;
+        req.orderBy = +this.orderBy;
+        if (!all && +this.maxChildren > 0)
+            req.maxChildren = +this.maxChildren;
+        if (!all && +this.minPercentage > 0)
+            req.minPercentage = +this.minPercentage;
+        this.loadingChildren.add(node.nodeId);
+        this.buildRows();
+        try {
+            let res = await this.adms.getProfilerTreeV2(this.be, req);
+            if (generation != this.treeGeneration)
+                return;
+            let fresh = res?.idleNode;
+            node.children = fresh?.children ?? [];
+            node.numChildren = fresh?.numChildren ?? node.children.length;
+            node.omittedChildren = fresh?.omittedChildren ?? 0;
+            node.omittedCalls = fresh?.omittedCalls ?? 0;
+            node.omittedTime = fresh?.omittedTime ?? 0;
+            node.omittedSnapDeltaTime = fresh?.omittedSnapDeltaTime ?? 0;
+            for (let child of node.children)
+                this.ingest(child, node, 0, false);
+            this.loaded.add(node.nodeId);
+            node.children.forEach(t => this.reopen(t, generation));
         }
-        for (let i = 0; i < reference.actsessions.length; i++) {
-            let itemref = reference.actsessions[i];
-            let theD = new Date(itemref.sampletime);
-            for (let i = 0; i < props.length; i++)
-                if (props[i] != 'sampletime' && (!update || this.dateExts.getDateConvertion(theD).isAfter(this.LastDataPoint)))
-                    this.seriesPropertiesMapping[props[i]].values.push(new DateValue(theD, itemref[props[i]]));
+        catch (err) {
+            if (generation == this.treeGeneration) {
+                this.expanded.delete(node.nodeId);
+                this.treeError = this.errorMessage(err);
+            }
         }
-        if (update && this.ChartInstance) {
-            let data = new LineChartData(series, new Limit(dirInfos?.threads, this.lc.loc("Thread Massimi")));
-            if (series.some(t => t.values.length > 0)) {
-                this.ChartInstance.addData(data);
-                this.LastDataPoint = series.map(t => dayjs.max(t.values.map(v => this.dateExts.getDateConvertion(v.d))))[0];
+        finally {
+            if (generation == this.treeGeneration) {
+                this.loadingChildren.delete(node.nodeId);
+                this.buildRows();
             }
         }
-        else {
-            this.TopActiveSessions = new LineChartData(series, new Limit(dirInfos?.threads, this.lc.loc("Thread Massimi")));
-            this.LastDataPoint = series.map(t => dayjs.max(t.values.map(v => this.dateExts.getDateConvertion(v.d))))[0];
+    }
+    buildRows() {
+        let rows = [];
+        if (this.tree?.idleNode)
+            this.addRows(rows, this.tree.idleNode, 0);
+        this.rows = rows;
+    }
+    addRows(rows, node, depth) {
+        rows.push({ kind: "node", node: node, depth: depth, key: node.nodeId });
+        if (!this.expanded.has(node.nodeId))
+            return;
+        let loading = this.loadingChildren.has(node.nodeId);
+        if (loading)
+            rows.push({ kind: "loading", node: node, depth: depth + 1, key: node.nodeId + "#loading" });
+        for (let child of node.children ?? [])
+            this.addRows(rows, child, depth + 1);
+        if (!loading && node.omittedChildren > 0 && !this.needsChildren(node))
+            rows.push({ kind: "omitted", node: node, depth: depth + 1, key: node.nodeId + "#omitted" });
+    }
+    // Clic: selezione e dettaglio. Doppio clic: apre o chiude
+    rowClicked(node) {
+        this.select(node.nodeId);
+    }
+    // Su e giù cambiano nodo, destra apre (o scende al primo figlio), sinistra chiude (o sale al padre)
+    treeKeydown(event) {
+        let nodeRows = this.rows.filter(t => t.kind == "node");
+        let index = nodeRows.findIndex(t => t.node.nodeId == this.selectedId);
+        let current = index >= 0 ? nodeRows[index].node : null;
+        let target = null;
+        switch (event.key) {
+            case "ArrowDown":
+                target = nodeRows[Math.min(nodeRows.length - 1, index + 1)]?.node;
+                break;
+            case "ArrowUp":
+                target = nodeRows[Math.max(0, index - 1)]?.node;
+                break;
+            case "ArrowRight":
+                if (current && this.hasChildren(current) && !this.isExpanded(current))
+                    this.toggle(current);
+                else if (current && this.isExpanded(current))
+                    target = current.children?.[0];
+                break;
+            case "ArrowLeft":
+                if (current && this.isExpanded(current) && this.hasChildren(current))
+                    this.toggle(current);
+                else if (current)
+                    target = this.parents.get(current.nodeId);
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        if (target) {
+            this.select(target.nodeId, true);
+            setTimeout(() => document.getElementById("pv2-row-" + target.nodeId)?.scrollIntoView({ block: "nearest" }));
         }
     }
-    autoUpdateChanged() {
-        if (!/^[1-9]\d*$/.test(this.seconds))
-            this.seconds = '10';
-        const secondsInMs = parseInt(this.seconds, null) * 1000;
-        if (this.autoUpdate) {
-            this.sendSearch(false, true);
-            this.updateTimer = setInterval(() => { this.sendSearch(false, true); }, secondsInMs);
+    isIdle(type, waitClass) {
+        return type == "Idle" || ((type == "Wait" || type == "Sleep") && waitClass == "Idle");
+    }
+    // Esecuzione in corso da più di un minuto su un nodo non idle (solo live)
+    isLongRunning(type, waitClass, activeMaxTime) {
+        return this.live && !this.isIdle(type, waitClass) && (activeMaxTime ?? 0) >= LONG_RUNNING_SECONDS;
+    }
+    // Con la ricerca la parte del nome che corrisponde è evidenziata
+    nameParts(name, search) {
+        if (!search || !name)
+            return [{ text: name ?? "", hit: false }];
+        let parts = [];
+        let lower = name.toLowerCase();
+        let needle = search.toLowerCase();
+        let from = 0;
+        let at = lower.indexOf(needle);
+        while (at >= 0) {
+            if (at > from)
+                parts.push({ text: name.substring(from, at), hit: false });
+            parts.push({ text: name.substring(at, at + needle.length), hit: true });
+            from = at + needle.length;
+            at = lower.indexOf(needle, from);
         }
-        else
+        if (from < name.length)
+            parts.push({ text: name.substring(from), hit: false });
+        return parts;
+    }
+    // #endregion
+    // #region Valori secondo la modalità (dall'avvio o dall'ultimo snapshot)
+    get snapMode() {
+        return this.live && this.snapValues;
+    }
+    calls(node) { return this.snapMode ? node.snapDeltaCalls : node.calls; }
+    time(node) { return this.snapMode ? node.snapDeltaTime : node.time; }
+    self(node) { return this.snapMode ? node.snapDeltaTimeLessChildren : node.timeLessChildren; }
+    avg(node) { return this.snapMode ? node.snapDeltaAvgTime : node.avgTime; }
+    peak(node) { return this.snapMode ? node.snapPeakTime : node.peakTime; }
+    parentPerc(node) { return this.snapMode ? node.snapParentPercentage : node.parentPercentage; }
+    firstLevelPerc(node) { return this.snapMode ? node.snapPercentage : node.percentage; }
+    omittedTime(node) { return this.snapMode ? node.omittedSnapDeltaTime : node.omittedTime; }
+    flatCalls(item) { return this.snapMode ? item.snapDeltaCalls : item.calls; }
+    flatSelf(item) { return this.snapMode ? item.snapDeltaTimeLessChildren : item.timeLessChildren; }
+    flatPerc(item) { return this.snapMode ? item.snapPercentage : item.percentage; }
+    flatTime(item) { return this.snapMode ? item.snapDeltaTime : item.time; }
+    // La vista per nome non ha il medio dei delta: si calcola
+    flatAvg(item) { return this.snapMode ? (item.snapDeltaCalls > 0 ? item.snapDeltaTime / item.snapDeltaCalls : null) : item.avgTime; }
+    // #endregion
+    // #region Eventi per nome
+    flatChanged() {
+        this.saveSettings();
+        this.loadFlat();
+    }
+    setFlatTop(id) {
+        this.flatTop = id;
+        this.flatChanged();
+    }
+    flatSearchChanged() {
+        clearTimeout(this.flatSearchTimer);
+        this.flatSearchTimer = setTimeout(() => this.loadFlat(), SEARCH_DELAY_MS);
+    }
+    async loadFlat() {
+        let generation = ++this.flatGeneration;
+        let req = this.baseRequest(new ProfilerV2FlatRequest());
+        req.orderBy = +this.flatOrderBy;
+        req.top = +this.flatTop;
+        let search = (this.flatSearch ?? "").trim();
+        if (search)
+            req.search = search;
+        if (this.flatType && this.flatType != "*")
+            req.eventType = this.flatType;
+        if (this.flatIncludeIdle)
+            req.includeIdle = true;
+        this.flatLoading = true;
+        this.flatError = null;
+        try {
+            let res = await this.adms.getProfilerFlatV2(this.be, req);
+            if (generation != this.flatGeneration)
+                return;
+            this.flat = res;
+            this.openFlat.clear();
+        }
+        catch (err) {
+            if (generation == this.flatGeneration)
+                this.flatError = this.errorMessage(err);
+        }
+        finally {
+            if (generation == this.flatGeneration)
+                this.flatLoading = false;
+        }
+    }
+    flatKey(item) {
+        return `${item.eventTypeName}|${item.waitClassName}|${item.nodeName}`;
+    }
+    toggleFlat(item) {
+        let key = this.flatKey(item);
+        if (this.openFlat.has(key))
+            this.openFlat.delete(key);
+        else
+            this.openFlat.add(key);
+    }
+    // R20: dall'elenco dei nodi di un evento, apri nell'albero
+    openInTree(nodeId, event) {
+        event.stopPropagation();
+        this.setRoot(nodeId);
+        this.select(nodeId);
+    }
+    showDetail(nodeId, event) {
+        event.stopPropagation();
+        this.select(nodeId);
+    }
+    // #endregion
+    // #region Dettaglio
+    select(nodeId, delayed = false) {
+        clearTimeout(this.detailTimer);
+        if (nodeId == this.selectedId && (this.detailLoading || this.detail?.nodeId == nodeId))
+            return;
+        this.selectedId = nodeId;
+        if (delayed)
+            this.detailTimer = setTimeout(() => this.loadDetail(nodeId), DETAIL_DELAY_MS);
+        else
+            this.loadDetail(nodeId);
+    }
+    async loadDetail(nodeId) {
+        // Se l'utente seleziona un altro nodo prima della risposta, quella vecchia si scarta (R18)
+        let generation = ++this.detailGeneration;
+        let req = this.baseRequest(new ProfilerV2NodeRequest());
+        req.nodeId = nodeId;
+        this.detailLoading = true;
+        this.detailError = null;
+        this.detailMissing = false;
+        try {
+            let res = await this.adms.getProfilerNodeV2(this.be, req);
+            if (generation != this.detailGeneration)
+                return;
+            this.detail = res;
+            this.detailMissing = !res;
+            this.typeParts = res ? this.buildTypeParts(res) : [];
+            this.chart = res ? this.buildChart(res) : null;
+        }
+        catch (err) {
+            if (generation == this.detailGeneration) {
+                this.detail = null;
+                this.detailError = `${this.lc.loc("Errore")} ${err?.status ?? ""}. ${this.adms.errorText(err)}`;
+            }
+        }
+        finally {
+            if (generation == this.detailGeneration)
+                this.detailLoading = false;
+        }
+    }
+    // Mentre arriva il dettaglio di un altro nodo quello di prima resta visibile, attenuato, così il pannello non salta
+    get detailStale() {
+        return !!this.detail && this.detail.nodeId != this.selectedId;
+    }
+    async copyId(element) {
+        try {
+            await navigator.clipboard.writeText(this.detail.nodeId);
+            this.copied = true;
+            setTimeout(() => this.copied = false, 1500);
+        }
+        catch {
+            // Senza appunti (pagina non sicura o permesso negato) il testo dell'id resta selezionato, pronto per Ctrl+C
+            let range = document.createRange();
+            range.selectNodeContents(element);
+            let selection = window.getSelection();
+            selection.removeAllRanges();
+            selection.addRange(range);
+        }
+    }
+    // Ripartizione del tempo proprio di nodo e discendenti: solo i tipi maggiori di zero, in ordine decrescente
+    buildTypeParts(stats) {
+        let parts = [
+            ["Cpu", stats.cpuPerc], ["Database", stats.dbPerc], ["Wait", stats.waitPerc], ["Script", stats.scriptPerc], ["Network", stats.networkPerc],
+            ["IO", stats.ioPerc], ["Sleep", stats.sleepPerc], ["Throttle", stats.throttlePerc], ["Idle", stats.idlePerc]
+        ];
+        return parts.filter(t => t[1] > 0).sort((a, b) => b[1] - a[1]).map(t => ({ type: t[0], label: TYPE_LABELS[t[0]], color: TYPE_COLORS[t[0]], percentage: t[1] }));
+    }
+    // activeSessions ha un punto al secondo: si raggruppano in circa 160 punti con la media (R27)
+    buildChart(stats) {
+        let points = stats.activeSessions ?? [];
+        if (points.length == 0)
+            return null;
+        let times = points.map(t => this.parseUtc(t.timestamp).getTime());
+        let values = points.map(t => t.activity ?? 0);
+        let interval = points.length > 1 ? Math.max(1, Math.round((times[times.length - 1] - times[0]) / (points.length - 1) / 1000)) : 1;
+        let size = Math.max(1, Math.ceil(points.length / CHART_POINTS));
+        let grouped = [];
+        for (let i = 0; i < points.length; i += size) {
+            let slice = values.slice(i, i + size);
+            grouped.push({ t: times[i], v: slice.reduce((a, b) => a + b, 0) / slice.length });
+        }
+        let max = this.niceMax(Math.max(...grouped.map(t => t.v)));
+        let n = grouped.length;
+        let x = (i) => n > 1 ? i / (n - 1) * 100 : 50;
+        let y = (v) => 100 - v / max * 100;
+        let line = grouped.map((t, i) => `${i ? "L" : "M"}${x(i).toFixed(2)},${y(t.v).toFixed(2)}`).join(" ");
+        return {
+            line: line,
+            area: `${line} L${x(n - 1).toFixed(2)},100 L${x(0).toFixed(2)},100 Z`,
+            color: this.typeColor(stats.eventTypeName, stats.waitClassName),
+            max: max,
+            lastX: x(n - 1),
+            lastY: y(grouped[n - 1].v),
+            start: this.hhmm(new Date(times[0])),
+            middle: this.hhmm(new Date(times[Math.floor(times.length / 2)])),
+            end: this.hhmm(new Date(times[times.length - 1])),
+            average: values.reduce((a, b) => a + b, 0) / values.length,
+            peak: Math.max(...values),
+            points: points.length,
+            interval: interval,
+            group: size * interval
+        };
+    }
+    // Massimo dell'asse arrotondato a un valore tondo: 1, 2, 2,5 o 5 per una potenza di 10
+    niceMax(value) {
+        if (!(value > 0))
+            return 1;
+        let power = Math.pow(10, Math.floor(Math.log10(value)));
+        let fraction = value / power;
+        return [1, 2, 2.5, 5, 10].find(t => fraction <= t + 1e-9) * power;
+    }
+    // #endregion
+    // #region Presentazione
+    typeColor(type, waitClass) {
+        return TYPE_COLORS[this.isIdle(type, waitClass) ? "Idle" : type] ?? TYPE_COLORS.Idle;
+    }
+    typeLabel(type, waitClass) {
+        let label = TYPE_LABELS[type] ?? type;
+        return waitClass && waitClass != "None" ? `${label} · ${waitClass}` : label;
+    }
+    axisValue(value) {
+        return formatNumber(value, "it", "1.0-3");
+    }
+    duration(seconds) {
+        return formatDuration(seconds);
+    }
+    // Le date delle risposte sono UTC "dd/MM/yyyy HH:mm:ss" senza fuso: si leggono come UTC e si mostrano in ora locale
+    parseUtc(value) {
+        let m = /^(\d{2})\/(\d{2})\/(\d{4}) (\d{2}):(\d{2}):(\d{2})$/.exec(value ?? "");
+        return m ? new Date(Date.UTC(+m[3], +m[2] - 1, +m[1], +m[4], +m[5], +m[6])) : value ? new Date(value) : null;
+    }
+    hhmm(value) {
+        let date = typeof value == "string" ? this.parseUtc(value) : value;
+        return date ? dayjs(date).format("HH:mm") : "—";
+    }
+    ddmmhhmm(value) {
+        let date = this.parseUtc(value);
+        return date ? dayjs(date).format("DD/MM HH:mm") : "—";
+    }
+    minutesAgo(value) {
+        let date = this.parseUtc(value);
+        return date ? Math.max(0, Math.floor((Date.now() - date.getTime()) / 60000)) : 0;
+    }
+    // "{x} s fa", "{x} min fa", "{x} h {y} min fa"; "mai" se nessuno è ancora uscito
+    relative(value) {
+        let date = this.parseUtc(value);
+        if (!date)
+            return this.lc.loc("mai");
+        let seconds = Math.max(0, Math.round((Date.now() - date.getTime()) / 1000));
+        if (seconds < 60)
+            return `${seconds} ${this.lc.loc("s fa")}`;
+        let minutes = Math.floor(seconds / 60);
+        if (minutes < 60)
+            return `${minutes} ${this.lc.loc("min fa")}`;
+        return `${Math.floor(minutes / 60)} h ${minutes % 60} ${this.lc.loc("min fa")}`;
+    }
+    errorMessage(err) {
+        return `${this.lc.loc("Errore")} ${err?.status ?? ""}: ${this.adms.errorText(err)}`;
+    }
+    // #endregion
+    // #region Supporto
+    buildSources() {
+        let orders = [
+            [ProfilerOrderBy.Time, "Tempo"], [ProfilerOrderBy.TimeLessChildren, "Tempo proprio"], [ProfilerOrderBy.Calls, "Chiamate"],
+            [ProfilerOrderBy.AvgTime, "Tempo medio"], [ProfilerOrderBy.PeakTime, "Picco"], [ProfilerOrderBy.SnapDeltaTime, "Δ Tempo"],
+            [ProfilerOrderBy.SnapDeltaTimeLessChildren, "Δ Tempo proprio"], [ProfilerOrderBy.SnapDeltaCalls, "Δ Chiamate"], [ProfilerOrderBy.ActiveThreads, "Thread attivi"]
+        ];
+        this.TreeOrders = orders.map(t => new KeyValue(String(t[0]), this.lc.loc(t[1])));
+        // La vista per nome parte dal tempo proprio e non ha il Δ del tempo totale
+        this.FlatOrders = [1, 0, 2, 3, 4, 6, 7, 8].map(t => this.TreeOrders.find(k => k.id == String(t)));
+        this.ChildrenOptions = ["10", "25", "50", "100"].map(t => new KeyValue(t, t)).concat([new KeyValue("0", this.lc.loc("Tutti"))]);
+        this.ThresholdOptions = [new KeyValue("0", this.lc.loc("Nessuna")), new KeyValue("0.1", "≥ 0,1%"), new KeyValue("1", "≥ 1%"), new KeyValue("5", "≥ 5%")];
+        this.FlatTypes = [new KeyValue("*", this.lc.loc("Tutti"))].concat(EVENT_TYPES.map(t => new KeyValue(t, t)));
+        this.FlatRows = [new KeyValue("100", "100"), new KeyValue("500", "500"), new KeyValue("1000", "1.000")];
+        this.updateOrderOptions();
+        this.buildInstances();
+    }
+    // Le chiavi dei delta e i thread attivi si propongono solo in live (R10)
+    updateOrderOptions() {
+        this.TreeOrderOptions = this.live ? this.TreeOrders : this.TreeOrders.slice(0, 5);
+        this.FlatOrderOptions = this.live ? this.FlatOrders : this.FlatOrders.slice(0, 5);
+    }
+    // Indipendenti: l'istanza che risponde è facoltativa, l'elenco usa la gestione errori standard
+    loadInstances() {
+        this.adms.getInstanceId(this.be).then(t => {
+            this.instanceId = t;
+            this.buildInstances();
+        });
+        this.adms.getInstances(this.be).then(t => {
+            this.instanceIds = (t ?? []).map(k => k.id);
+            this.buildInstances();
+        });
+    }
+    buildInstances() {
+        this.Instances = [
+            new KeyValue(INSTANCE_THIS, this.instanceId ? `${this.lc.loc("Questa istanza")} (${this.instanceId})` : this.lc.loc("Questa istanza")),
+            new KeyValue(INSTANCE_ALL$1, this.instanceIds.length ? `${this.lc.loc("Tutto il cluster")} (${this.instanceIds.length} ${this.instanceIds.length == 1 ? this.lc.loc("istanza") : this.lc.loc("istanze")})` : this.lc.loc("Tutto il cluster")),
+            ...this.instanceIds.map(t => new KeyValue(t, `${this.lc.loc("Solo")} ${t}`))
+        ];
+    }
+    updateUrl() {
+        let [path, query] = this.location.path().split("?");
+        let params = new URLSearchParams(query ?? "");
+        if (this.rootId)
+            params.set("root", this.rootId);
+        else
+            params.delete("root");
+        this.location.replaceState(path, params.toString());
+    }
+    applySettings(saved) {
+        this.orderBy = saved.orderBy ?? this.orderBy;
+        this.maxChildren = saved.maxChildren ?? this.maxChildren;
+        this.minPercentage = saved.minPercentage ?? this.minPercentage;
+        this.snapValues = saved.snapValues ?? this.snapValues;
+        this.flatOrderBy = saved.flatOrderBy ?? this.flatOrderBy;
+        this.flatTop = saved.flatTop ?? this.flatTop;
+    }
+    saveSettings() {
+        let settings = {
+            orderBy: this.orderBy,
+            maxChildren: this.maxChildren,
+            minPercentage: this.minPercentage,
+            snapValues: this.snapValues,
+            flatOrderBy: this.flatOrderBy,
+            flatTop: this.flatTop
+        };
+        this.localStorage.setItem(STORAGE_KEY$3, settings).subscribe();
+    }
+    toDate(value) {
+        return value ? this.dateExts.getDateConvertion(value).toDate() : null;
+    }
+    fmt(date) {
+        return dayjs(date).format(this.lc.token("getFullDateDisplayFormat"));
+    }
+    floorHour(date) {
+        let ret = new Date(date);
+        ret.setMinutes(0, 0, 0);
+        return ret;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmProfilerV2Component, deps: [{ token: i1$1.DateService }, { token: i1.LocalizationService }, { token: i3.PreferencesService }, { token: i1$1.InterComService }, { token: i4.ActivatedRoute }, { token: i4.Router }, { token: i5.Location }, { token: AdminModuleBaseService }, { token: ADM_MODULE_PATH }, { token: ADM_WORKLOAD_V2, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: AdmProfilerV2Component, isStandalone: false, selector: "profiler_v2", providers: [{ provide: LocalizationService, useClass: AdmProfilerV2Loc }], ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-12\">\r\n        <div class=\"card app-overflow-visible\" widget>\r\n            <div class=\"card-header\">\r\n                <span class=\"text-uppercase\">{{'Profiler del Server' | localize: lc}}</span>\r\n            </div>\r\n            <div class=\"card-body widget-body pv2-body\">\r\n                <!-- Barra dei comandi: quali dati caricare. Ogni cambio ricarica la vista e il dettaglio aperto -->\r\n                <div class=\"pv2-toolbar\">\r\n                    <div class=\"pv2-cluster\">\r\n                        <div class=\"pv2-group\">\r\n                            <span class=\"pv2-group-label\">{{'Sorgente' | localize: lc}}</span>\r\n                            <div class=\"pv2-seg\">\r\n                                <button type=\"button\" [class.pv2-on]=\"live\" (click)=\"setLive(true)\"><span class=\"pv2-live-dot\"></span>Live</button>\r\n                                <button type=\"button\" [class.pv2-on]=\"!live\" (click)=\"setLive(false)\">{{'Storico' | localize: lc}}</button>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"pv2-field pv2-field-wide pv2-noclear\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"instance\" (ngModelChange)=\"setInstance($event)\" name=\"instance\" [Source]=\"Instances\" [Placeholder]=\"'Istanze' | localize: lc\"></form-select>\r\n                        </div>\r\n                    </div>\r\n\r\n                    @if (!live) {\r\n                        <div class=\"pv2-cluster\">\r\n                            <div class=\"pv2-field\">\r\n                                <form-datetime [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"filterfrom\" (ngModelChange)=\"filterfrom = $event; datesChanged()\" name=\"filterfrom\" [Placeholder]=\"'Dal' | localize: lc\"></form-datetime>\r\n                            </div>\r\n                            <div class=\"pv2-field\">\r\n                                <form-datetime [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"filterto\" (ngModelChange)=\"filterto = $event; datesChanged()\" name=\"filterto\" [Placeholder]=\"'Al' | localize: lc\"></form-datetime>\r\n                            </div>\r\n                        </div>\r\n                    } @else {\r\n                        <div class=\"pv2-group\">\r\n                            <span class=\"pv2-group-label\">{{'Valori' | localize: lc}}</span>\r\n                            <div class=\"pv2-seg\">\r\n                                <button type=\"button\" [class.pv2-on]=\"!snapValues\" (click)=\"setSnapValues(false)\">{{\"Dall'avvio\" | localize: lc}}</button>\r\n                                <button type=\"button\" [class.pv2-on]=\"snapValues\" (click)=\"setSnapValues(true)\">{{\"Dall'ultimo snapshot\" | localize: lc}}</button>\r\n                            </div>\r\n                        </div>\r\n                    }\r\n\r\n                    <div class=\"pv2-cluster pv2-cluster-end\">\r\n                        <button type=\"button\" class=\"btn app-btn-search\" [disabled]=\"loading\" (click)=\"reloadAll()\" [title]=\"'Aggiorna' | localize: lc\">\r\n                            <i class=\"fa fa-refresh\" [class.fa-spin]=\"loading\"></i>\r\n                        </button>\r\n                        <button type=\"button\" class=\"btn app-btn-search\" (click)=\"downloadWorkloadReport()\" [title]=\"(workloadV2 ? 'Workload report' : 'Scarica il workload report') | localize: lc\">\r\n                            <i class=\"fa\" [class.fa-download]=\"!workloadV2\" [class.fa-file-text]=\"workloadV2\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- Riga della finestra: sempre visibile sopra la vista -->\r\n                <div class=\"pv2-window\">\r\n                    <span><strong>{{live ? 'Live' : ('Storico' | localize: lc)}}</strong> &middot; {{instanceLabel}}</span>\r\n                    @if (current?.snapFrom; as snapFrom) {\r\n                        @if (live) {\r\n                            <span>{{\"Delta dall'ultimo snapshot delle\" | localize: lc}} {{hhmm(snapFrom)}} ({{minutesAgo(snapFrom)}} {{'min fa' | localize: lc}})</span>\r\n                        } @else {\r\n                            <span>{{'Snapshot dalle' | localize: lc}} {{ddmmhhmm(snapFrom)}} {{'alle' | localize: lc}} {{ddmmhhmm(current?.snapTo)}}</span>\r\n                        }\r\n                    } @else if (current && !live) {\r\n                        <span class=\"pv2-warn-text\">{{'Nessuno snapshot termina nella finestra scelta' | localize: lc}}</span>\r\n                    }\r\n                    @if (view == 'tree' && tree?.idleNode) {\r\n                        <span>{{tree.numNodes | pv2fmt: 'int'}} {{\"nodi nell'albero\" | localize: lc}} &middot; {{tree.numReturnedNodes | pv2fmt: 'int'}} {{'nella risposta' | localize: lc}}</span>\r\n                    }\r\n                    @if (view == 'flat' && flat) {\r\n                        <span>{{flat.numItems | pv2fmt: 'int'}} {{'eventi distinti' | localize: lc}}</span>\r\n                    }\r\n                    @if (loading) {\r\n                        <span class=\"pv2-muted\"><i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento\u2026' | localize: lc}}</span>\r\n                    }\r\n                </div>\r\n\r\n                <div class=\"pv2-main\">\r\n                    <!-- Vista: albero o eventi per nome -->\r\n                    <div class=\"pv2-panel pv2-view\">\r\n                        <div class=\"pv2-view-bar\">\r\n                            <div class=\"pv2-seg\">\r\n                                <button type=\"button\" [class.pv2-on]=\"view == 'tree'\" (click)=\"setView('tree')\"><i class=\"fa fa-sitemap\"></i> {{'Albero' | localize: lc}}</button>\r\n                                <button type=\"button\" [class.pv2-on]=\"view == 'flat'\" (click)=\"setView('flat')\"><i class=\"fa fa-list\"></i> {{'Per nome' | localize: lc}}</button>\r\n                            </div>\r\n\r\n                            @if (view == 'tree') {\r\n                                <div class=\"pv2-field pv2-field-search\" [title]=\"'Per esempio MRD_METERREADINGS, ENQUEUE, ProfilesMgr' | localize: lc\">\r\n                                    <form-input [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"searchText\" (ngModelChange)=\"searchText = $event; searchChanged()\" name=\"search\" [Placeholder]=\"'Cerca nei nomi o per id' | localize: lc\"></form-input>\r\n                                </div>\r\n                                <div class=\"pv2-field pv2-noclear\">\r\n                                    <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"orderBy\" (ngModelChange)=\"setOrderBy($event)\" name=\"orderBy\" [Source]=\"TreeOrderOptions\" [Placeholder]=\"'Ordina per' | localize: lc\"></form-select>\r\n                                </div>\r\n                                <div class=\"pv2-group\" [class.pv2-disabled]=\"!!activeSearch\">\r\n                                    <span class=\"pv2-group-label\">{{'Figli per nodo' | localize: lc}}</span>\r\n                                    <div class=\"pv2-seg\">\r\n                                        @for (o of ChildrenOptions; track o.id) {\r\n                                            <button type=\"button\" [disabled]=\"!!activeSearch\" [class.pv2-on]=\"maxChildren == o.id\" (click)=\"setMaxChildren(o.id)\">{{o.description}}</button>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"pv2-group\" [class.pv2-disabled]=\"!!activeSearch\">\r\n                                    <span class=\"pv2-group-label\">{{'Soglia' | localize: lc}}</span>\r\n                                    <div class=\"pv2-seg\">\r\n                                        @for (o of ThresholdOptions; track o.id) {\r\n                                            <button type=\"button\" [disabled]=\"!!activeSearch\" [class.pv2-on]=\"minPercentage == o.id\" (click)=\"setMinPercentage(o.id)\">{{o.description}}</button>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                            } @else {\r\n                                <div class=\"pv2-field pv2-field-search\">\r\n                                    <form-input [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"flatSearch\" (ngModelChange)=\"flatSearch = $event; flatSearchChanged()\" name=\"flatSearch\" [Placeholder]=\"'Cerca nei nomi' | localize: lc\"></form-input>\r\n                                </div>\r\n                                <div class=\"pv2-field pv2-field-narrow pv2-noclear\">\r\n                                    <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"flatType\" (ngModelChange)=\"flatType = $event; flatChanged()\" name=\"flatType\" [Source]=\"FlatTypes\" [Placeholder]=\"'Tipo' | localize: lc\"></form-select>\r\n                                </div>\r\n                                <div class=\"pv2-field pv2-noclear\">\r\n                                    <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"flatOrderBy\" (ngModelChange)=\"flatOrderBy = $event; flatChanged()\" name=\"flatOrderBy\" [Source]=\"FlatOrderOptions\" [Placeholder]=\"'Ordina per' | localize: lc\"></form-select>\r\n                                </div>\r\n                                <div class=\"pv2-group\">\r\n                                    <span class=\"pv2-group-label\">{{'Righe' | localize: lc}}</span>\r\n                                    <div class=\"pv2-seg\">\r\n                                        @for (o of FlatRows; track o.id) {\r\n                                            <button type=\"button\" [class.pv2-on]=\"flatTop == o.id\" (click)=\"setFlatTop(o.id)\">{{o.description}}</button>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"pv2-toggle\">\r\n                                    <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [ngModel]=\"flatIncludeIdle\" (ngModelChange)=\"flatIncludeIdle = $event; flatChanged()\" name=\"flatIncludeIdle\"></form-checkbox>\r\n                                    <span class=\"pv2-pointer\" (click)=\"flatIncludeIdle = !flatIncludeIdle; flatChanged()\">{{'Anche gli eventi idle' | localize: lc}}</span>\r\n                                </div>\r\n                            }\r\n                        </div>\r\n\r\n                        @if (view == 'tree') {\r\n                            <!-- Percorso della radice: ogni antenato riporta l'albero a quel nodo -->\r\n                            @if (tree?.idleNode && tree?.rootPath?.length) {\r\n                                <nav class=\"pv2-crumbs\">\r\n                                    @for (item of tree.rootPath; track item.nodeId) {\r\n                                        <button type=\"button\" class=\"pv2-crumb\" [title]=\"item.nodeName\" (click)=\"setRoot(item.nodeId)\">{{item.nodeName}}</button>\r\n                                        <span class=\"pv2-crumb-sep\">&rsaquo;</span>\r\n                                    }\r\n                                    <span class=\"pv2-crumb pv2-crumb-current\" [title]=\"tree.idleNode.nodeName\">{{tree.idleNode.nodeName}}</span>\r\n                                </nav>\r\n                            }\r\n\r\n                            @if (treeNotice) {\r\n                                <div class=\"pv2-alert pv2-alert-warn\">\r\n                                    {{treeNotice}}\r\n                                    <button type=\"button\" class=\"pv2-alert-close\" [title]=\"'Chiudi' | localize: lc\" (click)=\"treeNotice = null\">&times;</button>\r\n                                </div>\r\n                            }\r\n                            @if (activeSearch && tree) {\r\n                                @if (matchCount > 0) {\r\n                                    <div class=\"pv2-alert\" [class.pv2-alert-warn]=\"tree.truncated\">\r\n                                        {{matchCount | pv2fmt: 'int'}} {{'nodi trovati, con i loro antenati.' | localize: lc}}\r\n                                        @if (tree.truncated) {\r\n                                            <strong>{{'I nodi trovati sono pi\u00F9 di 1.000: sono mostrati i primi per l\\'ordinamento scelto.' | localize: lc}}</strong>\r\n                                        }\r\n                                    </div>\r\n                                } @else if (!treeLoading) {\r\n                                    <div class=\"pv2-alert\">{{'Nessun nodo contiene' | localize: lc}} &laquo;{{activeSearch}}&raquo;.</div>\r\n                                }\r\n                            }\r\n                            @if (treeError) {\r\n                                <div class=\"pv2-alert pv2-alert-error\">{{treeError}}</div>\r\n                            }\r\n\r\n                            <div class=\"pv2-table-wrap\" tabindex=\"0\" (keydown)=\"treeKeydown($event)\">\r\n                                <table class=\"pv2-table\">\r\n                                    <thead>\r\n                                        <tr>\r\n                                            <th class=\"pv2-col-node\">{{'Nodo' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Chiamate' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Tempo' | localize: lc}}</th>\r\n                                            <th>{{snapMode ? '\u0394 ' : ''}}{{'% del padre' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{(snapMode ? '\u0394 Proprio' : 'Tempo proprio') | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Medio' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Picco' | localize: lc}}</th>\r\n                                            @if (live) {\r\n                                                <th class=\"pv2-num\">{{'Thread ora' | localize: lc}}</th>\r\n                                            }\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        @for (row of rows; track row.key) {\r\n                                            @if (row.kind == 'node') {\r\n                                                <tr [id]=\"'pv2-row-' + row.node.nodeId\" class=\"pv2-row\"\r\n                                                    [class.pv2-selected]=\"row.node.nodeId == selectedId\"\r\n                                                    [class.pv2-idle]=\"isIdle(row.node.eventTypeName, row.node.waitClassName)\"\r\n                                                    (click)=\"rowClicked(row.node)\" (dblclick)=\"toggle(row.node)\">\r\n                                                    <td class=\"pv2-col-node\">\r\n                                                        <div class=\"pv2-node\" [style.padding-left.px]=\"row.depth * 16\">\r\n                                                            @if (hasChildren(row.node)) {\r\n                                                                <button type=\"button\" class=\"pv2-caret\" tabindex=\"-1\" [attr.aria-expanded]=\"isExpanded(row.node)\" (click)=\"toggle(row.node, $event)\">\r\n                                                                    <i class=\"fa\" [class.fa-caret-down]=\"isExpanded(row.node)\" [class.fa-caret-right]=\"!isExpanded(row.node)\"></i>\r\n                                                                </button>\r\n                                                            } @else {\r\n                                                                <span class=\"pv2-caret\"></span>\r\n                                                            }\r\n                                                            <span class=\"pv2-type\"><span class=\"pv2-dot\" [style.background]=\"typeColor(row.node.eventTypeName, row.node.waitClassName)\"></span>{{typeLabel(row.node.eventTypeName, row.node.waitClassName)}}</span>\r\n                                                            <span class=\"pv2-name\" [title]=\"row.node.nodeName\">@if (row.node.searchMatch && activeSearch) {@for (part of nameParts(row.node.nodeName, activeSearch); track $index) {@if (part.hit) {<mark>{{part.text}}</mark>} @else {<span>{{part.text}}</span>}}} @else {<span>{{row.node.nodeName}}</span>}</span>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td class=\"pv2-num\">{{calls(row.node) | pv2fmt: 'int'}}</td>\r\n                                                    <td class=\"pv2-num\">{{time(row.node) | pv2fmt: 'dur'}}</td>\r\n                                                    <td class=\"pv2-perc\" [title]=\"(parentPerc(row.node) | pv2fmt: 'pct') + ' ' + ('del padre' | localize: lc) + ' \u00B7 ' + (firstLevelPerc(row.node) | pv2fmt: 'pct') + ' ' + ('del nodo di primo livello' | localize: lc)\">\r\n                                                        <div class=\"pv2-perc-cell\">\r\n                                                            <div class=\"pv2-bar\"><div [style.width.%]=\"parentPerc(row.node)\" [style.background]=\"typeColor(row.node.eventTypeName, row.node.waitClassName)\"></div></div>\r\n                                                            <span>{{parentPerc(row.node) | pv2fmt: 'pct'}}</span>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td class=\"pv2-num\">{{self(row.node) | pv2fmt: 'dur'}}</td>\r\n                                                    <td class=\"pv2-num\">{{avg(row.node) | pv2fmt: 'dur'}}</td>\r\n                                                    <td class=\"pv2-num\">{{peak(row.node) | pv2fmt: 'dur'}}</td>\r\n                                                    @if (live) {\r\n                                                        <td class=\"pv2-num pv2-threads\">\r\n                                                            @if (isLongRunning(row.node.eventTypeName, row.node.waitClassName, row.node.activeMaxTime)) {\r\n                                                                <span class=\"pv2-long\" [title]=\"('Esecuzione in corso da' | localize: lc) + ' ' + duration(row.node.activeMaxTime) + ': ' + ('forse bloccata' | localize: lc)\"><i class=\"fa fa-clock\"></i> {{duration(row.node.activeMaxTime)}}</span>\r\n                                                            }\r\n                                                            @if (row.node.activeThreads > 0) {\r\n                                                                <span class=\"pv2-active\"><span class=\"pv2-active-dot\"></span>{{row.node.activeThreads}}</span>\r\n                                                            } @else {\r\n                                                                <span class=\"pv2-muted\">{{row.node.activeThreads ?? '\u2014'}}</span>\r\n                                                            }\r\n                                                        </td>\r\n                                                    }\r\n                                                </tr>\r\n                                            } @else if (row.kind == 'loading') {\r\n                                                <tr class=\"pv2-service\">\r\n                                                    <td [attr.colspan]=\"live ? 8 : 7\">\r\n                                                        <div [style.padding-left.px]=\"row.depth * 16 + 24\"><i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento dei figli\u2026' | localize: lc}}</div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                            } @else {\r\n                                                <tr class=\"pv2-service\">\r\n                                                    <td [attr.colspan]=\"live ? 8 : 7\">\r\n                                                        <div [style.padding-left.px]=\"row.depth * 16 + 24\">\r\n                                                            {{row.node.omittedChildren | pv2fmt: 'int'}} {{'figli non mostrati' | localize: lc}} &middot; {{omittedTime(row.node) | pv2fmt: 'dur'}}\r\n                                                            @if (!snapMode) {\r\n                                                                &middot; {{row.node.omittedCalls | pv2fmt: 'int'}} {{'chiamate' | localize: lc}}\r\n                                                            }\r\n                                                            <button type=\"button\" class=\"pv2-link\" (click)=\"showAll(row.node, $event)\">{{'Mostra tutti' | localize: lc}}</button>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                            }\r\n                                        }\r\n                                    </tbody>\r\n                                </table>\r\n                                @if (rows.length == 0 && !treeError) {\r\n                                    <div class=\"pv2-empty\">\r\n                                        @if (!tree) {\r\n                                            {{'Caricamento\u2026' | localize: lc}}\r\n                                        } @else if (!tree.snapFrom && !live) {\r\n                                            {{'Nessuno snapshot termina nella finestra scelta: allargala o spostala indietro.' | localize: lc}}\r\n                                        } @else {\r\n                                            {{\"Il nodo non c'\u00E8 nelle istanze scelte.\" | localize: lc}}\r\n                                        }\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                        } @else {\r\n                            @if (flatError) {\r\n                                <div class=\"pv2-alert pv2-alert-error\">{{flatError}}</div>\r\n                            }\r\n                            <div class=\"pv2-table-wrap\">\r\n                                <table class=\"pv2-table\">\r\n                                    <thead>\r\n                                        <tr>\r\n                                            <th class=\"pv2-col-node\">{{'Evento' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{'Percorsi' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Chiamate' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{(snapMode ? '\u0394 Proprio' : 'Tempo proprio') | localize: lc}}</th>\r\n                                            <th>{{snapMode ? '\u0394 ' : ''}}{{'% proprio' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Tempo' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Medio' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{(snapMode ? \"Picco dall'avvio\" : 'Picco') | localize: lc}}</th>\r\n                                            @if (live) {\r\n                                                <th class=\"pv2-num\">{{'Thread' | localize: lc}}</th>\r\n                                            }\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        @for (item of flat?.items ?? []; track flatKey(item)) {\r\n                                            <tr class=\"pv2-row\" [class.pv2-idle]=\"isIdle(item.eventTypeName, item.waitClassName)\" [class.pv2-selected]=\"openFlat.has(flatKey(item))\" (click)=\"toggleFlat(item)\">\r\n                                                <td class=\"pv2-col-node\">\r\n                                                    <div class=\"pv2-node\">\r\n                                                        <span class=\"pv2-caret\"><i class=\"fa\" [class.fa-caret-down]=\"openFlat.has(flatKey(item))\" [class.fa-caret-right]=\"!openFlat.has(flatKey(item))\"></i></span>\r\n                                                        <span class=\"pv2-type\"><span class=\"pv2-dot\" [style.background]=\"typeColor(item.eventTypeName, item.waitClassName)\"></span>{{typeLabel(item.eventTypeName, item.waitClassName)}}</span>\r\n                                                        <span class=\"pv2-name\" [title]=\"item.nodeName\">@for (part of nameParts(item.nodeName, (flatSearch ?? '').trim()); track $index) {@if (part.hit) {<mark>{{part.text}}</mark>} @else {<span>{{part.text}}</span>}}</span>\r\n                                                    </div>\r\n                                                </td>\r\n                                                <td class=\"pv2-num\">{{item.numPaths | pv2fmt: 'int'}}</td>\r\n                                                <td class=\"pv2-num\">{{flatCalls(item) | pv2fmt: 'int'}}</td>\r\n                                                <td class=\"pv2-num\">{{flatSelf(item) | pv2fmt: 'dur'}}</td>\r\n                                                <td class=\"pv2-perc\">\r\n                                                    <div class=\"pv2-perc-cell\">\r\n                                                        <div class=\"pv2-bar\"><div [style.width.%]=\"flatPerc(item)\" [style.background]=\"typeColor(item.eventTypeName, item.waitClassName)\"></div></div>\r\n                                                        <span>{{flatPerc(item) | pv2fmt: 'pct'}}</span>\r\n                                                    </div>\r\n                                                </td>\r\n                                                <td class=\"pv2-num\">{{flatTime(item) | pv2fmt: 'dur'}}</td>\r\n                                                <td class=\"pv2-num\">{{flatAvg(item) | pv2fmt: 'dur'}}</td>\r\n                                                <td class=\"pv2-num\">{{item.peakTime | pv2fmt: 'dur'}}</td>\r\n                                                @if (live) {\r\n                                                    <td class=\"pv2-num pv2-threads\">\r\n                                                        @if (item.activeThreads > 0) {\r\n                                                            <span class=\"pv2-active\"><span class=\"pv2-active-dot\"></span>{{item.activeThreads}}</span>\r\n                                                        } @else {\r\n                                                            <span class=\"pv2-muted\">{{item.activeThreads ?? '\u2014'}}</span>\r\n                                                        }\r\n                                                    </td>\r\n                                                }\r\n                                            </tr>\r\n                                            @if (openFlat.has(flatKey(item))) {\r\n                                                <tr class=\"pv2-sub\">\r\n                                                    <td [attr.colspan]=\"live ? 9 : 8\">\r\n                                                        <div class=\"pv2-sub-title\">{{'Nodi con pi\u00F9 tempo' | localize: lc}}</div>\r\n                                                        @for (id of item.nodeIds ?? []; track id) {\r\n                                                            <div class=\"pv2-sub-item\">\r\n                                                                <code>{{id}}</code>\r\n                                                                <button type=\"button\" class=\"pv2-link\" (click)=\"showDetail(id, $event)\">{{'Dettaglio' | localize: lc}}</button>\r\n                                                                <button type=\"button\" class=\"pv2-link\" (click)=\"openInTree(id, $event)\">{{\"Apri nell'albero\" | localize: lc}}</button>\r\n                                                            </div>\r\n                                                        }\r\n                                                        @if (item.numPaths > (item.nodeIds?.length ?? 0)) {\r\n                                                            <div class=\"pv2-muted\">+{{item.numPaths - (item.nodeIds?.length ?? 0) | pv2fmt: 'int'}} {{'altri' | localize: lc}}</div>\r\n                                                        }\r\n                                                    </td>\r\n                                                </tr>\r\n                                            }\r\n                                        }\r\n                                    </tbody>\r\n                                </table>\r\n                                @if (!flatError && (!flat || !flat.items?.length)) {\r\n                                    <div class=\"pv2-empty\">{{(flat ? 'Nessun evento con questi filtri.' : 'Caricamento\u2026') | localize: lc}}</div>\r\n                                }\r\n                            </div>\r\n                            @if (flat?.items?.length) {\r\n                                <div class=\"pv2-footer\">\r\n                                    {{flat.numItems | pv2fmt: 'int'}} {{'eventi distinti' | localize: lc}}@if (flat.numItems > flat.items.length) {, {{'mostrati i primi' | localize: lc}} {{flat.items.length | pv2fmt: 'int'}}}.\r\n                                    {{'La percentuale \u00E8 sul tempo proprio di tutti gli eventi non idle.' | localize: lc}}\r\n                                </div>\r\n                            }\r\n                        }\r\n                    </div>\r\n\r\n                    <!-- Dettaglio del nodo selezionato, lo stesso per le due viste -->\r\n                    <aside class=\"pv2-panel pv2-detail\" [class.pv2-stale]=\"detailStale\">\r\n                        @if (!selectedId) {\r\n                            <div class=\"pv2-placeholder\">{{'Seleziona un nodo per vederne il dettaglio.' | localize: lc}}</div>\r\n                        } @else if (detailMissing && !detailLoading) {\r\n                            <div class=\"pv2-placeholder\">{{\"Il nodo non c'\u00E8 nelle istanze o nella finestra scelte.\" | localize: lc}}</div>\r\n                        } @else if (detailError && !detailLoading) {\r\n                            <div class=\"pv2-placeholder pv2-error-text\">{{detailError}}</div>\r\n                        } @else if (!detail) {\r\n                            <div class=\"pv2-placeholder\"><i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento\u2026' | localize: lc}}</div>\r\n                        } @else {\r\n                            <div class=\"pv2-d-head\">\r\n                                <span class=\"pv2-type\"><span class=\"pv2-dot\" [style.background]=\"typeColor(detail.eventTypeName, detail.waitClassName)\"></span>{{typeLabel(detail.eventTypeName, detail.waitClassName)}}</span>\r\n                                @if (detailLoading) {\r\n                                    <i class=\"fa fa-spinner fa-spin pv2-muted\"></i>\r\n                                }\r\n                            </div>\r\n                            <div class=\"pv2-fullname\">{{detail.nodeName}}</div>\r\n                            <div class=\"pv2-id\">\r\n                                Id <code #idText>{{detail.nodeId}}</code>\r\n                                <button type=\"button\" class=\"pv2-link\" (click)=\"copyId(idText)\">{{(copied ? 'Copiato' : 'Copia') | localize: lc}}</button>\r\n                            </div>\r\n\r\n                            <div class=\"pv2-d-title\">{{'Percorso' | localize: lc}}</div>\r\n                            <div class=\"pv2-path\">\r\n                                @for (item of detail.fullWaitStack ?? []; track item.nodeId; let i = $index) {\r\n                                    <button type=\"button\" class=\"pv2-path-item\" [style.padding-left.px]=\"i * 10\" [title]=\"item.nodeName\" (click)=\"select(item.nodeId)\">\r\n                                        <span class=\"pv2-dot\" [style.background]=\"typeColor(item.eventTypeName, item.waitClassName)\"></span>{{item.nodeName}}\r\n                                    </button>\r\n                                }\r\n                                <div class=\"pv2-path-item pv2-path-current\" [style.padding-left.px]=\"(detail.fullWaitStack?.length ?? 0) * 10\" [title]=\"detail.nodeName\">\r\n                                    <span class=\"pv2-dot\" [style.background]=\"typeColor(detail.eventTypeName, detail.waitClassName)\"></span>{{detail.nodeName}}\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"pv2-d-title\">{{(live ? \"Dall'avvio\" : 'Nella finestra') | localize: lc}}</div>\r\n                            <dl class=\"pv2-kv\">\r\n                                <dt>{{'Esecuzioni' | localize: lc}}</dt><dd>{{detail.executions | pv2fmt: 'int'}}</dd>\r\n                                <dt>{{'Tempo totale' | localize: lc}}</dt><dd>{{detail.elapsedTime | pv2fmt: 'dur'}}</dd>\r\n                                <dt>{{'Tempo proprio' | localize: lc}}</dt><dd>{{detail.elapsedTimeLessChildren | pv2fmt: 'dur'}}</dd>\r\n                                <dt>{{'Medio' | localize: lc}}</dt><dd>{{detail.avgTime | pv2fmt: 'dur'}}</dd>\r\n                                <dt>{{'Picco' | localize: lc}}</dt><dd>{{detail.peakTime | pv2fmt: 'dur'}}</dd>\r\n                                <dt>{{'Minimo' | localize: lc}}</dt><dd>{{detail.minTime ? (detail.minTime | pv2fmt: 'dur') : '\u2014'}}</dd>\r\n                            </dl>\r\n\r\n                            @if (live) {\r\n                                <div class=\"pv2-d-title\">{{\"Dall'ultimo snapshot\" | localize: lc}}, {{hhmm(detail.snapFrom)}}</div>\r\n                                <dl class=\"pv2-kv\">\r\n                                    <dt>{{'Esecuzioni' | localize: lc}}</dt><dd>{{detail.snapDeltaExecutions | pv2fmt: 'int'}}</dd>\r\n                                    <dt>{{'Tempo totale' | localize: lc}}</dt><dd>{{detail.snapDeltaElapsedTime | pv2fmt: 'dur'}}</dd>\r\n                                    <dt>{{'Tempo proprio' | localize: lc}}</dt><dd>{{detail.snapDeltaElapsedTimeLessChildren | pv2fmt: 'dur'}}</dd>\r\n                                </dl>\r\n\r\n                                <div class=\"pv2-d-title\">{{'Adesso' | localize: lc}}</div>\r\n                                <dl class=\"pv2-kv\">\r\n                                    <dt>{{'Thread dentro' | localize: lc}}</dt>\r\n                                    <dd>\r\n                                        @if (detail.activeThreads > 0) {\r\n                                            <span class=\"pv2-active\"><span class=\"pv2-active-dot\"></span>{{detail.activeThreads}}</span>\r\n                                        } @else {\r\n                                            {{detail.activeThreads ?? '\u2014'}}\r\n                                        }\r\n                                    </dd>\r\n                                    <dt>{{'Esecuzione pi\u00F9 lunga' | localize: lc}}</dt>\r\n                                    <dd>\r\n                                        @if (detail.activeThreads > 0) {\r\n                                            {{detail.activeMaxTime | pv2fmt: 'dur'}}\r\n                                            @if (isLongRunning(detail.eventTypeName, detail.waitClassName, detail.activeMaxTime)) {\r\n                                                <span class=\"pv2-long\"><i class=\"fa fa-clock\"></i> {{'forse bloccata' | localize: lc}}</span>\r\n                                            }\r\n                                        } @else {\r\n                                            \u2014\r\n                                        }\r\n                                    </dd>\r\n                                    <dt>{{'Ultima uscita' | localize: lc}}</dt><dd>{{relative(detail.lastExitTime)}}</dd>\r\n                                </dl>\r\n                            }\r\n\r\n                            @if (typeParts.length > 0) {\r\n                                <div class=\"pv2-d-title\">{{'Tempo proprio del sottoalbero per tipo' | localize: lc}}</div>\r\n                                <div class=\"pv2-stack\">\r\n                                    @for (part of typeParts; track part.type) {\r\n                                        <div [style.width.%]=\"part.percentage\" [style.background]=\"part.color\" [title]=\"part.label + ' ' + (part.percentage | pv2fmt: 'pct')\"></div>\r\n                                    }\r\n                                </div>\r\n                                <div class=\"pv2-legend\">\r\n                                    @for (part of typeParts; track part.type) {\r\n                                        <span class=\"pv2-legend-item\"><span class=\"pv2-swatch\" [style.background]=\"part.color\"></span>{{part.label}} <strong>{{part.percentage | pv2fmt: 'pct'}}</strong></span>\r\n                                    }\r\n                                </div>\r\n                            }\r\n\r\n                            <div class=\"pv2-d-title\">{{'Sessioni attive sul nodo e sui discendenti' | localize: lc}}</div>\r\n                            @if (chart) {\r\n                                <div class=\"pv2-chart\">\r\n                                    <div class=\"pv2-chart-y\">\r\n                                        <span>{{axisValue(chart.max)}}</span>\r\n                                        <span>{{axisValue(chart.max / 2)}}</span>\r\n                                        <span>0</span>\r\n                                    </div>\r\n                                    <div class=\"pv2-chart-plot\">\r\n                                        <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n                                            <line x1=\"0\" y1=\"50\" x2=\"100\" y2=\"50\" class=\"pv2-chart-grid\" vector-effect=\"non-scaling-stroke\" />\r\n                                            <path [attr.d]=\"chart.area\" [attr.fill]=\"chart.color\" fill-opacity=\"0.25\" />\r\n                                            <path [attr.d]=\"chart.line\" [attr.stroke]=\"chart.color\" fill=\"none\" stroke-width=\"1.5\" vector-effect=\"non-scaling-stroke\" />\r\n                                        </svg>\r\n                                        <span class=\"pv2-chart-last\" [style.left.%]=\"chart.lastX\" [style.top.%]=\"chart.lastY\" [style.background]=\"chart.color\"></span>\r\n                                    </div>\r\n                                    <span></span>\r\n                                    <div class=\"pv2-chart-x\">\r\n                                        <span>{{chart.start}}</span>\r\n                                        <span>{{chart.middle}}</span>\r\n                                        <span>{{chart.end}}</span>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"pv2-caption\">\r\n                                    {{'Media' | localize: lc}} {{axisValue(chart.average)}} &middot; {{'picco' | localize: lc}} {{axisValue(chart.peak)}} {{'sessioni' | localize: lc}}.\r\n                                    {{chart.points | pv2fmt: 'int'}} {{\"punti dell'API\" | localize: lc}},\r\n                                    @if (chart.interval == 1) {\r\n                                        {{'uno al secondo' | localize: lc}},\r\n                                    } @else {\r\n                                        {{'uno ogni' | localize: lc}} {{chart.interval}} s,\r\n                                    }\r\n                                    {{'raggruppati a' | localize: lc}} {{chart.group}} s\r\n                                </div>\r\n                            } @else {\r\n                                <div class=\"pv2-muted pv2-small\">{{'Nessun campione in memoria per questa finestra: il grafico copre solo le ultime due ore circa.' | localize: lc}}</div>\r\n                            }\r\n\r\n                            @if (detail.instances?.length) {\r\n                                <div class=\"pv2-d-title\">{{'Per istanza' | localize: lc}}</div>\r\n                                <table class=\"pv2-mini\">\r\n                                    <thead>\r\n                                        <tr>\r\n                                            <th>{{'Istanza' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{'Esecuzioni' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{'Tempo' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{'Proprio' | localize: lc}}</th>\r\n                                            @if (live) {\r\n                                                <th class=\"pv2-num\">{{'Thread' | localize: lc}}</th>\r\n                                            }\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        @for (inst of detail.instances; track inst.instanceId) {\r\n                                            <tr>\r\n                                                <td><span class=\"pv2-ellipsis\" [title]=\"inst.instanceId\">{{inst.instanceId}}</span></td>\r\n                                                <td class=\"pv2-num\">{{inst.executions | pv2fmt: 'int'}}</td>\r\n                                                <td class=\"pv2-num\">{{inst.elapsedTime | pv2fmt: 'dur'}}</td>\r\n                                                <td class=\"pv2-num\">{{inst.elapsedTimeLessChildren | pv2fmt: 'dur'}}</td>\r\n                                                @if (live) {\r\n                                                    <td class=\"pv2-num\">{{inst.activeThreads ?? '\u2014'}}</td>\r\n                                                }\r\n                                            </tr>\r\n                                        }\r\n                                    </tbody>\r\n                                </table>\r\n                            }\r\n\r\n                            <div class=\"pv2-d-foot\">\r\n                                <span class=\"pv2-muted\">{{detail.numChildren | pv2fmt: 'int'}} {{'figli diretti' | localize: lc}} &middot; {{detail.numDescendants | pv2fmt: 'int'}} {{'discendenti' | localize: lc}}</span>\r\n                                <button type=\"button\" class=\"pv2-btn\" (click)=\"setRoot(detail.nodeId)\"><i class=\"fa fa-sitemap\"></i> {{'Apri come radice' | localize: lc}}</button>\r\n                            </div>\r\n                        }\r\n                    </aside>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host{display:block}:host ::ng-deep .pv2-noclear .p-select-clear-icon{display:none}.pv2-body{container-type:inline-size}.pv2-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding-top:6px}.pv2-cluster{display:flex;flex-wrap:nowrap;align-items:center;gap:10px}.pv2-cluster-end{margin-left:auto}.pv2-field{width:190px}.pv2-field-wide{width:290px}.pv2-field-narrow{width:140px}.pv2-field-search{flex:1 1 220px;min-width:200px;max-width:340px}.pv2-toggle{display:flex;align-items:center;gap:8px;height:39px;white-space:nowrap}.pv2-pointer{cursor:pointer}.pv2-group{position:relative;display:inline-flex}.pv2-group.pv2-disabled{opacity:.5}.pv2-group-label{position:absolute;top:-8px;left:8px;z-index:1;padding:0 4px;background:var(--p-content-background, #fff);color:var(--p-text-muted-color, #64748b);font-size:12px;line-height:15px;white-space:nowrap;pointer-events:none}.pv2-seg{display:inline-flex;height:39px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);overflow:hidden;background:var(--p-content-background, #fff)}.pv2-seg button{display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:0;border-left:1px solid var(--p-form-field-border-color, #cbd5e1);background:transparent;color:var(--p-text-color, #334155);font-size:13px;white-space:nowrap;cursor:pointer}.pv2-seg button:first-child{border-left:0}.pv2-seg button:hover:not(.pv2-on):not(:disabled){background:var(--p-content-hover-background, #f8fafc)}.pv2-seg button:disabled{cursor:default}.pv2-seg button:focus-visible{outline:2px solid var(--p-primary-color, #6366f1);outline-offset:-2px}.pv2-seg button.pv2-on{background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca);font-weight:500;box-shadow:inset 0 -2px 0 var(--p-primary-color, #6366f1)}.pv2-live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a}.pv2-window{display:flex;flex-wrap:wrap;align-items:center;row-gap:4px;margin-top:12px;padding:7px 12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-color, #334155);font-size:13px}.pv2-window>span+span:before{content:\"\\b7\";margin:0 10px;color:var(--p-text-muted-color, #64748b)}.pv2-warn-text{color:#92400e}.pv2-main{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:14px;align-items:start;margin-top:14px}@container (max-width: 1000px){.pv2-main{grid-template-columns:minmax(0,1fr)}.pv2-detail{position:static;max-height:none}}.pv2-panel{padding:12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);min-width:0}.pv2-view-bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 10px;padding-top:6px;margin-bottom:10px}.pv2-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;margin-bottom:8px;font-size:12px}.pv2-crumb{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;border:0;border-radius:4px;background:transparent;color:var(--p-primary-color, #6366f1);cursor:pointer}.pv2-crumb:hover{background:var(--p-highlight-background, #eef2ff)}.pv2-crumb-current{color:var(--p-text-color, #334155);font-weight:500;cursor:default}.pv2-crumb-current:hover{background:transparent}.pv2-crumb-sep{color:var(--p-text-muted-color, #64748b)}.pv2-alert{position:relative;margin-bottom:8px;padding:6px 30px 6px 10px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-hover-background, #f8fafc);font-size:13px}.pv2-alert.pv2-alert-warn{border-color:#fcd34d;background:#fffbeb;color:#92400e}.pv2-alert.pv2-alert-error{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.pv2-alert-close{position:absolute;top:3px;right:6px;border:0;background:transparent;color:inherit;font-size:16px;cursor:pointer}.pv2-table-wrap{max-height:68vh;overflow:auto;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px)}.pv2-table-wrap:focus-visible{outline:2px solid var(--p-primary-color, #6366f1);outline-offset:1px}.pv2-table{width:100%;min-width:740px;border-collapse:separate;border-spacing:0;font-size:13px;color:var(--p-text-color, #334155)}.pv2-table th{position:sticky;top:0;z-index:1;padding:7px 10px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-muted-color, #64748b);font-size:12px;font-weight:500;white-space:nowrap;text-align:left}.pv2-table td{padding:4px 10px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);white-space:nowrap;vertical-align:middle}.pv2-col-node{width:100%;max-width:0}.pv2-num{text-align:right!important;font-variant-numeric:tabular-nums}.pv2-row{cursor:pointer}.pv2-row:hover td{background:var(--p-content-hover-background, #f8fafc)}.pv2-row.pv2-selected td{background:var(--p-highlight-background, #eef2ff)}.pv2-row.pv2-idle td{color:var(--p-text-muted-color, #64748b)}.pv2-row.pv2-idle td .pv2-name{opacity:.75}.pv2-node{display:flex;align-items:center;gap:6px;min-width:0}.pv2-caret{flex:none;width:18px;height:20px;padding:0;border:0;background:transparent;color:var(--p-text-muted-color, #64748b);text-align:center;cursor:pointer}.pv2-type{flex:none;display:inline-flex;align-items:center;gap:5px;padding:0 6px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:10px;color:var(--p-text-muted-color, #64748b);font-size:11px;line-height:18px;white-space:nowrap}.pv2-dot{flex:none;display:inline-block;width:8px;height:8px;border-radius:50%}.pv2-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv2-name mark{padding:0 1px;border-radius:2px;background:#fde68a;color:#1f2937}.pv2-perc{width:1%}.pv2-perc-cell{display:flex;align-items:center;gap:8px}.pv2-bar{flex:none;width:64px;height:7px;border-radius:2px;overflow:hidden;background:var(--p-content-hover-background, #f8fafc);box-shadow:inset 0 0 0 1px var(--p-content-border-color, #e2e8f0)}.pv2-bar>div{height:100%}.pv2-threads>*+*{margin-left:8px}.pv2-active{display:inline-flex;align-items:center;gap:5px;font-weight:500}.pv2-active-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px #16a34a2e}.pv2-long{display:inline-flex;align-items:center;gap:4px;padding:0 6px;border:1px solid #fcd34d;border-radius:10px;background:#fffbeb;color:#92400e;font-size:11px;line-height:18px;white-space:nowrap}.pv2-service td{padding:5px 10px;color:var(--p-text-muted-color, #64748b);font-size:12px;background:var(--p-content-background, #fff)}.pv2-sub td{padding:8px 10px 10px 34px;background:var(--p-content-hover-background, #f8fafc);white-space:normal}.pv2-sub-title{margin-bottom:4px;color:var(--p-text-muted-color, #64748b);font-size:12px}.pv2-sub-item{display:flex;align-items:center;gap:10px;padding:2px 0}.pv2-sub-item code{font-size:12px}.pv2-link{margin-left:6px;padding:0;border:0;background:transparent;color:var(--p-primary-color, #6366f1);font-size:12px;cursor:pointer}.pv2-link:hover{text-decoration:underline}.pv2-empty{padding:28px 12px;color:var(--p-text-muted-color, #64748b);text-align:center}.pv2-footer{margin-top:8px;color:var(--p-text-muted-color, #64748b);font-size:12px}.pv2-muted{color:var(--p-text-muted-color, #64748b)}.pv2-small{font-size:12px}.pv2-detail{position:sticky;top:10px;max-height:calc(100vh - 20px);overflow:auto;font-size:13px;color:var(--p-text-color, #334155);transition:opacity .15s}.pv2-detail.pv2-stale{opacity:.55}.pv2-placeholder{padding:36px 12px;color:var(--p-text-muted-color, #64748b);text-align:center}.pv2-error-text{color:#dc2626}.pv2-d-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pv2-fullname{max-height:140px;overflow:auto;padding:8px 10px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-hover-background, #f8fafc);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word}.pv2-id{margin-top:6px;color:var(--p-text-muted-color, #64748b);font-size:12px}.pv2-id code{font-size:12px}.pv2-d-title{margin:16px 0 6px;padding-top:10px;border-top:1px solid var(--p-content-border-color, #e2e8f0);color:var(--p-text-muted-color, #64748b);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pv2-path{display:flex;flex-direction:column}.pv2-path-item{display:flex;align-items:center;gap:6px;max-width:100%;padding:2px 0;border:0;background:transparent;color:var(--p-primary-color, #6366f1);font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.pv2-path-item:hover{text-decoration:underline}.pv2-path-current{color:var(--p-text-color, #334155);font-weight:600;cursor:default}.pv2-path-current:hover{text-decoration:none}.pv2-kv{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin:0}.pv2-kv dt{color:var(--p-text-muted-color, #64748b);font-weight:400}.pv2-kv dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.pv2-stack{display:flex;height:12px;border-radius:3px;overflow:hidden;background:var(--p-content-hover-background, #f8fafc)}.pv2-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px}.pv2-legend-item{display:inline-flex;align-items:center;gap:5px}.pv2-swatch{width:10px;height:10px;border-radius:2px}.pv2-chart{display:grid;grid-template-columns:auto 1fr;gap:2px 6px}.pv2-chart-y{display:flex;flex-direction:column;justify-content:space-between;height:110px;color:var(--p-text-muted-color, #64748b);font-size:11px;text-align:right;line-height:1}.pv2-chart-plot{position:relative;height:110px;border-left:1px solid var(--p-content-border-color, #e2e8f0);border-bottom:1px solid var(--p-content-border-color, #e2e8f0)}.pv2-chart-plot svg{display:block;width:100%;height:100%}.pv2-chart-grid{stroke:var(--p-content-border-color, #e2e8f0);stroke-dasharray:3 3}.pv2-chart-last{position:absolute;width:8px;height:8px;border:2px solid var(--p-content-background, #fff);border-radius:50%;transform:translate(-50%,-50%)}.pv2-chart-x{display:flex;justify-content:space-between;color:var(--p-text-muted-color, #64748b);font-size:11px}.pv2-caption{margin-top:6px;color:var(--p-text-muted-color, #64748b);font-size:12px}.pv2-mini{width:100%;font-size:12px}.pv2-mini th{padding:3px 6px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);color:var(--p-text-muted-color, #64748b);font-weight:500}.pv2-mini td{padding:3px 6px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0)}.pv2-ellipsis{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.pv2-d-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;padding-top:10px;border-top:1px solid var(--p-content-border-color, #e2e8f0)}.pv2-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);color:var(--p-text-color, #334155);font-size:13px;cursor:pointer}.pv2-btn:hover{background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca)}\n"], dependencies: [{ kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.EsFormInputComponent, selector: "form-input", inputs: ["minlength", "maxlength", "pattern", "Password", "Type"] }, { kind: "component", type: i9.EsFormSelectComponent, selector: "form-select", inputs: ["OptionsTemplate"] }, { kind: "component", type: i9.EsFormDateTimeComponent, selector: "form-datetime" }, { kind: "component", type: i9.EsFormCheckboxComponent, selector: "form-checkbox", inputs: ["SliderMode"] }, { kind: "directive", type: i10.Widget, selector: "[widget]" }, { kind: "pipe", type: i1.LocalizePipe, name: "localize" }, { kind: "pipe", type: ProfilerFormatPipe, name: "pv2fmt" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmProfilerV2Component, decorators: [{
+            type: Component,
+            args: [{ selector: "profiler_v2", providers: [{ provide: LocalizationService, useClass: AdmProfilerV2Loc }], standalone: false, template: "<div class=\"row\">\r\n    <div class=\"col-12\">\r\n        <div class=\"card app-overflow-visible\" widget>\r\n            <div class=\"card-header\">\r\n                <span class=\"text-uppercase\">{{'Profiler del Server' | localize: lc}}</span>\r\n            </div>\r\n            <div class=\"card-body widget-body pv2-body\">\r\n                <!-- Barra dei comandi: quali dati caricare. Ogni cambio ricarica la vista e il dettaglio aperto -->\r\n                <div class=\"pv2-toolbar\">\r\n                    <div class=\"pv2-cluster\">\r\n                        <div class=\"pv2-group\">\r\n                            <span class=\"pv2-group-label\">{{'Sorgente' | localize: lc}}</span>\r\n                            <div class=\"pv2-seg\">\r\n                                <button type=\"button\" [class.pv2-on]=\"live\" (click)=\"setLive(true)\"><span class=\"pv2-live-dot\"></span>Live</button>\r\n                                <button type=\"button\" [class.pv2-on]=\"!live\" (click)=\"setLive(false)\">{{'Storico' | localize: lc}}</button>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"pv2-field pv2-field-wide pv2-noclear\">\r\n                            <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"instance\" (ngModelChange)=\"setInstance($event)\" name=\"instance\" [Source]=\"Instances\" [Placeholder]=\"'Istanze' | localize: lc\"></form-select>\r\n                        </div>\r\n                    </div>\r\n\r\n                    @if (!live) {\r\n                        <div class=\"pv2-cluster\">\r\n                            <div class=\"pv2-field\">\r\n                                <form-datetime [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"filterfrom\" (ngModelChange)=\"filterfrom = $event; datesChanged()\" name=\"filterfrom\" [Placeholder]=\"'Dal' | localize: lc\"></form-datetime>\r\n                            </div>\r\n                            <div class=\"pv2-field\">\r\n                                <form-datetime [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"filterto\" (ngModelChange)=\"filterto = $event; datesChanged()\" name=\"filterto\" [Placeholder]=\"'Al' | localize: lc\"></form-datetime>\r\n                            </div>\r\n                        </div>\r\n                    } @else {\r\n                        <div class=\"pv2-group\">\r\n                            <span class=\"pv2-group-label\">{{'Valori' | localize: lc}}</span>\r\n                            <div class=\"pv2-seg\">\r\n                                <button type=\"button\" [class.pv2-on]=\"!snapValues\" (click)=\"setSnapValues(false)\">{{\"Dall'avvio\" | localize: lc}}</button>\r\n                                <button type=\"button\" [class.pv2-on]=\"snapValues\" (click)=\"setSnapValues(true)\">{{\"Dall'ultimo snapshot\" | localize: lc}}</button>\r\n                            </div>\r\n                        </div>\r\n                    }\r\n\r\n                    <div class=\"pv2-cluster pv2-cluster-end\">\r\n                        <button type=\"button\" class=\"btn app-btn-search\" [disabled]=\"loading\" (click)=\"reloadAll()\" [title]=\"'Aggiorna' | localize: lc\">\r\n                            <i class=\"fa fa-refresh\" [class.fa-spin]=\"loading\"></i>\r\n                        </button>\r\n                        <button type=\"button\" class=\"btn app-btn-search\" (click)=\"downloadWorkloadReport()\" [title]=\"(workloadV2 ? 'Workload report' : 'Scarica il workload report') | localize: lc\">\r\n                            <i class=\"fa\" [class.fa-download]=\"!workloadV2\" [class.fa-file-text]=\"workloadV2\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- Riga della finestra: sempre visibile sopra la vista -->\r\n                <div class=\"pv2-window\">\r\n                    <span><strong>{{live ? 'Live' : ('Storico' | localize: lc)}}</strong> &middot; {{instanceLabel}}</span>\r\n                    @if (current?.snapFrom; as snapFrom) {\r\n                        @if (live) {\r\n                            <span>{{\"Delta dall'ultimo snapshot delle\" | localize: lc}} {{hhmm(snapFrom)}} ({{minutesAgo(snapFrom)}} {{'min fa' | localize: lc}})</span>\r\n                        } @else {\r\n                            <span>{{'Snapshot dalle' | localize: lc}} {{ddmmhhmm(snapFrom)}} {{'alle' | localize: lc}} {{ddmmhhmm(current?.snapTo)}}</span>\r\n                        }\r\n                    } @else if (current && !live) {\r\n                        <span class=\"pv2-warn-text\">{{'Nessuno snapshot termina nella finestra scelta' | localize: lc}}</span>\r\n                    }\r\n                    @if (view == 'tree' && tree?.idleNode) {\r\n                        <span>{{tree.numNodes | pv2fmt: 'int'}} {{\"nodi nell'albero\" | localize: lc}} &middot; {{tree.numReturnedNodes | pv2fmt: 'int'}} {{'nella risposta' | localize: lc}}</span>\r\n                    }\r\n                    @if (view == 'flat' && flat) {\r\n                        <span>{{flat.numItems | pv2fmt: 'int'}} {{'eventi distinti' | localize: lc}}</span>\r\n                    }\r\n                    @if (loading) {\r\n                        <span class=\"pv2-muted\"><i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento\u2026' | localize: lc}}</span>\r\n                    }\r\n                </div>\r\n\r\n                <div class=\"pv2-main\">\r\n                    <!-- Vista: albero o eventi per nome -->\r\n                    <div class=\"pv2-panel pv2-view\">\r\n                        <div class=\"pv2-view-bar\">\r\n                            <div class=\"pv2-seg\">\r\n                                <button type=\"button\" [class.pv2-on]=\"view == 'tree'\" (click)=\"setView('tree')\"><i class=\"fa fa-sitemap\"></i> {{'Albero' | localize: lc}}</button>\r\n                                <button type=\"button\" [class.pv2-on]=\"view == 'flat'\" (click)=\"setView('flat')\"><i class=\"fa fa-list\"></i> {{'Per nome' | localize: lc}}</button>\r\n                            </div>\r\n\r\n                            @if (view == 'tree') {\r\n                                <div class=\"pv2-field pv2-field-search\" [title]=\"'Per esempio MRD_METERREADINGS, ENQUEUE, ProfilesMgr' | localize: lc\">\r\n                                    <form-input [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"searchText\" (ngModelChange)=\"searchText = $event; searchChanged()\" name=\"search\" [Placeholder]=\"'Cerca nei nomi o per id' | localize: lc\"></form-input>\r\n                                </div>\r\n                                <div class=\"pv2-field pv2-noclear\">\r\n                                    <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"orderBy\" (ngModelChange)=\"setOrderBy($event)\" name=\"orderBy\" [Source]=\"TreeOrderOptions\" [Placeholder]=\"'Ordina per' | localize: lc\"></form-select>\r\n                                </div>\r\n                                <div class=\"pv2-group\" [class.pv2-disabled]=\"!!activeSearch\">\r\n                                    <span class=\"pv2-group-label\">{{'Figli per nodo' | localize: lc}}</span>\r\n                                    <div class=\"pv2-seg\">\r\n                                        @for (o of ChildrenOptions; track o.id) {\r\n                                            <button type=\"button\" [disabled]=\"!!activeSearch\" [class.pv2-on]=\"maxChildren == o.id\" (click)=\"setMaxChildren(o.id)\">{{o.description}}</button>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"pv2-group\" [class.pv2-disabled]=\"!!activeSearch\">\r\n                                    <span class=\"pv2-group-label\">{{'Soglia' | localize: lc}}</span>\r\n                                    <div class=\"pv2-seg\">\r\n                                        @for (o of ThresholdOptions; track o.id) {\r\n                                            <button type=\"button\" [disabled]=\"!!activeSearch\" [class.pv2-on]=\"minPercentage == o.id\" (click)=\"setMinPercentage(o.id)\">{{o.description}}</button>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                            } @else {\r\n                                <div class=\"pv2-field pv2-field-search\">\r\n                                    <form-input [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"flatSearch\" (ngModelChange)=\"flatSearch = $event; flatSearchChanged()\" name=\"flatSearch\" [Placeholder]=\"'Cerca nei nomi' | localize: lc\"></form-input>\r\n                                </div>\r\n                                <div class=\"pv2-field pv2-field-narrow pv2-noclear\">\r\n                                    <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"flatType\" (ngModelChange)=\"flatType = $event; flatChanged()\" name=\"flatType\" [Source]=\"FlatTypes\" [Placeholder]=\"'Tipo' | localize: lc\"></form-select>\r\n                                </div>\r\n                                <div class=\"pv2-field pv2-noclear\">\r\n                                    <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"flatOrderBy\" (ngModelChange)=\"flatOrderBy = $event; flatChanged()\" name=\"flatOrderBy\" [Source]=\"FlatOrderOptions\" [Placeholder]=\"'Ordina per' | localize: lc\"></form-select>\r\n                                </div>\r\n                                <div class=\"pv2-group\">\r\n                                    <span class=\"pv2-group-label\">{{'Righe' | localize: lc}}</span>\r\n                                    <div class=\"pv2-seg\">\r\n                                        @for (o of FlatRows; track o.id) {\r\n                                            <button type=\"button\" [class.pv2-on]=\"flatTop == o.id\" (click)=\"setFlatTop(o.id)\">{{o.description}}</button>\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"pv2-toggle\">\r\n                                    <form-checkbox [FormLayout]=\"false\" [SliderMode]=\"true\" [Validation]=\"false\" [ngModel]=\"flatIncludeIdle\" (ngModelChange)=\"flatIncludeIdle = $event; flatChanged()\" name=\"flatIncludeIdle\"></form-checkbox>\r\n                                    <span class=\"pv2-pointer\" (click)=\"flatIncludeIdle = !flatIncludeIdle; flatChanged()\">{{'Anche gli eventi idle' | localize: lc}}</span>\r\n                                </div>\r\n                            }\r\n                        </div>\r\n\r\n                        @if (view == 'tree') {\r\n                            <!-- Percorso della radice: ogni antenato riporta l'albero a quel nodo -->\r\n                            @if (tree?.idleNode && tree?.rootPath?.length) {\r\n                                <nav class=\"pv2-crumbs\">\r\n                                    @for (item of tree.rootPath; track item.nodeId) {\r\n                                        <button type=\"button\" class=\"pv2-crumb\" [title]=\"item.nodeName\" (click)=\"setRoot(item.nodeId)\">{{item.nodeName}}</button>\r\n                                        <span class=\"pv2-crumb-sep\">&rsaquo;</span>\r\n                                    }\r\n                                    <span class=\"pv2-crumb pv2-crumb-current\" [title]=\"tree.idleNode.nodeName\">{{tree.idleNode.nodeName}}</span>\r\n                                </nav>\r\n                            }\r\n\r\n                            @if (treeNotice) {\r\n                                <div class=\"pv2-alert pv2-alert-warn\">\r\n                                    {{treeNotice}}\r\n                                    <button type=\"button\" class=\"pv2-alert-close\" [title]=\"'Chiudi' | localize: lc\" (click)=\"treeNotice = null\">&times;</button>\r\n                                </div>\r\n                            }\r\n                            @if (activeSearch && tree) {\r\n                                @if (matchCount > 0) {\r\n                                    <div class=\"pv2-alert\" [class.pv2-alert-warn]=\"tree.truncated\">\r\n                                        {{matchCount | pv2fmt: 'int'}} {{'nodi trovati, con i loro antenati.' | localize: lc}}\r\n                                        @if (tree.truncated) {\r\n                                            <strong>{{'I nodi trovati sono pi\u00F9 di 1.000: sono mostrati i primi per l\\'ordinamento scelto.' | localize: lc}}</strong>\r\n                                        }\r\n                                    </div>\r\n                                } @else if (!treeLoading) {\r\n                                    <div class=\"pv2-alert\">{{'Nessun nodo contiene' | localize: lc}} &laquo;{{activeSearch}}&raquo;.</div>\r\n                                }\r\n                            }\r\n                            @if (treeError) {\r\n                                <div class=\"pv2-alert pv2-alert-error\">{{treeError}}</div>\r\n                            }\r\n\r\n                            <div class=\"pv2-table-wrap\" tabindex=\"0\" (keydown)=\"treeKeydown($event)\">\r\n                                <table class=\"pv2-table\">\r\n                                    <thead>\r\n                                        <tr>\r\n                                            <th class=\"pv2-col-node\">{{'Nodo' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Chiamate' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Tempo' | localize: lc}}</th>\r\n                                            <th>{{snapMode ? '\u0394 ' : ''}}{{'% del padre' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{(snapMode ? '\u0394 Proprio' : 'Tempo proprio') | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Medio' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Picco' | localize: lc}}</th>\r\n                                            @if (live) {\r\n                                                <th class=\"pv2-num\">{{'Thread ora' | localize: lc}}</th>\r\n                                            }\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        @for (row of rows; track row.key) {\r\n                                            @if (row.kind == 'node') {\r\n                                                <tr [id]=\"'pv2-row-' + row.node.nodeId\" class=\"pv2-row\"\r\n                                                    [class.pv2-selected]=\"row.node.nodeId == selectedId\"\r\n                                                    [class.pv2-idle]=\"isIdle(row.node.eventTypeName, row.node.waitClassName)\"\r\n                                                    (click)=\"rowClicked(row.node)\" (dblclick)=\"toggle(row.node)\">\r\n                                                    <td class=\"pv2-col-node\">\r\n                                                        <div class=\"pv2-node\" [style.padding-left.px]=\"row.depth * 16\">\r\n                                                            @if (hasChildren(row.node)) {\r\n                                                                <button type=\"button\" class=\"pv2-caret\" tabindex=\"-1\" [attr.aria-expanded]=\"isExpanded(row.node)\" (click)=\"toggle(row.node, $event)\">\r\n                                                                    <i class=\"fa\" [class.fa-caret-down]=\"isExpanded(row.node)\" [class.fa-caret-right]=\"!isExpanded(row.node)\"></i>\r\n                                                                </button>\r\n                                                            } @else {\r\n                                                                <span class=\"pv2-caret\"></span>\r\n                                                            }\r\n                                                            <span class=\"pv2-type\"><span class=\"pv2-dot\" [style.background]=\"typeColor(row.node.eventTypeName, row.node.waitClassName)\"></span>{{typeLabel(row.node.eventTypeName, row.node.waitClassName)}}</span>\r\n                                                            <span class=\"pv2-name\" [title]=\"row.node.nodeName\">@if (row.node.searchMatch && activeSearch) {@for (part of nameParts(row.node.nodeName, activeSearch); track $index) {@if (part.hit) {<mark>{{part.text}}</mark>} @else {<span>{{part.text}}</span>}}} @else {<span>{{row.node.nodeName}}</span>}</span>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td class=\"pv2-num\">{{calls(row.node) | pv2fmt: 'int'}}</td>\r\n                                                    <td class=\"pv2-num\">{{time(row.node) | pv2fmt: 'dur'}}</td>\r\n                                                    <td class=\"pv2-perc\" [title]=\"(parentPerc(row.node) | pv2fmt: 'pct') + ' ' + ('del padre' | localize: lc) + ' \u00B7 ' + (firstLevelPerc(row.node) | pv2fmt: 'pct') + ' ' + ('del nodo di primo livello' | localize: lc)\">\r\n                                                        <div class=\"pv2-perc-cell\">\r\n                                                            <div class=\"pv2-bar\"><div [style.width.%]=\"parentPerc(row.node)\" [style.background]=\"typeColor(row.node.eventTypeName, row.node.waitClassName)\"></div></div>\r\n                                                            <span>{{parentPerc(row.node) | pv2fmt: 'pct'}}</span>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td class=\"pv2-num\">{{self(row.node) | pv2fmt: 'dur'}}</td>\r\n                                                    <td class=\"pv2-num\">{{avg(row.node) | pv2fmt: 'dur'}}</td>\r\n                                                    <td class=\"pv2-num\">{{peak(row.node) | pv2fmt: 'dur'}}</td>\r\n                                                    @if (live) {\r\n                                                        <td class=\"pv2-num pv2-threads\">\r\n                                                            @if (isLongRunning(row.node.eventTypeName, row.node.waitClassName, row.node.activeMaxTime)) {\r\n                                                                <span class=\"pv2-long\" [title]=\"('Esecuzione in corso da' | localize: lc) + ' ' + duration(row.node.activeMaxTime) + ': ' + ('forse bloccata' | localize: lc)\"><i class=\"fa fa-clock\"></i> {{duration(row.node.activeMaxTime)}}</span>\r\n                                                            }\r\n                                                            @if (row.node.activeThreads > 0) {\r\n                                                                <span class=\"pv2-active\"><span class=\"pv2-active-dot\"></span>{{row.node.activeThreads}}</span>\r\n                                                            } @else {\r\n                                                                <span class=\"pv2-muted\">{{row.node.activeThreads ?? '\u2014'}}</span>\r\n                                                            }\r\n                                                        </td>\r\n                                                    }\r\n                                                </tr>\r\n                                            } @else if (row.kind == 'loading') {\r\n                                                <tr class=\"pv2-service\">\r\n                                                    <td [attr.colspan]=\"live ? 8 : 7\">\r\n                                                        <div [style.padding-left.px]=\"row.depth * 16 + 24\"><i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento dei figli\u2026' | localize: lc}}</div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                            } @else {\r\n                                                <tr class=\"pv2-service\">\r\n                                                    <td [attr.colspan]=\"live ? 8 : 7\">\r\n                                                        <div [style.padding-left.px]=\"row.depth * 16 + 24\">\r\n                                                            {{row.node.omittedChildren | pv2fmt: 'int'}} {{'figli non mostrati' | localize: lc}} &middot; {{omittedTime(row.node) | pv2fmt: 'dur'}}\r\n                                                            @if (!snapMode) {\r\n                                                                &middot; {{row.node.omittedCalls | pv2fmt: 'int'}} {{'chiamate' | localize: lc}}\r\n                                                            }\r\n                                                            <button type=\"button\" class=\"pv2-link\" (click)=\"showAll(row.node, $event)\">{{'Mostra tutti' | localize: lc}}</button>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                            }\r\n                                        }\r\n                                    </tbody>\r\n                                </table>\r\n                                @if (rows.length == 0 && !treeError) {\r\n                                    <div class=\"pv2-empty\">\r\n                                        @if (!tree) {\r\n                                            {{'Caricamento\u2026' | localize: lc}}\r\n                                        } @else if (!tree.snapFrom && !live) {\r\n                                            {{'Nessuno snapshot termina nella finestra scelta: allargala o spostala indietro.' | localize: lc}}\r\n                                        } @else {\r\n                                            {{\"Il nodo non c'\u00E8 nelle istanze scelte.\" | localize: lc}}\r\n                                        }\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                        } @else {\r\n                            @if (flatError) {\r\n                                <div class=\"pv2-alert pv2-alert-error\">{{flatError}}</div>\r\n                            }\r\n                            <div class=\"pv2-table-wrap\">\r\n                                <table class=\"pv2-table\">\r\n                                    <thead>\r\n                                        <tr>\r\n                                            <th class=\"pv2-col-node\">{{'Evento' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{'Percorsi' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Chiamate' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{(snapMode ? '\u0394 Proprio' : 'Tempo proprio') | localize: lc}}</th>\r\n                                            <th>{{snapMode ? '\u0394 ' : ''}}{{'% proprio' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Tempo' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{snapMode ? '\u0394 ' : ''}}{{'Medio' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{(snapMode ? \"Picco dall'avvio\" : 'Picco') | localize: lc}}</th>\r\n                                            @if (live) {\r\n                                                <th class=\"pv2-num\">{{'Thread' | localize: lc}}</th>\r\n                                            }\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        @for (item of flat?.items ?? []; track flatKey(item)) {\r\n                                            <tr class=\"pv2-row\" [class.pv2-idle]=\"isIdle(item.eventTypeName, item.waitClassName)\" [class.pv2-selected]=\"openFlat.has(flatKey(item))\" (click)=\"toggleFlat(item)\">\r\n                                                <td class=\"pv2-col-node\">\r\n                                                    <div class=\"pv2-node\">\r\n                                                        <span class=\"pv2-caret\"><i class=\"fa\" [class.fa-caret-down]=\"openFlat.has(flatKey(item))\" [class.fa-caret-right]=\"!openFlat.has(flatKey(item))\"></i></span>\r\n                                                        <span class=\"pv2-type\"><span class=\"pv2-dot\" [style.background]=\"typeColor(item.eventTypeName, item.waitClassName)\"></span>{{typeLabel(item.eventTypeName, item.waitClassName)}}</span>\r\n                                                        <span class=\"pv2-name\" [title]=\"item.nodeName\">@for (part of nameParts(item.nodeName, (flatSearch ?? '').trim()); track $index) {@if (part.hit) {<mark>{{part.text}}</mark>} @else {<span>{{part.text}}</span>}}</span>\r\n                                                    </div>\r\n                                                </td>\r\n                                                <td class=\"pv2-num\">{{item.numPaths | pv2fmt: 'int'}}</td>\r\n                                                <td class=\"pv2-num\">{{flatCalls(item) | pv2fmt: 'int'}}</td>\r\n                                                <td class=\"pv2-num\">{{flatSelf(item) | pv2fmt: 'dur'}}</td>\r\n                                                <td class=\"pv2-perc\">\r\n                                                    <div class=\"pv2-perc-cell\">\r\n                                                        <div class=\"pv2-bar\"><div [style.width.%]=\"flatPerc(item)\" [style.background]=\"typeColor(item.eventTypeName, item.waitClassName)\"></div></div>\r\n                                                        <span>{{flatPerc(item) | pv2fmt: 'pct'}}</span>\r\n                                                    </div>\r\n                                                </td>\r\n                                                <td class=\"pv2-num\">{{flatTime(item) | pv2fmt: 'dur'}}</td>\r\n                                                <td class=\"pv2-num\">{{flatAvg(item) | pv2fmt: 'dur'}}</td>\r\n                                                <td class=\"pv2-num\">{{item.peakTime | pv2fmt: 'dur'}}</td>\r\n                                                @if (live) {\r\n                                                    <td class=\"pv2-num pv2-threads\">\r\n                                                        @if (item.activeThreads > 0) {\r\n                                                            <span class=\"pv2-active\"><span class=\"pv2-active-dot\"></span>{{item.activeThreads}}</span>\r\n                                                        } @else {\r\n                                                            <span class=\"pv2-muted\">{{item.activeThreads ?? '\u2014'}}</span>\r\n                                                        }\r\n                                                    </td>\r\n                                                }\r\n                                            </tr>\r\n                                            @if (openFlat.has(flatKey(item))) {\r\n                                                <tr class=\"pv2-sub\">\r\n                                                    <td [attr.colspan]=\"live ? 9 : 8\">\r\n                                                        <div class=\"pv2-sub-title\">{{'Nodi con pi\u00F9 tempo' | localize: lc}}</div>\r\n                                                        @for (id of item.nodeIds ?? []; track id) {\r\n                                                            <div class=\"pv2-sub-item\">\r\n                                                                <code>{{id}}</code>\r\n                                                                <button type=\"button\" class=\"pv2-link\" (click)=\"showDetail(id, $event)\">{{'Dettaglio' | localize: lc}}</button>\r\n                                                                <button type=\"button\" class=\"pv2-link\" (click)=\"openInTree(id, $event)\">{{\"Apri nell'albero\" | localize: lc}}</button>\r\n                                                            </div>\r\n                                                        }\r\n                                                        @if (item.numPaths > (item.nodeIds?.length ?? 0)) {\r\n                                                            <div class=\"pv2-muted\">+{{item.numPaths - (item.nodeIds?.length ?? 0) | pv2fmt: 'int'}} {{'altri' | localize: lc}}</div>\r\n                                                        }\r\n                                                    </td>\r\n                                                </tr>\r\n                                            }\r\n                                        }\r\n                                    </tbody>\r\n                                </table>\r\n                                @if (!flatError && (!flat || !flat.items?.length)) {\r\n                                    <div class=\"pv2-empty\">{{(flat ? 'Nessun evento con questi filtri.' : 'Caricamento\u2026') | localize: lc}}</div>\r\n                                }\r\n                            </div>\r\n                            @if (flat?.items?.length) {\r\n                                <div class=\"pv2-footer\">\r\n                                    {{flat.numItems | pv2fmt: 'int'}} {{'eventi distinti' | localize: lc}}@if (flat.numItems > flat.items.length) {, {{'mostrati i primi' | localize: lc}} {{flat.items.length | pv2fmt: 'int'}}}.\r\n                                    {{'La percentuale \u00E8 sul tempo proprio di tutti gli eventi non idle.' | localize: lc}}\r\n                                </div>\r\n                            }\r\n                        }\r\n                    </div>\r\n\r\n                    <!-- Dettaglio del nodo selezionato, lo stesso per le due viste -->\r\n                    <aside class=\"pv2-panel pv2-detail\" [class.pv2-stale]=\"detailStale\">\r\n                        @if (!selectedId) {\r\n                            <div class=\"pv2-placeholder\">{{'Seleziona un nodo per vederne il dettaglio.' | localize: lc}}</div>\r\n                        } @else if (detailMissing && !detailLoading) {\r\n                            <div class=\"pv2-placeholder\">{{\"Il nodo non c'\u00E8 nelle istanze o nella finestra scelte.\" | localize: lc}}</div>\r\n                        } @else if (detailError && !detailLoading) {\r\n                            <div class=\"pv2-placeholder pv2-error-text\">{{detailError}}</div>\r\n                        } @else if (!detail) {\r\n                            <div class=\"pv2-placeholder\"><i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento\u2026' | localize: lc}}</div>\r\n                        } @else {\r\n                            <div class=\"pv2-d-head\">\r\n                                <span class=\"pv2-type\"><span class=\"pv2-dot\" [style.background]=\"typeColor(detail.eventTypeName, detail.waitClassName)\"></span>{{typeLabel(detail.eventTypeName, detail.waitClassName)}}</span>\r\n                                @if (detailLoading) {\r\n                                    <i class=\"fa fa-spinner fa-spin pv2-muted\"></i>\r\n                                }\r\n                            </div>\r\n                            <div class=\"pv2-fullname\">{{detail.nodeName}}</div>\r\n                            <div class=\"pv2-id\">\r\n                                Id <code #idText>{{detail.nodeId}}</code>\r\n                                <button type=\"button\" class=\"pv2-link\" (click)=\"copyId(idText)\">{{(copied ? 'Copiato' : 'Copia') | localize: lc}}</button>\r\n                            </div>\r\n\r\n                            <div class=\"pv2-d-title\">{{'Percorso' | localize: lc}}</div>\r\n                            <div class=\"pv2-path\">\r\n                                @for (item of detail.fullWaitStack ?? []; track item.nodeId; let i = $index) {\r\n                                    <button type=\"button\" class=\"pv2-path-item\" [style.padding-left.px]=\"i * 10\" [title]=\"item.nodeName\" (click)=\"select(item.nodeId)\">\r\n                                        <span class=\"pv2-dot\" [style.background]=\"typeColor(item.eventTypeName, item.waitClassName)\"></span>{{item.nodeName}}\r\n                                    </button>\r\n                                }\r\n                                <div class=\"pv2-path-item pv2-path-current\" [style.padding-left.px]=\"(detail.fullWaitStack?.length ?? 0) * 10\" [title]=\"detail.nodeName\">\r\n                                    <span class=\"pv2-dot\" [style.background]=\"typeColor(detail.eventTypeName, detail.waitClassName)\"></span>{{detail.nodeName}}\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"pv2-d-title\">{{(live ? \"Dall'avvio\" : 'Nella finestra') | localize: lc}}</div>\r\n                            <dl class=\"pv2-kv\">\r\n                                <dt>{{'Esecuzioni' | localize: lc}}</dt><dd>{{detail.executions | pv2fmt: 'int'}}</dd>\r\n                                <dt>{{'Tempo totale' | localize: lc}}</dt><dd>{{detail.elapsedTime | pv2fmt: 'dur'}}</dd>\r\n                                <dt>{{'Tempo proprio' | localize: lc}}</dt><dd>{{detail.elapsedTimeLessChildren | pv2fmt: 'dur'}}</dd>\r\n                                <dt>{{'Medio' | localize: lc}}</dt><dd>{{detail.avgTime | pv2fmt: 'dur'}}</dd>\r\n                                <dt>{{'Picco' | localize: lc}}</dt><dd>{{detail.peakTime | pv2fmt: 'dur'}}</dd>\r\n                                <dt>{{'Minimo' | localize: lc}}</dt><dd>{{detail.minTime ? (detail.minTime | pv2fmt: 'dur') : '\u2014'}}</dd>\r\n                            </dl>\r\n\r\n                            @if (live) {\r\n                                <div class=\"pv2-d-title\">{{\"Dall'ultimo snapshot\" | localize: lc}}, {{hhmm(detail.snapFrom)}}</div>\r\n                                <dl class=\"pv2-kv\">\r\n                                    <dt>{{'Esecuzioni' | localize: lc}}</dt><dd>{{detail.snapDeltaExecutions | pv2fmt: 'int'}}</dd>\r\n                                    <dt>{{'Tempo totale' | localize: lc}}</dt><dd>{{detail.snapDeltaElapsedTime | pv2fmt: 'dur'}}</dd>\r\n                                    <dt>{{'Tempo proprio' | localize: lc}}</dt><dd>{{detail.snapDeltaElapsedTimeLessChildren | pv2fmt: 'dur'}}</dd>\r\n                                </dl>\r\n\r\n                                <div class=\"pv2-d-title\">{{'Adesso' | localize: lc}}</div>\r\n                                <dl class=\"pv2-kv\">\r\n                                    <dt>{{'Thread dentro' | localize: lc}}</dt>\r\n                                    <dd>\r\n                                        @if (detail.activeThreads > 0) {\r\n                                            <span class=\"pv2-active\"><span class=\"pv2-active-dot\"></span>{{detail.activeThreads}}</span>\r\n                                        } @else {\r\n                                            {{detail.activeThreads ?? '\u2014'}}\r\n                                        }\r\n                                    </dd>\r\n                                    <dt>{{'Esecuzione pi\u00F9 lunga' | localize: lc}}</dt>\r\n                                    <dd>\r\n                                        @if (detail.activeThreads > 0) {\r\n                                            {{detail.activeMaxTime | pv2fmt: 'dur'}}\r\n                                            @if (isLongRunning(detail.eventTypeName, detail.waitClassName, detail.activeMaxTime)) {\r\n                                                <span class=\"pv2-long\"><i class=\"fa fa-clock\"></i> {{'forse bloccata' | localize: lc}}</span>\r\n                                            }\r\n                                        } @else {\r\n                                            \u2014\r\n                                        }\r\n                                    </dd>\r\n                                    <dt>{{'Ultima uscita' | localize: lc}}</dt><dd>{{relative(detail.lastExitTime)}}</dd>\r\n                                </dl>\r\n                            }\r\n\r\n                            @if (typeParts.length > 0) {\r\n                                <div class=\"pv2-d-title\">{{'Tempo proprio del sottoalbero per tipo' | localize: lc}}</div>\r\n                                <div class=\"pv2-stack\">\r\n                                    @for (part of typeParts; track part.type) {\r\n                                        <div [style.width.%]=\"part.percentage\" [style.background]=\"part.color\" [title]=\"part.label + ' ' + (part.percentage | pv2fmt: 'pct')\"></div>\r\n                                    }\r\n                                </div>\r\n                                <div class=\"pv2-legend\">\r\n                                    @for (part of typeParts; track part.type) {\r\n                                        <span class=\"pv2-legend-item\"><span class=\"pv2-swatch\" [style.background]=\"part.color\"></span>{{part.label}} <strong>{{part.percentage | pv2fmt: 'pct'}}</strong></span>\r\n                                    }\r\n                                </div>\r\n                            }\r\n\r\n                            <div class=\"pv2-d-title\">{{'Sessioni attive sul nodo e sui discendenti' | localize: lc}}</div>\r\n                            @if (chart) {\r\n                                <div class=\"pv2-chart\">\r\n                                    <div class=\"pv2-chart-y\">\r\n                                        <span>{{axisValue(chart.max)}}</span>\r\n                                        <span>{{axisValue(chart.max / 2)}}</span>\r\n                                        <span>0</span>\r\n                                    </div>\r\n                                    <div class=\"pv2-chart-plot\">\r\n                                        <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n                                            <line x1=\"0\" y1=\"50\" x2=\"100\" y2=\"50\" class=\"pv2-chart-grid\" vector-effect=\"non-scaling-stroke\" />\r\n                                            <path [attr.d]=\"chart.area\" [attr.fill]=\"chart.color\" fill-opacity=\"0.25\" />\r\n                                            <path [attr.d]=\"chart.line\" [attr.stroke]=\"chart.color\" fill=\"none\" stroke-width=\"1.5\" vector-effect=\"non-scaling-stroke\" />\r\n                                        </svg>\r\n                                        <span class=\"pv2-chart-last\" [style.left.%]=\"chart.lastX\" [style.top.%]=\"chart.lastY\" [style.background]=\"chart.color\"></span>\r\n                                    </div>\r\n                                    <span></span>\r\n                                    <div class=\"pv2-chart-x\">\r\n                                        <span>{{chart.start}}</span>\r\n                                        <span>{{chart.middle}}</span>\r\n                                        <span>{{chart.end}}</span>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"pv2-caption\">\r\n                                    {{'Media' | localize: lc}} {{axisValue(chart.average)}} &middot; {{'picco' | localize: lc}} {{axisValue(chart.peak)}} {{'sessioni' | localize: lc}}.\r\n                                    {{chart.points | pv2fmt: 'int'}} {{\"punti dell'API\" | localize: lc}},\r\n                                    @if (chart.interval == 1) {\r\n                                        {{'uno al secondo' | localize: lc}},\r\n                                    } @else {\r\n                                        {{'uno ogni' | localize: lc}} {{chart.interval}} s,\r\n                                    }\r\n                                    {{'raggruppati a' | localize: lc}} {{chart.group}} s\r\n                                </div>\r\n                            } @else {\r\n                                <div class=\"pv2-muted pv2-small\">{{'Nessun campione in memoria per questa finestra: il grafico copre solo le ultime due ore circa.' | localize: lc}}</div>\r\n                            }\r\n\r\n                            @if (detail.instances?.length) {\r\n                                <div class=\"pv2-d-title\">{{'Per istanza' | localize: lc}}</div>\r\n                                <table class=\"pv2-mini\">\r\n                                    <thead>\r\n                                        <tr>\r\n                                            <th>{{'Istanza' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{'Esecuzioni' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{'Tempo' | localize: lc}}</th>\r\n                                            <th class=\"pv2-num\">{{'Proprio' | localize: lc}}</th>\r\n                                            @if (live) {\r\n                                                <th class=\"pv2-num\">{{'Thread' | localize: lc}}</th>\r\n                                            }\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        @for (inst of detail.instances; track inst.instanceId) {\r\n                                            <tr>\r\n                                                <td><span class=\"pv2-ellipsis\" [title]=\"inst.instanceId\">{{inst.instanceId}}</span></td>\r\n                                                <td class=\"pv2-num\">{{inst.executions | pv2fmt: 'int'}}</td>\r\n                                                <td class=\"pv2-num\">{{inst.elapsedTime | pv2fmt: 'dur'}}</td>\r\n                                                <td class=\"pv2-num\">{{inst.elapsedTimeLessChildren | pv2fmt: 'dur'}}</td>\r\n                                                @if (live) {\r\n                                                    <td class=\"pv2-num\">{{inst.activeThreads ?? '\u2014'}}</td>\r\n                                                }\r\n                                            </tr>\r\n                                        }\r\n                                    </tbody>\r\n                                </table>\r\n                            }\r\n\r\n                            <div class=\"pv2-d-foot\">\r\n                                <span class=\"pv2-muted\">{{detail.numChildren | pv2fmt: 'int'}} {{'figli diretti' | localize: lc}} &middot; {{detail.numDescendants | pv2fmt: 'int'}} {{'discendenti' | localize: lc}}</span>\r\n                                <button type=\"button\" class=\"pv2-btn\" (click)=\"setRoot(detail.nodeId)\"><i class=\"fa fa-sitemap\"></i> {{'Apri come radice' | localize: lc}}</button>\r\n                            </div>\r\n                        }\r\n                    </aside>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host{display:block}:host ::ng-deep .pv2-noclear .p-select-clear-icon{display:none}.pv2-body{container-type:inline-size}.pv2-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding-top:6px}.pv2-cluster{display:flex;flex-wrap:nowrap;align-items:center;gap:10px}.pv2-cluster-end{margin-left:auto}.pv2-field{width:190px}.pv2-field-wide{width:290px}.pv2-field-narrow{width:140px}.pv2-field-search{flex:1 1 220px;min-width:200px;max-width:340px}.pv2-toggle{display:flex;align-items:center;gap:8px;height:39px;white-space:nowrap}.pv2-pointer{cursor:pointer}.pv2-group{position:relative;display:inline-flex}.pv2-group.pv2-disabled{opacity:.5}.pv2-group-label{position:absolute;top:-8px;left:8px;z-index:1;padding:0 4px;background:var(--p-content-background, #fff);color:var(--p-text-muted-color, #64748b);font-size:12px;line-height:15px;white-space:nowrap;pointer-events:none}.pv2-seg{display:inline-flex;height:39px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);overflow:hidden;background:var(--p-content-background, #fff)}.pv2-seg button{display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:0;border-left:1px solid var(--p-form-field-border-color, #cbd5e1);background:transparent;color:var(--p-text-color, #334155);font-size:13px;white-space:nowrap;cursor:pointer}.pv2-seg button:first-child{border-left:0}.pv2-seg button:hover:not(.pv2-on):not(:disabled){background:var(--p-content-hover-background, #f8fafc)}.pv2-seg button:disabled{cursor:default}.pv2-seg button:focus-visible{outline:2px solid var(--p-primary-color, #6366f1);outline-offset:-2px}.pv2-seg button.pv2-on{background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca);font-weight:500;box-shadow:inset 0 -2px 0 var(--p-primary-color, #6366f1)}.pv2-live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a}.pv2-window{display:flex;flex-wrap:wrap;align-items:center;row-gap:4px;margin-top:12px;padding:7px 12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-color, #334155);font-size:13px}.pv2-window>span+span:before{content:\"\\b7\";margin:0 10px;color:var(--p-text-muted-color, #64748b)}.pv2-warn-text{color:#92400e}.pv2-main{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:14px;align-items:start;margin-top:14px}@container (max-width: 1000px){.pv2-main{grid-template-columns:minmax(0,1fr)}.pv2-detail{position:static;max-height:none}}.pv2-panel{padding:12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);min-width:0}.pv2-view-bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 10px;padding-top:6px;margin-bottom:10px}.pv2-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;margin-bottom:8px;font-size:12px}.pv2-crumb{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;border:0;border-radius:4px;background:transparent;color:var(--p-primary-color, #6366f1);cursor:pointer}.pv2-crumb:hover{background:var(--p-highlight-background, #eef2ff)}.pv2-crumb-current{color:var(--p-text-color, #334155);font-weight:500;cursor:default}.pv2-crumb-current:hover{background:transparent}.pv2-crumb-sep{color:var(--p-text-muted-color, #64748b)}.pv2-alert{position:relative;margin-bottom:8px;padding:6px 30px 6px 10px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-hover-background, #f8fafc);font-size:13px}.pv2-alert.pv2-alert-warn{border-color:#fcd34d;background:#fffbeb;color:#92400e}.pv2-alert.pv2-alert-error{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.pv2-alert-close{position:absolute;top:3px;right:6px;border:0;background:transparent;color:inherit;font-size:16px;cursor:pointer}.pv2-table-wrap{max-height:68vh;overflow:auto;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px)}.pv2-table-wrap:focus-visible{outline:2px solid var(--p-primary-color, #6366f1);outline-offset:1px}.pv2-table{width:100%;min-width:740px;border-collapse:separate;border-spacing:0;font-size:13px;color:var(--p-text-color, #334155)}.pv2-table th{position:sticky;top:0;z-index:1;padding:7px 10px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-muted-color, #64748b);font-size:12px;font-weight:500;white-space:nowrap;text-align:left}.pv2-table td{padding:4px 10px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);white-space:nowrap;vertical-align:middle}.pv2-col-node{width:100%;max-width:0}.pv2-num{text-align:right!important;font-variant-numeric:tabular-nums}.pv2-row{cursor:pointer}.pv2-row:hover td{background:var(--p-content-hover-background, #f8fafc)}.pv2-row.pv2-selected td{background:var(--p-highlight-background, #eef2ff)}.pv2-row.pv2-idle td{color:var(--p-text-muted-color, #64748b)}.pv2-row.pv2-idle td .pv2-name{opacity:.75}.pv2-node{display:flex;align-items:center;gap:6px;min-width:0}.pv2-caret{flex:none;width:18px;height:20px;padding:0;border:0;background:transparent;color:var(--p-text-muted-color, #64748b);text-align:center;cursor:pointer}.pv2-type{flex:none;display:inline-flex;align-items:center;gap:5px;padding:0 6px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:10px;color:var(--p-text-muted-color, #64748b);font-size:11px;line-height:18px;white-space:nowrap}.pv2-dot{flex:none;display:inline-block;width:8px;height:8px;border-radius:50%}.pv2-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv2-name mark{padding:0 1px;border-radius:2px;background:#fde68a;color:#1f2937}.pv2-perc{width:1%}.pv2-perc-cell{display:flex;align-items:center;gap:8px}.pv2-bar{flex:none;width:64px;height:7px;border-radius:2px;overflow:hidden;background:var(--p-content-hover-background, #f8fafc);box-shadow:inset 0 0 0 1px var(--p-content-border-color, #e2e8f0)}.pv2-bar>div{height:100%}.pv2-threads>*+*{margin-left:8px}.pv2-active{display:inline-flex;align-items:center;gap:5px;font-weight:500}.pv2-active-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px #16a34a2e}.pv2-long{display:inline-flex;align-items:center;gap:4px;padding:0 6px;border:1px solid #fcd34d;border-radius:10px;background:#fffbeb;color:#92400e;font-size:11px;line-height:18px;white-space:nowrap}.pv2-service td{padding:5px 10px;color:var(--p-text-muted-color, #64748b);font-size:12px;background:var(--p-content-background, #fff)}.pv2-sub td{padding:8px 10px 10px 34px;background:var(--p-content-hover-background, #f8fafc);white-space:normal}.pv2-sub-title{margin-bottom:4px;color:var(--p-text-muted-color, #64748b);font-size:12px}.pv2-sub-item{display:flex;align-items:center;gap:10px;padding:2px 0}.pv2-sub-item code{font-size:12px}.pv2-link{margin-left:6px;padding:0;border:0;background:transparent;color:var(--p-primary-color, #6366f1);font-size:12px;cursor:pointer}.pv2-link:hover{text-decoration:underline}.pv2-empty{padding:28px 12px;color:var(--p-text-muted-color, #64748b);text-align:center}.pv2-footer{margin-top:8px;color:var(--p-text-muted-color, #64748b);font-size:12px}.pv2-muted{color:var(--p-text-muted-color, #64748b)}.pv2-small{font-size:12px}.pv2-detail{position:sticky;top:10px;max-height:calc(100vh - 20px);overflow:auto;font-size:13px;color:var(--p-text-color, #334155);transition:opacity .15s}.pv2-detail.pv2-stale{opacity:.55}.pv2-placeholder{padding:36px 12px;color:var(--p-text-muted-color, #64748b);text-align:center}.pv2-error-text{color:#dc2626}.pv2-d-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pv2-fullname{max-height:140px;overflow:auto;padding:8px 10px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-hover-background, #f8fafc);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word}.pv2-id{margin-top:6px;color:var(--p-text-muted-color, #64748b);font-size:12px}.pv2-id code{font-size:12px}.pv2-d-title{margin:16px 0 6px;padding-top:10px;border-top:1px solid var(--p-content-border-color, #e2e8f0);color:var(--p-text-muted-color, #64748b);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pv2-path{display:flex;flex-direction:column}.pv2-path-item{display:flex;align-items:center;gap:6px;max-width:100%;padding:2px 0;border:0;background:transparent;color:var(--p-primary-color, #6366f1);font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.pv2-path-item:hover{text-decoration:underline}.pv2-path-current{color:var(--p-text-color, #334155);font-weight:600;cursor:default}.pv2-path-current:hover{text-decoration:none}.pv2-kv{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin:0}.pv2-kv dt{color:var(--p-text-muted-color, #64748b);font-weight:400}.pv2-kv dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.pv2-stack{display:flex;height:12px;border-radius:3px;overflow:hidden;background:var(--p-content-hover-background, #f8fafc)}.pv2-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px}.pv2-legend-item{display:inline-flex;align-items:center;gap:5px}.pv2-swatch{width:10px;height:10px;border-radius:2px}.pv2-chart{display:grid;grid-template-columns:auto 1fr;gap:2px 6px}.pv2-chart-y{display:flex;flex-direction:column;justify-content:space-between;height:110px;color:var(--p-text-muted-color, #64748b);font-size:11px;text-align:right;line-height:1}.pv2-chart-plot{position:relative;height:110px;border-left:1px solid var(--p-content-border-color, #e2e8f0);border-bottom:1px solid var(--p-content-border-color, #e2e8f0)}.pv2-chart-plot svg{display:block;width:100%;height:100%}.pv2-chart-grid{stroke:var(--p-content-border-color, #e2e8f0);stroke-dasharray:3 3}.pv2-chart-last{position:absolute;width:8px;height:8px;border:2px solid var(--p-content-background, #fff);border-radius:50%;transform:translate(-50%,-50%)}.pv2-chart-x{display:flex;justify-content:space-between;color:var(--p-text-muted-color, #64748b);font-size:11px}.pv2-caption{margin-top:6px;color:var(--p-text-muted-color, #64748b);font-size:12px}.pv2-mini{width:100%;font-size:12px}.pv2-mini th{padding:3px 6px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);color:var(--p-text-muted-color, #64748b);font-weight:500}.pv2-mini td{padding:3px 6px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0)}.pv2-ellipsis{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.pv2-d-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;padding-top:10px;border-top:1px solid var(--p-content-border-color, #e2e8f0)}.pv2-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);color:var(--p-text-color, #334155);font-size:13px;cursor:pointer}.pv2-btn:hover{background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca)}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.DateService }, { type: i1.LocalizationService }, { type: i3.PreferencesService }, { type: i1$1.InterComService }, { type: i4.ActivatedRoute }, { type: i4.Router }, { type: i5.Location }, { type: AdminModuleBaseService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ADM_MODULE_PATH]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ADM_WORKLOAD_V2]
+                }] }] });
+
+// Workload report v2 (specifica "Workload report"): richieste e risposte come le vuole e le manda il backend (camelCase).
+// Le date delle risposte sono UTC "dd/MM/yyyy HH:mm:ss" senza fuso
+// Senza snapshot il report è live; senza istanze e con global è dell'intero cluster
+class WorkloadReportV2Request {
+}
+// Snapshot che terminano fra from e to (ISO UTC)
+class WorkloadSnapshotsRequest {
+}
+class WorkloadSnapshotInstance {
+}
+class WorkloadSnapshot {
+}
+class WorkloadSnapshotList {
+}
+
+class AdmWorkloadV2Loc extends LocalizationService {
+    constructor(injector) {
+        super(injector);
+        super.set("it->en", "Workload report", ["Workload report"]);
+        super.set("it->en", "Errore", ["Error"]);
+        // Barra dei comandi e avvisi
+        super.set("it->en", "Tipo", ["Type"]);
+        super.set("it->en", "Fra snapshot", ["Snapshot range"]);
+        super.set("it->en", "Istanze", ["Instances"]);
+        super.set("it->en", "Tutto il cluster", ["Whole cluster"]);
+        super.set("it->en", "tutto il cluster", ["whole cluster"]);
+        super.set("it->en", "istanze", ["instances"]);
+        super.set("it->en", "istanza", ["instance"]);
+        super.set("it->en", "Genera report", ["Generate report"]);
+        super.set("it->en", "Annulla", ["Cancel"]);
+        super.set("it->en", "Scegli il primo e l'ultimo snapshot", ["Choose the first and last snapshot"]);
+        super.set("it->en", "Lo storico non è attivo su questo ambiente: il report si può produrre solo live.", ["History is not active on this environment: only a live report can be produced."]);
+        super.set("it->en", "Lo snapshot {id} segue un riavvio di {istanza}: counter e meter della finestra non sono attendibili.", ["Snapshot {id} follows a restart of {istanza}: counters and meters in the window are not reliable."]);
+        super.set("it->en", "La finestra supera 24 ore: l'attività campionata ne copre solo le ultime 24.", ["The window is longer than 24 hours: sampled activity only covers the last 24."]);
+        // Snapshot
+        super.set("it->en", "Snapshot", ["Snapshot"]);
+        super.set("it->en", "Ultime 24 ore", ["Last 24 hours"]);
+        super.set("it->en", "Ultimi 7 giorni", ["Last 7 days"]);
+        super.set("it->en", "Tutto", ["All"]);
+        super.set("it->en", "Caricamento…", ["Loading…"]);
+        super.set("it->en", "Dalle", ["From"]);
+        super.set("it->en", "alle", ["to"]);
+        super.set("it->en", "dalle", ["from"]);
+        super.set("it->en", "scegli l'ultimo snapshot", ["choose the last snapshot"]);
+        super.set("it->en", "Azzera", ["Clear"]);
+        super.set("it->en", "Un clic sceglie il primo snapshot, un secondo clic l'ultimo.", ["One click chooses the first snapshot, a second click the last."]);
+        super.set("it->en", "Inizio", ["Start"]);
+        super.set("it->en", "Fine", ["End"]);
+        super.set("it->en", "Durata", ["Duration"]);
+        super.set("it->en", "Manuale", ["Manual"]);
+        super.set("it->en", "Riavvio", ["Restart"]);
+        super.set("it->en", "Un'istanza è ripartita: counter e meter non sono attendibili", ["An instance restarted: counters and meters are not reliable"]);
+        super.set("it->en", "Nessuno snapshot nel periodo scelto: prova con un periodo più lungo.", ["No snapshots in the chosen period: try a longer one."]);
+        super.set("it->en", "Orari in ora locale", ["Times in local time"]);
+        super.set("it->en", "g", ["d"]);
+        // Report
+        super.set("it->en", "Generazione del report…", ["Generating the report…"]);
+        super.set("it->en", "Il report non si può produrre", ["The report cannot be produced"]);
+        super.set("it->en", "generato alle", ["generated at"]);
+        super.set("it->en", "Vai a…", ["Go to…"]);
+        super.set("it->en", "Scarica", ["Download"]);
+        super.set("it->en", "Apri in una scheda", ["Open in a tab"]);
+        super.set("it->en", "Gli orari del report sono in UTC.", ["Report times are in UTC."]);
+        super.set("it->en", "Scegli tipo e istanze, poi genera il report.", ["Choose type and instances, then generate the report."]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmWorkloadV2Loc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmWorkloadV2Loc }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmWorkloadV2Loc, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+
+// Angular
+const STORAGE_KEY$2 = "HotSearchWorkloadV2";
+const HOUR_MS = 3600 * 1000;
+// Sezioni principali del report con le ancore stabili della specifica: nel salto compaiono solo quelle presenti nel documento.
+// I titoli sono in inglese come nel report
+const SECTIONS = [
+    ["summary", "Report Summary"], ["loadprofile", "Load profile"], ["efficiency", "Instance efficiency"], ["topevents", "Top 10 events by time"],
+    ["waitclasses", "Wait classes"], ["actsumtype", "Activity summary by event type"], ["actsumclass", "Activity summary by wait class"],
+    ["aas", "Average active sessions"], ["topsess", "Top sessions"], ["topnodes", "Top profiler nodes"], ["topapis", "Top APIs"], ["topjobs", "Top jobs"],
+    ["toptenants", "Top tenants"], ["protime", "Profiler nodes by time"], ["protimelc", "Profiler nodes by self time"], ["procalls", "Profiler nodes by calls"],
+    ["wprotime", "Profiler waits"], ["iprotime", "Profiler idle"], ["sqltime", "SQL by elapsed time"], ["sqlexec", "SQL by executions"], ["sqlpeak", "SQL by peak"],
+    ["sqltext", "Complete list of SQL text"], ["netstat", "Network"], ["iostat", "IO"], ["contwaits", "Waits on latches and locks"], ["latch", "Latch activity"],
+    ["mgauges", "Metrics: gauges"], ["mcounters", "Metrics: counters"], ["mmeters", "Metrics: meters"], ["mhistograms", "Metrics: histograms"],
+    ["mtimers", "Metrics: timers"], ["parameters", "Modified parameters"]
+];
+// Ricordati fra una visita e l'altra (W12)
+class WorkloadV2Settings {
+}
+// Il report mostrato, con i parametri con cui è stato chiesto: resta quello anche se poi si cambiano i comandi
+class WorkloadV2Report {
+}
+class AdmWorkloadV2Component {
+    constructor(lc, localStorage, intercom, route, sanitizer, adms) {
+        this.lc = lc;
+        this.localStorage = localStorage;
+        this.intercom = intercom;
+        this.route = route;
+        this.sanitizer = sanitizer;
+        this.adms = adms;
+        // Comandi
+        this.live = true;
+        // Vuoto = tutto il cluster
+        this.instances = [];
+        // Giorni dell'elenco degli snapshot; "0" = tutto
+        this.period = "7";
+        // Elenco degli snapshot
+        this.snapshots = [];
+        this.historyAvailable = true;
+        this.snapshotsLoading = false;
+        this.snapshotsLoaded = false;
+        // Primo e ultimo snapshot scelti, compresi (selTo null dopo il primo clic)
+        this.selFrom = null;
+        this.selTo = null;
+        this.warnings = [];
+        // Report
+        this.generating = false;
+        this.section = "";
+        this.Instances = [];
+        this.Periods = [];
+        this.snapshotsGeneration = 0;
+        this.be = route.snapshot.params["be"] || "";
+        this.intercom.send(InboundMessageTypes.Navigation, { sub: false, routeTitle: this.lc.loc(this.route.snapshot.data["title"]) });
+    }
+    async ngOnInit() {
+        this.Periods = [
+            new KeyValue("1", this.lc.loc("Ultime 24 ore")),
+            new KeyValue("7", this.lc.loc("Ultimi 7 giorni")),
+            new KeyValue("0", this.lc.loc("Tutto"))
+        ];
+        let saved = this.route.snapshot.queryParams["ignoreStorage"] ? null : await firstValueFrom(this.localStorage.getItem(STORAGE_KEY$2), { defaultValue: null });
+        if (saved) {
+            this.live = saved.live ?? this.live;
+            this.instances = saved.instances ?? this.instances;
+            this.period = saved.period ?? this.period;
+        }
+        this.adms.getInstances(this.be).then(t => this.Instances = t ?? []);
+        this.loadSnapshots();
+    }
+    ngOnDestroy() {
+        this.reportSub?.unsubscribe();
+    }
+    // #region Comandi
+    get clusterLabel() {
+        return this.Instances.length ? `${this.lc.loc("Tutto il cluster")} (${this.Instances.length} ${this.Instances.length == 1 ? this.lc.loc("istanza") : this.lc.loc("istanze")})` : this.lc.loc("Tutto il cluster");
+    }
+    setLive(live) {
+        if (!live && !this.historyAvailable)
+            return;
+        this.live = live;
+        this.updateWarnings();
+        this.saveSettings();
+    }
+    // W6: cambiando istanze l'elenco degli snapshot si ricarica
+    instancesChanged(ids) {
+        this.instances = ids ?? [];
+        this.saveSettings();
+        this.loadSnapshots();
+    }
+    setPeriod(id) {
+        this.period = id;
+        this.saveSettings();
+        this.loadSnapshots();
+    }
+    // In "Fra snapshot" servono il primo e l'ultimo
+    get canGenerate() {
+        return this.live || (this.selFrom != null && this.selTo != null);
+    }
+    // #endregion
+    // #region Snapshot
+    async loadSnapshots() {
+        let generation = ++this.snapshotsGeneration;
+        let req = new WorkloadSnapshotsRequest();
+        if (+this.period > 0)
+            req.from = new Date(Date.now() - +this.period * 24 * HOUR_MS).toISOString();
+        if (this.instances.length)
+            req.instanceIds = this.instances;
+        this.snapshotsLoading = true;
+        this.snapshotsError = null;
+        try {
+            let res = await this.adms.getWorkloadSnapshots(this.be, req);
+            if (generation != this.snapshotsGeneration)
+                return;
+            // Senza risposta (per esempio DefaultOnFail) vale come storico spento
+            this.historyAvailable = res?.historyAvailable ?? false;
+            this.snapshots = res?.snapshots ?? [];
+            this.snapshotsLoaded = true;
+            if (!this.historyAvailable)
+                this.live = true;
+            // Se gli snapshot scelti non ci sono più, la scelta si azzera (W6)
+            let ids = new Set(this.snapshots.map(t => t.snapId));
+            if ((this.selFrom != null && !ids.has(this.selFrom)) || (this.selTo != null && !ids.has(this.selTo)))
+                this.clearSelection();
+            this.updateWarnings();
+        }
+        catch (err) {
+            if (generation == this.snapshotsGeneration)
+                this.snapshotsError = `${this.lc.loc("Errore")} ${err?.status ?? ""}: ${this.adms.errorText(err)}`;
+        }
+        finally {
+            if (generation == this.snapshotsGeneration)
+                this.snapshotsLoading = false;
+        }
+    }
+    // Un clic fissa il primo snapshot, un secondo l'ultimo (in qualsiasi ordine); un terzo ricomincia
+    pick(snapshot) {
+        if (this.selFrom == null || this.selTo != null) {
+            this.selFrom = snapshot.snapId;
+            this.selTo = null;
+        }
+        else {
+            let first = this.selFrom;
+            this.selFrom = Math.min(first, snapshot.snapId);
+            this.selTo = Math.max(first, snapshot.snapId);
+        }
+        this.updateWarnings();
+    }
+    clearSelection() {
+        this.selFrom = null;
+        this.selTo = null;
+        this.updateWarnings();
+    }
+    inRange(snapshot) {
+        if (this.selFrom == null)
+            return false;
+        return this.selTo == null ? snapshot.snapId == this.selFrom : snapshot.snapId >= this.selFrom && snapshot.snapId <= this.selTo;
+    }
+    isEdge(snapshot) {
+        return snapshot.snapId == this.selFrom || snapshot.snapId == this.selTo;
+    }
+    // Finestra scelta: dall'inizio del primo snapshot alla fine dell'ultimo (ognuno copre l'intervallo dal precedente)
+    get selectionWindow() {
+        let first = this.snapshots.find(t => t.snapId == this.selFrom);
+        let last = this.snapshots.find(t => t.snapId == (this.selTo ?? this.selFrom));
+        return first && last ? { from: this.parseUtc(first.beginIntervalTime), to: this.parseUtc(last.endIntervalTime) } : null;
+    }
+    instancesTitle(snapshot) {
+        return (snapshot.instances ?? []).map(t => t.instanceId).join("\n");
+    }
+    // W4: avvisi sulla finestra prima di generare, non bloccanti
+    updateWarnings() {
+        let warnings = [];
+        if (!this.live && this.selFrom != null && this.selTo != null) {
+            this.snapshots.forEach((s, i) => {
+                if (s.restart && s.snapId >= this.selFrom && s.snapId <= this.selTo)
+                    for (let instance of this.restartedInstances(i))
+                        warnings.push(this.lc.loc("Lo snapshot {id} segue un riavvio di {istanza}: counter e meter della finestra non sono attendibili.").replace("{id}", String(s.snapId)).replace("{istanza}", instance));
+            });
+            let window = this.selectionWindow;
+            if (window && window.to.getTime() - window.from.getTime() > 24 * HOUR_MS)
+                warnings.push(this.lc.loc("La finestra supera 24 ore: l'attività campionata ne copre solo le ultime 24."));
+        }
+        this.warnings = warnings;
+    }
+    // L'istanza ripartita è quella con un avvio diverso dallo snapshot precedente (il successivo nell'elenco, che va dal più recente)
+    restartedInstances(index) {
+        let snapshot = this.snapshots[index];
+        let previous = this.snapshots[index + 1];
+        let ids = (snapshot.instances ?? []).filter(t => {
+            let before = previous?.instances?.find(k => k.instanceId == t.instanceId);
+            return before ? before.startupTime != t.startupTime : this.parseUtc(t.startupTime) > this.parseUtc(snapshot.beginIntervalTime);
+        }).map(t => t.instanceId);
+        return ids.length ? ids : (snapshot.instances ?? []).map(t => t.instanceId);
+    }
+    // #endregion
+    // #region Report
+    // Il report si chiede solo su comando (W7); durante la richiesta lo stesso comando la annulla
+    generateOrCancel() {
+        if (this.generating)
+            this.cancel();
+        else
+            this.generate();
+    }
+    generate() {
+        if (!this.canGenerate)
+            return;
+        let req = new WorkloadReportV2Request();
+        // Mai global=false senza istanze: dietro un bilanciatore darebbe il report dell'istanza che risponde (W2)
+        if (this.instances.length)
+            req.instanceIds = [...this.instances];
+        else
+            req.global = true;
+        let window = this.live ? null : this.selectionWindow;
+        if (!this.live) {
+            req.snapFrom = this.selFrom;
+            req.snapTo = this.selTo;
+        }
+        this.generating = true;
+        this.reportError = null;
+        this.reportSub?.unsubscribe();
+        this.reportSub = this.adms.getWorkloadReportV2(this.be, req).subscribe({
+            next: html => {
+                this.generating = false;
+                this.showReport(html ?? "", req, window);
+            },
+            error: err => {
+                this.generating = false;
+                // La sessione scaduta la gestisce il servizio
+                if (err?.status != 401)
+                    this.reportError = this.adms.errorText(err) || `${this.lc.loc("Errore")} ${err?.status ?? ""}`;
+            }
+        });
+    }
+    cancel() {
+        this.reportSub?.unsubscribe();
+        this.reportSub = null;
+        this.generating = false;
+    }
+    showReport(html, req, window) {
+        // Le sezioni del salto sono quelle che il documento ha davvero
+        let parsed = new DOMParser().parseFromString(html, "text/html");
+        let sections = SECTIONS.filter(t => parsed.getElementById(t[0])).map(t => new KeyValue(t[0], t[1]));
+        this.report = {
+            html: html,
+            // Il report va in un iframe con sandbox senza script: lo stile e le ancore restano dentro il riquadro.
+            // Il sanificatore di Angular toglierebbe gli stili inline del documento, per questo lo si marca come sicuro
+            doc: this.sanitizer.bypassSecurityTrustHtml(html),
+            live: req.snapFrom == null,
+            instances: req.instanceIds ?? [],
+            snapFrom: req.snapFrom,
+            snapTo: req.snapTo,
+            windowFrom: window?.from,
+            windowTo: window?.to,
+            generatedAt: new Date(),
+            size: new Blob([html]).size,
+            sections: sections
+        };
+        this.section = "";
+    }
+    // W11: porta il riquadro all'ancora scelta, senza far scorrere la pagina
+    goToSection(anchor) {
+        this.section = anchor;
+        let doc = this.reportFrame?.nativeElement?.contentDocument;
+        let target = doc?.getElementById(anchor);
+        if (target)
+            doc.defaultView.scrollTo({ top: target.getBoundingClientRect().top + doc.defaultView.scrollY - 8, behavior: "smooth" });
+    }
+    // W10: l'HTML in un file UTF-8 con un nome che dice cosa contiene
+    download() {
+        let url = URL.createObjectURL(this.reportBlob());
+        let link = document.createElement("a");
+        link.href = url;
+        link.download = this.fileName();
+        document.body.appendChild(link);
+        link.click();
+        link.remove();
+        setTimeout(() => URL.revokeObjectURL(url), 1000);
+    }
+    openInTab() {
+        let url = URL.createObjectURL(this.reportBlob());
+        window.open(url, "_blank");
+        // La scheda nuova ha già caricato il documento quando l'URL viene revocato
+        setTimeout(() => URL.revokeObjectURL(url), 60000);
+    }
+    reportBlob() {
+        return new Blob([this.report.html], { type: "text/html;charset=utf-8" });
+    }
+    // workload-report_{live|snap-1201-1206}_{cluster|istanze}_{yyyyMMdd-HHmm}Z.html
+    fileName() {
+        let r = this.report;
+        let kind = r.live ? "live" : `snap-${r.snapFrom}-${r.snapTo}`;
+        let scope = r.instances.length ? r.instances.map(t => t.replace(/[^\w.-]+/g, "-")).join("+") : "cluster";
+        return `workload-report_${kind}_${scope}_${this.utcStamp(r.generatedAt)}Z.html`;
+    }
+    // yyyyMMdd-HHmm in UTC (il plugin utc di dayjs non è detto che ci sia)
+    utcStamp(date) {
+        let pad = (n) => String(n).padStart(2, "0");
+        return `${date.getUTCFullYear()}${pad(date.getUTCMonth() + 1)}${pad(date.getUTCDate())}-${pad(date.getUTCHours())}${pad(date.getUTCMinutes())}`;
+    }
+    // #endregion
+    // #region Presentazione
+    // Le date delle risposte sono UTC "dd/MM/yyyy HH:mm:ss" senza fuso: si leggono come UTC e si mostrano in ora locale (W16)
+    parseUtc(value) {
+        let m = /^(\d{2})\/(\d{2})\/(\d{4}) (\d{2}):(\d{2}):(\d{2})$/.exec(value ?? "");
+        return m ? new Date(Date.UTC(+m[3], +m[2] - 1, +m[1], +m[4], +m[5], +m[6])) : value ? new Date(value) : null;
+    }
+    local(value) {
+        let date = typeof value == "string" ? this.parseUtc(value) : value;
+        return date ? dayjs(date).format("DD/MM HH:mm") : "—";
+    }
+    hhmm(date) {
+        return date ? dayjs(date).format("HH:mm") : "—";
+    }
+    // Fuso dell'ora locale, per dire in che ora sono gli orari della pagina
+    get zone() {
+        return `UTC${dayjs().format("Z")}`;
+    }
+    span(from, to) {
+        let a = typeof from == "string" ? this.parseUtc(from) : from;
+        let b = typeof to == "string" ? this.parseUtc(to) : to;
+        if (!a || !b)
+            return "—";
+        let minutes = Math.max(0, Math.round((b.getTime() - a.getTime()) / 60000));
+        if (minutes < 60)
+            return `${minutes} min`;
+        let hours = Math.floor(minutes / 60);
+        if (hours < 48)
+            return minutes % 60 ? `${hours} h ${minutes % 60} min` : `${hours} h`;
+        let days = Math.floor(hours / 24);
+        return hours % 24 ? `${days} ${this.lc.loc("g")} ${hours % 24} h` : `${days} ${this.lc.loc("g")}`;
+    }
+    kilobytes(size) {
+        return `${Math.max(1, Math.round(size / 1024))} kB`;
+    }
+    scopeLabel(instances) {
+        return instances?.length ? instances.join(", ") : this.lc.loc("tutto il cluster");
+    }
+    saveSettings() {
+        let settings = { live: this.live, instances: this.instances, period: this.period };
+        this.localStorage.setItem(STORAGE_KEY$2, settings).subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmWorkloadV2Component, deps: [{ token: i1.LocalizationService }, { token: i3.PreferencesService }, { token: i1$1.InterComService }, { token: i4.ActivatedRoute }, { token: i5$1.DomSanitizer }, { token: AdminModuleBaseService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: AdmWorkloadV2Component, isStandalone: false, selector: "workload_v2", providers: [{ provide: LocalizationService, useClass: AdmWorkloadV2Loc }], viewQueries: [{ propertyName: "reportFrame", first: true, predicate: ["reportFrame"], descendants: true }], ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-12\">\r\n        <div class=\"card app-overflow-visible\" widget>\r\n            <div class=\"card-header\">\r\n                <span class=\"text-uppercase\">{{'Workload report' | localize: lc}}</span>\r\n            </div>\r\n            <div class=\"card-body widget-body\">\r\n                <!-- Barra dei comandi: tipo, istanze, genera. Il report si chiede solo con il comando -->\r\n                <div class=\"wr-toolbar\">\r\n                    <div class=\"wr-group\">\r\n                        <span class=\"wr-group-label\">{{'Tipo' | localize: lc}}</span>\r\n                        <div class=\"wr-seg\">\r\n                            <button type=\"button\" [class.wr-on]=\"live\" (click)=\"setLive(true)\"><span class=\"wr-live-dot\"></span>Live</button>\r\n                            <button type=\"button\" [class.wr-on]=\"!live\" [disabled]=\"!historyAvailable\" (click)=\"setLive(false)\"\r\n                                    [title]=\"historyAvailable ? '' : ('Lo storico non \u00E8 attivo su questo ambiente: il report si pu\u00F2 produrre solo live.' | localize: lc)\">\r\n                                {{'Fra snapshot' | localize: lc}}\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"wr-group wr-field-wide\">\r\n                        <span class=\"wr-group-label\">{{'Istanze' | localize: lc}}</span>\r\n                        <form-multiselect class=\"wr-fill\" [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"instances\" (ngModelChange)=\"instancesChanged($event)\" name=\"instances\" [Source]=\"Instances\" [Placeholder]=\"clusterLabel\" [MaxShownElements]=\"2\"></form-multiselect>\r\n                    </div>\r\n                    <div class=\"wr-toolbar-end\">\r\n                        <button type=\"button\" class=\"wr-btn wr-btn-primary\" [disabled]=\"!generating && !canGenerate\" (click)=\"generateOrCancel()\"\r\n                                [title]=\"!generating && !canGenerate ? ('Scegli il primo e l\\'ultimo snapshot' | localize: lc) : ''\">\r\n                            @if (generating) {\r\n                                <i class=\"fa fa-times\"></i> {{'Annulla' | localize: lc}}\r\n                            } @else {\r\n                                <i class=\"fa fa-file-text\"></i> {{'Genera report' | localize: lc}}\r\n                            }\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- Avvisi sulla finestra (W4): non bloccano la generazione -->\r\n                @for (warning of warnings; track $index) {\r\n                    <div class=\"wr-alert wr-alert-warn\"><i class=\"fa fa-exclamation-triangle\"></i> {{warning}}</div>\r\n                }\r\n                @if (snapshotsLoaded && !historyAvailable) {\r\n                    <div class=\"wr-alert\"><i class=\"fa fa-info-circle\"></i> {{'Lo storico non \u00E8 attivo su questo ambiente: il report si pu\u00F2 produrre solo live.' | localize: lc}}</div>\r\n                }\r\n\r\n                <!-- Elenco degli snapshot, solo per il report fra snapshot -->\r\n                @if (!live) {\r\n                    <div class=\"wr-panel\">\r\n                        <div class=\"wr-panel-header\">\r\n                            <span class=\"wr-title\">{{'Snapshot' | localize: lc}}</span>\r\n                            <div class=\"wr-seg wr-seg-small\">\r\n                                @for (p of Periods; track p.id) {\r\n                                    <button type=\"button\" [class.wr-on]=\"period == p.id\" (click)=\"setPeriod(p.id)\">{{p.description}}</button>\r\n                                }\r\n                            </div>\r\n                            @if (snapshotsLoading) {\r\n                                <span class=\"wr-muted\"><i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento\u2026' | localize: lc}}</span>\r\n                            }\r\n                            <span class=\"wr-spacer\"></span>\r\n                            @if (selectionWindow; as w) {\r\n                                <span class=\"wr-window\">\r\n                                    {{'Dalle' | localize: lc}} <strong>{{local(w.from)}}</strong> {{'alle' | localize: lc}} <strong>{{local(w.to)}}</strong>\r\n                                    ({{span(w.from, w.to)}})\r\n                                    @if (selTo == null) {\r\n                                        <span class=\"wr-muted\">&middot; {{\"scegli l'ultimo snapshot\" | localize: lc}}</span>\r\n                                    }\r\n                                </span>\r\n                                <button type=\"button\" class=\"wr-link\" (click)=\"clearSelection()\">{{'Azzera' | localize: lc}}</button>\r\n                            } @else {\r\n                                <span class=\"wr-muted\">{{\"Un clic sceglie il primo snapshot, un secondo clic l'ultimo.\" | localize: lc}}</span>\r\n                            }\r\n                        </div>\r\n\r\n                        @if (snapshotsError) {\r\n                            <div class=\"wr-alert wr-alert-error\">{{snapshotsError}}</div>\r\n                        }\r\n\r\n                        <div class=\"wr-table-wrap\">\r\n                            <table class=\"wr-table\">\r\n                                <thead>\r\n                                    <tr>\r\n                                        <th class=\"wr-num\">{{'Snapshot' | localize: lc}}</th>\r\n                                        <th>{{'Inizio' | localize: lc}}</th>\r\n                                        <th>{{'Fine' | localize: lc}}</th>\r\n                                        <th class=\"wr-num\">{{'Durata' | localize: lc}}</th>\r\n                                        <th class=\"wr-num\">{{'Istanze' | localize: lc}}</th>\r\n                                        <th>{{'Manuale' | localize: lc}}</th>\r\n                                        <th>{{'Riavvio' | localize: lc}}</th>\r\n                                    </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                    @for (s of snapshots; track s.snapId) {\r\n                                        <tr class=\"wr-row\" [class.wr-in-range]=\"inRange(s)\" [class.wr-edge]=\"isEdge(s)\" [class.wr-restart]=\"s.restart\" (click)=\"pick(s)\">\r\n                                            <td class=\"wr-num\"><strong>{{s.snapId}}</strong></td>\r\n                                            <td>{{local(s.beginIntervalTime)}}</td>\r\n                                            <td>{{local(s.endIntervalTime)}}</td>\r\n                                            <td class=\"wr-num\">{{span(s.beginIntervalTime, s.endIntervalTime)}}</td>\r\n                                            <td class=\"wr-num\" [title]=\"instancesTitle(s)\">{{s.instances?.length ?? 0}}</td>\r\n                                            <td>\r\n                                                @if (s.manual) {\r\n                                                    <span class=\"wr-badge\"><i class=\"fa fa-hand-pointer\"></i> {{'Manuale' | localize: lc}}</span>\r\n                                                }\r\n                                            </td>\r\n                                            <td>\r\n                                                @if (s.restart) {\r\n                                                    <span class=\"wr-badge wr-badge-warn\" [title]=\"'Un\\'istanza \u00E8 ripartita: counter e meter non sono attendibili' | localize: lc\"><i class=\"fa fa-power-off\"></i> {{'Riavvio' | localize: lc}}</span>\r\n                                                }\r\n                                            </td>\r\n                                        </tr>\r\n                                    }\r\n                                </tbody>\r\n                            </table>\r\n                            @if (snapshotsLoaded && !snapshotsLoading && !snapshotsError && snapshots.length == 0 && historyAvailable) {\r\n                                <div class=\"wr-empty\">{{'Nessuno snapshot nel periodo scelto: prova con un periodo pi\u00F9 lungo.' | localize: lc}}</div>\r\n                            }\r\n                        </div>\r\n                        <div class=\"wr-footnote\">{{'Orari in ora locale' | localize: lc}} ({{zone}})</div>\r\n                    </div>\r\n                }\r\n\r\n                <!-- Report -->\r\n                <div class=\"wr-panel wr-report\">\r\n                    @if (generating) {\r\n                        <div class=\"wr-alert wr-alert-busy\">\r\n                            <i class=\"fa fa-spinner fa-spin\"></i> {{'Generazione del report\u2026' | localize: lc}}\r\n                            <button type=\"button\" class=\"wr-link\" (click)=\"cancel()\">{{'Annulla' | localize: lc}}</button>\r\n                        </div>\r\n                    }\r\n                    @if (reportError) {\r\n                        <div class=\"wr-alert wr-alert-error\">{{'Il report non si pu\u00F2 produrre' | localize: lc}}: {{reportError}}</div>\r\n                    }\r\n\r\n                    @if (report) {\r\n                        <div class=\"wr-report-bar\">\r\n                            <div class=\"wr-summary\">\r\n                                @if (report.live) {\r\n                                    <strong>Live</strong>\r\n                                } @else {\r\n                                    <strong>{{'Snapshot' | localize: lc}} {{report.snapFrom}}\u2013{{report.snapTo}}</strong>\r\n                                }\r\n                                &middot; {{scopeLabel(report.instances)}}\r\n                                @if (!report.live && report.windowFrom) {\r\n                                    &middot; {{'dalle' | localize: lc}} {{local(report.windowFrom)}} {{'alle' | localize: lc}} {{local(report.windowTo)}}\r\n                                }\r\n                                &middot; {{'generato alle' | localize: lc}} {{hhmm(report.generatedAt)}} ({{kilobytes(report.size)}})\r\n                            </div>\r\n                            <div class=\"wr-actions\">\r\n                                @if (report.sections.length > 0) {\r\n                                    <div class=\"wr-field wr-noclear\">\r\n                                        <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"section\" (ngModelChange)=\"goToSection($event)\" name=\"section\" [Source]=\"report.sections\" [Placeholder]=\"'Vai a\u2026' | localize: lc\"></form-select>\r\n                                    </div>\r\n                                }\r\n                                <button type=\"button\" class=\"wr-btn\" (click)=\"download()\"><i class=\"fa fa-download\"></i> {{'Scarica' | localize: lc}}</button>\r\n                                <button type=\"button\" class=\"wr-btn\" (click)=\"openInTab()\"><i class=\"fa fa-external-link\"></i> {{'Apri in una scheda' | localize: lc}}</button>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"wr-footnote\"><i class=\"fa fa-clock\"></i> {{'Gli orari del report sono in UTC.' | localize: lc}}</div>\r\n                        <!-- Riquadro isolato e senza script: gli stili del report non toccano la pagina e le ancore dell'indice restano dentro (W8) -->\r\n                        <iframe #reportFrame class=\"wr-frame\" [class.wr-stale]=\"generating\" [srcdoc]=\"report.doc\" sandbox=\"allow-same-origin allow-popups\" title=\"Workload report\"></iframe>\r\n                    } @else if (!generating && !reportError) {\r\n                        <div class=\"wr-placeholder\">\r\n                            <i class=\"fa fa-file-text\"></i>\r\n                            {{'Scegli tipo e istanze, poi genera il report.' | localize: lc}}\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [":host{display:block}:host ::ng-deep .wr-noclear .p-select-clear-icon{display:none}:host ::ng-deep .wr-fill{display:block;width:100%}.wr-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding-top:6px}.wr-toolbar-end{margin-left:auto}.wr-field{width:240px}.wr-field-wide{width:380px;max-width:100%}.wr-group{position:relative;display:inline-flex}.wr-group-label{position:absolute;top:-8px;left:8px;z-index:2;padding:0 4px;background:var(--p-content-background, #fff);color:var(--p-text-muted-color, #64748b);font-size:12px;line-height:15px;white-space:nowrap;pointer-events:none}.wr-seg{display:inline-flex;height:39px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);overflow:hidden;background:var(--p-content-background, #fff)}.wr-seg button{display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:0;border-left:1px solid var(--p-form-field-border-color, #cbd5e1);background:transparent;color:var(--p-text-color, #334155);font-size:13px;white-space:nowrap;cursor:pointer}.wr-seg button:first-child{border-left:0}.wr-seg button:hover:not(.wr-on):not(:disabled){background:var(--p-content-hover-background, #f8fafc)}.wr-seg button:disabled{color:var(--p-text-muted-color, #64748b);opacity:.6;cursor:not-allowed}.wr-seg button:focus-visible{outline:2px solid var(--p-primary-color, #6366f1);outline-offset:-2px}.wr-seg button.wr-on{background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca);font-weight:500;box-shadow:inset 0 -2px 0 var(--p-primary-color, #6366f1)}.wr-seg.wr-seg-small{height:30px}.wr-seg.wr-seg-small button{padding:0 10px;font-size:12px}.wr-live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a}.wr-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);color:var(--p-text-color, #334155);font-size:13px;white-space:nowrap;cursor:pointer}.wr-btn:hover:not(:disabled){background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca)}.wr-btn:disabled{opacity:.55;cursor:not-allowed}.wr-btn.wr-btn-primary{height:39px;padding:0 18px;border-color:var(--p-primary-color, #6366f1);background:var(--p-primary-color, #6366f1);color:var(--p-primary-contrast-color, #fff);font-weight:500}.wr-btn.wr-btn-primary:hover:not(:disabled){background:var(--p-primary-color, #6366f1);color:var(--p-primary-contrast-color, #fff);filter:brightness(1.08)}.wr-link{margin-left:8px;padding:0;border:0;background:transparent;color:var(--p-primary-color, #6366f1);font-size:12px;cursor:pointer}.wr-link:hover{text-decoration:underline}.wr-alert{margin-top:10px;padding:7px 12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-color, #334155);font-size:13px}.wr-alert.wr-alert-warn{border-color:#fcd34d;background:#fffbeb;color:#92400e}.wr-alert.wr-alert-error{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.wr-alert.wr-alert-busy{margin-top:0;margin-bottom:10px;border-color:var(--p-primary-color, #6366f1);background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca)}.wr-panel{margin-top:14px;padding:12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);min-width:0}.wr-panel-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:10px}.wr-title{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--p-text-muted-color, #64748b)}.wr-spacer{flex:1 1 auto}.wr-window{color:var(--p-text-color, #334155);font-size:13px}.wr-muted{color:var(--p-text-muted-color, #64748b);font-size:12px}.wr-table-wrap{max-height:320px;overflow:auto;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px)}.wr-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;color:var(--p-text-color, #334155)}.wr-table th{position:sticky;top:0;z-index:1;padding:6px 10px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-muted-color, #64748b);font-size:12px;font-weight:500;white-space:nowrap;text-align:left}.wr-table td{padding:4px 10px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);white-space:nowrap}.wr-num{text-align:right!important;font-variant-numeric:tabular-nums}.wr-row{cursor:pointer}.wr-row:hover td{background:var(--p-content-hover-background, #f8fafc)}.wr-row.wr-restart td:first-child{box-shadow:inset 3px 0 #f59e0b}.wr-row.wr-in-range td{background:var(--p-highlight-background, #eef2ff)}.wr-row.wr-edge td{color:var(--p-highlight-color, #4338ca);font-weight:600}.wr-badge{display:inline-flex;align-items:center;gap:4px;padding:0 7px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:10px;color:var(--p-text-muted-color, #64748b);font-size:11px;line-height:18px}.wr-badge.wr-badge-warn{border-color:#fcd34d;background:#fffbeb;color:#92400e}.wr-empty{padding:22px 12px;color:var(--p-text-muted-color, #64748b);text-align:center}.wr-footnote{margin-top:6px;color:var(--p-text-muted-color, #64748b);font-size:12px}.wr-report-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;padding-top:6px}.wr-summary{color:var(--p-text-color, #334155);font-size:13px}.wr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.wr-frame{display:block;width:100%;height:calc(100vh - 240px);min-height:520px;margin-top:8px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:#fff;transition:opacity .15s}.wr-frame.wr-stale{opacity:.5}.wr-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;padding:70px 12px;color:var(--p-text-muted-color, #64748b);text-align:center}.wr-placeholder .fa{font-size:28px;opacity:.5}\n"], dependencies: [{ kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.EsFormSelectComponent, selector: "form-select", inputs: ["OptionsTemplate"] }, { kind: "component", type: i9.EsFormMultiselectComponent, selector: "form-multiselect", inputs: ["display", "InOutFormat", "FloatingLabel", "MaxShownElements"] }, { kind: "directive", type: i10.Widget, selector: "[widget]" }, { kind: "pipe", type: i1.LocalizePipe, name: "localize" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmWorkloadV2Component, decorators: [{
+            type: Component,
+            args: [{ selector: "workload_v2", providers: [{ provide: LocalizationService, useClass: AdmWorkloadV2Loc }], standalone: false, template: "<div class=\"row\">\r\n    <div class=\"col-12\">\r\n        <div class=\"card app-overflow-visible\" widget>\r\n            <div class=\"card-header\">\r\n                <span class=\"text-uppercase\">{{'Workload report' | localize: lc}}</span>\r\n            </div>\r\n            <div class=\"card-body widget-body\">\r\n                <!-- Barra dei comandi: tipo, istanze, genera. Il report si chiede solo con il comando -->\r\n                <div class=\"wr-toolbar\">\r\n                    <div class=\"wr-group\">\r\n                        <span class=\"wr-group-label\">{{'Tipo' | localize: lc}}</span>\r\n                        <div class=\"wr-seg\">\r\n                            <button type=\"button\" [class.wr-on]=\"live\" (click)=\"setLive(true)\"><span class=\"wr-live-dot\"></span>Live</button>\r\n                            <button type=\"button\" [class.wr-on]=\"!live\" [disabled]=\"!historyAvailable\" (click)=\"setLive(false)\"\r\n                                    [title]=\"historyAvailable ? '' : ('Lo storico non \u00E8 attivo su questo ambiente: il report si pu\u00F2 produrre solo live.' | localize: lc)\">\r\n                                {{'Fra snapshot' | localize: lc}}\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"wr-group wr-field-wide\">\r\n                        <span class=\"wr-group-label\">{{'Istanze' | localize: lc}}</span>\r\n                        <form-multiselect class=\"wr-fill\" [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"instances\" (ngModelChange)=\"instancesChanged($event)\" name=\"instances\" [Source]=\"Instances\" [Placeholder]=\"clusterLabel\" [MaxShownElements]=\"2\"></form-multiselect>\r\n                    </div>\r\n                    <div class=\"wr-toolbar-end\">\r\n                        <button type=\"button\" class=\"wr-btn wr-btn-primary\" [disabled]=\"!generating && !canGenerate\" (click)=\"generateOrCancel()\"\r\n                                [title]=\"!generating && !canGenerate ? ('Scegli il primo e l\\'ultimo snapshot' | localize: lc) : ''\">\r\n                            @if (generating) {\r\n                                <i class=\"fa fa-times\"></i> {{'Annulla' | localize: lc}}\r\n                            } @else {\r\n                                <i class=\"fa fa-file-text\"></i> {{'Genera report' | localize: lc}}\r\n                            }\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- Avvisi sulla finestra (W4): non bloccano la generazione -->\r\n                @for (warning of warnings; track $index) {\r\n                    <div class=\"wr-alert wr-alert-warn\"><i class=\"fa fa-exclamation-triangle\"></i> {{warning}}</div>\r\n                }\r\n                @if (snapshotsLoaded && !historyAvailable) {\r\n                    <div class=\"wr-alert\"><i class=\"fa fa-info-circle\"></i> {{'Lo storico non \u00E8 attivo su questo ambiente: il report si pu\u00F2 produrre solo live.' | localize: lc}}</div>\r\n                }\r\n\r\n                <!-- Elenco degli snapshot, solo per il report fra snapshot -->\r\n                @if (!live) {\r\n                    <div class=\"wr-panel\">\r\n                        <div class=\"wr-panel-header\">\r\n                            <span class=\"wr-title\">{{'Snapshot' | localize: lc}}</span>\r\n                            <div class=\"wr-seg wr-seg-small\">\r\n                                @for (p of Periods; track p.id) {\r\n                                    <button type=\"button\" [class.wr-on]=\"period == p.id\" (click)=\"setPeriod(p.id)\">{{p.description}}</button>\r\n                                }\r\n                            </div>\r\n                            @if (snapshotsLoading) {\r\n                                <span class=\"wr-muted\"><i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento\u2026' | localize: lc}}</span>\r\n                            }\r\n                            <span class=\"wr-spacer\"></span>\r\n                            @if (selectionWindow; as w) {\r\n                                <span class=\"wr-window\">\r\n                                    {{'Dalle' | localize: lc}} <strong>{{local(w.from)}}</strong> {{'alle' | localize: lc}} <strong>{{local(w.to)}}</strong>\r\n                                    ({{span(w.from, w.to)}})\r\n                                    @if (selTo == null) {\r\n                                        <span class=\"wr-muted\">&middot; {{\"scegli l'ultimo snapshot\" | localize: lc}}</span>\r\n                                    }\r\n                                </span>\r\n                                <button type=\"button\" class=\"wr-link\" (click)=\"clearSelection()\">{{'Azzera' | localize: lc}}</button>\r\n                            } @else {\r\n                                <span class=\"wr-muted\">{{\"Un clic sceglie il primo snapshot, un secondo clic l'ultimo.\" | localize: lc}}</span>\r\n                            }\r\n                        </div>\r\n\r\n                        @if (snapshotsError) {\r\n                            <div class=\"wr-alert wr-alert-error\">{{snapshotsError}}</div>\r\n                        }\r\n\r\n                        <div class=\"wr-table-wrap\">\r\n                            <table class=\"wr-table\">\r\n                                <thead>\r\n                                    <tr>\r\n                                        <th class=\"wr-num\">{{'Snapshot' | localize: lc}}</th>\r\n                                        <th>{{'Inizio' | localize: lc}}</th>\r\n                                        <th>{{'Fine' | localize: lc}}</th>\r\n                                        <th class=\"wr-num\">{{'Durata' | localize: lc}}</th>\r\n                                        <th class=\"wr-num\">{{'Istanze' | localize: lc}}</th>\r\n                                        <th>{{'Manuale' | localize: lc}}</th>\r\n                                        <th>{{'Riavvio' | localize: lc}}</th>\r\n                                    </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                    @for (s of snapshots; track s.snapId) {\r\n                                        <tr class=\"wr-row\" [class.wr-in-range]=\"inRange(s)\" [class.wr-edge]=\"isEdge(s)\" [class.wr-restart]=\"s.restart\" (click)=\"pick(s)\">\r\n                                            <td class=\"wr-num\"><strong>{{s.snapId}}</strong></td>\r\n                                            <td>{{local(s.beginIntervalTime)}}</td>\r\n                                            <td>{{local(s.endIntervalTime)}}</td>\r\n                                            <td class=\"wr-num\">{{span(s.beginIntervalTime, s.endIntervalTime)}}</td>\r\n                                            <td class=\"wr-num\" [title]=\"instancesTitle(s)\">{{s.instances?.length ?? 0}}</td>\r\n                                            <td>\r\n                                                @if (s.manual) {\r\n                                                    <span class=\"wr-badge\"><i class=\"fa fa-hand-pointer\"></i> {{'Manuale' | localize: lc}}</span>\r\n                                                }\r\n                                            </td>\r\n                                            <td>\r\n                                                @if (s.restart) {\r\n                                                    <span class=\"wr-badge wr-badge-warn\" [title]=\"'Un\\'istanza \u00E8 ripartita: counter e meter non sono attendibili' | localize: lc\"><i class=\"fa fa-power-off\"></i> {{'Riavvio' | localize: lc}}</span>\r\n                                                }\r\n                                            </td>\r\n                                        </tr>\r\n                                    }\r\n                                </tbody>\r\n                            </table>\r\n                            @if (snapshotsLoaded && !snapshotsLoading && !snapshotsError && snapshots.length == 0 && historyAvailable) {\r\n                                <div class=\"wr-empty\">{{'Nessuno snapshot nel periodo scelto: prova con un periodo pi\u00F9 lungo.' | localize: lc}}</div>\r\n                            }\r\n                        </div>\r\n                        <div class=\"wr-footnote\">{{'Orari in ora locale' | localize: lc}} ({{zone}})</div>\r\n                    </div>\r\n                }\r\n\r\n                <!-- Report -->\r\n                <div class=\"wr-panel wr-report\">\r\n                    @if (generating) {\r\n                        <div class=\"wr-alert wr-alert-busy\">\r\n                            <i class=\"fa fa-spinner fa-spin\"></i> {{'Generazione del report\u2026' | localize: lc}}\r\n                            <button type=\"button\" class=\"wr-link\" (click)=\"cancel()\">{{'Annulla' | localize: lc}}</button>\r\n                        </div>\r\n                    }\r\n                    @if (reportError) {\r\n                        <div class=\"wr-alert wr-alert-error\">{{'Il report non si pu\u00F2 produrre' | localize: lc}}: {{reportError}}</div>\r\n                    }\r\n\r\n                    @if (report) {\r\n                        <div class=\"wr-report-bar\">\r\n                            <div class=\"wr-summary\">\r\n                                @if (report.live) {\r\n                                    <strong>Live</strong>\r\n                                } @else {\r\n                                    <strong>{{'Snapshot' | localize: lc}} {{report.snapFrom}}\u2013{{report.snapTo}}</strong>\r\n                                }\r\n                                &middot; {{scopeLabel(report.instances)}}\r\n                                @if (!report.live && report.windowFrom) {\r\n                                    &middot; {{'dalle' | localize: lc}} {{local(report.windowFrom)}} {{'alle' | localize: lc}} {{local(report.windowTo)}}\r\n                                }\r\n                                &middot; {{'generato alle' | localize: lc}} {{hhmm(report.generatedAt)}} ({{kilobytes(report.size)}})\r\n                            </div>\r\n                            <div class=\"wr-actions\">\r\n                                @if (report.sections.length > 0) {\r\n                                    <div class=\"wr-field wr-noclear\">\r\n                                        <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"section\" (ngModelChange)=\"goToSection($event)\" name=\"section\" [Source]=\"report.sections\" [Placeholder]=\"'Vai a\u2026' | localize: lc\"></form-select>\r\n                                    </div>\r\n                                }\r\n                                <button type=\"button\" class=\"wr-btn\" (click)=\"download()\"><i class=\"fa fa-download\"></i> {{'Scarica' | localize: lc}}</button>\r\n                                <button type=\"button\" class=\"wr-btn\" (click)=\"openInTab()\"><i class=\"fa fa-external-link\"></i> {{'Apri in una scheda' | localize: lc}}</button>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"wr-footnote\"><i class=\"fa fa-clock\"></i> {{'Gli orari del report sono in UTC.' | localize: lc}}</div>\r\n                        <!-- Riquadro isolato e senza script: gli stili del report non toccano la pagina e le ancore dell'indice restano dentro (W8) -->\r\n                        <iframe #reportFrame class=\"wr-frame\" [class.wr-stale]=\"generating\" [srcdoc]=\"report.doc\" sandbox=\"allow-same-origin allow-popups\" title=\"Workload report\"></iframe>\r\n                    } @else if (!generating && !reportError) {\r\n                        <div class=\"wr-placeholder\">\r\n                            <i class=\"fa fa-file-text\"></i>\r\n                            {{'Scegli tipo e istanze, poi genera il report.' | localize: lc}}\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [":host{display:block}:host ::ng-deep .wr-noclear .p-select-clear-icon{display:none}:host ::ng-deep .wr-fill{display:block;width:100%}.wr-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding-top:6px}.wr-toolbar-end{margin-left:auto}.wr-field{width:240px}.wr-field-wide{width:380px;max-width:100%}.wr-group{position:relative;display:inline-flex}.wr-group-label{position:absolute;top:-8px;left:8px;z-index:2;padding:0 4px;background:var(--p-content-background, #fff);color:var(--p-text-muted-color, #64748b);font-size:12px;line-height:15px;white-space:nowrap;pointer-events:none}.wr-seg{display:inline-flex;height:39px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);overflow:hidden;background:var(--p-content-background, #fff)}.wr-seg button{display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:0;border-left:1px solid var(--p-form-field-border-color, #cbd5e1);background:transparent;color:var(--p-text-color, #334155);font-size:13px;white-space:nowrap;cursor:pointer}.wr-seg button:first-child{border-left:0}.wr-seg button:hover:not(.wr-on):not(:disabled){background:var(--p-content-hover-background, #f8fafc)}.wr-seg button:disabled{color:var(--p-text-muted-color, #64748b);opacity:.6;cursor:not-allowed}.wr-seg button:focus-visible{outline:2px solid var(--p-primary-color, #6366f1);outline-offset:-2px}.wr-seg button.wr-on{background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca);font-weight:500;box-shadow:inset 0 -2px 0 var(--p-primary-color, #6366f1)}.wr-seg.wr-seg-small{height:30px}.wr-seg.wr-seg-small button{padding:0 10px;font-size:12px}.wr-live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a}.wr-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);color:var(--p-text-color, #334155);font-size:13px;white-space:nowrap;cursor:pointer}.wr-btn:hover:not(:disabled){background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca)}.wr-btn:disabled{opacity:.55;cursor:not-allowed}.wr-btn.wr-btn-primary{height:39px;padding:0 18px;border-color:var(--p-primary-color, #6366f1);background:var(--p-primary-color, #6366f1);color:var(--p-primary-contrast-color, #fff);font-weight:500}.wr-btn.wr-btn-primary:hover:not(:disabled){background:var(--p-primary-color, #6366f1);color:var(--p-primary-contrast-color, #fff);filter:brightness(1.08)}.wr-link{margin-left:8px;padding:0;border:0;background:transparent;color:var(--p-primary-color, #6366f1);font-size:12px;cursor:pointer}.wr-link:hover{text-decoration:underline}.wr-alert{margin-top:10px;padding:7px 12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-color, #334155);font-size:13px}.wr-alert.wr-alert-warn{border-color:#fcd34d;background:#fffbeb;color:#92400e}.wr-alert.wr-alert-error{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.wr-alert.wr-alert-busy{margin-top:0;margin-bottom:10px;border-color:var(--p-primary-color, #6366f1);background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca)}.wr-panel{margin-top:14px;padding:12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);min-width:0}.wr-panel-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:10px}.wr-title{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--p-text-muted-color, #64748b)}.wr-spacer{flex:1 1 auto}.wr-window{color:var(--p-text-color, #334155);font-size:13px}.wr-muted{color:var(--p-text-muted-color, #64748b);font-size:12px}.wr-table-wrap{max-height:320px;overflow:auto;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px)}.wr-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;color:var(--p-text-color, #334155)}.wr-table th{position:sticky;top:0;z-index:1;padding:6px 10px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-muted-color, #64748b);font-size:12px;font-weight:500;white-space:nowrap;text-align:left}.wr-table td{padding:4px 10px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);white-space:nowrap}.wr-num{text-align:right!important;font-variant-numeric:tabular-nums}.wr-row{cursor:pointer}.wr-row:hover td{background:var(--p-content-hover-background, #f8fafc)}.wr-row.wr-restart td:first-child{box-shadow:inset 3px 0 #f59e0b}.wr-row.wr-in-range td{background:var(--p-highlight-background, #eef2ff)}.wr-row.wr-edge td{color:var(--p-highlight-color, #4338ca);font-weight:600}.wr-badge{display:inline-flex;align-items:center;gap:4px;padding:0 7px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:10px;color:var(--p-text-muted-color, #64748b);font-size:11px;line-height:18px}.wr-badge.wr-badge-warn{border-color:#fcd34d;background:#fffbeb;color:#92400e}.wr-empty{padding:22px 12px;color:var(--p-text-muted-color, #64748b);text-align:center}.wr-footnote{margin-top:6px;color:var(--p-text-muted-color, #64748b);font-size:12px}.wr-report-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;padding-top:6px}.wr-summary{color:var(--p-text-color, #334155);font-size:13px}.wr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.wr-frame{display:block;width:100%;height:calc(100vh - 240px);min-height:520px;margin-top:8px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:#fff;transition:opacity .15s}.wr-frame.wr-stale{opacity:.5}.wr-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;padding:70px 12px;color:var(--p-text-muted-color, #64748b);text-align:center}.wr-placeholder .fa{font-size:28px;opacity:.5}\n"] }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i3.PreferencesService }, { type: i1$1.InterComService }, { type: i4.ActivatedRoute }, { type: i5$1.DomSanitizer }, { type: AdminModuleBaseService }], propDecorators: { reportFrame: [{
+                type: ViewChild,
+                args: ["reportFrame"]
+            }] } });
+
+// Metriche v2 (specifica "Metriche del Director"): richieste e risposte come le vuole e le manda il backend (camelCase).
+// Le date delle risposte sono UTC "dd/MM/yyyy HH:mm:ss" senza fuso, al secondo
+var MetricV2Type;
+(function (MetricV2Type) {
+    MetricV2Type[MetricV2Type["Counter"] = 0] = "Counter";
+    MetricV2Type[MetricV2Type["Gauge"] = 1] = "Gauge";
+    MetricV2Type[MetricV2Type["Histogram"] = 2] = "Histogram";
+    MetricV2Type[MetricV2Type["Timer"] = 3] = "Timer";
+    MetricV2Type[MetricV2Type["Meter"] = 4] = "Meter";
+})(MetricV2Type || (MetricV2Type = {}));
+// Senza istanze e con global, tutto il cluster
+class MetricsV2CatalogRequest {
+}
+// Live (realTime con snapFrom), storico per periodo (snapFrom/snapTo) o storico fra due snapshot (snapIdFrom/snapIdTo)
+class MetricsV2Request extends MetricsV2CatalogRequest {
+}
+class MetricsV2Info {
+}
+// Una metrica di un'istanza in un istante: i campi che non riguardano il tipo valgono 0 o null
+class MetricsV2Sample {
+}
+
+class AdmMetricsV2Loc extends LocalizationService {
+    constructor(injector) {
+        super(injector);
+        super.set("it->en", "Metriche di Sistema", ["System Metrics"]);
+        super.set("it->en", "Errore", ["Error"]);
+        // Barra dei comandi
+        super.set("it->en", "Sorgente", ["Source"]);
+        super.set("it->en", "Storico per periodo", ["History by period"]);
+        super.set("it->en", "Storico per snapshot", ["History by snapshot"]);
+        super.set("it->en", "Lo storico non è attivo su questo ambiente: ci sono solo i dati live.", ["History is not active on this environment: only live data is available."]);
+        super.set("it->en", "Finestra", ["Window"]);
+        super.set("it->en", "1 ora", ["1 hour"]);
+        super.set("it->en", "Dal", ["From"]);
+        super.set("it->en", "Al", ["To"]);
+        super.set("it->en", "Dallo snapshot", ["From snapshot"]);
+        super.set("it->en", "Allo snapshot", ["To snapshot"]);
+        super.set("it->en", "Dalle", ["From"]);
+        super.set("it->en", "alle", ["at"]);
+        super.set("it->en", "Istanze", ["Instances"]);
+        super.set("it->en", "Tutto il cluster", ["Whole cluster"]);
+        super.set("it->en", "istanze", ["instances"]);
+        super.set("it->en", "istanza", ["instance"]);
+        super.set("it->en", "Aggiornato alle", ["Updated at"]);
+        super.set("it->en", "Pausa", ["Pause"]);
+        super.set("it->en", "Riprendi", ["Resume"]);
+        super.set("it->en", "Caricamento…", ["Loading…"]);
+        super.set("it->en", "Grafici", ["Charts"]);
+        super.set("it->en", "Tabella", ["Table"]);
+        super.set("it->en", "Lo snapshot {id} segue un riavvio di {istanza}: lì le serie si interrompono.", ["Snapshot {id} follows a restart of {istanza}: series break there."]);
+        // Catalogo
+        super.set("it->en", "Cerca una metrica…", ["Search a metric…"]);
+        super.set("it->en", "Processo", ["Process"]);
+        super.set("it->en", "API", ["API"]);
+        super.set("it->en", "Code asincrone", ["Async queues"]);
+        super.set("it->en", "Attività", ["Activity"]);
+        super.set("it->en", "di", ["of"]);
+        super.set("it->en", "metriche scelte", ["metrics chosen"]);
+        super.set("it->en", "Togli tutte", ["Remove all"]);
+        super.set("it->en", "Voci", ["Items"]);
+        super.set("it->en", "Aggiungi le {N} voci", ["Add the {N} items"]);
+        // Grafici e tessere
+        super.set("it->en", "Scegli una o più metriche dal catalogo.", ["Choose one or more metrics from the catalog."]);
+        super.set("it->en", "dall'avvio", ["since start"]);
+        super.set("it->en", "Orari in ora locale", ["Times in local time"]);
+        super.set("it->en", "trascina su un grafico per lo zoom", ["drag on a chart to zoom"]);
+        super.set("it->en", "Finestra intera", ["Whole window"]);
+        super.set("it->en", "Togli", ["Remove"]);
+        super.set("it->en", "Nessun campione di {metrica} nella finestra scelta", ["No samples of {metrica} in the chosen window"]);
+        super.set("it->en", "riavvio", ["restart"]);
+        super.set("it->en", "thread", ["threads"]);
+        super.set("it->en", "Livello", ["Level"]);
+        super.set("it->en", "Variazione", ["Change"]);
+        super.set("it->en", "Quote", ["Shares"]);
+        super.set("it->en", "Al secondo", ["Per second"]);
+        super.set("it->en", "Rate mobili", ["Moving rates"]);
+        super.set("it->en", "Percentili", ["Percentiles"]);
+        super.set("it->en", "Frequenza", ["Frequency"]);
+        super.set("it->en", "Chiamate e durata", ["Calls and duration"]);
+        super.set("it->en", "In corso", ["In progress"]);
+        super.set("it->en", "in corso", ["in progress"]);
+        super.set("it->en", "mediana", ["median"]);
+        super.set("it->en", "media nell'intervallo", ["interval mean"]);
+        // Tabella
+        super.set("it->en", "Istanza", ["Instance"]);
+        super.set("it->en", "Istante", ["Time"]);
+        super.set("it->en", "Intervallo (s)", ["Interval (s)"]);
+        super.set("it->en", "Snapshot", ["Snapshot"]);
+        super.set("it->en", "Valore", ["Value"]);
+        super.set("it->en", "Conteggio", ["Count"]);
+        super.set("it->en", "Quota", ["Share"]);
+        super.set("it->en", "Mediana", ["Median"]);
+        super.set("it->en", "Massimo", ["Maximum"]);
+        super.set("it->en", "Chiamate", ["Calls"]);
+        super.set("it->en", "Durata media nell'intervallo", ["Mean duration in the interval"]);
+        super.set("it->en", "Esporta CSV", ["Export CSV"]);
+        super.set("it->en", "Mostrate le prime 300 righe di", ["Showing the first 300 rows of"]);
+        super.set("it->en", "l'esportazione le comprende tutte.", ["the export includes all of them."]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmMetricsV2Loc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmMetricsV2Loc }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmMetricsV2Loc, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+
+// Angular
+// Un punto di una serie: gap = non unirlo al precedente (riavvio o buco nei campioni), v2 = estremo superiore di una fascia
+class Mv2Point {
+}
+class Mv2Series {
+}
+class Mv2Mark {
+}
+class Mv2Path {
+}
+class Mv2Rect {
+}
+class Mv2Dot {
+}
+class Mv2Tick {
+}
+class Mv2MarkTick {
+}
+class Mv2TipRow {
+}
+const LEFT = 56;
+const RIGHT = 10;
+// Spazio in alto per l'unità, che sta sopra la prima tacca
+const TOP = 20;
+const BOTTOM = 20;
+const STEPS_MS = [60, 120, 300, 600, 900, 1800, 3600, 7200, 10800, 21600, 43200, 86400, 172800, 604800].map(t => t * 1000);
+// Grafico SVG delle metriche v2: lo stesso asse dei tempi per tutti i pannelli, cursore e zoom condivisi tramite la pagina.
+// Le serie arrivano già pronte (punti con le interruzioni segnate): qui solo geometria e interazione
+class MetricsV2ChartComponent {
+    constructor(host, zone) {
+        this.host = host;
+        this.zone = zone;
+        this.series = [];
+        this.height = 170;
+        this.marks = [];
+        this.cursor = null;
+        this.format = t => String(t);
+        this.cursorChange = new EventEmitter();
+        this.zoom = new EventEmitter();
+        this.width = 600;
+        this.left = LEFT;
+        this.right = RIGHT;
+        this.top = TOP;
+        this.bottom = BOTTOM;
+        this.paths = [];
+        this.rects = [];
+        this.dots = [];
+        this.yTicks = [];
+        this.xTicks = [];
+        this.markTicks = [];
+        // Il riquadro dei valori compare solo sul grafico sotto il mouse, la linea del cursore su tutti
+        this.hovered = false;
+        this.cursorX = null;
+        this.tipTime = "";
+        this.tipRows = [];
+        this.dragFrom = null;
+        this.dragTo = null;
+        this.yMin = 0;
+        this.yMax = 1;
+    }
+    ngOnInit() {
+        this.observer = new ResizeObserver(entries => {
+            let width = Math.floor(entries[0]?.contentRect?.width ?? 0);
+            if (width > 0 && width != this.width)
+                this.zone.run(() => {
+                    this.width = width;
+                    this.layout();
+                });
+        });
+        this.observer.observe(this.host.nativeElement);
+    }
+    ngOnDestroy() {
+        this.observer?.disconnect();
+    }
+    ngOnChanges(changes) {
+        if (changes.series || changes.from || changes.to || changes.height || changes.marks)
+            this.layout();
+        else if (changes.cursor)
+            this.updateCursor();
+    }
+    min(a, b) { return Math.min(a, b); }
+    abs(a) { return Math.abs(a); }
+    // #region Geometria
+    get plotWidth() {
+        return Math.max(10, this.width - LEFT - RIGHT);
+    }
+    x(t) {
+        return LEFT + (t - this.from) / Math.max(1, this.to - this.from) * this.plotWidth;
+    }
+    y(v) {
+        return TOP + (1 - (v - this.yMin) / Math.max(1e-12, this.yMax - this.yMin)) * (this.height - TOP - BOTTOM);
+    }
+    timeAt(x) {
+        return this.from + (x - LEFT) / this.plotWidth * (this.to - this.from);
+    }
+    layout() {
+        if (this.from == null || this.to == null)
+            return;
+        // Scala verticale sui punti visibili, con lo zero se i valori sono positivi
+        let values = [];
+        for (let s of this.series ?? [])
+            for (let p of s.points)
+                if (p.t >= this.from && p.t <= this.to) {
+                    values.push(p.v);
+                    if (p.v2 != null)
+                        values.push(p.v2);
+                }
+        let lo = values.length ? Math.min(0, ...values) : 0;
+        let hi = values.length ? Math.max(...values) : 1;
+        if (hi <= lo)
+            hi = lo + 1;
+        let step = this.niceStep((hi - lo) / 4);
+        this.yMin = Math.floor(lo / step) * step;
+        this.yMax = Math.ceil(hi / step) * step;
+        this.yTicks = [];
+        for (let v = this.yMin; v <= this.yMax + step / 2; v += step)
+            this.yTicks.push({ key: String(v), pos: this.y(v), label: this.format(Math.abs(v) < step / 1e6 ? 0 : v) });
+        // Asse dei tempi: tacche a passi tondi, al massimo una ogni 90 pixel circa
+        let span = this.to - this.from;
+        let stepMs = STEPS_MS.find(t => span / t <= this.plotWidth / 90) ?? STEPS_MS[STEPS_MS.length - 1];
+        let longRange = span > 36 * 3600 * 1000;
+        let offset = new Date().getTimezoneOffset() * 60000;
+        this.xTicks = [];
+        for (let t = Math.ceil((this.from - offset) / stepMs) * stepMs + offset; t <= this.to; t += stepMs)
+            this.xTicks.push({ key: String(t), pos: this.x(t), label: dayjs(t).format(longRange || stepMs >= 86400000 ? "DD/MM HH:mm" : "HH:mm") });
+        // Segni: riavvii sempre, id degli snapshot solo se c'è spazio (altrimenti uno ogni tanto)
+        let visible = (this.marks ?? []).filter(t => t.t >= this.from && t.t <= this.to);
+        let snaps = visible.filter(t => t.kind == "snapshot");
+        let every = Math.max(1, Math.ceil(snaps.length / Math.max(1, this.plotWidth / 45)));
+        this.markTicks = visible.filter(t => t.kind == "restart" || snaps.indexOf(t) % every == 0)
+            .map((t, i) => ({ key: `${t.kind}${t.t}${i}`, pos: this.x(t.t), label: t.label, kind: t.kind }));
+        let paths = [];
+        let rects = [];
+        let dots = [];
+        let bars = (this.series ?? []).filter(t => t.kind == "bars");
+        for (let s of this.series ?? []) {
+            let points = s.points.filter(p => p.t >= this.from && p.t <= this.to);
+            if (points.length == 0)
+                continue;
+            switch (s.kind) {
+                case "line":
+                case "step":
+                    paths.push({ key: s.key, d: this.linePath(points, s.kind == "step"), color: s.color, fill: false, dash: s.dash ?? null, opacity: s.opacity ?? 1 });
+                    break;
+                case "band":
+                    paths.push({ key: s.key, d: this.bandPath(points), color: s.color, fill: true, dash: null, opacity: s.opacity ?? 0.2 });
+                    break;
+                case "dots":
+                    points.forEach((p, i) => dots.push({ key: `${s.key}${i}`, x: this.x(p.t), y: this.y(p.v), color: s.color }));
+                    break;
+                case "bars":
+                    let slot = this.plotWidth / Math.max(1, points.length) * 0.8;
+                    let w = Math.max(1, slot / bars.length);
+                    let index = bars.indexOf(s);
+                    let zero = this.y(Math.max(this.yMin, 0));
+                    points.forEach((p, i) => {
+                        let y = this.y(p.v);
+                        rects.push({ key: `${s.key}${i}`, x: this.x(p.t) - slot / 2 + index * w, y: Math.min(y, zero), w: w, h: Math.max(1, Math.abs(zero - y)), color: s.color });
+                    });
+                    break;
+            }
+        }
+        this.paths = paths;
+        this.rects = rects;
+        this.dots = dots;
+        this.updateCursor();
+    }
+    // Le linee si spezzano dove il punto ha gap: niente linea fra due campioni separati da un riavvio o da un buco
+    linePath(points, step) {
+        let d = "";
+        points.forEach((p, i) => {
+            let x = this.x(p.t).toFixed(1);
+            let y = this.y(p.v).toFixed(1);
+            if (i == 0 || p.gap)
+                d += `M${x},${y}`;
+            else if (step)
+                d += `H${x}V${y}`;
+            else
+                d += `L${x},${y}`;
+        });
+        return d;
+    }
+    // Fascia fra v e v2, un poligono per ogni tratto senza interruzioni
+    bandPath(points) {
+        let segments = [];
+        for (let p of points) {
+            if (p.v2 == null)
+                continue;
+            if (segments.length == 0 || p.gap)
+                segments.push([]);
+            segments[segments.length - 1].push(p);
+        }
+        return segments.filter(t => t.length > 0).map(seg => {
+            let upper = seg.map((p, i) => `${i ? "L" : "M"}${this.x(p.t).toFixed(1)},${this.y(p.v2).toFixed(1)}`).join("");
+            let lower = [...seg].reverse().map(p => `L${this.x(p.t).toFixed(1)},${this.y(p.v).toFixed(1)}`).join("");
+            return upper + lower + "Z";
+        }).join("");
+    }
+    niceStep(raw) {
+        if (!(raw > 0))
+            return 1;
+        let power = Math.pow(10, Math.floor(Math.log10(raw)));
+        return [1, 2, 2.5, 5, 10].find(t => raw / power <= t + 1e-9) * power;
+    }
+    // #endregion
+    // #region Cursore e zoom
+    updateCursor() {
+        if (this.cursor == null || this.cursor < this.from || this.cursor > this.to) {
+            this.cursorX = null;
+            this.tipRows = [];
+            return;
+        }
+        this.cursorX = this.x(this.cursor);
+        this.tipTime = dayjs(this.cursor).format("DD/MM HH:mm:ss");
+        let rows = [];
+        for (let s of this.series ?? []) {
+            if (s.tooltip === false || s.points.length == 0)
+                continue;
+            let nearest = this.nearest(s.points, this.cursor);
+            if (nearest)
+                rows.push({ color: s.color, label: s.label, value: this.format(nearest.v) });
+        }
+        this.tipRows = rows;
+    }
+    // Il campione più vicino, se non è più lontano di un intervallo tipico della serie
+    nearest(points, t) {
+        let best = null;
+        for (let p of points)
+            if (!best || Math.abs(p.t - t) < Math.abs(best.t - t))
+                best = p;
+        let typical = points.length > 1 ? (points[points.length - 1].t - points[0].t) / (points.length - 1) : Infinity;
+        return best && Math.abs(best.t - t) <= Math.max(typical, 1000) ? best : null;
+    }
+    plotX(event) {
+        let rect = this.host.nativeElement.getBoundingClientRect();
+        return Math.min(this.width - RIGHT, Math.max(LEFT, event.clientX - rect.left));
+    }
+    move(event) {
+        let x = this.plotX(event);
+        this.hovered = true;
+        if (this.dragFrom != null)
+            this.dragTo = x;
+        this.cursorChange.emit(this.timeAt(x));
+    }
+    leave() {
+        this.hovered = false;
+        this.dragFrom = null;
+        this.dragTo = null;
+        this.cursorChange.emit(null);
+    }
+    // Trascinando sull'area si sceglie la finestra dello zoom, per tutti i pannelli
+    down(event) {
+        if (event.button != 0)
+            return;
+        event.preventDefault();
+        this.dragFrom = this.plotX(event);
+        this.dragTo = null;
+    }
+    up(event) {
+        let from = this.dragFrom;
+        let to = this.plotX(event);
+        this.dragFrom = null;
+        this.dragTo = null;
+        if (from != null && Math.abs(to - from) > 6)
+            this.zoom.emit({ from: this.timeAt(Math.min(from, to)), to: this.timeAt(Math.max(from, to)) });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: MetricsV2ChartComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: MetricsV2ChartComponent, isStandalone: false, selector: "mv2-chart", inputs: { series: "series", from: "from", to: "to", height: "height", unit: "unit", marks: "marks", cursor: "cursor", format: "format" }, outputs: { cursorChange: "cursorChange", zoom: "zoom" }, usesOnChanges: true, ngImport: i0, template: `
+        <div class="mv2c" [style.height.px]="height" (mousemove)="move($event)" (mouseleave)="leave()" (mousedown)="down($event)" (mouseup)="up($event)">
+            <svg [attr.width]="width" [attr.height]="height" [attr.viewBox]="'0 0 ' + width + ' ' + height">
+                @for (tick of yTicks; track tick.key) {
+                    <line class="mv2c-grid" [attr.x1]="left" [attr.x2]="width - right" [attr.y1]="tick.pos" [attr.y2]="tick.pos" />
+                    <text class="mv2c-ylabel" [attr.x]="left - 6" [attr.y]="tick.pos + 3">{{tick.label}}</text>
+                }
+                @for (tick of xTicks; track tick.key) {
+                    <text class="mv2c-xlabel" [attr.x]="tick.pos" [attr.y]="height - 5">{{tick.label}}</text>
+                }
+                @if (unit) {
+                    <text class="mv2c-unit" [attr.x]="4" [attr.y]="11">{{unit}}</text>
+                }
+                @for (mark of markTicks; track mark.key) {
+                    <line class="mv2c-mark" [class.mv2c-mark-restart]="mark.kind == 'restart'" [class.mv2c-mark-snapshot]="mark.kind == 'snapshot'" [attr.x1]="mark.pos" [attr.x2]="mark.pos" [attr.y1]="top" [attr.y2]="height - bottom" />
+                    <text class="mv2c-marklabel" [attr.x]="mark.pos + 3" [attr.y]="top + 9">{{mark.label}}</text>
+                }
+                @for (p of paths; track p.key) {
+                    <path [attr.d]="p.d" [attr.fill]="p.fill ? p.color : 'none'" [attr.fill-opacity]="p.fill ? p.opacity : null"
+                          [attr.stroke]="p.fill ? 'none' : p.color" [attr.stroke-opacity]="p.fill ? null : p.opacity" [attr.stroke-dasharray]="p.dash" stroke-width="1.6" stroke-linejoin="round" />
+                }
+                @for (r of rects; track r.key) {
+                    <rect [attr.x]="r.x" [attr.y]="r.y" [attr.width]="r.w" [attr.height]="r.h" [attr.fill]="r.color" fill-opacity="0.75" />
+                }
+                @for (d of dots; track d.key) {
+                    <circle [attr.cx]="d.x" [attr.cy]="d.y" r="2" [attr.fill]="d.color" />
+                }
+                <line class="mv2c-axis" [attr.x1]="left" [attr.x2]="width - right" [attr.y1]="height - bottom" [attr.y2]="height - bottom" />
+                @if (cursorX != null) {
+                    <line class="mv2c-cursor" [attr.x1]="cursorX" [attr.x2]="cursorX" [attr.y1]="top" [attr.y2]="height - bottom" />
+                }
+                @if (dragFrom != null && dragTo != null) {
+                    <rect class="mv2c-drag" [attr.x]="min(dragFrom, dragTo)" [attr.y]="top" [attr.width]="abs(dragTo - dragFrom)" [attr.height]="height - top - bottom" />
+                }
+            </svg>
+            @if (cursorX != null && tipRows.length > 0 && hovered) {
+                <div class="mv2c-tip" [style.left.px]="cursorX > width / 2 ? null : cursorX + 10" [style.right.px]="cursorX > width / 2 ? width - cursorX + 10 : null">
+                    <div class="mv2c-tip-time">{{tipTime}}</div>
+                    @for (row of tipRows; track $index) {
+                        <div class="mv2c-tip-row"><span class="mv2c-tip-dot" [style.background]="row.color"></span>{{row.label}} <strong>{{row.value}}</strong></div>
+                    }
+                </div>
+            }
+        </div>
+    `, isInline: true, styles: [":host{display:block;position:relative;-webkit-user-select:none;user-select:none}.mv2c{position:relative;cursor:crosshair}svg{display:block;overflow:visible}.mv2c-grid{stroke:var(--p-content-border-color, #e2e8f0);stroke-dasharray:2 3}.mv2c-axis{stroke:var(--p-content-border-color, #cbd5e1)}.mv2c-ylabel{fill:var(--p-text-muted-color, #64748b);font-size:10px;text-anchor:end}.mv2c-xlabel{fill:var(--p-text-muted-color, #64748b);font-size:10px;text-anchor:middle}.mv2c-unit{fill:var(--p-text-muted-color, #64748b);font-size:10px}.mv2c-mark{stroke-width:1}.mv2c-mark-restart{stroke:#f59e0b;stroke-dasharray:4 3}.mv2c-mark-snapshot{stroke:var(--p-content-border-color, #e2e8f0)}.mv2c-marklabel{fill:var(--p-text-muted-color, #64748b);font-size:9px}.mv2c-cursor{stroke:var(--p-text-muted-color, #64748b);stroke-width:1}.mv2c-drag{fill:var(--p-primary-color, #6366f1);fill-opacity:.12}.mv2c-tip{position:absolute;top:4px;z-index:3;min-width:140px;max-width:320px;padding:6px 8px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:6px;background:var(--p-content-background, #fff);box-shadow:0 4px 14px #0f172a1f;font-size:11px;pointer-events:none}.mv2c-tip-time{margin-bottom:3px;color:var(--p-text-muted-color, #64748b)}.mv2c-tip-row{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mv2c-tip-row strong{margin-left:auto;padding-left:8px}.mv2c-tip-dot{flex:none;width:8px;height:8px;border-radius:50%}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: MetricsV2ChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "mv2-chart", template: `
+        <div class="mv2c" [style.height.px]="height" (mousemove)="move($event)" (mouseleave)="leave()" (mousedown)="down($event)" (mouseup)="up($event)">
+            <svg [attr.width]="width" [attr.height]="height" [attr.viewBox]="'0 0 ' + width + ' ' + height">
+                @for (tick of yTicks; track tick.key) {
+                    <line class="mv2c-grid" [attr.x1]="left" [attr.x2]="width - right" [attr.y1]="tick.pos" [attr.y2]="tick.pos" />
+                    <text class="mv2c-ylabel" [attr.x]="left - 6" [attr.y]="tick.pos + 3">{{tick.label}}</text>
+                }
+                @for (tick of xTicks; track tick.key) {
+                    <text class="mv2c-xlabel" [attr.x]="tick.pos" [attr.y]="height - 5">{{tick.label}}</text>
+                }
+                @if (unit) {
+                    <text class="mv2c-unit" [attr.x]="4" [attr.y]="11">{{unit}}</text>
+                }
+                @for (mark of markTicks; track mark.key) {
+                    <line class="mv2c-mark" [class.mv2c-mark-restart]="mark.kind == 'restart'" [class.mv2c-mark-snapshot]="mark.kind == 'snapshot'" [attr.x1]="mark.pos" [attr.x2]="mark.pos" [attr.y1]="top" [attr.y2]="height - bottom" />
+                    <text class="mv2c-marklabel" [attr.x]="mark.pos + 3" [attr.y]="top + 9">{{mark.label}}</text>
+                }
+                @for (p of paths; track p.key) {
+                    <path [attr.d]="p.d" [attr.fill]="p.fill ? p.color : 'none'" [attr.fill-opacity]="p.fill ? p.opacity : null"
+                          [attr.stroke]="p.fill ? 'none' : p.color" [attr.stroke-opacity]="p.fill ? null : p.opacity" [attr.stroke-dasharray]="p.dash" stroke-width="1.6" stroke-linejoin="round" />
+                }
+                @for (r of rects; track r.key) {
+                    <rect [attr.x]="r.x" [attr.y]="r.y" [attr.width]="r.w" [attr.height]="r.h" [attr.fill]="r.color" fill-opacity="0.75" />
+                }
+                @for (d of dots; track d.key) {
+                    <circle [attr.cx]="d.x" [attr.cy]="d.y" r="2" [attr.fill]="d.color" />
+                }
+                <line class="mv2c-axis" [attr.x1]="left" [attr.x2]="width - right" [attr.y1]="height - bottom" [attr.y2]="height - bottom" />
+                @if (cursorX != null) {
+                    <line class="mv2c-cursor" [attr.x1]="cursorX" [attr.x2]="cursorX" [attr.y1]="top" [attr.y2]="height - bottom" />
+                }
+                @if (dragFrom != null && dragTo != null) {
+                    <rect class="mv2c-drag" [attr.x]="min(dragFrom, dragTo)" [attr.y]="top" [attr.width]="abs(dragTo - dragFrom)" [attr.height]="height - top - bottom" />
+                }
+            </svg>
+            @if (cursorX != null && tipRows.length > 0 && hovered) {
+                <div class="mv2c-tip" [style.left.px]="cursorX > width / 2 ? null : cursorX + 10" [style.right.px]="cursorX > width / 2 ? width - cursorX + 10 : null">
+                    <div class="mv2c-tip-time">{{tipTime}}</div>
+                    @for (row of tipRows; track $index) {
+                        <div class="mv2c-tip-row"><span class="mv2c-tip-dot" [style.background]="row.color"></span>{{row.label}} <strong>{{row.value}}</strong></div>
+                    }
+                </div>
+            }
+        </div>
+    `, standalone: false, styles: [":host{display:block;position:relative;-webkit-user-select:none;user-select:none}.mv2c{position:relative;cursor:crosshair}svg{display:block;overflow:visible}.mv2c-grid{stroke:var(--p-content-border-color, #e2e8f0);stroke-dasharray:2 3}.mv2c-axis{stroke:var(--p-content-border-color, #cbd5e1)}.mv2c-ylabel{fill:var(--p-text-muted-color, #64748b);font-size:10px;text-anchor:end}.mv2c-xlabel{fill:var(--p-text-muted-color, #64748b);font-size:10px;text-anchor:middle}.mv2c-unit{fill:var(--p-text-muted-color, #64748b);font-size:10px}.mv2c-mark{stroke-width:1}.mv2c-mark-restart{stroke:#f59e0b;stroke-dasharray:4 3}.mv2c-mark-snapshot{stroke:var(--p-content-border-color, #e2e8f0)}.mv2c-marklabel{fill:var(--p-text-muted-color, #64748b);font-size:9px}.mv2c-cursor{stroke:var(--p-text-muted-color, #64748b);stroke-width:1}.mv2c-drag{fill:var(--p-primary-color, #6366f1);fill-opacity:.12}.mv2c-tip{position:absolute;top:4px;z-index:3;min-width:140px;max-width:320px;padding:6px 8px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:6px;background:var(--p-content-background, #fff);box-shadow:0 4px 14px #0f172a1f;font-size:11px;pointer-events:none}.mv2c-tip-time{margin-bottom:3px;color:var(--p-text-muted-color, #64748b)}.mv2c-tip-row{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mv2c-tip-row strong{margin-left:auto;padding-left:8px}.mv2c-tip-dot{flex:none;width:8px;height:8px;border-radius:50%}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { series: [{
+                type: Input
+            }], from: [{
+                type: Input
+            }], to: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], unit: [{
+                type: Input
+            }], marks: [{
+                type: Input
+            }], cursor: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], cursorChange: [{
+                type: Output
+            }], zoom: [{
+                type: Output
+            }] } });
+
+// Angular
+const STORAGE_KEY$1 = "HotSearchMetricsV2";
+const MAX_METRICS = 12;
+// Ogni istanza campiona ogni 15 secondi: più spesso i campioni non cambiano (M19)
+const REFRESH_MS = 15000;
+const SELECTION_DELAY_MS = 350;
+const DATES_DELAY_MS = 600;
+const TABLE_ROWS = 300;
+const INSTANCE_COLORS = ["#1e88e5", "#e53935", "#43a047", "#fb8c00", "#8e24aa", "#00897b", "#6d4c41", "#3949ab", "#c0ca33", "#d81b60"];
+const ITEM_COLORS = ["#3949ab", "#00897b", "#f4511e", "#8e24aa", "#7cb342", "#fdd835", "#6d4c41", "#039be5", "#d81b60", "#546e7a"];
+// "Active threads time" è un meter in microsecondi di thread attivi: il suo rate al secondo diviso un milione è il numero medio di thread attivi
+const ACTIVE_THREADS_TIME = "Active threads time";
+const CPU_USAGE = "CPU Usage";
+// flatMap non c'è nel lib di compilazione della libreria
+const flatten = (list, map) => list.reduce((all, t) => all.concat(map(t)), []);
+const PRESETS = [
+    ["Processo", ["CPU Usage", "Working set", "Private memory", "Thread Pool Queue Length"]],
+    ["API", ["API Call", "Requests", "400 Errors", "500 Errors"]],
+    ["Code asincrone", null],
+    ["Attività", ["Active sessions", "Active threads", ACTIVE_THREADS_TIME]]
+];
+class Mv2CatalogEntry {
+}
+class Mv2CatalogGroup {
+}
+class Mv2Chart {
+}
+class Mv2Panel {
+}
+class Mv2TileRow {
+}
+class Mv2Tile {
+}
+class Mv2Column {
+}
+class Mv2TableSection {
+}
+// Ricordate fra una visita e l'altra (M11)
+class MetricsV2Settings {
+}
+class AdmMetricsV2Component {
+    constructor(dateExts, lc, localStorage, intercom, route, adms) {
+        this.dateExts = dateExts;
+        this.lc = lc;
+        this.localStorage = localStorage;
+        this.intercom = intercom;
+        this.route = route;
+        this.adms = adms;
+        this.Max = MAX_METRICS;
+        this.Type = MetricV2Type;
+        // Comandi
+        this.source = "live";
+        this.liveMinutes = "30";
+        this.filterfrom = "";
+        this.filterto = "";
+        this.snapFromId = "";
+        this.snapToId = "";
+        // Vuoto = tutto il cluster
+        this.instances = [];
+        this.view = "charts";
+        this.paused = false;
+        // Catalogo e selezione
+        this.catalog = [];
+        this.groups = [];
+        this.search = "";
+        this.selected = [];
+        this.catalogLoading = false;
+        // Snapshot
+        this.snapshots = [];
+        this.historyAvailable = true;
+        this.snapshotsLoaded = false;
+        this.SnapshotOptions = [];
+        this.warnings = [];
+        // Dati
+        this.dataLoading = false;
+        this.panels = [];
+        this.tiles = [];
+        this.tables = [];
+        this.marks = [];
+        this.legend = [];
+        this.viewFrom = null;
+        this.viewTo = null;
+        this.cursor = null;
+        this.Sources = [];
+        this.LiveWindows = [];
+        this.Views = [];
+        this.Instances = [];
+        this.Presets = PRESETS.map(t => t[0]);
+        this.data = new Map();
+        this.seen = new Set();
+        this.hidden = new Set();
+        this.alts = {};
+        this.dataGeneration = 0;
+        this.catalogGeneration = 0;
+        this.visibilityHandler = () => this.visibilityChanged();
+        this.format = (value) => this.number(value);
+        this.be = route.snapshot.params["be"] || "";
+        this.intercom.send(InboundMessageTypes.Navigation, { sub: false, routeTitle: this.lc.loc(this.route.snapshot.data["title"]) });
+    }
+    async ngOnInit() {
+        this.Sources = [new KeyValue("live", "Live"), new KeyValue("period", this.lc.loc("Storico per periodo")), new KeyValue("snap", this.lc.loc("Storico per snapshot"))];
+        this.LiveWindows = [new KeyValue("15", "15 min"), new KeyValue("30", "30 min"), new KeyValue("60", this.lc.loc("1 ora"))];
+        this.Views = [new KeyValue("charts", this.lc.loc("Grafici")), new KeyValue("table", this.lc.loc("Tabella"))];
+        let saved = this.route.snapshot.queryParams["ignoreStorage"] ? null : await firstValueFrom(this.localStorage.getItem(STORAGE_KEY$1), { defaultValue: null });
+        if (saved) {
+            this.selected = (saved.selected ?? []).slice(0, MAX_METRICS);
+            this.source = saved.source ?? this.source;
+            this.instances = saved.instances ?? this.instances;
+            this.liveMinutes = saved.liveMinutes ?? this.liveMinutes;
+            this.view = saved.view ?? this.view;
+        }
+        this.setLastDay();
+        this.adms.getInstances(this.be).then(t => {
+            this.Instances = t ?? [];
+            this.rebuild();
+        });
+        this.loadSnapshots();
+        await this.loadCatalog();
+        this.loadData();
+        this.refreshTimer = setInterval(() => this.refresh(), REFRESH_MS);
+        document.addEventListener("visibilitychange", this.visibilityHandler);
+    }
+    ngOnDestroy() {
+        clearInterval(this.refreshTimer);
+        clearTimeout(this.selectionTimer);
+        clearTimeout(this.datesTimer);
+        document.removeEventListener("visibilitychange", this.visibilityHandler);
+    }
+    // #region Comandi
+    get clusterLabel() {
+        return this.Instances.length ? `${this.lc.loc("Tutto il cluster")} (${this.Instances.length} ${this.Instances.length == 1 ? this.lc.loc("istanza") : this.lc.loc("istanze")})` : this.lc.loc("Tutto il cluster");
+    }
+    get zone() {
+        return `UTC${dayjs().format("Z")}`;
+    }
+    setSource(id) {
+        if (id != "live" && !this.historyAvailable)
+            return;
+        this.source = id;
+        if (this.source == "snap")
+            this.defaultSnapshots();
+        this.updateWarnings();
+        this.saveSettings();
+        this.loadData();
+    }
+    setLiveMinutes(id) {
+        this.liveMinutes = id;
+        this.saveSettings();
+        this.loadData();
+    }
+    datesChanged() {
+        clearTimeout(this.datesTimer);
+        this.datesTimer = setTimeout(() => {
+            if (this.toDate(this.filterfrom) && this.toDate(this.filterto))
+                this.loadData();
+        }, DATES_DELAY_MS);
+    }
+    snapshotsChanged() {
+        this.updateWarnings();
+        this.loadData();
+    }
+    // Cambiando istanze si ricaricano catalogo, snapshot e dati; le metriche che il catalogo non ha più si tolgono
+    async instancesChanged(ids) {
+        this.instances = ids ?? [];
+        this.saveSettings();
+        this.loadSnapshots();
+        await this.loadCatalog();
+        this.loadData();
+    }
+    setView(id) {
+        this.view = id;
+        this.saveSettings();
+    }
+    togglePause() {
+        this.paused = !this.paused;
+        if (!this.paused)
+            this.refresh();
+    }
+    // #endregion
+    // #region Catalogo e selezione
+    async loadCatalog() {
+        let generation = ++this.catalogGeneration;
+        this.catalogLoading = true;
+        this.catalogError = null;
+        try {
+            let req = this.instances.length ? { instanceIds: this.instances } : { global: true };
+            let res = await this.adms.getMetricsCatalogV2(this.be, req);
+            if (generation != this.catalogGeneration)
+                return;
+            this.catalog = res ?? [];
+            let names = new Set(this.catalog.map(t => t.name));
+            let kept = this.selected.filter(t => names.has(t));
+            if (kept.length != this.selected.length) {
+                this.selected = kept;
+                this.saveSettings();
+            }
+            this.buildGroups();
+        }
+        catch (err) {
+            if (generation == this.catalogGeneration)
+                this.catalogError = this.errorMessage(err);
+        }
+        finally {
+            if (generation == this.catalogGeneration)
+                this.catalogLoading = false;
+        }
+    }
+    // Gruppi per tipo; le voci di un totale stanno sotto il totale, chiuse (M10)
+    buildGroups() {
+        let text = (this.search ?? "").trim().toLowerCase();
+        let matches = (info) => !text || info.name.toLowerCase().includes(text);
+        let parentOf = (info) => this.catalog.filter(t => t != info && info.name.startsWith(t.name + " - ")).sort((a, b) => b.name.length - a.name.length)[0];
+        let opened = new Set(flatten(this.groups, g => g.entries.filter(e => e.open).map(e => e.info.name)));
+        let types = [MetricV2Type.Gauge, MetricV2Type.Counter, MetricV2Type.Meter, MetricV2Type.Histogram, MetricV2Type.Timer];
+        this.groups = types.map(type => {
+            let infos = this.catalog.filter(t => t.metricType == type);
+            let entries = infos.filter(t => !parentOf(t)).map(info => {
+                let items = infos.filter(t => parentOf(t) == info);
+                return { info: info, items: items.filter(t => matches(t) || matches(info)), open: opened.has(info.name) || (!!text && items.some(matches)) };
+            }).filter(t => matches(t.info) || t.items.length > 0);
+            return { type: type, label: MetricV2Type[type], entries: entries, count: infos.length };
+        }).filter(t => t.entries.length > 0);
+    }
+    isSelected(name) {
+        return this.selected.includes(name);
+    }
+    canSelect(name) {
+        return this.isSelected(name) || this.selected.length < MAX_METRICS;
+    }
+    toggleMetric(name) {
+        if (this.isSelected(name))
+            this.selected = this.selected.filter(t => t != name);
+        else if (this.selected.length < MAX_METRICS)
+            this.selected = [...this.selected, name];
+        this.selectionChanged();
+    }
+    addItems(entry) {
+        let missing = [entry.info, ...entry.items].map(t => t.name).filter(t => !this.isSelected(t));
+        this.selected = [...this.selected, ...missing].slice(0, MAX_METRICS);
+        entry.open = true;
+        this.selectionChanged();
+    }
+    clearSelection() {
+        this.selected = [];
+        this.selectionChanged();
+    }
+    // Insiemi pronti (M9): le metriche che il catalogo non ha si ignorano
+    applyPreset(name) {
+        let preset = PRESETS.find(t => t[0] == name);
+        let names = preset[1] ?? this.catalog.filter(t => t.name.startsWith("AQ - ") && !this.catalog.some(k => k != t && t.name.startsWith(k.name + " - "))).map(t => t.name);
+        let available = new Set(this.catalog.map(t => t.name));
+        this.selected = names.filter(t => available.has(t)).slice(0, MAX_METRICS);
+        this.selectionChanged();
+    }
+    removeMetric(name) {
+        this.selected = this.selected.filter(t => t != name);
+        this.selectionChanged();
+    }
+    // Più clic di seguito diventano una sola richiesta
+    selectionChanged() {
+        this.saveSettings();
+        clearTimeout(this.selectionTimer);
+        this.selectionTimer = setTimeout(() => this.loadData(), SELECTION_DELAY_MS);
+    }
+    catalogUnit(info) {
+        if (info.name == CPU_USAGE)
+            return "CPU";
+        let unit = info.unit || "";
+        if (info.metricType == MetricV2Type.Timer && info.durationUnit)
+            return [unit, this.durationLabel(info.durationUnit)].filter(t => t).join(" · ");
+        return unit;
+    }
+    addItemsLabel(entry) {
+        return this.lc.loc("Aggiungi le {N} voci").replace("{N}", String(entry.items.length));
+    }
+    emptyLabel(name) {
+        return this.lc.loc("Nessun campione di {metrica} nella finestra scelta").replace("{metrica}", name);
+    }
+    // "2 di 3" se la metrica non c'è su tutte le istanze
+    instancesLabel(info) {
+        let total = this.instances.length || this.Instances.length;
+        return total && info.instances?.length < total ? `${info.instances.length} ${this.lc.loc("di")} ${total}` : "";
+    }
+    // #endregion
+    // #region Snapshot
+    async loadSnapshots() {
+        try {
+            let req = new WorkloadSnapshotsRequest();
+            req.from = new Date(Date.now() - 7 * 24 * 3600 * 1000).toISOString();
+            if (this.instances.length)
+                req.instanceIds = this.instances;
+            let res = await this.adms.getWorkloadSnapshots(this.be, req);
+            this.historyAvailable = res?.historyAvailable ?? false;
+            this.snapshots = res?.snapshots ?? [];
+        }
+        catch {
+            // Senza elenco degli snapshot resta il live: le sorgenti storiche restano disponibili per periodo
+            this.snapshots = [];
+        }
+        this.snapshotsLoaded = true;
+        this.SnapshotOptions = this.snapshots.map(t => new KeyValue(String(t.snapId), `${t.snapId} · ${this.local(t.endIntervalTime)}${t.restart ? " ⟲" : ""}${t.manual ? " ✋" : ""}`));
+        if (!this.historyAvailable && this.source != "live") {
+            this.source = "live";
+            this.loadData();
+        }
+        let ids = new Set(this.snapshots.map(t => String(t.snapId)));
+        if (!ids.has(this.snapFromId) || !ids.has(this.snapToId))
+            this.defaultSnapshots();
+        this.updateWarnings();
+    }
+    // Di default le ultime 12 ore di snapshot
+    defaultSnapshots() {
+        if (this.snapshots.length == 0 || (this.snapFromId && this.snapToId && this.snapshots.some(t => String(t.snapId) == this.snapFromId)))
+            return;
+        this.snapToId = String(this.snapshots[0].snapId);
+        this.snapFromId = String(this.snapshots[Math.min(11, this.snapshots.length - 1)].snapId);
+    }
+    get snapshotWindow() {
+        let ids = [+this.snapFromId, +this.snapToId];
+        let first = this.snapshots.find(t => t.snapId == Math.min(...ids));
+        let last = this.snapshots.find(t => t.snapId == Math.max(...ids));
+        return first && last ? { from: this.parseUtc(first.beginIntervalTime), to: this.parseUtc(last.endIntervalTime) } : null;
+    }
+    // M4: un riavvio fra i due snapshot interrompe le serie
+    updateWarnings() {
+        let warnings = [];
+        if (this.source == "snap" && this.snapFromId && this.snapToId) {
+            let lo = Math.min(+this.snapFromId, +this.snapToId);
+            let hi = Math.max(+this.snapFromId, +this.snapToId);
+            this.snapshots.forEach((s, i) => {
+                if (s.restart && s.snapId > lo && s.snapId <= hi) {
+                    let previous = this.snapshots[i + 1];
+                    let restarted = (s.instances ?? []).filter(t => {
+                        let before = previous?.instances?.find(k => k.instanceId == t.instanceId);
+                        return before ? before.startupTime != t.startupTime : true;
+                    }).map(t => t.instanceId);
+                    for (let instance of restarted)
+                        warnings.push(this.lc.loc("Lo snapshot {id} segue un riavvio di {istanza}: lì le serie si interrompono.").replace("{id}", String(s.snapId)).replace("{istanza}", instance));
+                }
+            });
+        }
+        this.warnings = warnings;
+    }
+    // #endregion
+    // #region Dati
+    request() {
+        let req = new MetricsV2Request();
+        req.metricNames = [...this.selected];
+        // Mai global=false senza istanze (M6)
+        if (this.instances.length)
+            req.instanceIds = [...this.instances];
+        else
+            req.global = true;
+        if (this.source == "live") {
+            req.realTime = true;
+            req.snapFrom = new Date(Date.now() - +this.liveMinutes * 60000).toISOString();
+        }
+        else if (this.source == "period") {
+            req.realTime = false;
+            req.snapFrom = this.toDate(this.filterfrom)?.toISOString();
+            req.snapTo = this.toDate(this.filterto)?.toISOString();
+        }
+        else {
+            req.realTime = false;
+            req.snapIdFrom = Math.min(+this.snapFromId, +this.snapToId);
+            req.snapIdTo = Math.max(+this.snapFromId, +this.snapToId);
+        }
+        return req;
+    }
+    // Caricamento completo della finestra scelta; senza metriche scelte non parte nessuna chiamata (M8)
+    async loadData() {
+        let generation = ++this.dataGeneration;
+        clearTimeout(this.selectionTimer);
+        this.viewFrom = null;
+        this.viewTo = null;
+        this.dataError = null;
+        if (this.selected.length == 0 || (this.source == "snap" && (!this.snapFromId || !this.snapToId))) {
+            this.data = new Map();
+            this.seen = new Set();
+            this.rebuild();
+            return;
+        }
+        let req = this.request();
+        this.setDomain(req);
+        this.dataLoading = true;
+        try {
+            let res = await this.adms.getMetricsV2(this.be, req);
+            if (generation != this.dataGeneration)
+                return;
+            this.data = new Map();
+            this.seen = new Set();
+            this.merge(res ?? []);
+            this.lastUpdate = new Date();
+            this.rebuild();
+        }
+        catch (err) {
+            if (generation == this.dataGeneration) {
+                this.dataError = this.errorMessage(err);
+                this.data = new Map();
+                this.rebuild();
+            }
+        }
+        finally {
+            if (generation == this.dataGeneration)
+                this.dataLoading = false;
+        }
+    }
+    // M19: solo i campioni nuovi, da quello più vecchio fra gli ultimi delle istanze in pagina; sullo storico niente aggiornamento
+    async refresh() {
+        if (this.source != "live" || this.paused || document.hidden || this.dataLoading || this.selected.length == 0)
+            return;
+        let lastByInstance = new Map();
+        this.data.forEach(byInstance => byInstance.forEach((list, instance) => {
+            let last = list.length ? this.time(list[list.length - 1]) : null;
+            if (last != null)
+                lastByInstance.set(instance, Math.max(lastByInstance.get(instance) ?? 0, last));
+        }));
+        if (lastByInstance.size == 0)
+            return this.loadData();
+        let generation = this.dataGeneration;
+        let req = this.request();
+        req.snapFrom = new Date(Math.min(...lastByInstance.values())).toISOString();
+        try {
+            let res = await this.adms.getMetricsV2(this.be, req);
+            if (generation != this.dataGeneration)
+                return;
+            this.merge(res ?? []);
+            this.setDomain(this.request());
+            // Fuori dalla finestra live si scartano
+            this.data.forEach(byInstance => byInstance.forEach((list, instance) => byInstance.set(instance, list.filter(t => this.time(t) >= this.domainFrom))));
+            this.lastUpdate = new Date();
+            this.rebuild();
+        }
+        catch {
+            // Un aggiornamento mancato si recupera al giro dopo
+        }
+    }
+    // Nella fusione si tiene la versione già in pagina dei campioni ripetuti, che ha le differenze (chiave istanza, metrica, istante)
+    merge(samples) {
+        for (let s of samples) {
+            let key = `${s.instanceId}|${s.name}|${s.sampleTime}`;
+            if (this.seen.has(key))
+                continue;
+            this.seen.add(key);
+            if (!this.data.has(s.name))
+                this.data.set(s.name, new Map());
+            let byInstance = this.data.get(s.name);
+            let instance = s.instanceId ?? "";
+            if (!byInstance.has(instance))
+                byInstance.set(instance, []);
+            byInstance.get(instance).push(s);
+        }
+        this.data.forEach(byInstance => byInstance.forEach(list => list.sort((a, b) => this.time(a) - this.time(b))));
+    }
+    setDomain(req) {
+        if (this.source == "live") {
+            this.domainTo = Date.now();
+            this.domainFrom = this.domainTo - +this.liveMinutes * 60000;
+        }
+        else if (this.source == "period") {
+            this.domainFrom = new Date(req.snapFrom ?? Date.now() - 24 * 3600 * 1000).getTime();
+            this.domainTo = new Date(req.snapTo ?? Date.now()).getTime();
+        }
+        else {
+            let window = this.snapshotWindow;
+            this.domainFrom = window?.from?.getTime() ?? Date.now() - 12 * 3600 * 1000;
+            // I campioni sono alla fine degli snapshot (ogni istanza con i suoi secondi)
+            this.domainTo = (window?.to?.getTime() ?? Date.now()) + 60000;
+        }
+    }
+    // #endregion
+    // #region Grafici, tessere e tabella
+    get chartFrom() { return this.viewFrom ?? this.domainFrom; }
+    get chartTo() { return this.viewTo ?? this.domainTo; }
+    zoomTo(range) {
+        this.viewFrom = range.from;
+        this.viewTo = range.to;
+    }
+    resetZoom() {
+        this.viewFrom = null;
+        this.viewTo = null;
+    }
+    toggleInstance(instance) {
+        if (this.hidden.has(instance))
+            this.hidden.delete(instance);
+        else
+            this.hidden.add(instance);
+        this.rebuild();
+    }
+    setAlt(panel, alt) {
+        this.alts[panel.info.name] = alt;
+        this.rebuild();
+    }
+    info(name) {
+        return this.catalog.find(t => t.name == name) ?? { name: name, metricType: MetricV2Type.Gauge, unit: "", rateUnit: null, durationUnit: null, instances: [] };
+    }
+    // Colore fisso per istanza, lo stesso in tutti i pannelli
+    color(instance) {
+        let all = [...new Set([...this.Instances.map(t => t.id), ...flatten(this.catalog, t => t.instances ?? [])])].sort();
+        let index = all.indexOf(instance);
+        return INSTANCE_COLORS[(index >= 0 ? index : all.length) % INSTANCE_COLORS.length];
+    }
+    rebuild() {
+        let instances = new Set();
+        this.data.forEach(byInstance => byInstance.forEach((_, instance) => instances.add(instance)));
+        this.legend = [...instances].sort().map(t => ({ instance: t, color: this.color(t), hidden: this.hidden.has(t) }));
+        this.marks = this.buildMarks();
+        this.panels = this.selected.map(name => this.buildPanel(this.info(name)));
+        this.tiles = this.selected.map(name => this.buildTile(this.info(name)));
+        this.tables = this.selected.map(name => this.buildTable(this.info(name), this.tables.find(t => t.info.name == name)));
+    }
+    visibleSeries(name) {
+        let byInstance = this.data.get(name);
+        return byInstance ? [...byInstance.entries()].filter(t => !this.hidden.has(t[0]) && t[1].length > 0).sort((a, b) => a[0].localeCompare(b[0])) : [];
+    }
+    // M14: riavvii (un campione senza intervallo che non è il primo della serie) e, sullo storico per snapshot, gli id degli snapshot
+    buildMarks() {
+        let marks = [];
+        let seen = new Set();
+        this.data.forEach(byInstance => byInstance.forEach((list, instance) => list.forEach((s, i) => {
+            if (i > 0 && s.intervalSeconds == null) {
+                let t = this.time(s);
+                let key = `${instance}|${Math.round(t / 60000)}`;
+                if (!seen.has(key)) {
+                    seen.add(key);
+                    marks.push({ t: t, label: this.lc.loc("riavvio"), kind: "restart" });
+                }
+            }
+        })));
+        if (this.source == "snap") {
+            let bySnap = new Map();
+            this.data.forEach(byInstance => byInstance.forEach(list => list.forEach(s => {
+                if (s.snapId != null && !bySnap.has(s.snapId))
+                    bySnap.set(s.snapId, this.time(s));
+            })));
+            [...bySnap.entries()].sort((a, b) => a[1] - b[1]).forEach(([id, t]) => marks.push({ t: t, label: String(id), kind: "snapshot" }));
+        }
+        return marks;
+    }
+    // Punti di una serie: si salta dove il valore manca e si interrompe la linea a un riavvio o se fra due campioni passa più del doppio dell'intervallo tipico
+    points(list, value, upper) {
+        let times = list.map(t => this.time(t));
+        let gaps = times.slice(1).map((t, i) => t - times[i]).sort((a, b) => a - b);
+        let typical = gaps.length ? gaps[Math.floor(gaps.length / 2)] : 0;
+        let out = [];
+        let pendingGap = false;
+        list.forEach((s, i) => {
+            let v = value(s);
+            let gap = i > 0 && (s.intervalSeconds == null || (typical > 0 && times[i] - times[i - 1] > 2 * typical));
+            if (v == null || isNaN(v)) {
+                pendingGap = true;
+                return;
+            }
+            out.push({ t: times[i], v: v, v2: upper ? upper(s) : undefined, gap: gap || pendingGap });
+            pendingGap = false;
+        });
+        return out;
+    }
+    // Valore principale per tipo (tessere e grafico di default)
+    main(info, s) {
+        switch (info.metricType) {
+            case MetricV2Type.Gauge: return s.value;
+            case MetricV2Type.Counter: return s.count;
+            case MetricV2Type.Meter: return info.name == ACTIVE_THREADS_TIME ? (s.ratePerSecond == null ? null : s.ratePerSecond / 1000000) : s.ratePerSecond;
+            case MetricV2Type.Histogram: return s.median;
+            case MetricV2Type.Timer: return s.intervalMean;
+        }
+        return s.value;
+    }
+    mainUnit(info) {
+        switch (info.metricType) {
+            case MetricV2Type.Gauge: return info.name == CPU_USAGE ? "CPU" : info.unit || "";
+            case MetricV2Type.Counter: return info.unit || "";
+            case MetricV2Type.Meter: return info.name == ACTIVE_THREADS_TIME ? this.lc.loc("thread") : `${info.unit || ""}/s`;
+            case MetricV2Type.Histogram: return info.unit || "";
+            case MetricV2Type.Timer: return this.durationLabel(info.durationUnit);
+        }
+        return info.unit || "";
+    }
+    buildPanel(info) {
+        let series = this.visibleSeries(info.name);
+        let items = this.itemsOf(info);
+        let alts = [];
+        switch (info.metricType) {
+            case MetricV2Type.Counter:
+                alts = [new KeyValue("level", this.lc.loc("Livello")), new KeyValue("delta", this.lc.loc("Variazione"))];
+                if (items.length) {
+                    alts.push(new KeyValue("items", this.lc.loc("Voci")));
+                    if (this.source == "live")
+                        alts.push(new KeyValue("share", this.lc.loc("Quote")));
+                }
+                break;
+            case MetricV2Type.Meter:
+                alts = [new KeyValue("rate", this.lc.loc("Al secondo")), new KeyValue("moving", this.lc.loc("Rate mobili"))];
+                if (items.length)
+                    alts.push(new KeyValue("items", this.lc.loc("Voci")));
+                break;
+            case MetricV2Type.Histogram:
+                alts = [new KeyValue("percentiles", this.lc.loc("Percentili")), new KeyValue("rate", this.lc.loc("Frequenza"))];
+                break;
+            case MetricV2Type.Timer:
+                alts = [new KeyValue("duration", this.lc.loc("Chiamate e durata")), new KeyValue("active", this.lc.loc("In corso"))];
+                break;
+        }
+        let alt = alts.find(t => t.id == this.alts[info.name])?.id ?? alts[0]?.id ?? "";
+        return { info: info, alts: alts, alt: alt, charts: series.length ? this.buildCharts(info, alt, series, items) : [], empty: series.length == 0 };
+    }
+    // Le voci scelte di un totale, per l'area impilata e le quote
+    itemsOf(info) {
+        if (info.metricType != MetricV2Type.Counter && info.metricType != MetricV2Type.Meter)
+            return [];
+        return this.selected.filter(t => t.startsWith(info.name + " - ") && !this.selected.some(k => k != info.name && t.startsWith(k + " - ") && k.startsWith(info.name + " - "))).map(t => this.info(t));
+    }
+    buildCharts(info, alt, series, items) {
+        let line = (key, instance, points, extra = {}) => ({ key: `${key}|${instance}`, label: instance, color: this.color(instance), kind: "line", points: points, ...extra });
+        let unit = info.unit || "";
+        let rateUnit = `${unit}${this.rateLabel(info.rateUnit)}`;
+        switch (info.metricType) {
+            case MetricV2Type.Gauge:
+                return [{ key: "value", unit: this.mainUnit(info), height: 170, series: series.map(([i, l]) => line("value", i, this.points(l, s => s.value))) }];
+            case MetricV2Type.Counter:
+                if (alt == "delta")
+                    return [{ key: "delta", unit: unit, height: 170, series: series.map(([i, l]) => line("delta", i, this.points(l, s => s.deltaCount), { kind: "bars" })) }];
+                if (alt == "items")
+                    return [{ key: "items", unit: unit, height: 190, series: this.stacked(items, s => s.count) }];
+                if (alt == "share")
+                    return [{ key: "share", unit: "%", height: 170, series: this.itemLines(items, s => s.percent) }];
+                return [{ key: "level", unit: unit, height: 170, series: series.map(([i, l]) => line("level", i, this.points(l, s => s.count))) }];
+            case MetricV2Type.Meter:
+                if (alt == "moving")
+                    return [{
+                            key: "moving", unit: rateUnit, height: 170,
+                            series: flatten(series, ([i, l]) => [
+                                line("m1", i, this.points(l, s => s.oneMinuteRate), { label: `${i} · 1 min` }),
+                                line("m5", i, this.points(l, s => s.fiveMinuteRate), { label: `${i} · 5 min`, dash: "5 3" }),
+                                line("m15", i, this.points(l, s => s.fifteenMinuteRate), { label: `${i} · 15 min`, dash: "1 3" })
+                            ])
+                        }];
+                if (alt == "items")
+                    return [{ key: "items", unit: `${unit}/s`, height: 190, series: this.stacked(items, s => s.ratePerSecond) }];
+                return [{ key: "rate", unit: this.mainUnit(info), height: 170, series: series.map(([i, l]) => line("rate", i, this.points(l, s => this.main(info, s)))) }];
+            case MetricV2Type.Histogram:
+                if (alt == "rate")
+                    return [{ key: "rate", unit: `${unit}/s`, height: 170, series: series.map(([i, l]) => line("rate", i, this.points(l, s => s.ratePerSecond))) }];
+                return [{ key: "percentiles", unit: unit, height: 190, series: flatten(series, ([i, l]) => this.percentileBand(i, l, s => s.median, `${i} · ${this.lc.loc("mediana")}`)) }];
+            case MetricV2Type.Timer:
+                if (alt == "active")
+                    return [{ key: "active", unit: this.lc.loc("in corso"), height: 170, series: series.map(([i, l]) => line("active", i, this.points(l, s => s.activeSessions), { kind: "step" })) }];
+                return [
+                    { key: "calls", unit: `${unit}/s`, height: 120, series: series.map(([i, l]) => line("calls", i, this.points(l, s => s.ratePerSecond))) },
+                    { key: "duration", unit: this.durationLabel(info.durationUnit), height: 170, series: flatten(series, ([i, l]) => this.percentileBand(i, l, s => s.intervalMean, `${i} · ${this.lc.loc("media nell'intervallo")}`, true)) }
+                ];
+        }
+        return [];
+    }
+    // Fascia dei percentili del reservoir per istanza: per l'histogram mediana con max a punti, per il timer la durata media dell'intervallo
+    percentileBand(instance, list, center, label, timer = false) {
+        let color = this.color(instance);
+        let ret = [];
+        if (!timer)
+            ret.push({ key: `b1|${instance}`, label: instance, color: color, kind: "band", points: this.points(list, s => s.median, s => s.percentile75), opacity: 0.26, tooltip: false });
+        ret.push({ key: `b2|${instance}`, label: instance, color: color, kind: "band", points: this.points(list, s => timer ? s.median : s.percentile75, s => s.percentile95), opacity: 0.15, tooltip: false });
+        ret.push({ key: `b3|${instance}`, label: instance, color: color, kind: "band", points: this.points(list, s => s.percentile95, s => s.percentile99), opacity: 0.07, tooltip: false });
+        ret.push({ key: `c|${instance}`, label: label, color: color, kind: "line", points: this.points(list, center) });
+        if (!timer)
+            ret.push({ key: `max|${instance}`, label: `${instance} · max`, color: color, kind: "dots", points: this.points(list, s => s.max) });
+        return ret;
+    }
+    // Le voci di un totale sommate sulle istanze visibili, campione per campione (live: a 15 secondi; storico: per snapshot)
+    bucketed(item, value, average) {
+        let buckets = new Map();
+        for (let [, list] of this.visibleSeries(item.name))
+            for (let s of list) {
+                let v = value(s);
+                if (v == null)
+                    continue;
+                let key = s.snapId ?? Math.round(this.time(s) / REFRESH_MS);
+                let b = buckets.get(key) ?? { t: this.time(s), v: 0, n: 0 };
+                b.v += v;
+                b.n++;
+                buckets.set(key, b);
+            }
+        return new Map([...buckets.entries()].map(([k, b]) => [k, { t: b.t, v: average ? b.v / b.n : b.v }]));
+    }
+    stacked(items, value) {
+        let perItem = items.map(t => this.bucketed(t, value, false));
+        let keys = [...new Set(flatten(perItem, t => [...t.keys()]))].sort((a, b) => a - b);
+        let base = new Map(keys.map(k => [k, 0]));
+        let bands = items.map((item, i) => {
+            let points = keys.filter(k => perItem[i].has(k)).map(k => {
+                let b = perItem[i].get(k);
+                let lo = base.get(k);
+                base.set(k, lo + b.v);
+                return { t: b.t, v: lo, v2: lo + b.v };
+            });
+            let label = item.name.substring(item.name.lastIndexOf(" - ") + 3);
+            return { key: `stack|${item.name}`, label: label, color: ITEM_COLORS[i % ITEM_COLORS.length], kind: "band", points: points, opacity: 0.55, tooltip: false };
+        });
+        // Linee invisibili solo per il riquadro dei valori: il valore della voce, non la somma impilata
+        let tips = items.map((item, i) => ({
+            key: `stacktip|${item.name}`, label: item.name.substring(item.name.lastIndexOf(" - ") + 3), color: ITEM_COLORS[i % ITEM_COLORS.length], kind: "line",
+            points: [...perItem[i].values()].sort((a, b) => a.t - b.t).map(b => ({ t: b.t, v: b.v })), opacity: 0
+        }));
+        return bands.reverse().concat(tips);
+    }
+    itemLines(items, value) {
+        return items.map((item, i) => ({
+            key: `share|${item.name}`, label: item.name.substring(item.name.lastIndexOf(" - ") + 3), color: ITEM_COLORS[i % ITEM_COLORS.length], kind: "line",
+            points: [...this.bucketed(item, value, true).values()].sort((a, b) => a.t - b.t).map(b => ({ t: b.t, v: b.v }))
+        }));
+    }
+    // M17: valore principale dell'ultimo campione di ogni istanza, mini grafico, istante del campione
+    buildTile(info) {
+        let rows = [];
+        let sparks = [];
+        let latest = 0;
+        for (let [instance, list] of this.visibleSeries(info.name)) {
+            let last = [...list].reverse().find(t => this.main(info, t) != null);
+            if (!last)
+                continue;
+            latest = Math.max(latest, this.time(last));
+            rows.push({
+                instance: instance, color: this.color(instance), value: `${this.number(this.main(info, last))} ${this.mainUnit(info)}`.trim(),
+                extra: info.metricType == MetricV2Type.Meter ? `${this.number(last.count)} ${this.lc.loc("dall'avvio")}` : ""
+            });
+            let points = this.points(list.slice(-80), s => this.main(info, s));
+            if (points.length > 1) {
+                let lo = Math.min(...points.map(t => t.v));
+                let hi = Math.max(...points.map(t => t.v));
+                let t0 = points[0].t;
+                let t1 = points[points.length - 1].t;
+                let d = points.map((p, i) => `${i == 0 || p.gap ? "M" : "L"}${((p.t - t0) / Math.max(1, t1 - t0) * 120).toFixed(1)},${(26 - (hi > lo ? (p.v - lo) / (hi - lo) : 0.5) * 24).toFixed(1)}`).join("");
+                sparks.push({ d: d, color: this.color(instance) });
+            }
+        }
+        return { info: info, rows: rows, sparks: sparks, time: latest ? dayjs(latest).format("HH:mm:ss") : "" };
+    }
+    // M18: colonne comuni e del tipo; ordinabile; esportabile
+    buildTable(info, previous) {
+        let unit = info.unit ? ` (${info.unit})` : "";
+        let dur = info.durationUnit ? ` (${this.durationLabel(info.durationUnit)})` : "";
+        let columns = [
+            { key: "instance", label: this.lc.loc("Istanza"), num: false },
+            { key: "time", label: `${this.lc.loc("Istante")} (${this.zone})`, num: false },
+            { key: "interval", label: this.lc.loc("Intervallo (s)"), num: true }
+        ];
+        if (this.source != "live")
+            columns.push({ key: "snapId", label: this.lc.loc("Snapshot"), num: true });
+        let typed = [];
+        switch (info.metricType) {
+            case MetricV2Type.Gauge:
+                typed = [["value", `${this.lc.loc("Valore")}${info.name == CPU_USAGE ? " (CPU)" : unit}`, s => s.value]];
+                break;
+            case MetricV2Type.Counter:
+                typed = [["count", `${this.lc.loc("Conteggio")}${unit}`, s => s.count], ["delta", `${this.lc.loc("Variazione")}${unit}`, s => s.deltaCount], ["percent", `${this.lc.loc("Quota")} (%)`, s => s.percent]];
+                break;
+            case MetricV2Type.Meter:
+                typed = [["count", `${this.lc.loc("Conteggio")}${unit}`, s => s.count], ["rate", `${this.lc.loc("Al secondo")} (${this.mainUnit(info)})`, s => this.main(info, s)],
+                    ["m1", `Rate 1 min (${info.unit || ""}${this.rateLabel(info.rateUnit)})`, s => s.oneMinuteRate], ["m5", "Rate 5 min", s => s.fiveMinuteRate], ["m15", "Rate 15 min", s => s.fifteenMinuteRate]];
+                break;
+            case MetricV2Type.Histogram:
+                typed = [["count", this.lc.loc("Conteggio"), s => s.count], ["median", `${this.lc.loc("Mediana")}${unit}`, s => s.median], ["p95", "p95", s => s.percentile95], ["p99", "p99", s => s.percentile99], ["max", this.lc.loc("Massimo"), s => s.max]];
+                break;
+            case MetricV2Type.Timer:
+                typed = [["count", this.lc.loc("Chiamate"), s => s.count], ["rate", `${this.lc.loc("Al secondo")} (/s)`, s => s.ratePerSecond], ["intervalMean", `${this.lc.loc("Durata media nell'intervallo")}${dur}`, s => s.intervalMean],
+                    ["median", `${this.lc.loc("Mediana")}${dur}`, s => s.median], ["p95", "p95", s => s.percentile95], ["p99", "p99", s => s.percentile99], ["active", this.lc.loc("In corso"), s => s.activeSessions]];
+                break;
+        }
+        columns.push(...typed.map(([key, label]) => ({ key: key, label: label, num: true })));
+        let rows = flatten(this.visibleSeries(info.name), ([instance, list]) => list.map(s => {
+            let row = { instance: instance, time: this.time(s), utc: s.sampleTime, interval: s.intervalSeconds, snapId: s.snapId };
+            typed.forEach(([key, , value]) => row[key] = value(s));
+            return row;
+        }));
+        let section = { info: info, columns: columns, rows: [], total: rows.length, sortKey: previous?.sortKey ?? "time", sortDesc: previous?.sortDesc ?? true };
+        section.rows = this.sortRows(rows, section);
+        return section;
+    }
+    sortBy(section, column) {
+        section.sortDesc = section.sortKey == column.key ? !section.sortDesc : column.num || column.key == "time";
+        section.sortKey = column.key;
+        let rebuilt = this.buildTable(section.info, section);
+        section.rows = rebuilt.rows;
+    }
+    sortRows(rows, section) {
+        let key = section.sortKey;
+        let sign = section.sortDesc ? -1 : 1;
+        return rows.sort((a, b) => {
+            let x = a[key];
+            let y = b[key];
+            if (x == null && y == null)
+                return 0;
+            if (x == null)
+                return 1;
+            if (y == null)
+                return -1;
+            return (typeof x == "string" ? x.localeCompare(y) : x - y) * sign;
+        });
+    }
+    shownRows(section) {
+        return section.rows.slice(0, TABLE_ROWS);
+    }
+    cell(row, column) {
+        let v = row[column.key];
+        if (column.key == "time")
+            return dayjs(v).format("DD/MM HH:mm:ss");
+        if (column.key == "instance" || column.key == "snapId")
+            return v ?? "—";
+        return this.number(v);
+    }
+    // CSV delle righe della metrica, con gli orari in UTC e le unità nelle intestazioni
+    exportCsv(section) {
+        let quote = (v) => {
+            let s = v == null ? "" : String(v);
+            return /[",\n]/.test(s) ? `"${s.replace(/"/g, '""')}"` : s;
+        };
+        let columns = section.columns.map(t => t.key == "time" ? { ...t, label: `${this.lc.loc("Istante")} (UTC)` } : t);
+        let lines = [columns.map(t => quote(t.label)).join(",")];
+        for (let row of section.rows)
+            lines.push(columns.map(t => quote(t.key == "time" ? this.isoUtc(row["utc"]) : row[t.key])).join(","));
+        let blob = new Blob(["" + lines.join("\r\n")], { type: "text/csv;charset=utf-8" });
+        let url = URL.createObjectURL(blob);
+        let link = document.createElement("a");
+        link.href = url;
+        link.download = `metriche_${section.info.name.replace(/[^\w.-]+/g, "-")}.csv`;
+        document.body.appendChild(link);
+        link.click();
+        link.remove();
+        setTimeout(() => URL.revokeObjectURL(url), 1000);
+    }
+    // #endregion
+    // #region Supporto
+    visibilityChanged() {
+        // Tornando sulla pagina si recupera subito invece di aspettare il giro dopo
+        if (!document.hidden)
+            this.refresh();
+    }
+    errorMessage(err) {
+        return err?.status == 542 ? this.adms.errorText(err) : `${this.lc.loc("Errore")} ${err?.status ?? ""}: ${this.adms.errorText(err)}`;
+    }
+    number(value) {
+        if (value == null || isNaN(value))
+            return "—";
+        let abs = Math.abs(value);
+        let digits = abs >= 1000 ? "1.0-0" : abs >= 100 ? "1.0-1" : abs >= 1 ? "1.0-2" : "1.0-3";
+        return formatNumber(value, "it", digits);
+    }
+    durationLabel(unit) {
+        switch (unit) {
+            case "Nanoseconds": return "ns";
+            case "Microseconds": return "µs";
+            case "Milliseconds": return "ms";
+            case "Seconds": return "s";
+            case "Minutes": return "min";
+            case "Hours": return "h";
+        }
+        return unit ?? "";
+    }
+    rateLabel(unit) {
+        switch (unit) {
+            case "Seconds": return "/s";
+            case "Minutes": return "/min";
+            case "Hours": return "/h";
+            case "Days": return "/g";
+        }
+        return unit ? `/${unit}` : "";
+    }
+    // Le date delle risposte sono UTC "dd/MM/yyyy HH:mm:ss" senza fuso: si leggono come UTC e si mostrano in ora locale (M24)
+    parseUtc(value) {
+        let m = /^(\d{2})\/(\d{2})\/(\d{4}) (\d{2}):(\d{2}):(\d{2})$/.exec(value ?? "");
+        return m ? new Date(Date.UTC(+m[3], +m[2] - 1, +m[1], +m[4], +m[5], +m[6])) : value ? new Date(value) : null;
+    }
+    time(s) {
+        return this.parseUtc(s.sampleTime)?.getTime() ?? 0;
+    }
+    isoUtc(value) {
+        return this.parseUtc(value)?.toISOString().replace(".000Z", "Z") ?? "";
+    }
+    local(value) {
+        let date = typeof value == "string" ? this.parseUtc(value) : value;
+        return date ? dayjs(date).format("DD/MM HH:mm") : "—";
+    }
+    hhmmss(date) {
+        return date ? dayjs(date).format("HH:mm:ss") : "";
+    }
+    setLastDay() {
+        let now = new Date();
+        this.filterto = this.fmt(now);
+        this.filterfrom = this.fmt(new Date(now.getTime() - 24 * 3600 * 1000));
+    }
+    toDate(value) {
+        return value ? this.dateExts.getDateConvertion(value).toDate() : null;
+    }
+    fmt(date) {
+        return dayjs(date).format(this.lc.token("getFullDateDisplayFormat"));
+    }
+    saveSettings() {
+        let settings = { selected: this.selected, source: this.source, instances: this.instances, liveMinutes: this.liveMinutes, view: this.view };
+        this.localStorage.setItem(STORAGE_KEY$1, settings).subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmMetricsV2Component, deps: [{ token: i1$1.DateService }, { token: i1.LocalizationService }, { token: i3.PreferencesService }, { token: i1$1.InterComService }, { token: i4.ActivatedRoute }, { token: AdminModuleBaseService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: AdmMetricsV2Component, isStandalone: false, selector: "metrics_v2", providers: [{ provide: LocalizationService, useClass: AdmMetricsV2Loc }], ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-12\">\r\n        <div class=\"card app-overflow-visible\" widget>\r\n            <div class=\"card-header\">\r\n                <span class=\"text-uppercase\">{{'Metriche di Sistema' | localize: lc}}</span>\r\n            </div>\r\n            <div class=\"card-body widget-body mv2-body\">\r\n                <!-- Barra dei comandi: sorgente, finestra, istanze, vista, aggiornamento -->\r\n                <div class=\"mv2-toolbar\">\r\n                    <div class=\"mv2-group\">\r\n                        <span class=\"mv2-group-label\">{{'Sorgente' | localize: lc}}</span>\r\n                        <div class=\"mv2-seg\">\r\n                            @for (o of Sources; track o.id) {\r\n                                <button type=\"button\" [class.mv2-on]=\"source == o.id\" [disabled]=\"o.id != 'live' && !historyAvailable\" (click)=\"setSource(o.id)\"\r\n                                        [title]=\"o.id != 'live' && !historyAvailable ? ('Lo storico non \u00E8 attivo su questo ambiente: ci sono solo i dati live.' | localize: lc) : ''\">\r\n                                    @if (o.id == 'live') {\r\n                                        <span class=\"mv2-live-dot\" [class.mv2-live-paused]=\"paused\"></span>\r\n                                    }\r\n                                    {{o.description}}\r\n                                </button>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n\r\n                    @if (source == 'live') {\r\n                        <div class=\"mv2-group\">\r\n                            <span class=\"mv2-group-label\">{{'Finestra' | localize: lc}}</span>\r\n                            <div class=\"mv2-seg\">\r\n                                @for (o of LiveWindows; track o.id) {\r\n                                    <button type=\"button\" [class.mv2-on]=\"liveMinutes == o.id\" (click)=\"setLiveMinutes(o.id)\">{{o.description}}</button>\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                    } @else if (source == 'period') {\r\n                        <div class=\"mv2-cluster\">\r\n                            <div class=\"mv2-field\">\r\n                                <form-datetime [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"filterfrom\" (ngModelChange)=\"filterfrom = $event; datesChanged()\" name=\"filterfrom\" [Placeholder]=\"'Dal' | localize: lc\"></form-datetime>\r\n                            </div>\r\n                            <div class=\"mv2-field\">\r\n                                <form-datetime [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"filterto\" (ngModelChange)=\"filterto = $event; datesChanged()\" name=\"filterto\" [Placeholder]=\"'Al' | localize: lc\"></form-datetime>\r\n                            </div>\r\n                        </div>\r\n                    } @else {\r\n                        <div class=\"mv2-cluster\">\r\n                            <div class=\"mv2-field mv2-noclear\">\r\n                                <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"snapFromId\" (ngModelChange)=\"snapFromId = $event; snapshotsChanged()\" name=\"snapFrom\" [Source]=\"SnapshotOptions\" [Placeholder]=\"'Dallo snapshot' | localize: lc\"></form-select>\r\n                            </div>\r\n                            <div class=\"mv2-field mv2-noclear\">\r\n                                <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"snapToId\" (ngModelChange)=\"snapToId = $event; snapshotsChanged()\" name=\"snapTo\" [Source]=\"SnapshotOptions\" [Placeholder]=\"'Allo snapshot' | localize: lc\"></form-select>\r\n                            </div>\r\n                            @if (snapshotWindow; as w) {\r\n                                <span class=\"mv2-muted\">{{'Dalle' | localize: lc}} {{local(w.from)}} {{'alle' | localize: lc}} {{local(w.to)}}</span>\r\n                            }\r\n                        </div>\r\n                    }\r\n\r\n                    <div class=\"mv2-group mv2-field-wide\">\r\n                        <span class=\"mv2-group-label\">{{'Istanze' | localize: lc}}</span>\r\n                        <form-multiselect class=\"mv2-fill\" [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"instances\" (ngModelChange)=\"instancesChanged($event)\" name=\"instances\" [Source]=\"Instances\" [Placeholder]=\"clusterLabel\" [MaxShownElements]=\"2\"></form-multiselect>\r\n                    </div>\r\n\r\n                    <div class=\"mv2-cluster mv2-cluster-end\">\r\n                        @if (source == 'live') {\r\n                            <span class=\"mv2-muted\">\r\n                                @if (dataLoading) {\r\n                                    <i class=\"fa fa-spinner fa-spin\"></i>\r\n                                }\r\n                                @if (lastUpdate) {\r\n                                    {{'Aggiornato alle' | localize: lc}} {{hhmmss(lastUpdate)}}\r\n                                }\r\n                            </span>\r\n                            <button type=\"button\" class=\"mv2-btn\" (click)=\"togglePause()\">\r\n                                <i class=\"fa\" [class.fa-pause]=\"!paused\" [class.fa-play]=\"paused\"></i> {{(paused ? 'Riprendi' : 'Pausa') | localize: lc}}\r\n                            </button>\r\n                        } @else if (dataLoading) {\r\n                            <span class=\"mv2-muted\"><i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento\u2026' | localize: lc}}</span>\r\n                        }\r\n                        <div class=\"mv2-seg\">\r\n                            @for (o of Views; track o.id) {\r\n                                <button type=\"button\" [class.mv2-on]=\"view == o.id\" (click)=\"setView(o.id)\">\r\n                                    <i class=\"fa\" [class.fa-line-chart]=\"o.id == 'charts'\" [class.fa-table]=\"o.id == 'table'\"></i> {{o.description}}\r\n                                </button>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- Avvisi -->\r\n                @for (warning of warnings; track $index) {\r\n                    <div class=\"mv2-alert mv2-alert-warn\"><i class=\"fa fa-exclamation-triangle\"></i> {{warning}}</div>\r\n                }\r\n                @if (snapshotsLoaded && !historyAvailable) {\r\n                    <div class=\"mv2-alert\"><i class=\"fa fa-info-circle\"></i> {{'Lo storico non \u00E8 attivo su questo ambiente: ci sono solo i dati live.' | localize: lc}}</div>\r\n                }\r\n                @if (dataError) {\r\n                    <div class=\"mv2-alert mv2-alert-error\">{{dataError}}</div>\r\n                }\r\n\r\n                <div class=\"mv2-main\">\r\n                    <!-- Catalogo -->\r\n                    <aside class=\"mv2-panel mv2-catalog\">\r\n                        <div class=\"mv2-field-full\">\r\n                            <form-input [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"search\" (ngModelChange)=\"search = $event; buildGroups()\" name=\"search\" [Placeholder]=\"'Cerca una metrica\u2026' | localize: lc\"></form-input>\r\n                        </div>\r\n                        <div class=\"mv2-presets\">\r\n                            @for (p of Presets; track p) {\r\n                                <button type=\"button\" class=\"mv2-chip\" (click)=\"applyPreset(p)\">{{p | localize: lc}}</button>\r\n                            }\r\n                        </div>\r\n                        <div class=\"mv2-counter\">\r\n                            <span>{{selected.length}} {{'di' | localize: lc}} {{Max}} {{'metriche scelte' | localize: lc}}</span>\r\n                            @if (selected.length > 0) {\r\n                                <button type=\"button\" class=\"mv2-link\" (click)=\"clearSelection()\">{{'Togli tutte' | localize: lc}}</button>\r\n                            }\r\n                        </div>\r\n\r\n                        @if (catalogLoading) {\r\n                            <div class=\"mv2-muted mv2-pad\"><i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento\u2026' | localize: lc}}</div>\r\n                        }\r\n                        @if (catalogError) {\r\n                            <div class=\"mv2-alert mv2-alert-error\">{{catalogError}}</div>\r\n                        }\r\n                        @for (group of groups; track group.type) {\r\n                            <div class=\"mv2-cat-group\">\r\n                                <div class=\"mv2-cat-title\">{{group.label}} <span class=\"mv2-muted\">{{group.count}}</span></div>\r\n                                @for (entry of group.entries; track entry.info.name) {\r\n                                    <div class=\"mv2-cat-item\" [class.mv2-cat-disabled]=\"!canSelect(entry.info.name)\">\r\n                                        <label class=\"mv2-check\">\r\n                                            <input type=\"checkbox\" [checked]=\"isSelected(entry.info.name)\" [disabled]=\"!canSelect(entry.info.name)\" (change)=\"toggleMetric(entry.info.name)\" />\r\n                                            <span class=\"mv2-cat-name\" [title]=\"entry.info.name\">{{entry.info.name}}</span>\r\n                                        </label>\r\n                                        <span class=\"mv2-cat-meta\">\r\n                                            {{catalogUnit(entry.info)}}\r\n                                            @if (instancesLabel(entry.info)) {\r\n                                                <span class=\"mv2-cat-inst\" [title]=\"entry.info.instances.join('\\n')\">{{instancesLabel(entry.info)}}</span>\r\n                                            }\r\n                                        </span>\r\n                                        @if (entry.items.length > 0) {\r\n                                            <button type=\"button\" class=\"mv2-caret\" (click)=\"entry.open = !entry.open\" [title]=\"'Voci' | localize: lc\">\r\n                                                <i class=\"fa\" [class.fa-caret-down]=\"entry.open\" [class.fa-caret-right]=\"!entry.open\"></i> {{entry.items.length}}\r\n                                            </button>\r\n                                        }\r\n                                    </div>\r\n                                    @if (entry.open && entry.items.length > 0) {\r\n                                        <div class=\"mv2-cat-items\">\r\n                                            <button type=\"button\" class=\"mv2-link\" (click)=\"addItems(entry)\">{{addItemsLabel(entry)}}</button>\r\n                                            @for (item of entry.items; track item.name) {\r\n                                                <div class=\"mv2-cat-item mv2-cat-sub\" [class.mv2-cat-disabled]=\"!canSelect(item.name)\">\r\n                                                    <label class=\"mv2-check\">\r\n                                                        <input type=\"checkbox\" [checked]=\"isSelected(item.name)\" [disabled]=\"!canSelect(item.name)\" (change)=\"toggleMetric(item.name)\" />\r\n                                                        <span class=\"mv2-cat-name\" [title]=\"item.name\">{{item.name.substring(entry.info.name.length + 3)}}</span>\r\n                                                    </label>\r\n                                                    @if (instancesLabel(item)) {\r\n                                                        <span class=\"mv2-cat-inst\" [title]=\"item.instances.join('\\n')\">{{instancesLabel(item)}}</span>\r\n                                                    }\r\n                                                </div>\r\n                                            }\r\n                                        </div>\r\n                                    }\r\n                                }\r\n                            </div>\r\n                        }\r\n                    </aside>\r\n\r\n                    <!-- Grafici, tessere e tabella -->\r\n                    <section class=\"mv2-area\">\r\n                        @if (selected.length == 0) {\r\n                            <div class=\"mv2-panel mv2-placeholder\">\r\n                                <i class=\"fa fa-line-chart\"></i>\r\n                                {{'Scegli una o pi\u00F9 metriche dal catalogo.' | localize: lc}}\r\n                            </div>\r\n                        } @else {\r\n                            <!-- Tessere dei valori correnti -->\r\n                            <div class=\"mv2-tiles\">\r\n                                @for (tile of tiles; track tile.info.name) {\r\n                                    <div class=\"mv2-tile\">\r\n                                        <div class=\"mv2-tile-name\" [title]=\"tile.info.name\">{{tile.info.name}}</div>\r\n                                        @for (row of tile.rows; track row.instance) {\r\n                                            <div class=\"mv2-tile-row\">\r\n                                                <span class=\"mv2-dot\" [style.background]=\"row.color\" [title]=\"row.instance\"></span>\r\n                                                <strong>{{row.value}}</strong>\r\n                                                @if (row.extra) {\r\n                                                    <span class=\"mv2-muted\">{{row.extra}}</span>\r\n                                                }\r\n                                            </div>\r\n                                        } @empty {\r\n                                            <div class=\"mv2-muted\">\u2014</div>\r\n                                        }\r\n                                        <svg class=\"mv2-spark\" viewBox=\"0 0 120 28\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n                                            @for (spark of tile.sparks; track $index) {\r\n                                                <path [attr.d]=\"spark.d\" [attr.stroke]=\"spark.color\" fill=\"none\" stroke-width=\"1.3\" vector-effect=\"non-scaling-stroke\" />\r\n                                            }\r\n                                        </svg>\r\n                                        @if (tile.time) {\r\n                                            <div class=\"mv2-muted mv2-small\">{{'alle' | localize: lc}} {{tile.time}}</div>\r\n                                        }\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n\r\n                            <!-- Legenda comune: un clic nasconde o mostra l'istanza ovunque -->\r\n                            <div class=\"mv2-legend-bar\">\r\n                                <div class=\"mv2-legend\">\r\n                                    @for (item of legend; track item.instance) {\r\n                                        <button type=\"button\" class=\"mv2-legend-item\" [class.mv2-legend-off]=\"item.hidden\" (click)=\"toggleInstance(item.instance)\">\r\n                                            <span class=\"mv2-dot\" [style.background]=\"item.color\"></span>{{item.instance}}\r\n                                        </button>\r\n                                    }\r\n                                </div>\r\n                                <span class=\"mv2-muted mv2-small\">{{'Orari in ora locale' | localize: lc}} ({{zone}}) &middot; {{'trascina su un grafico per lo zoom' | localize: lc}}</span>\r\n                                @if (viewFrom != null) {\r\n                                    <button type=\"button\" class=\"mv2-btn\" (click)=\"resetZoom()\"><i class=\"fa fa-arrows-h\"></i> {{'Finestra intera' | localize: lc}}</button>\r\n                                }\r\n                            </div>\r\n\r\n                            @if (view == 'charts') {\r\n                                @for (panel of panels; track panel.info.name) {\r\n                                    <div class=\"mv2-panel mv2-chart-panel\">\r\n                                        <div class=\"mv2-panel-header\">\r\n                                            <span class=\"mv2-panel-title\">{{panel.info.name}}</span>\r\n                                            <span class=\"mv2-type\">{{Type[panel.info.metricType]}}</span>\r\n                                            <span class=\"mv2-muted\">{{mainUnit(panel.info)}}</span>\r\n                                            <span class=\"mv2-spacer\"></span>\r\n                                            @if (panel.alts.length > 1) {\r\n                                                <div class=\"mv2-seg mv2-seg-small\">\r\n                                                    @for (o of panel.alts; track o.id) {\r\n                                                        <button type=\"button\" [class.mv2-on]=\"panel.alt == o.id\" (click)=\"setAlt(panel, o.id)\">{{o.description}}</button>\r\n                                                    }\r\n                                                </div>\r\n                                            }\r\n                                            <button type=\"button\" class=\"mv2-icon-btn\" [title]=\"'Togli' | localize: lc\" (click)=\"removeMetric(panel.info.name)\">&times;</button>\r\n                                        </div>\r\n                                        @if (panel.empty) {\r\n                                            <div class=\"mv2-empty\">\r\n                                                @if (dataLoading) {\r\n                                                    <i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento\u2026' | localize: lc}}\r\n                                                } @else {\r\n                                                    {{emptyLabel(panel.info.name)}}\r\n                                                }\r\n                                            </div>\r\n                                        } @else {\r\n                                            @for (chart of panel.charts; track chart.key) {\r\n                                                <mv2-chart [series]=\"chart.series\" [from]=\"chartFrom\" [to]=\"chartTo\" [height]=\"chart.height\" [unit]=\"chart.unit\" [marks]=\"marks\"\r\n                                                           [cursor]=\"cursor\" [format]=\"format\" (cursorChange)=\"cursor = $event\" (zoom)=\"zoomTo($event)\"></mv2-chart>\r\n                                            }\r\n                                        }\r\n                                    </div>\r\n                                }\r\n                            } @else {\r\n                                @for (section of tables; track section.info.name) {\r\n                                    <div class=\"mv2-panel\">\r\n                                        <div class=\"mv2-panel-header\">\r\n                                            <span class=\"mv2-panel-title\">{{section.info.name}}</span>\r\n                                            <span class=\"mv2-type\">{{Type[section.info.metricType]}}</span>\r\n                                            <span class=\"mv2-spacer\"></span>\r\n                                            @if (section.total > 0) {\r\n                                                <button type=\"button\" class=\"mv2-btn\" (click)=\"exportCsv(section)\"><i class=\"fa fa-download\"></i> {{'Esporta CSV' | localize: lc}}</button>\r\n                                            }\r\n                                        </div>\r\n                                        @if (section.total == 0) {\r\n                                            <div class=\"mv2-empty\">{{emptyLabel(section.info.name)}}</div>\r\n                                        } @else {\r\n                                            <div class=\"mv2-table-wrap\">\r\n                                                <table class=\"mv2-table\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            @for (column of section.columns; track column.key) {\r\n                                                                <th [class.mv2-num]=\"column.num\" (click)=\"sortBy(section, column)\">\r\n                                                                    {{column.label}}\r\n                                                                    @if (section.sortKey == column.key) {\r\n                                                                        <i class=\"fa\" [class.fa-caret-down]=\"section.sortDesc\" [class.fa-caret-up]=\"!section.sortDesc\"></i>\r\n                                                                    }\r\n                                                                </th>\r\n                                                            }\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        @for (row of shownRows(section); track $index) {\r\n                                                            <tr>\r\n                                                                @for (column of section.columns; track column.key) {\r\n                                                                    <td [class.mv2-num]=\"column.num\">\r\n                                                                        @if (column.key == 'instance') {\r\n                                                                            <span class=\"mv2-dot\" [style.background]=\"color(row['instance'])\"></span>\r\n                                                                        }\r\n                                                                        {{cell(row, column)}}\r\n                                                                    </td>\r\n                                                                }\r\n                                                            </tr>\r\n                                                        }\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                            @if (section.total > section.rows.length || section.total > 300) {\r\n                                                <div class=\"mv2-muted mv2-small mv2-pad\">{{'Mostrate le prime 300 righe di' | localize: lc}} {{section.total}}; {{\"l'esportazione le comprende tutte.\" | localize: lc}}</div>\r\n                                            }\r\n                                        }\r\n                                    </div>\r\n                                }\r\n                            }\r\n                        }\r\n                    </section>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [":host{display:block}:host ::ng-deep .mv2-noclear .p-select-clear-icon{display:none}:host ::ng-deep .mv2-fill{display:block;width:100%}.mv2-body{container-type:inline-size}.mv2-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding-top:6px}.mv2-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mv2-cluster-end{margin-left:auto}.mv2-field{width:200px}.mv2-field-wide{width:340px;max-width:100%}.mv2-field-full{width:100%}.mv2-group{position:relative;display:inline-flex}.mv2-group-label{position:absolute;top:-8px;left:8px;z-index:2;padding:0 4px;background:var(--p-content-background, #fff);color:var(--p-text-muted-color, #64748b);font-size:12px;line-height:15px;white-space:nowrap;pointer-events:none}.mv2-seg{display:inline-flex;height:39px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);overflow:hidden;background:var(--p-content-background, #fff)}.mv2-seg button{display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:0;border-left:1px solid var(--p-form-field-border-color, #cbd5e1);background:transparent;color:var(--p-text-color, #334155);font-size:13px;white-space:nowrap;cursor:pointer}.mv2-seg button:first-child{border-left:0}.mv2-seg button:hover:not(.mv2-on):not(:disabled){background:var(--p-content-hover-background, #f8fafc)}.mv2-seg button:disabled{color:var(--p-text-muted-color, #64748b);opacity:.6;cursor:not-allowed}.mv2-seg button:focus-visible{outline:2px solid var(--p-primary-color, #6366f1);outline-offset:-2px}.mv2-seg button.mv2-on{background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca);font-weight:500;box-shadow:inset 0 -2px 0 var(--p-primary-color, #6366f1)}.mv2-seg.mv2-seg-small{height:28px}.mv2-seg.mv2-seg-small button{padding:0 9px;font-size:12px}.mv2-live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a}.mv2-live-dot.mv2-live-paused{background:var(--p-text-muted-color, #64748b)}.mv2-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);color:var(--p-text-color, #334155);font-size:13px;white-space:nowrap;cursor:pointer}.mv2-btn:hover{background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca)}.mv2-icon-btn{width:26px;height:26px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--p-text-muted-color, #64748b);font-size:18px;line-height:1;cursor:pointer}.mv2-icon-btn:hover{background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-color, #334155)}.mv2-link{padding:0;border:0;background:transparent;color:var(--p-primary-color, #6366f1);font-size:12px;cursor:pointer}.mv2-link:hover{text-decoration:underline}.mv2-muted{color:var(--p-text-muted-color, #64748b);font-size:12px}.mv2-small{font-size:11px}.mv2-pad{padding:6px 2px}.mv2-spacer{flex:1 1 auto}.mv2-alert{margin-top:10px;padding:7px 12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-color, #334155);font-size:13px}.mv2-alert.mv2-alert-warn{border-color:#fcd34d;background:#fffbeb;color:#92400e}.mv2-alert.mv2-alert-error{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.mv2-main{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start;margin-top:14px}@container (max-width: 1000px){.mv2-main{grid-template-columns:minmax(0,1fr)}.mv2-catalog{position:static;max-height:360px}}.mv2-panel{padding:12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);min-width:0}.mv2-catalog{position:sticky;top:10px;max-height:calc(100vh - 20px);overflow:auto;font-size:13px;color:var(--p-text-color, #334155)}.mv2-presets{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 8px}.mv2-chip{padding:3px 10px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:12px;background:var(--p-content-background, #fff);color:var(--p-text-color, #334155);font-size:12px;cursor:pointer}.mv2-chip:hover{background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca)}.mv2-counter{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);color:var(--p-text-muted-color, #64748b);font-size:12px}.mv2-cat-group{margin-top:10px}.mv2-cat-title{margin-bottom:4px;color:var(--p-text-muted-color, #64748b);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.mv2-cat-item{display:flex;align-items:center;gap:6px;padding:2px 0;min-width:0}.mv2-cat-item.mv2-cat-disabled{opacity:.5}.mv2-cat-sub{padding-left:18px}.mv2-check{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;margin:0;cursor:pointer}.mv2-check input{flex:none;display:inline-block;width:auto;height:auto;margin:0;accent-color:var(--p-primary-color, #6366f1)}.mv2-cat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mv2-cat-meta{flex:none;color:var(--p-text-muted-color, #64748b);font-size:11px;white-space:nowrap}.mv2-cat-inst{margin-left:4px;padding:0 5px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:8px;color:var(--p-text-muted-color, #64748b);font-size:10px;cursor:help}.mv2-caret{flex:none;padding:0 4px;border:0;background:transparent;color:var(--p-text-muted-color, #64748b);font-size:11px;cursor:pointer}.mv2-cat-items{padding:2px 0 4px 18px}.mv2-area{display:flex;flex-direction:column;gap:12px;min-width:0}.mv2-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;padding:70px 12px;color:var(--p-text-muted-color, #64748b);text-align:center}.mv2-placeholder .fa{font-size:28px;opacity:.5}.mv2-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.mv2-tile{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);min-width:0;font-size:13px}.mv2-tile-name{overflow:hidden;color:var(--p-text-muted-color, #64748b);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mv2-tile-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.mv2-spark{display:block;width:100%;height:28px;margin-top:2px}.mv2-dot{display:inline-block;flex:none;width:9px;height:9px;margin-right:4px;border-radius:50%}.mv2-legend-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.mv2-legend{display:flex;flex-wrap:wrap;gap:4px 6px}.mv2-legend-item{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:12px;background:var(--p-content-background, #fff);color:var(--p-text-color, #334155);font-size:12px;cursor:pointer}.mv2-legend-item.mv2-legend-off{opacity:.45;text-decoration:line-through}.mv2-chart-panel{padding-bottom:6px}.mv2-panel-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px}.mv2-panel-title{font-size:13px;font-weight:600;color:var(--p-text-color, #334155)}.mv2-type{padding:0 7px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:10px;color:var(--p-text-muted-color, #64748b);font-size:11px;line-height:18px}.mv2-empty{padding:26px 12px;color:var(--p-text-muted-color, #64748b);text-align:center}.mv2-table-wrap{max-height:420px;overflow:auto;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px)}.mv2-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;color:var(--p-text-color, #334155)}.mv2-table th{position:sticky;top:0;z-index:1;padding:6px 8px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-muted-color, #64748b);font-weight:500;white-space:nowrap;cursor:pointer}.mv2-table td{padding:3px 8px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);white-space:nowrap}.mv2-num{text-align:right!important;font-variant-numeric:tabular-nums}\n"], dependencies: [{ kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.EsFormInputComponent, selector: "form-input", inputs: ["minlength", "maxlength", "pattern", "Password", "Type"] }, { kind: "component", type: i9.EsFormSelectComponent, selector: "form-select", inputs: ["OptionsTemplate"] }, { kind: "component", type: i9.EsFormDateTimeComponent, selector: "form-datetime" }, { kind: "component", type: i9.EsFormMultiselectComponent, selector: "form-multiselect", inputs: ["display", "InOutFormat", "FloatingLabel", "MaxShownElements"] }, { kind: "directive", type: i10.Widget, selector: "[widget]" }, { kind: "component", type: MetricsV2ChartComponent, selector: "mv2-chart", inputs: ["series", "from", "to", "height", "unit", "marks", "cursor", "format"], outputs: ["cursorChange", "zoom"] }, { kind: "pipe", type: i1.LocalizePipe, name: "localize" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmMetricsV2Component, decorators: [{
+            type: Component,
+            args: [{ selector: "metrics_v2", providers: [{ provide: LocalizationService, useClass: AdmMetricsV2Loc }], standalone: false, template: "<div class=\"row\">\r\n    <div class=\"col-12\">\r\n        <div class=\"card app-overflow-visible\" widget>\r\n            <div class=\"card-header\">\r\n                <span class=\"text-uppercase\">{{'Metriche di Sistema' | localize: lc}}</span>\r\n            </div>\r\n            <div class=\"card-body widget-body mv2-body\">\r\n                <!-- Barra dei comandi: sorgente, finestra, istanze, vista, aggiornamento -->\r\n                <div class=\"mv2-toolbar\">\r\n                    <div class=\"mv2-group\">\r\n                        <span class=\"mv2-group-label\">{{'Sorgente' | localize: lc}}</span>\r\n                        <div class=\"mv2-seg\">\r\n                            @for (o of Sources; track o.id) {\r\n                                <button type=\"button\" [class.mv2-on]=\"source == o.id\" [disabled]=\"o.id != 'live' && !historyAvailable\" (click)=\"setSource(o.id)\"\r\n                                        [title]=\"o.id != 'live' && !historyAvailable ? ('Lo storico non \u00E8 attivo su questo ambiente: ci sono solo i dati live.' | localize: lc) : ''\">\r\n                                    @if (o.id == 'live') {\r\n                                        <span class=\"mv2-live-dot\" [class.mv2-live-paused]=\"paused\"></span>\r\n                                    }\r\n                                    {{o.description}}\r\n                                </button>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n\r\n                    @if (source == 'live') {\r\n                        <div class=\"mv2-group\">\r\n                            <span class=\"mv2-group-label\">{{'Finestra' | localize: lc}}</span>\r\n                            <div class=\"mv2-seg\">\r\n                                @for (o of LiveWindows; track o.id) {\r\n                                    <button type=\"button\" [class.mv2-on]=\"liveMinutes == o.id\" (click)=\"setLiveMinutes(o.id)\">{{o.description}}</button>\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                    } @else if (source == 'period') {\r\n                        <div class=\"mv2-cluster\">\r\n                            <div class=\"mv2-field\">\r\n                                <form-datetime [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"filterfrom\" (ngModelChange)=\"filterfrom = $event; datesChanged()\" name=\"filterfrom\" [Placeholder]=\"'Dal' | localize: lc\"></form-datetime>\r\n                            </div>\r\n                            <div class=\"mv2-field\">\r\n                                <form-datetime [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"filterto\" (ngModelChange)=\"filterto = $event; datesChanged()\" name=\"filterto\" [Placeholder]=\"'Al' | localize: lc\"></form-datetime>\r\n                            </div>\r\n                        </div>\r\n                    } @else {\r\n                        <div class=\"mv2-cluster\">\r\n                            <div class=\"mv2-field mv2-noclear\">\r\n                                <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"snapFromId\" (ngModelChange)=\"snapFromId = $event; snapshotsChanged()\" name=\"snapFrom\" [Source]=\"SnapshotOptions\" [Placeholder]=\"'Dallo snapshot' | localize: lc\"></form-select>\r\n                            </div>\r\n                            <div class=\"mv2-field mv2-noclear\">\r\n                                <form-select [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"snapToId\" (ngModelChange)=\"snapToId = $event; snapshotsChanged()\" name=\"snapTo\" [Source]=\"SnapshotOptions\" [Placeholder]=\"'Allo snapshot' | localize: lc\"></form-select>\r\n                            </div>\r\n                            @if (snapshotWindow; as w) {\r\n                                <span class=\"mv2-muted\">{{'Dalle' | localize: lc}} {{local(w.from)}} {{'alle' | localize: lc}} {{local(w.to)}}</span>\r\n                            }\r\n                        </div>\r\n                    }\r\n\r\n                    <div class=\"mv2-group mv2-field-wide\">\r\n                        <span class=\"mv2-group-label\">{{'Istanze' | localize: lc}}</span>\r\n                        <form-multiselect class=\"mv2-fill\" [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"instances\" (ngModelChange)=\"instancesChanged($event)\" name=\"instances\" [Source]=\"Instances\" [Placeholder]=\"clusterLabel\" [MaxShownElements]=\"2\"></form-multiselect>\r\n                    </div>\r\n\r\n                    <div class=\"mv2-cluster mv2-cluster-end\">\r\n                        @if (source == 'live') {\r\n                            <span class=\"mv2-muted\">\r\n                                @if (dataLoading) {\r\n                                    <i class=\"fa fa-spinner fa-spin\"></i>\r\n                                }\r\n                                @if (lastUpdate) {\r\n                                    {{'Aggiornato alle' | localize: lc}} {{hhmmss(lastUpdate)}}\r\n                                }\r\n                            </span>\r\n                            <button type=\"button\" class=\"mv2-btn\" (click)=\"togglePause()\">\r\n                                <i class=\"fa\" [class.fa-pause]=\"!paused\" [class.fa-play]=\"paused\"></i> {{(paused ? 'Riprendi' : 'Pausa') | localize: lc}}\r\n                            </button>\r\n                        } @else if (dataLoading) {\r\n                            <span class=\"mv2-muted\"><i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento\u2026' | localize: lc}}</span>\r\n                        }\r\n                        <div class=\"mv2-seg\">\r\n                            @for (o of Views; track o.id) {\r\n                                <button type=\"button\" [class.mv2-on]=\"view == o.id\" (click)=\"setView(o.id)\">\r\n                                    <i class=\"fa\" [class.fa-line-chart]=\"o.id == 'charts'\" [class.fa-table]=\"o.id == 'table'\"></i> {{o.description}}\r\n                                </button>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- Avvisi -->\r\n                @for (warning of warnings; track $index) {\r\n                    <div class=\"mv2-alert mv2-alert-warn\"><i class=\"fa fa-exclamation-triangle\"></i> {{warning}}</div>\r\n                }\r\n                @if (snapshotsLoaded && !historyAvailable) {\r\n                    <div class=\"mv2-alert\"><i class=\"fa fa-info-circle\"></i> {{'Lo storico non \u00E8 attivo su questo ambiente: ci sono solo i dati live.' | localize: lc}}</div>\r\n                }\r\n                @if (dataError) {\r\n                    <div class=\"mv2-alert mv2-alert-error\">{{dataError}}</div>\r\n                }\r\n\r\n                <div class=\"mv2-main\">\r\n                    <!-- Catalogo -->\r\n                    <aside class=\"mv2-panel mv2-catalog\">\r\n                        <div class=\"mv2-field-full\">\r\n                            <form-input [FormLayout]=\"false\" [Validation]=\"false\" [ngModel]=\"search\" (ngModelChange)=\"search = $event; buildGroups()\" name=\"search\" [Placeholder]=\"'Cerca una metrica\u2026' | localize: lc\"></form-input>\r\n                        </div>\r\n                        <div class=\"mv2-presets\">\r\n                            @for (p of Presets; track p) {\r\n                                <button type=\"button\" class=\"mv2-chip\" (click)=\"applyPreset(p)\">{{p | localize: lc}}</button>\r\n                            }\r\n                        </div>\r\n                        <div class=\"mv2-counter\">\r\n                            <span>{{selected.length}} {{'di' | localize: lc}} {{Max}} {{'metriche scelte' | localize: lc}}</span>\r\n                            @if (selected.length > 0) {\r\n                                <button type=\"button\" class=\"mv2-link\" (click)=\"clearSelection()\">{{'Togli tutte' | localize: lc}}</button>\r\n                            }\r\n                        </div>\r\n\r\n                        @if (catalogLoading) {\r\n                            <div class=\"mv2-muted mv2-pad\"><i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento\u2026' | localize: lc}}</div>\r\n                        }\r\n                        @if (catalogError) {\r\n                            <div class=\"mv2-alert mv2-alert-error\">{{catalogError}}</div>\r\n                        }\r\n                        @for (group of groups; track group.type) {\r\n                            <div class=\"mv2-cat-group\">\r\n                                <div class=\"mv2-cat-title\">{{group.label}} <span class=\"mv2-muted\">{{group.count}}</span></div>\r\n                                @for (entry of group.entries; track entry.info.name) {\r\n                                    <div class=\"mv2-cat-item\" [class.mv2-cat-disabled]=\"!canSelect(entry.info.name)\">\r\n                                        <label class=\"mv2-check\">\r\n                                            <input type=\"checkbox\" [checked]=\"isSelected(entry.info.name)\" [disabled]=\"!canSelect(entry.info.name)\" (change)=\"toggleMetric(entry.info.name)\" />\r\n                                            <span class=\"mv2-cat-name\" [title]=\"entry.info.name\">{{entry.info.name}}</span>\r\n                                        </label>\r\n                                        <span class=\"mv2-cat-meta\">\r\n                                            {{catalogUnit(entry.info)}}\r\n                                            @if (instancesLabel(entry.info)) {\r\n                                                <span class=\"mv2-cat-inst\" [title]=\"entry.info.instances.join('\\n')\">{{instancesLabel(entry.info)}}</span>\r\n                                            }\r\n                                        </span>\r\n                                        @if (entry.items.length > 0) {\r\n                                            <button type=\"button\" class=\"mv2-caret\" (click)=\"entry.open = !entry.open\" [title]=\"'Voci' | localize: lc\">\r\n                                                <i class=\"fa\" [class.fa-caret-down]=\"entry.open\" [class.fa-caret-right]=\"!entry.open\"></i> {{entry.items.length}}\r\n                                            </button>\r\n                                        }\r\n                                    </div>\r\n                                    @if (entry.open && entry.items.length > 0) {\r\n                                        <div class=\"mv2-cat-items\">\r\n                                            <button type=\"button\" class=\"mv2-link\" (click)=\"addItems(entry)\">{{addItemsLabel(entry)}}</button>\r\n                                            @for (item of entry.items; track item.name) {\r\n                                                <div class=\"mv2-cat-item mv2-cat-sub\" [class.mv2-cat-disabled]=\"!canSelect(item.name)\">\r\n                                                    <label class=\"mv2-check\">\r\n                                                        <input type=\"checkbox\" [checked]=\"isSelected(item.name)\" [disabled]=\"!canSelect(item.name)\" (change)=\"toggleMetric(item.name)\" />\r\n                                                        <span class=\"mv2-cat-name\" [title]=\"item.name\">{{item.name.substring(entry.info.name.length + 3)}}</span>\r\n                                                    </label>\r\n                                                    @if (instancesLabel(item)) {\r\n                                                        <span class=\"mv2-cat-inst\" [title]=\"item.instances.join('\\n')\">{{instancesLabel(item)}}</span>\r\n                                                    }\r\n                                                </div>\r\n                                            }\r\n                                        </div>\r\n                                    }\r\n                                }\r\n                            </div>\r\n                        }\r\n                    </aside>\r\n\r\n                    <!-- Grafici, tessere e tabella -->\r\n                    <section class=\"mv2-area\">\r\n                        @if (selected.length == 0) {\r\n                            <div class=\"mv2-panel mv2-placeholder\">\r\n                                <i class=\"fa fa-line-chart\"></i>\r\n                                {{'Scegli una o pi\u00F9 metriche dal catalogo.' | localize: lc}}\r\n                            </div>\r\n                        } @else {\r\n                            <!-- Tessere dei valori correnti -->\r\n                            <div class=\"mv2-tiles\">\r\n                                @for (tile of tiles; track tile.info.name) {\r\n                                    <div class=\"mv2-tile\">\r\n                                        <div class=\"mv2-tile-name\" [title]=\"tile.info.name\">{{tile.info.name}}</div>\r\n                                        @for (row of tile.rows; track row.instance) {\r\n                                            <div class=\"mv2-tile-row\">\r\n                                                <span class=\"mv2-dot\" [style.background]=\"row.color\" [title]=\"row.instance\"></span>\r\n                                                <strong>{{row.value}}</strong>\r\n                                                @if (row.extra) {\r\n                                                    <span class=\"mv2-muted\">{{row.extra}}</span>\r\n                                                }\r\n                                            </div>\r\n                                        } @empty {\r\n                                            <div class=\"mv2-muted\">\u2014</div>\r\n                                        }\r\n                                        <svg class=\"mv2-spark\" viewBox=\"0 0 120 28\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n                                            @for (spark of tile.sparks; track $index) {\r\n                                                <path [attr.d]=\"spark.d\" [attr.stroke]=\"spark.color\" fill=\"none\" stroke-width=\"1.3\" vector-effect=\"non-scaling-stroke\" />\r\n                                            }\r\n                                        </svg>\r\n                                        @if (tile.time) {\r\n                                            <div class=\"mv2-muted mv2-small\">{{'alle' | localize: lc}} {{tile.time}}</div>\r\n                                        }\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n\r\n                            <!-- Legenda comune: un clic nasconde o mostra l'istanza ovunque -->\r\n                            <div class=\"mv2-legend-bar\">\r\n                                <div class=\"mv2-legend\">\r\n                                    @for (item of legend; track item.instance) {\r\n                                        <button type=\"button\" class=\"mv2-legend-item\" [class.mv2-legend-off]=\"item.hidden\" (click)=\"toggleInstance(item.instance)\">\r\n                                            <span class=\"mv2-dot\" [style.background]=\"item.color\"></span>{{item.instance}}\r\n                                        </button>\r\n                                    }\r\n                                </div>\r\n                                <span class=\"mv2-muted mv2-small\">{{'Orari in ora locale' | localize: lc}} ({{zone}}) &middot; {{'trascina su un grafico per lo zoom' | localize: lc}}</span>\r\n                                @if (viewFrom != null) {\r\n                                    <button type=\"button\" class=\"mv2-btn\" (click)=\"resetZoom()\"><i class=\"fa fa-arrows-h\"></i> {{'Finestra intera' | localize: lc}}</button>\r\n                                }\r\n                            </div>\r\n\r\n                            @if (view == 'charts') {\r\n                                @for (panel of panels; track panel.info.name) {\r\n                                    <div class=\"mv2-panel mv2-chart-panel\">\r\n                                        <div class=\"mv2-panel-header\">\r\n                                            <span class=\"mv2-panel-title\">{{panel.info.name}}</span>\r\n                                            <span class=\"mv2-type\">{{Type[panel.info.metricType]}}</span>\r\n                                            <span class=\"mv2-muted\">{{mainUnit(panel.info)}}</span>\r\n                                            <span class=\"mv2-spacer\"></span>\r\n                                            @if (panel.alts.length > 1) {\r\n                                                <div class=\"mv2-seg mv2-seg-small\">\r\n                                                    @for (o of panel.alts; track o.id) {\r\n                                                        <button type=\"button\" [class.mv2-on]=\"panel.alt == o.id\" (click)=\"setAlt(panel, o.id)\">{{o.description}}</button>\r\n                                                    }\r\n                                                </div>\r\n                                            }\r\n                                            <button type=\"button\" class=\"mv2-icon-btn\" [title]=\"'Togli' | localize: lc\" (click)=\"removeMetric(panel.info.name)\">&times;</button>\r\n                                        </div>\r\n                                        @if (panel.empty) {\r\n                                            <div class=\"mv2-empty\">\r\n                                                @if (dataLoading) {\r\n                                                    <i class=\"fa fa-spinner fa-spin\"></i> {{'Caricamento\u2026' | localize: lc}}\r\n                                                } @else {\r\n                                                    {{emptyLabel(panel.info.name)}}\r\n                                                }\r\n                                            </div>\r\n                                        } @else {\r\n                                            @for (chart of panel.charts; track chart.key) {\r\n                                                <mv2-chart [series]=\"chart.series\" [from]=\"chartFrom\" [to]=\"chartTo\" [height]=\"chart.height\" [unit]=\"chart.unit\" [marks]=\"marks\"\r\n                                                           [cursor]=\"cursor\" [format]=\"format\" (cursorChange)=\"cursor = $event\" (zoom)=\"zoomTo($event)\"></mv2-chart>\r\n                                            }\r\n                                        }\r\n                                    </div>\r\n                                }\r\n                            } @else {\r\n                                @for (section of tables; track section.info.name) {\r\n                                    <div class=\"mv2-panel\">\r\n                                        <div class=\"mv2-panel-header\">\r\n                                            <span class=\"mv2-panel-title\">{{section.info.name}}</span>\r\n                                            <span class=\"mv2-type\">{{Type[section.info.metricType]}}</span>\r\n                                            <span class=\"mv2-spacer\"></span>\r\n                                            @if (section.total > 0) {\r\n                                                <button type=\"button\" class=\"mv2-btn\" (click)=\"exportCsv(section)\"><i class=\"fa fa-download\"></i> {{'Esporta CSV' | localize: lc}}</button>\r\n                                            }\r\n                                        </div>\r\n                                        @if (section.total == 0) {\r\n                                            <div class=\"mv2-empty\">{{emptyLabel(section.info.name)}}</div>\r\n                                        } @else {\r\n                                            <div class=\"mv2-table-wrap\">\r\n                                                <table class=\"mv2-table\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            @for (column of section.columns; track column.key) {\r\n                                                                <th [class.mv2-num]=\"column.num\" (click)=\"sortBy(section, column)\">\r\n                                                                    {{column.label}}\r\n                                                                    @if (section.sortKey == column.key) {\r\n                                                                        <i class=\"fa\" [class.fa-caret-down]=\"section.sortDesc\" [class.fa-caret-up]=\"!section.sortDesc\"></i>\r\n                                                                    }\r\n                                                                </th>\r\n                                                            }\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        @for (row of shownRows(section); track $index) {\r\n                                                            <tr>\r\n                                                                @for (column of section.columns; track column.key) {\r\n                                                                    <td [class.mv2-num]=\"column.num\">\r\n                                                                        @if (column.key == 'instance') {\r\n                                                                            <span class=\"mv2-dot\" [style.background]=\"color(row['instance'])\"></span>\r\n                                                                        }\r\n                                                                        {{cell(row, column)}}\r\n                                                                    </td>\r\n                                                                }\r\n                                                            </tr>\r\n                                                        }\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                            @if (section.total > section.rows.length || section.total > 300) {\r\n                                                <div class=\"mv2-muted mv2-small mv2-pad\">{{'Mostrate le prime 300 righe di' | localize: lc}} {{section.total}}; {{\"l'esportazione le comprende tutte.\" | localize: lc}}</div>\r\n                                            }\r\n                                        }\r\n                                    </div>\r\n                                }\r\n                            }\r\n                        }\r\n                    </section>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [":host{display:block}:host ::ng-deep .mv2-noclear .p-select-clear-icon{display:none}:host ::ng-deep .mv2-fill{display:block;width:100%}.mv2-body{container-type:inline-size}.mv2-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding-top:6px}.mv2-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mv2-cluster-end{margin-left:auto}.mv2-field{width:200px}.mv2-field-wide{width:340px;max-width:100%}.mv2-field-full{width:100%}.mv2-group{position:relative;display:inline-flex}.mv2-group-label{position:absolute;top:-8px;left:8px;z-index:2;padding:0 4px;background:var(--p-content-background, #fff);color:var(--p-text-muted-color, #64748b);font-size:12px;line-height:15px;white-space:nowrap;pointer-events:none}.mv2-seg{display:inline-flex;height:39px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);overflow:hidden;background:var(--p-content-background, #fff)}.mv2-seg button{display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:0;border-left:1px solid var(--p-form-field-border-color, #cbd5e1);background:transparent;color:var(--p-text-color, #334155);font-size:13px;white-space:nowrap;cursor:pointer}.mv2-seg button:first-child{border-left:0}.mv2-seg button:hover:not(.mv2-on):not(:disabled){background:var(--p-content-hover-background, #f8fafc)}.mv2-seg button:disabled{color:var(--p-text-muted-color, #64748b);opacity:.6;cursor:not-allowed}.mv2-seg button:focus-visible{outline:2px solid var(--p-primary-color, #6366f1);outline-offset:-2px}.mv2-seg button.mv2-on{background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca);font-weight:500;box-shadow:inset 0 -2px 0 var(--p-primary-color, #6366f1)}.mv2-seg.mv2-seg-small{height:28px}.mv2-seg.mv2-seg-small button{padding:0 9px;font-size:12px}.mv2-live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a}.mv2-live-dot.mv2-live-paused{background:var(--p-text-muted-color, #64748b)}.mv2-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);color:var(--p-text-color, #334155);font-size:13px;white-space:nowrap;cursor:pointer}.mv2-btn:hover{background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca)}.mv2-icon-btn{width:26px;height:26px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--p-text-muted-color, #64748b);font-size:18px;line-height:1;cursor:pointer}.mv2-icon-btn:hover{background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-color, #334155)}.mv2-link{padding:0;border:0;background:transparent;color:var(--p-primary-color, #6366f1);font-size:12px;cursor:pointer}.mv2-link:hover{text-decoration:underline}.mv2-muted{color:var(--p-text-muted-color, #64748b);font-size:12px}.mv2-small{font-size:11px}.mv2-pad{padding:6px 2px}.mv2-spacer{flex:1 1 auto}.mv2-alert{margin-top:10px;padding:7px 12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-color, #334155);font-size:13px}.mv2-alert.mv2-alert-warn{border-color:#fcd34d;background:#fffbeb;color:#92400e}.mv2-alert.mv2-alert-error{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.mv2-main{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start;margin-top:14px}@container (max-width: 1000px){.mv2-main{grid-template-columns:minmax(0,1fr)}.mv2-catalog{position:static;max-height:360px}}.mv2-panel{padding:12px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);min-width:0}.mv2-catalog{position:sticky;top:10px;max-height:calc(100vh - 20px);overflow:auto;font-size:13px;color:var(--p-text-color, #334155)}.mv2-presets{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 8px}.mv2-chip{padding:3px 10px;border:1px solid var(--p-form-field-border-color, #cbd5e1);border-radius:12px;background:var(--p-content-background, #fff);color:var(--p-text-color, #334155);font-size:12px;cursor:pointer}.mv2-chip:hover{background:var(--p-highlight-background, #eef2ff);color:var(--p-highlight-color, #4338ca)}.mv2-counter{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);color:var(--p-text-muted-color, #64748b);font-size:12px}.mv2-cat-group{margin-top:10px}.mv2-cat-title{margin-bottom:4px;color:var(--p-text-muted-color, #64748b);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.mv2-cat-item{display:flex;align-items:center;gap:6px;padding:2px 0;min-width:0}.mv2-cat-item.mv2-cat-disabled{opacity:.5}.mv2-cat-sub{padding-left:18px}.mv2-check{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;margin:0;cursor:pointer}.mv2-check input{flex:none;display:inline-block;width:auto;height:auto;margin:0;accent-color:var(--p-primary-color, #6366f1)}.mv2-cat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mv2-cat-meta{flex:none;color:var(--p-text-muted-color, #64748b);font-size:11px;white-space:nowrap}.mv2-cat-inst{margin-left:4px;padding:0 5px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:8px;color:var(--p-text-muted-color, #64748b);font-size:10px;cursor:help}.mv2-caret{flex:none;padding:0 4px;border:0;background:transparent;color:var(--p-text-muted-color, #64748b);font-size:11px;cursor:pointer}.mv2-cat-items{padding:2px 0 4px 18px}.mv2-area{display:flex;flex-direction:column;gap:12px;min-width:0}.mv2-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;padding:70px 12px;color:var(--p-text-muted-color, #64748b);text-align:center}.mv2-placeholder .fa{font-size:28px;opacity:.5}.mv2-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.mv2-tile{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px);background:var(--p-content-background, #fff);min-width:0;font-size:13px}.mv2-tile-name{overflow:hidden;color:var(--p-text-muted-color, #64748b);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mv2-tile-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.mv2-spark{display:block;width:100%;height:28px;margin-top:2px}.mv2-dot{display:inline-block;flex:none;width:9px;height:9px;margin-right:4px;border-radius:50%}.mv2-legend-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.mv2-legend{display:flex;flex-wrap:wrap;gap:4px 6px}.mv2-legend-item{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:12px;background:var(--p-content-background, #fff);color:var(--p-text-color, #334155);font-size:12px;cursor:pointer}.mv2-legend-item.mv2-legend-off{opacity:.45;text-decoration:line-through}.mv2-chart-panel{padding-bottom:6px}.mv2-panel-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px}.mv2-panel-title{font-size:13px;font-weight:600;color:var(--p-text-color, #334155)}.mv2-type{padding:0 7px;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:10px;color:var(--p-text-muted-color, #64748b);font-size:11px;line-height:18px}.mv2-empty{padding:26px 12px;color:var(--p-text-muted-color, #64748b);text-align:center}.mv2-table-wrap{max-height:420px;overflow:auto;border:1px solid var(--p-content-border-color, #e2e8f0);border-radius:var(--p-form-field-border-radius, 6px)}.mv2-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;color:var(--p-text-color, #334155)}.mv2-table th{position:sticky;top:0;z-index:1;padding:6px 8px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);background:var(--p-content-hover-background, #f8fafc);color:var(--p-text-muted-color, #64748b);font-weight:500;white-space:nowrap;cursor:pointer}.mv2-table td{padding:3px 8px;border-bottom:1px solid var(--p-content-border-color, #e2e8f0);white-space:nowrap}.mv2-num{text-align:right!important;font-variant-numeric:tabular-nums}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.DateService }, { type: i1.LocalizationService }, { type: i3.PreferencesService }, { type: i1$1.InterComService }, { type: i4.ActivatedRoute }, { type: AdminModuleBaseService }] });
+
+class TopActivitiesDataView extends AppSearch {
+    constructor() { super(); }
+}
+
+class AdmTopActivitieLoc extends LocalizationService {
+    constructor(injector) {
+        super(injector);
+        super.set("it->en", "Sessioni Attive", ["Active Sessions"]);
+        super.set("it->en", "Prime Istruzioni", ["Top Nodes"]);
+        super.set("it->en", "Prime Sessioni", ["Top Sessions"]);
+        super.set("it->en", "Carico i Dati", ["Loading Data"]);
+        super.set("it->en", "Attività Principali", ["Top Activities"]);
+        super.set("it->en", "Descrizione Nodo", ["Node Description"]);
+        super.set("it->en", "Nodo", ["Node"]);
+        super.set("it->en", "Attività", ["Activity"]);
+        super.set("it->en", "Limite", ["Limit"]);
+        super.set("it->en", "Tipo Nodo", ["Node Type"]);
+        super.set("it->en", "Utente", ["User"]);
+        super.set("it->en", "Tenant", ["Tenant"]);
+        super.set("it->en", "Processo", ["Process"]);
+        super.set("it->en", "Aggiorna ogni", ["Update every"]);
+        super.set("it->en", "secondo/i", ["second/s"]);
+        super.set("it->en", "Thread Massimi", ["Maximum Threads"]);
+        super.set("it->en", "CPU", ["CPUs"]);
+        super.set("it->en", "Classe Attesa", ["Wait Class Name"]);
+        super.set("it->en", "Seriale", ["Serial"]);
+        super.set("it->en", "Stato", ["Status"]);
+        super.set("it->en", "Tipo", ["Type"]);
+        super.set("it->en", "Utente", ["User"]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmTopActivitieLoc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmTopActivitieLoc }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmTopActivitieLoc, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+
+// Angular
+class AdmTopActivitiesComponent {
+    constructor(dateExts, lc, localStorage, location, intercom, route, adms, mod) {
+        this.dateExts = dateExts;
+        this.lc = lc;
+        this.localStorage = localStorage;
+        this.location = location;
+        this.intercom = intercom;
+        this.route = route;
+        this.adms = adms;
+        this.mod = mod;
+        this.searchView = new TopActivitiesDataView();
+        this.autoUpdate = false;
+        this.seconds = "5";
+        this.rtWindow = null;
+        this.destroyed$ = new ReplaySubject(1);
+        this.seriesPropertiesMapping = {};
+        this.propertiesSeriesMapping = {
+            ["cputime"]: "CPU",
+            ["waittime"]: "Wait",
+            ["scripttime"]: "Scripting",
+            ["dbtime"]: "DB",
+            ["nettime"]: "Network",
+            ["throttletime"]: "Throttling",
+            ["sleeptime"]: "Sleep",
+            ["iotime"]: "IO"
+        };
+        this.seriesPropertiesMapping2 = {};
+        this.be = route.snapshot.params["be"] || "";
+        this.intercom.send(InboundMessageTypes.Navigation, { sub: false, routeTitle: this.lc.loc(this.route.snapshot.data["title"]) });
+    }
+    ngOnInit() {
+        // Ogni minuto calcolo qual è la finestra del realTime
+        // interval(60 * 1000).pipe(takeUntil(this.destroyed$)).subscribe(_ => {
+        //     this.updateRealTimeWindow();
+        // });
+        this.storageSub = this.route.queryParams.subscribe(params => {
+            this.Init(params["ignoreStorage"]);
+        });
+    }
+    async updateRealTimeWindow() {
+        let data = new TopActivitiesDataView();
+        data.filterbe = this.be;
+        data = await this.adms.getTopActivities(this.be, data);
+        let reference = data.items[0];
+        for (let i = 0; i < reference.actsessions.length; i++) {
+            let itemref = reference.actsessions[i];
+            let theD = this.dateExts.getDateConvertion(itemref.sampletime);
+            if (!this.rtWindow)
+                this.rtWindow = { from: theD, to: theD };
+            else {
+                if (theD.isBefore(this.rtWindow.from))
+                    this.rtWindow.from = theD;
+                if (theD.isAfter(this.rtWindow.to))
+                    this.rtWindow.to = theD;
+            }
+        }
+    }
+    Init(ignoreStore) {
+        this.doInit(ignoreStore);
+    }
+    async doInit(ignoreStorage) {
+        let item = await this.localStorage.getItem("HotSearchTopAct").toPromise();
+        if (!ignoreStorage && item) {
+            this.init(item);
+        }
+        else {
+            this.init(null);
+            this.location.replaceState(`/pages/${this.mod}/topact`);
+            this.route.snapshot.queryParams = [];
+            await this.localStorage.removeItem("HotSearchTopAct").toPromise();
+        }
+    }
+    init(HotPotato) {
+        if (HotPotato) {
+            this.searchView = HotPotato;
+            this.POSTGetItems(this.searchView, false);
+        }
+        else {
+            this.searchView = new TopActivitiesDataView();
+            this.sendSearch();
+        }
+    }
+    ngOnDestroy() {
+        this.destroyed$.next(true);
+        this.destroyed$.complete();
+        if (this.storageSub)
+            this.storageSub.unsubscribe();
+    }
+    async sendSearch(resetPage = true, update = false, searchViewOverride = null) {
+        let sv = searchViewOverride ?? this.searchView;
+        if ((sv.filterfrom || sv.filterto) && !this.rtWindow)
+            await this.updateRealTimeWindow();
+        let dateRequestOnRealtimeWindow = sv.filterfrom && this.dateExts.getDateConvertion(sv.filterfrom).isAfter(this.rtWindow.from) &&
+            sv.filterto && this.dateExts.getDateConvertion(sv.filterto).isBefore(this.rtWindow.to);
+        sv.filterrealtime = dateRequestOnRealtimeWindow;
+        sv.searchinprogress = true;
+        this.POSTGetItems(sv, update);
+    }
+    async POSTGetItems(data, update) {
+        data.filterbe = this.be;
+        let res = await this.adms.getTopActivities(this.be, data);
+        //Se sono in modalità di update non devo toccare la searchView attuale se non per il searchinprogress che viene messo dall'es table
+        if (!update) {
+            this.searchView = res;
+            this.localStorage.setItem("HotSearchTopAct", this.searchView).subscribe();
+        }
+        // DirectorInfos anche se per qualche motivo crasha di brutto è comunque non obbligatorio, evito di non caricare la pagina solo perché lui scoppia
+        let dirinfos = await this.adms.getInfos(this.be);
+        this.searchView.searchinprogress = false;
+        this.reviewBindings(update, res, dirinfos);
+    }
+    loadNodeDetails(nodeId) {
+        this.NodeDetails = null;
+        requestAnimationFrame(async () => {
+            this.NodeDetails = await this.adms.getNodeStats(this.be, nodeId, this.searchView.filterglobal);
+        });
+    }
+    reviewBindings(update, searchViewOverride, dirInfos) {
+        let reference = (searchViewOverride ?? this.searchView).items[0];
+        this.TopNodes = reference.topnodes;
+        this.TopSessions = reference.topsessions;
+        this.DirInfos = dirInfos?.cluster ? dirInfos : null;
+        this.DirInfosGlobal = !dirInfos?.cluster ? dirInfos : null;
+        if (!reference.actsessions || reference.actsessions.length == 0) {
+            this.TopActiveSessions = null;
+            return;
+        }
+        let series = [];
+        let props = Object.keys(reference.actsessions[0]);
+        for (let i = 0; i < props.length; i++) {
+            if (props[i] != 'sampletime') {
+                let s = new LineSerie(this.propertiesSeriesMapping[props[i]], [], null, null, "sessions");
+                series.push(s);
+                this.seriesPropertiesMapping[props[i]] = s;
+            }
+        }
+        for (let i = 0; i < reference.actsessions.length; i++) {
+            let itemref = reference.actsessions[i];
+            let theD = new Date(itemref.sampletime);
+            for (let i = 0; i < props.length; i++)
+                if (props[i] != 'sampletime' && (!update || this.dateExts.getDateConvertion(theD).isAfter(this.LastDataPoint)))
+                    this.seriesPropertiesMapping[props[i]].values.push(new DateValue(theD, itemref[props[i]]));
+        }
+        if (update && this.ChartInstance) {
+            let data = new LineChartData(series, new Limit(dirInfos?.threads, this.lc.loc("Thread Massimi")));
+            if (series.some(t => t.values.length > 0)) {
+                this.ChartInstance.addData(data);
+                this.LastDataPoint = series.map(t => dayjs.max(t.values.map(v => this.dateExts.getDateConvertion(v.d))))[0];
+            }
+        }
+        else {
+            this.TopActiveSessions = new LineChartData(series, new Limit(dirInfos?.threads, this.lc.loc("Thread Massimi")));
+            this.LastDataPoint = series.map(t => dayjs.max(t.values.map(v => this.dateExts.getDateConvertion(v.d))))[0];
+        }
+    }
+    autoUpdateChanged() {
+        if (!/^[1-9]\d*$/.test(this.seconds))
+            this.seconds = '10';
+        const secondsInMs = parseInt(this.seconds, null) * 1000;
+        if (this.autoUpdate) {
+            this.sendSearch(false, true);
+            this.updateTimer = setInterval(() => { this.sendSearch(false, true); }, secondsInMs);
+        }
+        else
             clearInterval(this.updateTimer);
     }
     dataSelectionChanged(event) {
@@ -1208,6 +4175,7 @@ class AdmTopActivityV2Loc extends LocalizationService {
         super.set("it->en", "Macchina", ["Machine"]);
         super.set("it->en", "Tipo", ["Type"]);
         super.set("it->en", "Processo", ["Process"]);
+        super.set("it->en", "Errore", ["Error"]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmTopActivityV2Loc, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmTopActivityV2Loc }); }
@@ -1451,13 +4419,22 @@ class AdmTopActivityV2Component {
             this.applyResult(req, res);
             this.saveSettings();
         }
-        catch {
-            // L'errore (finestra non valida, backend non raggiungibile...) lo mostra già HTTPService
+        catch (err) {
+            // Finestra non valida e simili arrivano come 542 (avviso), il resto come errore. La sessione scaduta la gestisce il servizio
+            if (err?.status != 401)
+                this.showError(err);
         }
         finally {
             this.loading = false;
         }
     }
+    showError(err) {
+        let text = this.adms.errorText(err);
+        if (err?.status == 542)
+            this.adms.msgExts.simpleWarning(text);
+        else
+            this.adms.msgExts.simpleError(`${this.lc.loc("Errore")} ${err?.status ?? ""}: ${text}`);
+    }
     buildRequest() {
         let to = this.toDate(this.filterto) ?? new Date();
         let from = this.toDate(this.filterfrom) ?? new Date(to.getTime() - 3600 * 1000);
@@ -2491,13 +5468,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
 // La Top Activity v2 prende la rotta "topact" solo se DirectorFeature.TopActivityV2 è attivo nella configurazione del modulo,
 // altrimenti la guardia fallisce e la rotta successiva apre la pagina di sempre
 const topActivityV2Enabled = () => inject(ADM_TOPACT_V2, { optional: true }) ?? false;
+// Lo stesso per il profiler con DirectorFeature.ProfilerV2
+const profilerV2Enabled = () => inject(ADM_PROFILER_V2, { optional: true }) ?? false;
+// La pagina del workload report c'è solo con DirectorFeature.WorkloadReportV2: prima il report era solo un file da scaricare dal profiler
+const workloadReportV2Enabled = () => inject(ADM_WORKLOAD_V2, { optional: true }) ?? false;
+// Le metriche v2 prendono la rotta "metrics" solo con DirectorFeature.MetricsV2, come la Top Activity
+const metricsV2Enabled = () => inject(ADM_METRICS_V2, { optional: true }) ?? false;
 const routeConfig = [
     {
         path: "", children: [
             { path: "serverworkers/:be", component: AdmWrkComponent, data: { title: "Ricerca Processi Applicativi", internalNavigation: false } },
+            { path: "profiler/:be", component: AdmProfilerV2Component, canMatch: [profilerV2Enabled], data: { title: "Profiler del Server", internalNavigation: false } },
             { path: "profiler/:be", component: AdmProfilerComponent, data: { title: "Profiler del Server", internalNavigation: false } },
+            { path: "workload/:be", component: AdmWorkloadV2Component, canMatch: [workloadReportV2Enabled], data: { title: "Workload report", internalNavigation: false } },
             { path: "topact/:be", component: AdmTopActivityV2Component, canMatch: [topActivityV2Enabled], data: { title: "Attività Principali", internalNavigation: false } },
             { path: "topact/:be", component: AdmTopActivitiesComponent, data: { title: "Attività Principali", internalNavigation: false } },
+            { path: "metrics/:be", component: AdmMetricsV2Component, canMatch: [metricsV2Enabled], data: { title: "Metriche di Sistema", internalNavigation: false } },
             { path: "metrics/:be", component: AdmMetricsComponent, data: { title: "Metriche di Sistema", internalNavigation: false } },
             { path: "serverlogs/:be", component: AdmLogsComponent, data: { title: "Log del Server", internalNavigation: false } },
             { path: "serveraudits/:be", component: AdmAuditsComponent, data: { title: "Ricerca Audit Applicativi", internalNavigation: false } },
@@ -2505,9 +5491,12 @@ const routeConfig = [
             { path: "serverviews/:be", component: AdmDynamicViewsComponent, data: { title: "Ricerca Viste Dinamiche Applicative", internalNavigation: false } },
             { path: "metadataquery/:be", component: MtdQueryComponent, data: { title: "Ricerca Viste Dinamiche Applicative", internalNavigation: false } },
             { path: "serverworkers", component: AdmWrkComponent, data: { title: "Ricerca Processi Applicativi", internalNavigation: false } },
+            { path: "profiler", component: AdmProfilerV2Component, canMatch: [profilerV2Enabled], data: { title: "Profiler del Server", internalNavigation: false } },
             { path: "profiler", component: AdmProfilerComponent, data: { title: "Profiler del Server", internalNavigation: false } },
+            { path: "workload", component: AdmWorkloadV2Component, canMatch: [workloadReportV2Enabled], data: { title: "Workload report", internalNavigation: false } },
             { path: "topact", component: AdmTopActivityV2Component, canMatch: [topActivityV2Enabled], data: { title: "Attività Principali", internalNavigation: false } },
             { path: "topact", component: AdmTopActivitiesComponent, data: { title: "Attività Principali", internalNavigation: false } },
+            { path: "metrics", component: AdmMetricsV2Component, canMatch: [metricsV2Enabled], data: { title: "Metriche di Sistema", internalNavigation: false } },
             { path: "metrics", component: AdmMetricsComponent, data: { title: "Metriche di Sistema", internalNavigation: false } },
             { path: "serverlogs", component: AdmLogsComponent, data: { title: "Log del Server", internalNavigation: false } },
             { path: "serveraudits", component: AdmAuditsComponent, data: { title: "Ricerca Audit Applicativi", internalNavigation: false } },
@@ -2541,6 +5530,10 @@ const MODULES = [
 const COMPONENTS = [
     AdmWrkComponent,
     AdmProfilerComponent,
+    AdmProfilerV2Component,
+    AdmWorkloadV2Component,
+    AdmMetricsV2Component,
+    MetricsV2ChartComponent,
     AdmTopActivitiesComponent,
     AdmTopActivityV2Component,
     SessionDetailComponent,
@@ -2554,7 +5547,8 @@ const COMPONENTS = [
     AdmSystemParametersComponent
 ];
 const PIPES = [
-    FormatTimePipe
+    FormatTimePipe,
+    ProfilerFormatPipe
 ];
 class AdmModule {
     constructor(commService) {
@@ -2565,6 +5559,10 @@ class AdmModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmModule, deps: [{ token: AdminModuleCommService }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.34", ngImport: i0, type: AdmModule, declarations: [AdmWrkComponent,
             AdmProfilerComponent,
+            AdmProfilerV2Component,
+            AdmWorkloadV2Component,
+            AdmMetricsV2Component,
+            MetricsV2ChartComponent,
             AdmTopActivitiesComponent,
             AdmTopActivityV2Component,
             SessionDetailComponent,
@@ -2592,11 +5590,15 @@ class AdmModule {
             EsGertrudeModule,
             EsChartsModule,
             ComponentsModule,
-            DirectivesModule, i4.RouterModule, FormatTimePipe] }); }
+            DirectivesModule, i4.RouterModule, FormatTimePipe,
+            ProfilerFormatPipe] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmModule, providers: [
             AdminModuleCommService,
             { provide: ADM_CONVERSATIONS, useFactory: () => !!myconfig.TransactionTimeoutSeconds },
-            { provide: ADM_TOPACT_V2, useFactory: () => !!myconfig?.DirectorFeature?.TopActivityV2 }
+            { provide: ADM_TOPACT_V2, useFactory: () => !!myconfig?.DirectorFeature?.TopActivityV2 },
+            { provide: ADM_PROFILER_V2, useFactory: () => !!myconfig?.DirectorFeature?.ProfilerV2 },
+            { provide: ADM_WORKLOAD_V2, useFactory: () => !!myconfig?.DirectorFeature?.WorkloadReportV2 },
+            { provide: ADM_METRICS_V2, useFactory: () => !!myconfig?.DirectorFeature?.MetricsV2 }
         ], imports: [MODULES] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: AdmModule, decorators: [{
@@ -2607,7 +5609,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
                     providers: [
                         AdminModuleCommService,
                         { provide: ADM_CONVERSATIONS, useFactory: () => !!myconfig.TransactionTimeoutSeconds },
-                        { provide: ADM_TOPACT_V2, useFactory: () => !!myconfig?.DirectorFeature?.TopActivityV2 }
+                        { provide: ADM_TOPACT_V2, useFactory: () => !!myconfig?.DirectorFeature?.TopActivityV2 },
+                        { provide: ADM_PROFILER_V2, useFactory: () => !!myconfig?.DirectorFeature?.ProfilerV2 },
+                        { provide: ADM_WORKLOAD_V2, useFactory: () => !!myconfig?.DirectorFeature?.WorkloadReportV2 },
+                        { provide: ADM_METRICS_V2, useFactory: () => !!myconfig?.DirectorFeature?.MetricsV2 }
                     ]
                 }]
         }], ctorParameters: () => [{ type: AdminModuleCommService }] });
@@ -2620,5 +5625,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADM_CONVERSATIONS, ADM_MODULE_PATH, ADM_TOPACT_V2, AdmMessageTypes, AdmModule, MK_ADM, routeConfig, topActivityV2Enabled };
+export { ADM_CONVERSATIONS, ADM_METRICS_V2, ADM_MODULE_PATH, ADM_PROFILER_V2, ADM_TOPACT_V2, ADM_WORKLOAD_V2, AdmMessageTypes, AdmModule, MK_ADM, metricsV2Enabled, profilerV2Enabled, routeConfig, topActivityV2Enabled, workloadReportV2Enabled };
 //# sourceMappingURL=esfaenza-admin-module.mjs.map