@memberjunction/ng-dashboards 3.4.0 → 4.1.0

package/dist/MCP/mcp-dashboard.component.js

@@ -18,7 +18,7 @@ import { Component } from '@angular/core';
 import { NavigationEnd } from '@angular/router';
 import { Subject, BehaviorSubject } from 'rxjs';
 import { takeUntil, debounceTime, distinctUntilChanged, filter } from 'rxjs/operators';
-import { RunView, Metadata, CompositeKey } from '@memberjunction/core';
+import { RunView, Metadata } from '@memberjunction/core';
 import { BaseDashboard } from '@memberjunction/ng-shared';
 import { MCPEngine, UserInfoEngine } from '@memberjunction/core-entities';
 import { RegisterClass } from '@memberjunction/global';
@@ -28,200 +28,107 @@ import * as i2 from "@memberjunction/ng-shared";
 import * as i3 from "./services/mcp-tools.service";
 const _forTrack0 = ($index, $item) => $item.ID;
 const _forTrack1 = ($index, $item) => $item.server.ID;
-function MCPDashboardComponent_Conditional_47_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17)(1, "span", 15);
-    i0.ɵɵtext(2, "Failed (7d)");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 16);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r0.stats.failedExecutions);
-} }
-function MCPDashboardComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵelement(1, "i", 36);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementStart(3, "button", 37);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_52_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.ErrorMessage = null); });
-    i0.ɵɵelement(4, "i", 38);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.ErrorMessage, " ");
+function MCPDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Hide Filters ");
 } }
-function MCPDashboardComponent_Case_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " MCP Servers ");
+function MCPDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Show Filters ");
 } }
-function MCPDashboardComponent_Case_56_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " Server Connections ");
-} }
-function MCPDashboardComponent_Case_57_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " Available Tools ");
-} }
-function MCPDashboardComponent_Case_58_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " Execution Logs ");
+function MCPDashboardComponent_Case_38_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 31);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_38_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createServer()); });
+    i0.ɵɵelement(1, "i", 32);
+    i0.ɵɵtext(2, " Add Server ");
+    i0.ɵɵelementEnd();
 } }
-function MCPDashboardComponent_Case_64_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Case_39_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 39);
-    i0.ɵɵpipe(1, "async");
-    i0.ɵɵlistener("ngModelChange", function MCPDashboardComponent_Case_64_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onStatusFilterChange("server", $event)); });
-    i0.ɵɵelementStart(2, "option", 40);
-    i0.ɵɵtext(3, "All Status");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "option", 41);
-    i0.ɵɵtext(5, "Active");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "option", 42);
-    i0.ɵɵtext(7, "Inactive");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "button", 43);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_64_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.createServer()); });
-    i0.ɵɵelement(9, "i", 44);
-    i0.ɵɵtext(10, " Add Server ");
+    i0.ɵɵelementStart(0, "button", 31);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_39_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createConnection()); });
+    i0.ɵɵelement(1, "i", 32);
+    i0.ɵɵtext(2, " Add Connection ");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    let tmp_1_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngModel", (tmp_1_0 = i0.ɵɵpipeBind1(1, 1, ctx_r0.filters$)) == null ? null : tmp_1_0.serverStatus);
 } }
-function MCPDashboardComponent_Case_65_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Case_40_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 39);
-    i0.ɵɵpipe(1, "async");
-    i0.ɵɵlistener("ngModelChange", function MCPDashboardComponent_Case_65_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onStatusFilterChange("connection", $event)); });
-    i0.ɵɵelementStart(2, "option", 40);
-    i0.ɵɵtext(3, "All Status");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "option", 41);
-    i0.ɵɵtext(5, "Active");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "option", 42);
-    i0.ɵɵtext(7, "Inactive");
+    i0.ɵɵelementStart(0, "div", 33)(1, "button", 34);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_40_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setToolsViewMode("card")); });
+    i0.ɵɵelement(2, "i", 35);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "option", 45);
-    i0.ɵɵtext(9, "Error");
+    i0.ɵɵelementStart(3, "button", 36);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_40_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setToolsViewMode("list")); });
+    i0.ɵɵelement(4, "i", 37);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "button", 43);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_65_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.createConnection()); });
-    i0.ɵɵelement(11, "i", 44);
-    i0.ɵɵtext(12, " Add Connection ");
+    i0.ɵɵelementStart(5, "button", 31);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_40_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openTestToolDialog()); });
+    i0.ɵɵelement(6, "i", 38);
+    i0.ɵɵtext(7, " Test Tool ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_1_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngModel", (tmp_1_0 = i0.ɵɵpipeBind1(1, 1, ctx_r0.filters$)) == null ? null : tmp_1_0.connectionStatus);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("active", ctx_r1.ToolsViewMode === "card");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", ctx_r1.ToolsViewMode === "list");
 } }
-function MCPDashboardComponent_Case_66_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Case_41_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 39);
-    i0.ɵɵpipe(1, "async");
-    i0.ɵɵlistener("ngModelChange", function MCPDashboardComponent_Case_66_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onStatusFilterChange("tool", $event)); });
-    i0.ɵɵelementStart(2, "option", 40);
-    i0.ɵɵtext(3, "All Status");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "option", 41);
-    i0.ɵɵtext(5, "Active");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "option", 46);
-    i0.ɵɵtext(7, "Deprecated");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 47)(9, "button", 48);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_66_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setToolsViewMode("card")); });
-    i0.ɵɵelement(10, "i", 49);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "button", 50);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_66_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setToolsViewMode("list")); });
-    i0.ɵɵelement(12, "i", 51);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "select", 39);
-    i0.ɵɵtwoWayListener("ngModelChange", function MCPDashboardComponent_Case_66_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.ToolsSortBy, $event) || (ctx_r0.ToolsSortBy = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function MCPDashboardComponent_Case_66_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setToolsSort($event)); });
-    i0.ɵɵelementStart(14, "option", 52);
-    i0.ɵɵtext(15, "Sort by Server");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "option", 53);
-    i0.ɵɵtext(17, "Sort by Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "option", 54);
-    i0.ɵɵtext(19, "Sort by Discovered");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "option", 55);
-    i0.ɵɵtext(21, "Sort by Last Seen");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "button", 43);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_66_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openTestToolDialog()); });
-    i0.ɵɵelement(23, "i", 56);
-    i0.ɵɵtext(24, " Test Tool ");
+    i0.ɵɵelementStart(0, "button", 39);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_41_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.loadAllData()); });
+    i0.ɵɵelement(1, "i", 40);
+    i0.ɵɵtext(2, " Refresh ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_1_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngModel", (tmp_1_0 = i0.ɵɵpipeBind1(1, 6, ctx_r0.filters$)) == null ? null : tmp_1_0.toolStatus);
-    i0.ɵɵadvance(9);
-    i0.ɵɵclassProp("active", ctx_r0.ToolsViewMode === "card");
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r0.ToolsViewMode === "list");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.ToolsSortBy);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("disabled", ctx_r1.IsLoading);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-spin", ctx_r1.IsLoading);
 } }
-function MCPDashboardComponent_Case_67_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_47_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 39);
-    i0.ɵɵpipe(1, "async");
-    i0.ɵɵlistener("ngModelChange", function MCPDashboardComponent_Case_67_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onStatusFilterChange("log", $event)); });
-    i0.ɵɵelementStart(2, "option", 40);
-    i0.ɵɵtext(3, "All Status");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "option", 57);
-    i0.ɵɵtext(5, "Success");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "option", 45);
-    i0.ɵɵtext(7, "Error");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "option", 58);
-    i0.ɵɵtext(9, "Running");
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵelement(1, "i", 41);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementStart(3, "button", 42);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_47_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ErrorMessage = null); });
+    i0.ɵɵelement(4, "i", 43);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_1_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngModel", (tmp_1_0 = i0.ɵɵpipeBind1(1, 1, ctx_r0.filters$)) == null ? null : tmp_1_0.logStatus);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.ErrorMessage, " ");
 } }
-function MCPDashboardComponent_Conditional_69_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 31);
+function MCPDashboardComponent_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 26);
 } }
-function MCPDashboardComponent_Conditional_70_Case_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_50_Case_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵelement(1, "i", 7);
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵelement(1, "i", 11);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No MCP servers configured");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 43);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_0_Conditional_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.createServer()); });
+    i0.ɵɵelementStart(4, "button", 31);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_0_Conditional_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createServer()); });
     i0.ɵɵtext(5, " Add Your First Server ");
     i0.ɵɵelementEnd()();
 } }
-function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 76);
+function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "p", 61);
     i0.ɵɵpipe(1, "async");
     i0.ɵɵpipe(2, "highlightSearch");
 } if (rf & 2) {
     let tmp_14_0;
     const server_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(2, 3, server_r9.Description, (tmp_14_0 = i0.ɵɵpipeBind1(1, 1, ctx_r0.filters$)) == null ? null : tmp_14_0.searchTerm), i0.ɵɵsanitizeHtml);
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(2, 3, server_r9.Description, (tmp_14_0 = i0.ɵɵpipeBind1(1, 1, ctx_r1.filters$)) == null ? null : tmp_14_0.searchTerm), i0.ɵɵsanitizeHtml);
 } }
-function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 81)(1, "span", 79);
+function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 66)(1, "span", 64);
     i0.ɵɵtext(2, "URL");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 83);
+    i0.ɵɵelementStart(3, "span", 68);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -229,11 +136,11 @@ function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditi
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(server_r9.ServerURL);
 } }
-function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 81)(1, "span", 79);
+function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 66)(1, "span", 64);
     i0.ɵɵtext(2, "Command");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 84);
+    i0.ɵɵelementStart(3, "span", 69);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -241,128 +148,129 @@ function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditi
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(server_r9.Command);
 } }
-function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_45_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "i", 88);
+function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_45_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 71);
+    i0.ɵɵelement(1, "i", 73);
     i0.ɵɵtext(2, " No tools discovered yet. Sync a connection to discover tools. ");
     i0.ɵɵelementEnd();
 } }
-function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_45_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_45_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 89)(1, "div", 90)(2, "span", 91);
+    i0.ɵɵelementStart(0, "div", 74)(1, "div", 75)(2, "span", 76);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 92);
-    i0.ɵɵelement(5, "i", 93);
+    i0.ɵɵelementStart(4, "span", 77);
+    i0.ɵɵelement(5, "i", 78);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "button", 94);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_45_Conditional_6_For_2_Template_button_click_7_listener($event) { const tool_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r0 = i0.ɵɵnextContext(7); ctx_r0.runToolFromCard(tool_r11); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(8, "i", 56);
+    i0.ɵɵelementStart(7, "button", 79);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_45_Conditional_6_For_2_Template_button_click_7_listener($event) { const tool_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(7); ctx_r1.runToolFromCard(tool_r11); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(8, "i", 38);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const tool_r11 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(7);
+    const ctx_r1 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(tool_r11.ToolTitle || tool_r11.ToolName);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.getParamCount(tool_r11), " params ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getParamCount(tool_r11), " params ");
 } }
-function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_45_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 87);
-    i0.ɵɵrepeaterCreate(1, MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_45_Conditional_6_For_2_Template, 9, 2, "div", 89, _forTrack0);
+function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_45_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72);
+    i0.ɵɵrepeaterCreate(1, MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_45_Conditional_6_For_2_Template, 9, 2, "div", 74, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const server_r9 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.getToolsForServer(server_r9.ID));
+    i0.ɵɵrepeater(ctx_r1.getToolsForServer(server_r9.ID));
 } }
-function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_45_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82)(1, "div", 85);
-    i0.ɵɵelement(2, "i", 11);
+function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 67)(1, "div", 70);
+    i0.ɵɵelement(2, "i", 15);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(5, MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_45_Conditional_5_Template, 3, 0, "div", 86)(6, MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_45_Conditional_6_Template, 3, 0, "div", 87);
+    i0.ɵɵconditionalCreate(5, MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_45_Conditional_5_Template, 3, 0, "div", 71)(6, MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_45_Conditional_6_Template, 3, 0, "div", 72);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const server_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("Available Tools (", ctx_r0.getToolsForServer(server_r9.ID).length, ")");
+    i0.ɵɵtextInterpolate1("Available Tools (", ctx_r1.getToolsForServer(server_r9.ID).length, ")");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.getToolsForServer(server_r9.ID).length === 0 ? 5 : 6);
+    i0.ɵɵconditional(ctx_r1.getToolsForServer(server_r9.ID).length === 0 ? 5 : 6);
 } }
-function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 64)(1, "div", 65);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Template_div_click_1_listener() { const server_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.toggleServerExpand(server_r9)); });
-    i0.ɵɵelementStart(2, "div", 66);
-    i0.ɵɵelement(3, "i", 67)(4, "i")(5, "span", 68);
+    i0.ɵɵelementStart(0, "div", 49)(1, "div", 50);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Template_div_click_1_listener() { const server_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleServerExpand(server_r9)); });
+    i0.ɵɵelementStart(2, "div", 51);
+    i0.ɵɵelement(3, "i", 52)(4, "i")(5, "span", 53);
     i0.ɵɵpipe(6, "async");
     i0.ɵɵpipe(7, "highlightSearch");
-    i0.ɵɵelementStart(8, "span", 69);
+    i0.ɵɵelementStart(8, "span", 54);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 70);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Template_div_click_10_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(11, "button", 71);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Template_button_click_11_listener() { const server_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.editServer(server_r9)); });
-    i0.ɵɵelement(12, "i", 72);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 73);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Template_button_click_13_listener() { const server_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.deleteServer(server_r9)); });
-    i0.ɵɵelement(14, "i", 74);
+    i0.ɵɵelementStart(10, "div", 55);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Template_div_click_10_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(11, "button", 56);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Template_button_click_11_listener() { const server_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.editServer(server_r9)); });
+    i0.ɵɵelement(12, "i", 57);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "button", 58);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Template_button_click_13_listener() { const server_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.deleteServer(server_r9)); });
+    i0.ɵɵelement(14, "i", 59);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(15, "div", 75);
-    i0.ɵɵtemplate(16, MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_16_Template, 3, 6, "p", 76);
-    i0.ɵɵelementStart(17, "div", 77)(18, "div", 78)(19, "span", 79);
+    i0.ɵɵelementStart(15, "div", 60);
+    i0.ɵɵconditionalCreate(16, MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_16_Template, 3, 6, "p", 61);
+    i0.ɵɵelementStart(17, "div", 62)(18, "div", 63)(19, "span", 64);
     i0.ɵɵtext(20, "Transport");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "span", 80);
+    i0.ɵɵelementStart(21, "span", 65);
     i0.ɵɵtext(22);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 78)(24, "span", 79);
+    i0.ɵɵelementStart(23, "div", 63)(24, "span", 64);
     i0.ɵɵtext(25, "Auth");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "span", 80);
+    i0.ɵɵelementStart(26, "span", 65);
     i0.ɵɵtext(27);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(28, "div", 78)(29, "span", 79);
+    i0.ɵɵelementStart(28, "div", 63)(29, "span", 64);
     i0.ɵɵtext(30, "Connections");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "span", 80);
+    i0.ɵɵelementStart(31, "span", 65);
     i0.ɵɵtext(32);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(33, "div", 78)(34, "span", 79);
+    i0.ɵɵelementStart(33, "div", 63)(34, "span", 64);
     i0.ɵɵtext(35, "Tools");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "span", 80);
+    i0.ɵɵelementStart(36, "span", 65);
     i0.ɵɵtext(37);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(38, MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_38_Template, 5, 1, "div", 81)(39, MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_39_Template, 5, 1, "div", 81);
-    i0.ɵɵelementStart(40, "div", 78)(41, "span", 79);
+    i0.ɵɵconditionalCreate(38, MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_38_Template, 5, 1, "div", 66);
+    i0.ɵɵconditionalCreate(39, MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_39_Template, 5, 1, "div", 66);
+    i0.ɵɵelementStart(40, "div", 63)(41, "span", 64);
     i0.ɵɵtext(42, "Last Sync");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(43, "span", 80);
+    i0.ɵɵelementStart(43, "span", 65);
     i0.ɵɵtext(44);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵtemplate(45, MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Conditional_45_Template, 7, 2, "div", 82);
+    i0.ɵɵconditionalCreate(45, MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_45_Template, 7, 2, "div", 67);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_16_0;
     const server_r9 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("expanded", ctx_r0.isServerExpanded(server_r9));
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("expanded", ctx_r1.isServerExpanded(server_r9));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("rotated", ctx_r0.isServerExpanded(server_r9));
+    i0.ɵɵclassProp("rotated", ctx_r1.isServerExpanded(server_r9));
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r0.getTransportIcon(server_r9.TransportType));
+    i0.ɵɵclassMap(ctx_r1.getTransportIcon(server_r9.TransportType));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 20, server_r9.Name, (tmp_16_0 = i0.ɵɵpipeBind1(6, 18, ctx_r0.filters$)) == null ? null : tmp_16_0.searchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 20, server_r9.Name, (tmp_16_0 = i0.ɵɵpipeBind1(6, 18, ctx_r1.filters$)) == null ? null : tmp_16_0.searchTerm), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r0.getStatusClass(server_r9.Status));
+    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass(server_r9.Status));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", server_r9.Status, " ");
     i0.ɵɵadvance(7);
@@ -380,108 +288,108 @@ function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Templat
     i0.ɵɵadvance();
     i0.ɵɵconditional(server_r9.Command ? 39 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.formatDate(server_r9.LastSyncAt));
+    i0.ɵɵtextInterpolate(ctx_r1.formatDate(server_r9.LastSyncAt));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isServerExpanded(server_r9) ? 45 : -1);
+    i0.ɵɵconditional(ctx_r1.isServerExpanded(server_r9) ? 45 : -1);
 } }
-function MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_For_1_Template, 46, 23, "div", 63, _forTrack0);
+function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Template, 46, 23, "div", 48, _forTrack0);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵrepeater(ctx_r0.filteredServers);
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵrepeater(ctx_r1.filteredServers);
 } }
-function MCPDashboardComponent_Conditional_70_Case_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 59);
-    i0.ɵɵtemplate(1, MCPDashboardComponent_Conditional_70_Case_0_Conditional_1_Template, 6, 0, "div", 62)(2, MCPDashboardComponent_Conditional_70_Case_0_Conditional_2_Template, 2, 0);
+function MCPDashboardComponent_Conditional_50_Case_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 44);
+    i0.ɵɵconditionalCreate(1, MCPDashboardComponent_Conditional_50_Case_0_Conditional_1_Template, 6, 0, "div", 47)(2, MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_Template, 2, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.filteredServers.length === 0 ? 1 : 2);
+    i0.ɵɵconditional(ctx_r1.filteredServers.length === 0 ? 1 : 2);
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵelement(1, "i", 10);
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵelement(1, "i", 14);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No connections configured");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 43);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_1_Conditional_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.createConnection()); });
+    i0.ɵɵelementStart(4, "button", 31);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_1_Conditional_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createConnection()); });
     i0.ɵɵtext(5, " Add Your First Connection ");
     i0.ɵɵelementEnd()();
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 96);
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 81);
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 20);
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 40);
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 97);
-    i0.ɵɵelement(1, "i", 100);
-    i0.ɵɵelementStart(2, "span", 101);
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 82);
+    i0.ɵɵelement(1, "i", 85);
+    i0.ɵɵelementStart(2, "span", 86);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const conn_r14 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r0.getSyncProgressMessage(conn_r14.ID) || "Syncing...");
+    i0.ɵɵtextInterpolate(ctx_r1.getSyncProgressMessage(conn_r14.ID) || "Syncing...");
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 103);
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 88);
     i0.ɵɵelementStart(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_15_0;
     const conn_r14 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate3("Synced: ", (tmp_15_0 = ctx_r0.getSyncState(conn_r14.ID)) == null ? null : tmp_15_0.lastResult == null ? null : tmp_15_0.lastResult.Added, " added, ", (tmp_15_0 = ctx_r0.getSyncState(conn_r14.ID)) == null ? null : tmp_15_0.lastResult == null ? null : tmp_15_0.lastResult.Updated, " updated, ", (tmp_15_0 = ctx_r0.getSyncState(conn_r14.ID)) == null ? null : tmp_15_0.lastResult == null ? null : tmp_15_0.lastResult.Deprecated, " deprecated ");
+    i0.ɵɵtextInterpolate3("Synced: ", (tmp_15_0 = ctx_r1.getSyncState(conn_r14.ID)) == null ? null : tmp_15_0.lastResult == null ? null : tmp_15_0.lastResult.Added, " added, ", (tmp_15_0 = ctx_r1.getSyncState(conn_r14.ID)) == null ? null : tmp_15_0.lastResult == null ? null : tmp_15_0.lastResult.Updated, " updated, ", (tmp_15_0 = ctx_r1.getSyncState(conn_r14.ID)) == null ? null : tmp_15_0.lastResult == null ? null : tmp_15_0.lastResult.Deprecated, " deprecated ");
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_19_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 104);
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_19_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 89);
     i0.ɵɵelementStart(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_15_0;
     const conn_r14 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate((tmp_15_0 = ctx_r0.getSyncState(conn_r14.ID)) == null ? null : tmp_15_0.lastResult == null ? null : tmp_15_0.lastResult.ErrorMessage);
+    i0.ɵɵtextInterpolate((tmp_15_0 = ctx_r1.getSyncState(conn_r14.ID)) == null ? null : tmp_15_0.lastResult == null ? null : tmp_15_0.lastResult.ErrorMessage);
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 102);
-    i0.ɵɵtemplate(1, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_19_Conditional_1_Template, 3, 3)(2, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_19_Conditional_2_Template, 3, 1);
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 87);
+    i0.ɵɵconditionalCreate(1, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_19_Conditional_1_Template, 3, 3)(2, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_19_Conditional_2_Template, 3, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_14_0;
     let tmp_15_0;
     let tmp_16_0;
     const conn_r14 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("success", (tmp_14_0 = ctx_r0.getSyncState(conn_r14.ID)) == null ? null : tmp_14_0.lastResult == null ? null : tmp_14_0.lastResult.Success)("error", !((tmp_15_0 = ctx_r0.getSyncState(conn_r14.ID)) == null ? null : tmp_15_0.lastResult == null ? null : tmp_15_0.lastResult.Success));
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("success", (tmp_14_0 = ctx_r1.getSyncState(conn_r14.ID)) == null ? null : tmp_14_0.lastResult == null ? null : tmp_14_0.lastResult.Success)("error", !((tmp_15_0 = ctx_r1.getSyncState(conn_r14.ID)) == null ? null : tmp_15_0.lastResult == null ? null : tmp_15_0.lastResult.Success));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(((tmp_16_0 = ctx_r0.getSyncState(conn_r14.ID)) == null ? null : tmp_16_0.lastResult == null ? null : tmp_16_0.lastResult.Success) ? 1 : 2);
+    i0.ɵɵconditional(((tmp_16_0 = ctx_r1.getSyncState(conn_r14.ID)) == null ? null : tmp_16_0.lastResult == null ? null : tmp_16_0.lastResult.Success) ? 1 : 2);
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 76);
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "p", 61);
     i0.ɵɵpipe(1, "async");
     i0.ɵɵpipe(2, "highlightSearch");
 } if (rf & 2) {
     let tmp_14_0;
     const conn_r14 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(2, 3, conn_r14.Description, (tmp_14_0 = i0.ɵɵpipeBind1(1, 1, ctx_r0.filters$)) == null ? null : tmp_14_0.searchTerm), i0.ɵɵsanitizeHtml);
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(2, 3, conn_r14.Description, (tmp_14_0 = i0.ɵɵpipeBind1(1, 1, ctx_r1.filters$)) == null ? null : tmp_14_0.searchTerm), i0.ɵɵsanitizeHtml);
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_43_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 99)(1, "span", 79);
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 84)(1, "span", 64);
     i0.ɵɵtext(2, "Last Error");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 80);
+    i0.ɵɵelementStart(3, "span", 65);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -489,137 +397,138 @@ function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditi
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(conn_r14.LastErrorMessage);
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_44_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "i", 88);
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_44_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 71);
+    i0.ɵɵelement(1, "i", 73);
     i0.ɵɵtext(2, " No tools discovered yet. Click the sync button to discover tools. ");
     i0.ɵɵelementEnd();
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_44_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_44_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 89)(1, "div", 90)(2, "span", 91);
+    i0.ɵɵelementStart(0, "div", 74)(1, "div", 75)(2, "span", 76);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 92);
-    i0.ɵɵelement(5, "i", 93);
+    i0.ɵɵelementStart(4, "span", 77);
+    i0.ɵɵelement(5, "i", 78);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "button", 105);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_44_Conditional_6_For_2_Template_button_click_7_listener($event) { const tool_r16 = i0.ɵɵrestoreView(_r15).$implicit; const conn_r14 = i0.ɵɵnextContext(3).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); ctx_r0.runToolFromCard(tool_r16, conn_r14); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(8, "i", 56);
+    i0.ɵɵelementStart(7, "button", 90);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_44_Conditional_6_For_2_Template_button_click_7_listener($event) { const tool_r16 = i0.ɵɵrestoreView(_r15).$implicit; const conn_r14 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); ctx_r1.runToolFromCard(tool_r16, conn_r14); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(8, "i", 38);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const tool_r16 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(7);
+    const ctx_r1 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(tool_r16.ToolTitle || tool_r16.ToolName);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.getParamCount(tool_r16), " params ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getParamCount(tool_r16), " params ");
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_44_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 87);
-    i0.ɵɵrepeaterCreate(1, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_44_Conditional_6_For_2_Template, 9, 2, "div", 89, _forTrack0);
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_44_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72);
+    i0.ɵɵrepeaterCreate(1, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_44_Conditional_6_For_2_Template, 9, 2, "div", 74, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const conn_r14 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.getToolsForConnection(conn_r14.ID));
+    i0.ɵɵrepeater(ctx_r1.getToolsForConnection(conn_r14.ID));
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_44_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82)(1, "div", 85);
-    i0.ɵɵelement(2, "i", 11);
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 67)(1, "div", 70);
+    i0.ɵɵelement(2, "i", 15);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(5, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_44_Conditional_5_Template, 3, 0, "div", 86)(6, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_44_Conditional_6_Template, 3, 0, "div", 87);
+    i0.ɵɵconditionalCreate(5, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_44_Conditional_5_Template, 3, 0, "div", 71)(6, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_44_Conditional_6_Template, 3, 0, "div", 72);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const conn_r14 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("Available Tools (", ctx_r0.getToolsForConnection(conn_r14.ID).length, ")");
+    i0.ɵɵtextInterpolate1("Available Tools (", ctx_r1.getToolsForConnection(conn_r14.ID).length, ")");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.getToolsForConnection(conn_r14.ID).length === 0 ? 5 : 6);
+    i0.ɵɵconditional(ctx_r1.getToolsForConnection(conn_r14.ID).length === 0 ? 5 : 6);
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 64)(1, "div", 65);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Template_div_click_1_listener() { const conn_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.toggleConnectionExpand(conn_r14)); });
-    i0.ɵɵelementStart(2, "div", 66);
-    i0.ɵɵelement(3, "i", 67)(4, "i", 10)(5, "span", 68);
+    i0.ɵɵelementStart(0, "div", 49)(1, "div", 50);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Template_div_click_1_listener() { const conn_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleConnectionExpand(conn_r14)); });
+    i0.ɵɵelementStart(2, "div", 51);
+    i0.ɵɵelement(3, "i", 52)(4, "i", 14)(5, "span", 53);
     i0.ɵɵpipe(6, "async");
     i0.ɵɵpipe(7, "highlightSearch");
-    i0.ɵɵelementStart(8, "span", 69);
+    i0.ɵɵelementStart(8, "span", 54);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 70);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Template_div_click_10_listener($event) { i0.ɵɵrestoreView(_r13); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(11, "button", 95);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Template_button_click_11_listener() { const conn_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.syncConnectionTools(conn_r14)); });
-    i0.ɵɵtemplate(12, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_12_Template, 1, 0, "i", 96)(13, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_13_Template, 1, 0, "i", 20);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "button", 71);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Template_button_click_14_listener() { const conn_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.editConnection(conn_r14)); });
-    i0.ɵɵelement(15, "i", 72);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "button", 73);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Template_button_click_16_listener() { const conn_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.deleteConnection(conn_r14)); });
-    i0.ɵɵelement(17, "i", 74);
+    i0.ɵɵelementStart(10, "div", 55);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Template_div_click_10_listener($event) { i0.ɵɵrestoreView(_r13); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(11, "button", 80);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Template_button_click_11_listener() { const conn_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.syncConnectionTools(conn_r14)); });
+    i0.ɵɵconditionalCreate(12, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_12_Template, 1, 0, "i", 81)(13, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_13_Template, 1, 0, "i", 40);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "button", 56);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Template_button_click_14_listener() { const conn_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.editConnection(conn_r14)); });
+    i0.ɵɵelement(15, "i", 57);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "button", 58);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Template_button_click_16_listener() { const conn_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.deleteConnection(conn_r14)); });
+    i0.ɵɵelement(17, "i", 59);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(18, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_18_Template, 4, 1, "div", 97)(19, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_19_Template, 3, 5, "div", 98);
-    i0.ɵɵelementStart(20, "div", 75);
-    i0.ɵɵtemplate(21, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_21_Template, 3, 6, "p", 76);
-    i0.ɵɵelementStart(22, "div", 77)(23, "div", 78)(24, "span", 79);
+    i0.ɵɵconditionalCreate(18, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_18_Template, 4, 1, "div", 82);
+    i0.ɵɵconditionalCreate(19, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_19_Template, 3, 5, "div", 83);
+    i0.ɵɵelementStart(20, "div", 60);
+    i0.ɵɵconditionalCreate(21, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_21_Template, 3, 6, "p", 61);
+    i0.ɵɵelementStart(22, "div", 62)(23, "div", 63)(24, "span", 64);
     i0.ɵɵtext(25, "Server");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "span", 80);
+    i0.ɵɵelementStart(26, "span", 65);
     i0.ɵɵtext(27);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(28, "div", 78)(29, "span", 79);
+    i0.ɵɵelementStart(28, "div", 63)(29, "span", 64);
     i0.ɵɵtext(30, "Auto Sync");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "span", 80);
+    i0.ɵɵelementStart(31, "span", 65);
     i0.ɵɵtext(32);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(33, "div", 78)(34, "span", 79);
+    i0.ɵɵelementStart(33, "div", 63)(34, "span", 64);
     i0.ɵɵtext(35, "Logging");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "span", 80);
+    i0.ɵɵelementStart(36, "span", 65);
     i0.ɵɵtext(37);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(38, "div", 78)(39, "span", 79);
+    i0.ɵɵelementStart(38, "div", 63)(39, "span", 64);
     i0.ɵɵtext(40, "Last Connected");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(41, "span", 80);
+    i0.ɵɵelementStart(41, "span", 65);
     i0.ɵɵtext(42);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(43, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_43_Template, 5, 1, "div", 99);
+    i0.ɵɵconditionalCreate(43, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_43_Template, 5, 1, "div", 84);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(44, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Conditional_44_Template, 7, 2, "div", 82);
+    i0.ɵɵconditionalCreate(44, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_44_Template, 7, 2, "div", 67);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_15_0;
     let tmp_21_0;
     const conn_r14 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("expanded", ctx_r0.isConnectionExpanded(conn_r14));
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("expanded", ctx_r1.isConnectionExpanded(conn_r14));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("rotated", ctx_r0.isConnectionExpanded(conn_r14));
+    i0.ɵɵclassProp("rotated", ctx_r1.isConnectionExpanded(conn_r14));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 20, conn_r14.Name, (tmp_15_0 = i0.ɵɵpipeBind1(6, 18, ctx_r0.filters$)) == null ? null : tmp_15_0.searchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 20, conn_r14.Name, (tmp_15_0 = i0.ɵɵpipeBind1(6, 18, ctx_r1.filters$)) == null ? null : tmp_15_0.searchTerm), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r0.getStatusClass(conn_r14.Status));
+    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass(conn_r14.Status));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", conn_r14.Status, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r0.isSyncing(conn_r14.ID));
+    i0.ɵɵproperty("disabled", ctx_r1.isSyncing(conn_r14.ID));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isSyncing(conn_r14.ID) ? 12 : 13);
+    i0.ɵɵconditional(ctx_r1.isSyncing(conn_r14.ID) ? 12 : 13);
     i0.ɵɵadvance(6);
-    i0.ɵɵconditional(ctx_r0.isSyncing(conn_r14.ID) ? 18 : -1);
+    i0.ɵɵconditional(ctx_r1.isSyncing(conn_r14.ID) ? 18 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(((tmp_21_0 = ctx_r0.getSyncState(conn_r14.ID)) == null ? null : tmp_21_0.lastResult) && !ctx_r0.isSyncing(conn_r14.ID) ? 19 : -1);
+    i0.ɵɵconditional(((tmp_21_0 = ctx_r1.getSyncState(conn_r14.ID)) == null ? null : tmp_21_0.lastResult) && !ctx_r1.isSyncing(conn_r14.ID) ? 19 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(conn_r14.Description ? 21 : -1);
     i0.ɵɵadvance(6);
@@ -629,163 +538,163 @@ function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Templat
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(conn_r14.LogToolCalls ? "Enabled" : "Disabled");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.formatDate(conn_r14.LastConnectedAt));
+    i0.ɵɵtextInterpolate(ctx_r1.formatDate(conn_r14.LastConnectedAt));
     i0.ɵɵadvance();
     i0.ɵɵconditional(conn_r14.LastErrorMessage ? 43 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isConnectionExpanded(conn_r14) ? 44 : -1);
+    i0.ɵɵconditional(ctx_r1.isConnectionExpanded(conn_r14) ? 44 : -1);
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_For_1_Template, 45, 23, "div", 63, _forTrack0);
+function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Template, 45, 23, "div", 48, _forTrack0);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵrepeater(ctx_r0.filteredConnections);
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵrepeater(ctx_r1.filteredConnections);
 } }
-function MCPDashboardComponent_Conditional_70_Case_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 60);
-    i0.ɵɵtemplate(1, MCPDashboardComponent_Conditional_70_Case_1_Conditional_1_Template, 6, 0, "div", 62)(2, MCPDashboardComponent_Conditional_70_Case_1_Conditional_2_Template, 2, 0);
+function MCPDashboardComponent_Conditional_50_Case_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 45);
+    i0.ɵɵconditionalCreate(1, MCPDashboardComponent_Conditional_50_Case_1_Conditional_1_Template, 6, 0, "div", 47)(2, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_Template, 2, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.filteredConnections.length === 0 ? 1 : 2);
+    i0.ɵɵconditional(ctx_r1.filteredConnections.length === 0 ? 1 : 2);
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵelement(1, "i", 11);
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵelement(1, "i", 15);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No tools discovered yet");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 107);
+    i0.ɵɵelementStart(4, "span", 92);
     i0.ɵɵtext(5, "Tools are discovered when connections sync with MCP servers");
     i0.ɵɵelementEnd()();
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 126);
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "p", 111);
     i0.ɵɵpipe(1, "async");
     i0.ɵɵpipe(2, "highlightSearch");
 } if (rf & 2) {
     let tmp_26_0;
     const tool_r20 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(7);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(2, 3, tool_r20.ToolDescription, (tmp_26_0 = i0.ɵɵpipeBind1(1, 1, ctx_r0.filters$)) == null ? null : tmp_26_0.searchTerm), i0.ɵɵsanitizeHtml);
+    const ctx_r1 = i0.ɵɵnextContext(7);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(2, 3, tool_r20.ToolDescription, (tmp_26_0 = i0.ɵɵpipeBind1(1, 1, ctx_r1.filters$)) == null ? null : tmp_26_0.searchTerm), i0.ɵɵsanitizeHtml);
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Conditional_21_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 135)(1, "span", 132);
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Conditional_21_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 120)(1, "span", 117);
     i0.ɵɵtext(2, "Input Schema:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "pre", 136);
+    i0.ɵɵelementStart(3, "pre", 121);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const tool_r20 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(7);
+    const ctx_r1 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r0.getFormattedInputSchema(tool_r20));
+    i0.ɵɵtextInterpolate(ctx_r1.getFormattedInputSchema(tool_r20));
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 130)(1, "div", 131)(2, "span", 132);
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 115)(1, "div", 116)(2, "span", 117);
     i0.ɵɵtext(3, "Tool Name:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 133);
+    i0.ɵɵelementStart(4, "span", 118);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 131)(7, "span", 132);
+    i0.ɵɵelementStart(6, "div", 116)(7, "span", 117);
     i0.ɵɵtext(8, "Parameters:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 134);
+    i0.ɵɵelementStart(9, "span", 119);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 131)(12, "span", 132);
+    i0.ɵɵelementStart(11, "div", 116)(12, "span", 117);
     i0.ɵɵtext(13, "Discovered:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span", 134);
+    i0.ɵɵelementStart(14, "span", 119);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 131)(17, "span", 132);
+    i0.ɵɵelementStart(16, "div", 116)(17, "span", 117);
     i0.ɵɵtext(18, "Last Seen:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "span", 134);
+    i0.ɵɵelementStart(19, "span", 119);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(21, MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Conditional_21_Conditional_21_Template, 5, 1, "div", 135);
+    i0.ɵɵconditionalCreate(21, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Conditional_21_Conditional_21_Template, 5, 1, "div", 120);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const tool_r20 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(7);
+    const ctx_r1 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(tool_r20.ToolName);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate2(" ", ctx_r0.getParamCount(tool_r20), " total, ", ctx_r0.getRequiredParamCount(tool_r20), " required ");
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.getParamCount(tool_r20), " total, ", ctx_r1.getRequiredParamCount(tool_r20), " required ");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.formatDate(tool_r20.DiscoveredAt));
+    i0.ɵɵtextInterpolate(ctx_r1.formatDate(tool_r20.DiscoveredAt));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.formatDate(tool_r20.LastSeenAt));
+    i0.ɵɵtextInterpolate(ctx_r1.formatDate(tool_r20.LastSeenAt));
     i0.ɵɵadvance();
     i0.ɵɵconditional(tool_r20.InputSchema ? 21 : -1);
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 121)(1, "div", 122);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Template_div_click_1_listener() { const tool_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r0 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r0.toggleToolExpand(tool_r20)); });
-    i0.ɵɵelementStart(2, "div", 123);
-    i0.ɵɵelement(3, "i", 11)(4, "span", 68);
+    i0.ɵɵelementStart(0, "div", 106)(1, "div", 107);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Template_div_click_1_listener() { const tool_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r1 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r1.toggleToolExpand(tool_r20)); });
+    i0.ɵɵelementStart(2, "div", 108);
+    i0.ɵɵelement(3, "i", 15)(4, "span", 53);
     i0.ɵɵpipe(5, "async");
     i0.ɵɵpipe(6, "highlightSearch");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 124)(8, "span", 125);
-    i0.ɵɵelement(9, "i", 93);
+    i0.ɵɵelementStart(7, "div", 109)(8, "span", 110);
+    i0.ɵɵelement(9, "i", 78);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 115);
+    i0.ɵɵelementStart(11, "span", 100);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(13, MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Conditional_13_Template, 3, 6, "p", 126);
-    i0.ɵɵelementStart(14, "div", 127)(15, "button", 94);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Template_button_click_15_listener() { const tool_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r0 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r0.openTestToolDialog(tool_r20)); });
-    i0.ɵɵelement(16, "i", 56);
+    i0.ɵɵconditionalCreate(13, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Conditional_13_Template, 3, 6, "p", 111);
+    i0.ɵɵelementStart(14, "div", 112)(15, "button", 79);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Template_button_click_15_listener() { const tool_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r1 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r1.openTestToolDialog(tool_r20)); });
+    i0.ɵɵelement(16, "i", 38);
     i0.ɵɵtext(17, " Test ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "button", 128);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Template_button_click_18_listener() { const tool_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r0 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r0.toggleToolExpand(tool_r20)); });
-    i0.ɵɵelement(19, "i", 129);
+    i0.ɵɵelementStart(18, "button", 113);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Template_button_click_18_listener() { const tool_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r1 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r1.toggleToolExpand(tool_r20)); });
+    i0.ɵɵelement(19, "i", 114);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(21, MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Conditional_21_Template, 22, 6, "div", 130);
+    i0.ɵɵconditionalCreate(21, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Conditional_21_Template, 22, 6, "div", 115);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_26_0;
     const tool_r20 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(7);
-    i0.ɵɵclassProp("expanded", ctx_r0.isToolExpanded(tool_r20));
+    const ctx_r1 = i0.ɵɵnextContext(7);
+    i0.ɵɵclassProp("expanded", ctx_r1.isToolExpanded(tool_r20));
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(6, 15, tool_r20.ToolTitle || tool_r20.ToolName, (tmp_26_0 = i0.ɵɵpipeBind1(5, 13, ctx_r0.filters$)) == null ? null : tmp_26_0.searchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(6, 15, tool_r20.ToolTitle || tool_r20.ToolName, (tmp_26_0 = i0.ɵɵpipeBind1(5, 13, ctx_r1.filters$)) == null ? null : tmp_26_0.searchTerm), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.getParamCount(tool_r20), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getParamCount(tool_r20), " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.getStatusClass(tool_r20.Status));
+    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass(tool_r20.Status));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", tool_r20.Status, " ");
     i0.ɵɵadvance();
     i0.ɵɵconditional(tool_r20.ToolDescription ? 13 : -1);
     i0.ɵɵadvance(6);
-    i0.ɵɵclassProp("fa-chevron-down", !ctx_r0.isToolExpanded(tool_r20))("fa-chevron-up", ctx_r0.isToolExpanded(tool_r20));
+    i0.ɵɵclassProp("fa-chevron-down", !ctx_r1.isToolExpanded(tool_r20))("fa-chevron-up", ctx_r1.isToolExpanded(tool_r20));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.isToolExpanded(tool_r20) ? "Less" : "More", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.isToolExpanded(tool_r20) ? "Less" : "More", " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isToolExpanded(tool_r20) ? 21 : -1);
+    i0.ɵɵconditional(ctx_r1.isToolExpanded(tool_r20) ? 21 : -1);
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 118);
-    i0.ɵɵrepeaterCreate(1, MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Template, 22, 18, "div", 120, _forTrack0);
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 103);
+    i0.ɵɵrepeaterCreate(1, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_For_2_Template, 22, 18, "div", 105, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const group_r18 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
     i0.ɵɵrepeater(group_r18.tools);
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 140);
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 125);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -793,110 +702,110 @@ function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(tool_r22.ToolName);
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Conditional_24_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 150)(1, "span", 132);
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Conditional_24_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 135)(1, "span", 117);
     i0.ɵɵtext(2, "Input Schema:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "pre", 136);
+    i0.ɵɵelementStart(3, "pre", 121);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const tool_r22 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(7);
+    const ctx_r1 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r0.getFormattedInputSchema(tool_r22));
+    i0.ɵɵtextInterpolate(ctx_r1.getFormattedInputSchema(tool_r22));
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 146)(1, "td", 147)(2, "div", 148)(3, "div", 149)(4, "span", 132);
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 131)(1, "td", 132)(2, "div", 133)(3, "div", 134)(4, "span", 117);
     i0.ɵɵtext(5, "Tool Name:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 133);
+    i0.ɵɵelementStart(6, "span", 118);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 149)(9, "span", 132);
+    i0.ɵɵelementStart(8, "div", 134)(9, "span", 117);
     i0.ɵɵtext(10, "Discovered:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 134);
+    i0.ɵɵelementStart(11, "span", 119);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 149)(14, "span", 132);
+    i0.ɵɵelementStart(13, "div", 134)(14, "span", 117);
     i0.ɵɵtext(15, "Required Params:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "span", 134);
+    i0.ɵɵelementStart(16, "span", 119);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(18, MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Conditional_24_Conditional_18_Template, 5, 1, "div", 150);
+    i0.ɵɵconditionalCreate(18, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Conditional_24_Conditional_18_Template, 5, 1, "div", 135);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const tool_r22 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(7);
+    const ctx_r1 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(7);
     i0.ɵɵtextInterpolate(tool_r22.ToolName);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.formatDate(tool_r22.DiscoveredAt));
+    i0.ɵɵtextInterpolate(ctx_r1.formatDate(tool_r22.DiscoveredAt));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.getRequiredParamCount(tool_r22));
+    i0.ɵɵtextInterpolate(ctx_r1.getRequiredParamCount(tool_r22));
     i0.ɵɵadvance();
     i0.ɵɵconditional(tool_r22.InputSchema ? 18 : -1);
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Template(rf, ctx) { if (rf & 1) {
     const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr")(1, "td", 137);
-    i0.ɵɵelement(2, "i", 11);
-    i0.ɵɵelementStart(3, "div", 138);
-    i0.ɵɵelement(4, "span", 139);
+    i0.ɵɵelementStart(0, "tr")(1, "td", 122);
+    i0.ɵɵelement(2, "i", 15);
+    i0.ɵɵelementStart(3, "div", 123);
+    i0.ɵɵelement(4, "span", 124);
     i0.ɵɵpipe(5, "async");
     i0.ɵɵpipe(6, "highlightSearch");
-    i0.ɵɵtemplate(7, MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Conditional_7_Template, 2, 1, "span", 140);
+    i0.ɵɵconditionalCreate(7, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Conditional_7_Template, 2, 1, "span", 125);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(8, "td", 141);
+    i0.ɵɵelement(8, "td", 126);
     i0.ɵɵpipe(9, "async");
     i0.ɵɵpipe(10, "highlightSearch");
-    i0.ɵɵelementStart(11, "td")(12, "span", 142);
+    i0.ɵɵelementStart(11, "td")(12, "span", 127);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "td")(15, "span", 115);
+    i0.ɵɵelementStart(14, "td")(15, "span", 100);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(17, "td");
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "td", 143)(20, "button", 144);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Template_button_click_20_listener() { const tool_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r0 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r0.openTestToolDialog(tool_r22)); });
-    i0.ɵɵelement(21, "i", 56);
+    i0.ɵɵelementStart(19, "td", 128)(20, "button", 129);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Template_button_click_20_listener() { const tool_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r1 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r1.openTestToolDialog(tool_r22)); });
+    i0.ɵɵelement(21, "i", 38);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "button", 145);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Template_button_click_22_listener() { const tool_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r0 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r0.toggleToolExpand(tool_r22)); });
-    i0.ɵɵelement(23, "i", 129);
+    i0.ɵɵelementStart(22, "button", 130);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Template_button_click_22_listener() { const tool_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r1 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r1.toggleToolExpand(tool_r22)); });
+    i0.ɵɵelement(23, "i", 114);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(24, MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Conditional_24_Template, 19, 4, "tr", 146);
+    i0.ɵɵconditionalCreate(24, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Conditional_24_Template, 19, 4, "tr", 131);
 } if (rf & 2) {
     let tmp_26_0;
     let tmp_28_0;
     const tool_r22 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(7);
-    i0.ɵɵclassProp("expanded", ctx_r0.isToolExpanded(tool_r22));
+    const ctx_r1 = i0.ɵɵnextContext(7);
+    i0.ɵɵclassProp("expanded", ctx_r1.isToolExpanded(tool_r22));
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(6, 16, tool_r22.ToolTitle || tool_r22.ToolName, (tmp_26_0 = i0.ɵɵpipeBind1(5, 14, ctx_r0.filters$)) == null ? null : tmp_26_0.searchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(6, 16, tool_r22.ToolTitle || tool_r22.ToolName, (tmp_26_0 = i0.ɵɵpipeBind1(5, 14, ctx_r1.filters$)) == null ? null : tmp_26_0.searchTerm), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(tool_r22.ToolTitle ? 7 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(10, 21, tool_r22.ToolDescription || "-", (tmp_28_0 = i0.ɵɵpipeBind1(9, 19, ctx_r0.filters$)) == null ? null : tmp_28_0.searchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(10, 21, tool_r22.ToolDescription || "-", (tmp_28_0 = i0.ɵɵpipeBind1(9, 19, ctx_r1.filters$)) == null ? null : tmp_28_0.searchTerm), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.getParamCount(tool_r22));
+    i0.ɵɵtextInterpolate(ctx_r1.getParamCount(tool_r22));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.getStatusClass(tool_r22.Status));
+    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass(tool_r22.Status));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", tool_r22.Status, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.formatDate(tool_r22.LastSeenAt));
+    i0.ɵɵtextInterpolate(ctx_r1.formatDate(tool_r22.LastSeenAt));
     i0.ɵɵadvance(5);
-    i0.ɵɵclassProp("fa-chevron-down", !ctx_r0.isToolExpanded(tool_r22))("fa-chevron-up", ctx_r0.isToolExpanded(tool_r22));
+    i0.ɵɵclassProp("fa-chevron-down", !ctx_r1.isToolExpanded(tool_r22))("fa-chevron-up", ctx_r1.isToolExpanded(tool_r22));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isToolExpanded(tool_r22) ? 24 : -1);
+    i0.ɵɵconditional(ctx_r1.isToolExpanded(tool_r22) ? 24 : -1);
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 119)(1, "table")(2, "thead")(3, "tr")(4, "th");
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 104)(1, "table")(2, "thead")(3, "tr")(4, "th");
     i0.ɵɵtext(5, "Tool");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "th");
@@ -915,110 +824,110 @@ function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditi
     i0.ɵɵtext(15, "Actions");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(16, "tbody");
-    i0.ɵɵrepeaterCreate(17, MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Template, 25, 24, null, null, _forTrack0);
+    i0.ɵɵrepeaterCreate(17, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_For_18_Template, 25, 24, null, null, _forTrack0);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const group_r18 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(17);
     i0.ɵɵrepeater(group_r18.tools);
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_Template, 3, 0, "div", 118)(1, MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_Template, 19, 0, "div", 119);
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_0_Template, 3, 0, "div", 103)(1, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Conditional_1_Template, 19, 0, "div", 104);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(5);
-    i0.ɵɵconditional(ctx_r0.ToolsViewMode === "card" ? 0 : 1);
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵconditional(ctx_r1.ToolsViewMode === "card" ? 0 : 1);
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 109)(1, "div", 110);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Template_div_click_1_listener() { const group_r18 = i0.ɵɵrestoreView(_r17).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.toggleServerGroup(group_r18)); });
-    i0.ɵɵelementStart(2, "div", 111);
-    i0.ɵɵelement(3, "i", 112)(4, "i");
-    i0.ɵɵelementStart(5, "span", 113);
+    i0.ɵɵelementStart(0, "div", 94)(1, "div", 95);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Template_div_click_1_listener() { const group_r18 = i0.ɵɵrestoreView(_r17).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleServerGroup(group_r18)); });
+    i0.ɵɵelementStart(2, "div", 96);
+    i0.ɵɵelement(3, "i", 97)(4, "i");
+    i0.ɵɵelementStart(5, "span", 98);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 114);
+    i0.ɵɵelementStart(7, "span", 99);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 115);
+    i0.ɵɵelementStart(9, "span", 100);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 116);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r17); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(12, "button", 117);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.openTestToolDialog(undefined, undefined)); });
-    i0.ɵɵelement(13, "i", 56);
+    i0.ɵɵelementStart(11, "div", 101);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r17); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(12, "button", 102);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openTestToolDialog(undefined, undefined)); });
+    i0.ɵɵelement(13, "i", 38);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(14, MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Conditional_14_Template, 2, 1);
+    i0.ɵɵconditionalCreate(14, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Template, 2, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const group_r18 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassProp("collapsed", !group_r18.expanded);
     i0.ɵɵadvance(3);
     i0.ɵɵclassProp("expanded", group_r18.expanded);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r0.getTransportIcon(group_r18.server.TransportType));
+    i0.ɵɵclassMap(ctx_r1.getTransportIcon(group_r18.server.TransportType));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(group_r18.server.Name);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", group_r18.tools.length, " tools");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.getStatusClass(group_r18.server.Status));
+    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass(group_r18.server.Status));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", group_r18.server.Status, " ");
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(group_r18.expanded ? 14 : -1);
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 106);
-    i0.ɵɵrepeaterCreate(1, MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_For_2_Template, 15, 11, "div", 108, _forTrack1);
+function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 91);
+    i0.ɵɵrepeaterCreate(1, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Template, 15, 11, "div", 93, _forTrack1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.ServerGroups);
+    i0.ɵɵrepeater(ctx_r1.ServerGroups);
 } }
-function MCPDashboardComponent_Conditional_70_Case_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, MCPDashboardComponent_Conditional_70_Case_2_Conditional_0_Template, 6, 0, "div", 62)(1, MCPDashboardComponent_Conditional_70_Case_2_Conditional_1_Template, 3, 0, "div", 106);
+function MCPDashboardComponent_Conditional_50_Case_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MCPDashboardComponent_Conditional_50_Case_2_Conditional_0_Template, 6, 0, "div", 47)(1, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_Template, 3, 0, "div", 91);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(ctx_r0.ServerGroups.length === 0 ? 0 : 1);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.ServerGroups.length === 0 ? 0 : 1);
 } }
-function MCPDashboardComponent_Conditional_70_Case_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵelement(1, "i", 12);
+function MCPDashboardComponent_Conditional_50_Case_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵelement(1, "i", 16);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No recent execution logs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 107);
+    i0.ɵɵelementStart(4, "span", 92);
     i0.ɵɵtext(5, "Logs appear when tools are executed via MCP connections");
     i0.ɵɵelementEnd()();
 } }
-function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_For_27_Case_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 103);
+function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Case_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 88);
 } }
-function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_For_27_Case_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 155);
+function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Case_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 140);
 } }
-function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_For_27_Case_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 156);
+function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Case_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 141);
 } }
-function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_For_27_Case_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 157);
+function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Case_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 142);
 } }
-function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_For_27_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Template(rf, ctx) { if (rf & 1) {
     const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 154);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_For_27_Template_tr_click_0_listener() { const log_r25 = i0.ɵɵrestoreView(_r24).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.onLogClick(log_r25)); });
-    i0.ɵɵelementStart(1, "td")(2, "span", 69);
-    i0.ɵɵtemplate(3, MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_For_27_Case_3_Template, 1, 0, "i", 103)(4, MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_For_27_Case_4_Template, 1, 0, "i", 155)(5, MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_For_27_Case_5_Template, 1, 0, "i", 156)(6, MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_For_27_Case_6_Template, 1, 0, "i", 157);
+    i0.ɵɵelementStart(0, "tr", 139);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Template_tr_click_0_listener() { const log_r25 = i0.ɵɵrestoreView(_r24).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onLogClick(log_r25)); });
+    i0.ɵɵelementStart(1, "td")(2, "span", 54);
+    i0.ɵɵconditionalCreate(3, MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Case_3_Template, 1, 0, "i", 88)(4, MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Case_4_Template, 1, 0, "i", 140)(5, MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Case_5_Template, 1, 0, "i", 141)(6, MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Case_6_Template, 1, 0, "i", 142);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "td", 113);
+    i0.ɵɵelementStart(8, "td", 98);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "td", 158);
+    i0.ɵɵelementStart(10, "td", 143);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(12, "td");
@@ -1030,19 +939,19 @@ function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_For_27_Templa
     i0.ɵɵelementStart(16, "td");
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "td", 159);
+    i0.ɵɵelementStart(18, "td", 144);
     i0.ɵɵtext(19);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "td", 160);
-    i0.ɵɵelement(21, "i", 161);
+    i0.ɵɵelementStart(20, "td", 145);
+    i0.ɵɵelement(21, "i", 146);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_15_0;
     const log_r25 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassProp("error-row", log_r25.Status === "Error");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.getStatusClass(log_r25.Status));
+    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass(log_r25.Status));
     i0.ɵɵadvance();
     i0.ɵɵconditional((tmp_15_0 = log_r25.Status) === "Success" ? 3 : tmp_15_0 === "Error" ? 4 : tmp_15_0 === "Running" ? 5 : 6);
     i0.ɵɵadvance(4);
@@ -1054,140 +963,140 @@ function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_For_27_Templa
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(log_r25.ConnectionName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.formatDate(log_r25.StartedAt));
+    i0.ɵɵtextInterpolate(ctx_r1.formatDate(log_r25.StartedAt));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.formatDuration(log_r25.DurationMs));
+    i0.ɵɵtextInterpolate(ctx_r1.formatDuration(log_r25.DurationMs));
     i0.ɵɵadvance();
     i0.ɵɵproperty("title", log_r25.ErrorMessage || "");
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", log_r25.ErrorMessage || "-", " ");
 } }
-function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "table")(1, "thead")(2, "tr")(3, "th", 151);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_Template_th_click_3_listener() { i0.ɵɵrestoreView(_r23); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onLogSortColumn("status")); });
+    i0.ɵɵelementStart(0, "table")(1, "thead")(2, "tr")(3, "th", 136);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_Template_th_click_3_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onLogSortColumn("status")); });
     i0.ɵɵtext(4, " Status ");
-    i0.ɵɵelement(5, "i", 152);
+    i0.ɵɵelement(5, "i", 137);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "th", 151);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_Template_th_click_6_listener() { i0.ɵɵrestoreView(_r23); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onLogSortColumn("server")); });
+    i0.ɵɵelementStart(6, "th", 136);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_Template_th_click_6_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onLogSortColumn("server")); });
     i0.ɵɵtext(7, " Server ");
-    i0.ɵɵelement(8, "i", 152);
+    i0.ɵɵelement(8, "i", 137);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "th", 151);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_Template_th_click_9_listener() { i0.ɵɵrestoreView(_r23); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onLogSortColumn("tool")); });
+    i0.ɵɵelementStart(9, "th", 136);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_Template_th_click_9_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onLogSortColumn("tool")); });
     i0.ɵɵtext(10, " Tool ");
-    i0.ɵɵelement(11, "i", 152);
+    i0.ɵɵelement(11, "i", 137);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "th", 151);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_Template_th_click_12_listener() { i0.ɵɵrestoreView(_r23); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onLogSortColumn("connection")); });
+    i0.ɵɵelementStart(12, "th", 136);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_Template_th_click_12_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onLogSortColumn("connection")); });
     i0.ɵɵtext(13, " Connection ");
-    i0.ɵɵelement(14, "i", 152);
+    i0.ɵɵelement(14, "i", 137);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "th", 151);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_Template_th_click_15_listener() { i0.ɵɵrestoreView(_r23); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onLogSortColumn("started")); });
+    i0.ɵɵelementStart(15, "th", 136);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_Template_th_click_15_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onLogSortColumn("started")); });
     i0.ɵɵtext(16, " Started ");
-    i0.ɵɵelement(17, "i", 152);
+    i0.ɵɵelement(17, "i", 137);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "th", 151);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_Template_th_click_18_listener() { i0.ɵɵrestoreView(_r23); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onLogSortColumn("duration")); });
+    i0.ɵɵelementStart(18, "th", 136);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_Template_th_click_18_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onLogSortColumn("duration")); });
     i0.ɵɵtext(19, " Duration ");
-    i0.ɵɵelement(20, "i", 152);
+    i0.ɵɵelement(20, "i", 137);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "th", 151);
-    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_Template_th_click_21_listener() { i0.ɵɵrestoreView(_r23); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onLogSortColumn("error")); });
+    i0.ɵɵelementStart(21, "th", 136);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_Template_th_click_21_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onLogSortColumn("error")); });
     i0.ɵɵtext(22, " Error ");
-    i0.ɵɵelement(23, "i", 152);
+    i0.ɵɵelement(23, "i", 137);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(24, "th");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(25, "tbody");
-    i0.ɵɵrepeaterCreate(26, MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_For_27_Template, 22, 12, "tr", 153, _forTrack0);
+    i0.ɵɵrepeaterCreate(26, MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Template, 22, 12, "tr", 138, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r0.getLogSortClass("status"));
+    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("status"));
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fa-sort-up", ctx_r0.LogsSortColumn === "status" && ctx_r0.LogsSortAscending)("fa-sort-down", ctx_r0.LogsSortColumn === "status" && !ctx_r0.LogsSortAscending)("fa-sort", ctx_r0.LogsSortColumn !== "status");
+    i0.ɵɵclassProp("fa-sort-up", ctx_r1.LogsSortColumn === "status" && ctx_r1.LogsSortAscending)("fa-sort-down", ctx_r1.LogsSortColumn === "status" && !ctx_r1.LogsSortAscending)("fa-sort", ctx_r1.LogsSortColumn !== "status");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.getLogSortClass("server"));
+    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("server"));
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fa-sort-up", ctx_r0.LogsSortColumn === "server" && ctx_r0.LogsSortAscending)("fa-sort-down", ctx_r0.LogsSortColumn === "server" && !ctx_r0.LogsSortAscending)("fa-sort", ctx_r0.LogsSortColumn !== "server");
+    i0.ɵɵclassProp("fa-sort-up", ctx_r1.LogsSortColumn === "server" && ctx_r1.LogsSortAscending)("fa-sort-down", ctx_r1.LogsSortColumn === "server" && !ctx_r1.LogsSortAscending)("fa-sort", ctx_r1.LogsSortColumn !== "server");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.getLogSortClass("tool"));
+    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("tool"));
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fa-sort-up", ctx_r0.LogsSortColumn === "tool" && ctx_r0.LogsSortAscending)("fa-sort-down", ctx_r0.LogsSortColumn === "tool" && !ctx_r0.LogsSortAscending)("fa-sort", ctx_r0.LogsSortColumn !== "tool");
+    i0.ɵɵclassProp("fa-sort-up", ctx_r1.LogsSortColumn === "tool" && ctx_r1.LogsSortAscending)("fa-sort-down", ctx_r1.LogsSortColumn === "tool" && !ctx_r1.LogsSortAscending)("fa-sort", ctx_r1.LogsSortColumn !== "tool");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.getLogSortClass("connection"));
+    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("connection"));
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fa-sort-up", ctx_r0.LogsSortColumn === "connection" && ctx_r0.LogsSortAscending)("fa-sort-down", ctx_r0.LogsSortColumn === "connection" && !ctx_r0.LogsSortAscending)("fa-sort", ctx_r0.LogsSortColumn !== "connection");
+    i0.ɵɵclassProp("fa-sort-up", ctx_r1.LogsSortColumn === "connection" && ctx_r1.LogsSortAscending)("fa-sort-down", ctx_r1.LogsSortColumn === "connection" && !ctx_r1.LogsSortAscending)("fa-sort", ctx_r1.LogsSortColumn !== "connection");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.getLogSortClass("started"));
+    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("started"));
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fa-sort-up", ctx_r0.LogsSortColumn === "started" && ctx_r0.LogsSortAscending)("fa-sort-down", ctx_r0.LogsSortColumn === "started" && !ctx_r0.LogsSortAscending)("fa-sort", ctx_r0.LogsSortColumn !== "started");
+    i0.ɵɵclassProp("fa-sort-up", ctx_r1.LogsSortColumn === "started" && ctx_r1.LogsSortAscending)("fa-sort-down", ctx_r1.LogsSortColumn === "started" && !ctx_r1.LogsSortAscending)("fa-sort", ctx_r1.LogsSortColumn !== "started");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.getLogSortClass("duration"));
+    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("duration"));
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fa-sort-up", ctx_r0.LogsSortColumn === "duration" && ctx_r0.LogsSortAscending)("fa-sort-down", ctx_r0.LogsSortColumn === "duration" && !ctx_r0.LogsSortAscending)("fa-sort", ctx_r0.LogsSortColumn !== "duration");
+    i0.ɵɵclassProp("fa-sort-up", ctx_r1.LogsSortColumn === "duration" && ctx_r1.LogsSortAscending)("fa-sort-down", ctx_r1.LogsSortColumn === "duration" && !ctx_r1.LogsSortAscending)("fa-sort", ctx_r1.LogsSortColumn !== "duration");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.getLogSortClass("error"));
+    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("error"));
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fa-sort-up", ctx_r0.LogsSortColumn === "error" && ctx_r0.LogsSortAscending)("fa-sort-down", ctx_r0.LogsSortColumn === "error" && !ctx_r0.LogsSortAscending)("fa-sort", ctx_r0.LogsSortColumn !== "error");
+    i0.ɵɵclassProp("fa-sort-up", ctx_r1.LogsSortColumn === "error" && ctx_r1.LogsSortAscending)("fa-sort-down", ctx_r1.LogsSortColumn === "error" && !ctx_r1.LogsSortAscending)("fa-sort", ctx_r1.LogsSortColumn !== "error");
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r0.filteredLogs);
+    i0.ɵɵrepeater(ctx_r1.filteredLogs);
 } }
-function MCPDashboardComponent_Conditional_70_Case_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 61);
-    i0.ɵɵtemplate(1, MCPDashboardComponent_Conditional_70_Case_3_Conditional_1_Template, 6, 0, "div", 62)(2, MCPDashboardComponent_Conditional_70_Case_3_Conditional_2_Template, 28, 49, "table");
+function MCPDashboardComponent_Conditional_50_Case_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46);
+    i0.ɵɵconditionalCreate(1, MCPDashboardComponent_Conditional_50_Case_3_Conditional_1_Template, 6, 0, "div", 47)(2, MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_Template, 28, 49, "table");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.filteredLogs.length === 0 ? 1 : 2);
+    i0.ɵɵconditional(ctx_r1.filteredLogs.length === 0 ? 1 : 2);
 } }
-function MCPDashboardComponent_Conditional_70_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, MCPDashboardComponent_Conditional_70_Case_0_Template, 3, 1, "div", 59)(1, MCPDashboardComponent_Conditional_70_Case_1_Template, 3, 1, "div", 60)(2, MCPDashboardComponent_Conditional_70_Case_2_Template, 2, 1)(3, MCPDashboardComponent_Conditional_70_Case_3_Template, 3, 1, "div", 61);
+function MCPDashboardComponent_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MCPDashboardComponent_Conditional_50_Case_0_Template, 3, 1, "div", 44)(1, MCPDashboardComponent_Conditional_50_Case_1_Template, 3, 1, "div", 45)(2, MCPDashboardComponent_Conditional_50_Case_2_Template, 2, 1)(3, MCPDashboardComponent_Conditional_50_Case_3_Template, 3, 1, "div", 46);
 } if (rf & 2) {
     let tmp_1_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵconditional((tmp_1_0 = ctx_r0.ActiveTab) === "servers" ? 0 : tmp_1_0 === "connections" ? 1 : tmp_1_0 === "tools" ? 2 : tmp_1_0 === "logs" ? 3 : -1);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional((tmp_1_0 = ctx_r1.ActiveTab) === "servers" ? 0 : tmp_1_0 === "connections" ? 1 : tmp_1_0 === "tools" ? 2 : tmp_1_0 === "logs" ? 3 : -1);
 } }
-function MCPDashboardComponent_Conditional_71_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
     const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-mcp-server-dialog", 162);
-    i0.ɵɵlistener("close", function MCPDashboardComponent_Conditional_71_Template_mj_mcp_server_dialog_close_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onServerDialogClose($event)); });
+    i0.ɵɵelementStart(0, "mj-mcp-server-dialog", 147);
+    i0.ɵɵlistener("close", function MCPDashboardComponent_Conditional_51_Template_mj_mcp_server_dialog_close_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onServerDialogClose($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("server", ctx_r0.EditingServer)("visible", ctx_r0.ShowServerDialog);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("server", ctx_r1.EditingServer)("visible", ctx_r1.ShowServerDialog);
 } }
-function MCPDashboardComponent_Conditional_72_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
     const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-mcp-connection-dialog", 163);
-    i0.ɵɵlistener("close", function MCPDashboardComponent_Conditional_72_Template_mj_mcp_connection_dialog_close_0_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onConnectionDialogClose($event)); });
+    i0.ɵɵelementStart(0, "mj-mcp-connection-dialog", 148);
+    i0.ɵɵlistener("close", function MCPDashboardComponent_Conditional_52_Template_mj_mcp_connection_dialog_close_0_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onConnectionDialogClose($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("connection", ctx_r0.EditingConnection)("servers", ctx_r0.servers)("visible", ctx_r0.ShowConnectionDialog);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("connection", ctx_r1.EditingConnection)("servers", ctx_r1.servers)("visible", ctx_r1.ShowConnectionDialog);
 } }
-function MCPDashboardComponent_Conditional_73_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_53_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-mcp-test-tool-dialog", 164);
-    i0.ɵɵlistener("Close", function MCPDashboardComponent_Conditional_73_Template_mj_mcp_test_tool_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onTestToolDialogClose()); });
+    i0.ɵɵelementStart(0, "mj-mcp-test-tool-dialog", 149);
+    i0.ɵɵlistener("Close", function MCPDashboardComponent_Conditional_53_Template_mj_mcp_test_tool_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestToolDialogClose()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Visible", ctx_r0.ShowTestToolDialog)("Servers", ctx_r0.servers)("Connections", ctx_r0.connections)("Tools", ctx_r0.tools)("SelectedServerID", ctx_r0.TestToolServerID)("SelectedConnectionID", ctx_r0.TestToolConnectionID)("SelectedToolID", ctx_r0.TestToolID);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", ctx_r1.ShowTestToolDialog)("Servers", ctx_r1.servers)("Connections", ctx_r1.connections)("Tools", ctx_r1.tools)("SelectedServerID", ctx_r1.TestToolServerID)("SelectedConnectionID", ctx_r1.TestToolConnectionID)("SelectedToolID", ctx_r1.TestToolID);
 } }
-function MCPDashboardComponent_Conditional_74_Template(rf, ctx) { if (rf & 1) {
+function MCPDashboardComponent_Conditional_54_Template(rf, ctx) { if (rf & 1) {
     const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-mcp-log-detail-panel", 165);
-    i0.ɵɵlistener("Close", function MCPDashboardComponent_Conditional_74_Template_mj_mcp_log_detail_panel_Close_0_listener() { i0.ɵɵrestoreView(_r29); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onLogDetailClose()); })("RunAgain", function MCPDashboardComponent_Conditional_74_Template_mj_mcp_log_detail_panel_RunAgain_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onRunAgainFromLog($event)); });
+    i0.ɵɵelementStart(0, "mj-mcp-log-detail-panel", 150);
+    i0.ɵɵlistener("Close", function MCPDashboardComponent_Conditional_54_Template_mj_mcp_log_detail_panel_Close_0_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onLogDetailClose()); })("RunAgain", function MCPDashboardComponent_Conditional_54_Template_mj_mcp_log_detail_panel_RunAgain_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRunAgainFromLog($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Visible", ctx_r0.ShowLogDetailPanel)("Log", ctx_r0.SelectedLog);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", ctx_r1.ShowLogDetailPanel)("Log", ctx_r1.SelectedLog);
 } }
 /**
  * MCP Management Dashboard Component
@@ -1201,6 +1110,7 @@ function MCPDashboardComponent_Conditional_74_Template(rf, ctx) { if (rf & 1) {
 let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
     cdr;
     router;
+    route;
     navigationService;
     mcpToolsService;
     // ========================================
@@ -1270,14 +1180,17 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
     // Sync state
     SyncStates = new Map();
     syncSubscriptions = new Map();
+    // Filter panel state
+    FilterPanelVisible = true;
     // ========================================
     // Lifecycle
     // ========================================
     destroy$ = new Subject();
-    constructor(cdr, router, navigationService, mcpToolsService) {
+    constructor(cdr, router, route, navigationService, mcpToolsService) {
         super();
         this.cdr = cdr;
         this.router = router;
+        this.route = route;
         this.navigationService = navigationService;
         this.mcpToolsService = mcpToolsService;
         // Set up debounced settings persistence
@@ -1287,6 +1200,8 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
     }
     async ngOnInit() {
         await super.ngOnInit();
+        // Check for OAuth completion redirect
+        this.checkOAuthCompletion();
         // Load saved user preferences first
         this.loadUserPreferences();
         // Parse initial URL state
@@ -1402,6 +1317,10 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
             toolStatus: prefs.toolStatus || 'all',
             logStatus: prefs.logStatus || 'all'
         });
+        // Apply filter panel visibility
+        if (prefs.filterPanelVisible !== undefined) {
+            this.FilterPanelVisible = prefs.filterPanelVisible;
+        }
     }
     /**
      * Get current preferences as an object for saving
@@ -1418,7 +1337,8 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
             serverStatus: currentFilters.serverStatus,
             connectionStatus: currentFilters.connectionStatus,
             toolStatus: currentFilters.toolStatus,
-            logStatus: currentFilters.logStatus
+            logStatus: currentFilters.logStatus,
+            filterPanelVisible: this.FilterPanelVisible
         };
     }
     /**
@@ -1500,16 +1420,19 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
     /**
      * Loads all dashboard data using MCPEngine for cached entities
      * and RunView for execution logs (historical data loaded on-demand)
+     * @param forceRefresh - If true, forces MCPEngine to reload from database (use after sync operations)
      */
-    async loadAllData() {
+    async loadAllData(forceRefresh = false) {
         this.IsLoading = true;
         this.ErrorMessage = null;
         this.cdr.detectChanges();
         try {
             // Initialize MCPEngine and load execution logs in parallel
+            // forceRefresh=true is needed after sync operations since backend changes
+            // won't trigger local BaseEntity events
             const rv = new RunView();
             const [, logsResult] = await Promise.all([
-                MCPEngine.Instance.Config(false),
+                MCPEngine.Instance.Config(forceRefresh),
                 rv.RunView({
                     EntityName: 'MJ: MCP Tool Execution Logs',
                     ExtraFilter: `StartedAt >= DATEADD(day, -7, GETUTCDATE())`,
@@ -1530,7 +1453,14 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
                 Status: s.Status,
                 RateLimitPerMinute: s.RateLimitPerMinute,
                 RateLimitPerHour: s.RateLimitPerHour,
-                LastSyncAt: s.LastSyncAt
+                LastSyncAt: s.LastSyncAt,
+                // OAuth configuration fields
+                OAuthIssuerURL: s.OAuthIssuerURL,
+                OAuthScopes: s.OAuthScopes,
+                OAuthMetadataCacheTTLMinutes: s.OAuthMetadataCacheTTLMinutes,
+                OAuthClientID: s.OAuthClientID,
+                OAuthClientSecretEncrypted: s.OAuthClientSecretEncrypted,
+                OAuthRequirePKCE: s.OAuthRequirePKCE
             }));
             this.connections = MCPEngine.Instance.Connections.map(c => ({
                 ID: c.ID,
@@ -1739,6 +1669,64 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
         this.saveUserPreferencesDebounced();
     }
     // ========================================
+    // Filter Panel
+    // ========================================
+    /**
+     * Toggle filter panel visibility
+     */
+    toggleFilterPanel() {
+        this.FilterPanelVisible = !this.FilterPanelVisible;
+        this.saveUserPreferencesDebounced();
+        this.cdr.detectChanges();
+    }
+    /**
+     * Handle filter changes from the filter panel component
+     */
+    onFiltersChange(filters) {
+        this.filters$.next(filters);
+        this.saveUserPreferencesDebounced();
+    }
+    /**
+     * Get the current filtered count based on active tab
+     */
+    get CurrentFilteredCount() {
+        switch (this.ActiveTab) {
+            case 'servers':
+                return this.filteredServers.length;
+            case 'connections':
+                return this.filteredConnections.length;
+            case 'tools':
+                return this.filteredTools.length;
+            case 'logs':
+                return this.filteredLogs.length;
+            default:
+                return 0;
+        }
+    }
+    /**
+     * Get the total count based on active tab
+     */
+    get CurrentTotalCount() {
+        switch (this.ActiveTab) {
+            case 'servers':
+                return this.servers.length;
+            case 'connections':
+                return this.connections.length;
+            case 'tools':
+                return this.tools.length;
+            case 'logs':
+                return this.executionLogs.length;
+            default:
+                return 0;
+        }
+    }
+    /**
+     * Get current filters value (non-observable)
+     */
+    get CurrentFilters() {
+        return this.filters$.value;
+    }
+    // ========================================
     // Tab Navigation
     // ========================================
     /**
@@ -1765,23 +1753,225 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
         this.cdr.detectChanges();
     }
     async deleteServer(server) {
-        if (!confirm(`Are you sure you want to delete server "${server.Name}"?`)) {
-            return;
+        // Check for related connections first
+        const relatedConnections = this.connections.filter((c) => c.MCPServerID === server.ID);
+        const relatedTools = this.tools.filter((t) => t.MCPServerID === server.ID);
+        if (relatedConnections.length > 0 || relatedTools.length > 0) {
+            const parts = [];
+            if (relatedConnections.length > 0) {
+                parts.push(`${relatedConnections.length} connection(s)`);
+            }
+            if (relatedTools.length > 0) {
+                parts.push(`${relatedTools.length} tool(s)`);
+            }
+            if (!confirm(`Server "${server.Name}" has ${parts.join(' and ')}.\n\n` +
+                `All related records will be deleted. Are you sure you want to proceed?`)) {
+                return;
+            }
+            // Delete related connections first (which will cascade to connection tools/permissions)
+            for (const conn of relatedConnections) {
+                try {
+                    await this.deleteConnectionInternal(conn.ID);
+                }
+                catch (error) {
+                    this.ErrorMessage = `Failed to delete related connection "${conn.Name}": ${error instanceof Error ? error.message : String(error)}`;
+                    this.cdr.detectChanges();
+                    return;
+                }
+            }
+            // Delete related tools
+            for (const tool of relatedTools) {
+                try {
+                    await this.deleteToolInternal(tool.ID);
+                }
+                catch (error) {
+                    this.ErrorMessage = `Failed to delete related tool "${tool.ToolName}": ${error instanceof Error ? error.message : String(error)}`;
+                    this.cdr.detectChanges();
+                    return;
+                }
+            }
+        }
+        else {
+            if (!confirm(`Are you sure you want to delete server "${server.Name}"?`)) {
+                return;
+            }
         }
         try {
             const md = new Metadata();
             const entity = await md.GetEntityObject('MJ: MCP Servers');
-            const loaded = await entity.InnerLoad(new CompositeKey([{ FieldName: 'ID', Value: server.ID }]));
-            if (loaded) {
-                await entity.Delete();
-                await this.loadAllData();
+            const loaded = await entity.Load(server.ID);
+            if (!loaded) {
+                this.ErrorMessage = `Server not found: ${server.Name}`;
+                this.cdr.detectChanges();
+                return;
+            }
+            const deleted = await entity.Delete();
+            if (!deleted) {
+                const errorMsg = entity.LatestResult?.Message || entity.LatestResult?.CompleteMessage || 'Unknown error';
+                this.ErrorMessage = `Failed to delete server: ${errorMsg}`;
+                this.cdr.detectChanges();
+                return;
             }
+            await this.loadAllData();
         }
         catch (error) {
             this.ErrorMessage = `Failed to delete server: ${error instanceof Error ? error.message : String(error)}`;
             this.cdr.detectChanges();
         }
     }
+    /**
+     * Internal helper to delete a tool by ID without confirmation
+     */
+    async deleteToolInternal(toolId) {
+        const md = new Metadata();
+        const entity = await md.GetEntityObject('MJ: MCP Server Tools');
+        const loaded = await entity.Load(toolId);
+        if (!loaded) {
+            throw new Error(`Tool not found`);
+        }
+        const deleted = await entity.Delete();
+        if (!deleted) {
+            const errorMsg = entity.LatestResult?.Message || entity.LatestResult?.CompleteMessage || 'Delete failed';
+            throw new Error(errorMsg);
+        }
+    }
+    /**
+     * Internal helper to delete a connection by ID without confirmation.
+     * Handles deletion of all related records that don't have ON DELETE CASCADE:
+     * - MCP Tool Execution Logs
+     * - OAuth Authorization States
+     * - OAuth Client Registrations
+     * - OAuth Tokens
+     */
+    async deleteConnectionInternal(connectionId) {
+        console.log(`[MCPDashboard] deleteConnectionInternal called for connectionId: ${connectionId}`);
+        const rv = new RunView();
+        const md = new Metadata();
+        // Delete execution logs for this connection
+        console.log('[MCPDashboard] Deleting execution logs...');
+        const logsResult = await rv.RunView({
+            EntityName: 'MJ: MCP Tool Execution Logs',
+            ExtraFilter: `MCPServerConnectionID='${connectionId}'`,
+            Fields: ['ID'],
+            ResultType: 'simple'
+        });
+        if (logsResult.Success && logsResult.Results) {
+            console.log(`[MCPDashboard] Found ${logsResult.Results.length} execution logs to delete`);
+            for (const log of logsResult.Results) {
+                console.log(`[MCPDashboard] Loading execution log ${log.ID}...`);
+                const logEntity = await md.GetEntityObject('MJ: MCP Tool Execution Logs');
+                const loaded = await logEntity.Load(log.ID);
+                console.log(`[MCPDashboard] Load result for execution log ${log.ID}: ${loaded}`);
+                if (loaded) {
+                    const deleted = await logEntity.Delete();
+                    if (!deleted) {
+                        console.error(`[MCPDashboard] Failed to delete execution log ${log.ID}:`, logEntity.LatestResult);
+                        throw new Error(`Failed to delete execution log: ${logEntity.LatestResult?.Message || 'Unknown error'}`);
+                    }
+                    console.log(`[MCPDashboard] Deleted execution log ${log.ID}`);
+                }
+                else {
+                    console.warn(`[MCPDashboard] Could not load execution log ${log.ID} - may have been already deleted`);
+                }
+            }
+        }
+        // Delete OAuth Authorization States for this connection
+        console.log('[MCPDashboard] Deleting OAuth Authorization States...');
+        const authStatesResult = await rv.RunView({
+            EntityName: 'MJ: O Auth Authorization States',
+            ExtraFilter: `MCPServerConnectionID='${connectionId}'`,
+            Fields: ['ID'],
+            ResultType: 'simple'
+        });
+        if (authStatesResult.Success && authStatesResult.Results) {
+            console.log(`[MCPDashboard] Found ${authStatesResult.Results.length} OAuth Authorization States to delete`);
+            for (const state of authStatesResult.Results) {
+                console.log(`[MCPDashboard] Loading OAuth Authorization State ${state.ID}...`);
+                const stateEntity = await md.GetEntityObject('MJ: O Auth Authorization States');
+                const loaded = await stateEntity.Load(state.ID);
+                console.log(`[MCPDashboard] Load result for OAuth Authorization State ${state.ID}: ${loaded}`);
+                if (loaded) {
+                    const deleted = await stateEntity.Delete();
+                    if (!deleted) {
+                        console.error(`[MCPDashboard] Failed to delete OAuth Authorization State ${state.ID}:`, stateEntity.LatestResult);
+                        throw new Error(`Failed to delete OAuth Authorization State: ${stateEntity.LatestResult?.Message || 'Unknown error'}`);
+                    }
+                    console.log(`[MCPDashboard] Deleted OAuth Authorization State ${state.ID}`);
+                }
+                else {
+                    console.warn(`[MCPDashboard] Could not load OAuth Authorization State ${state.ID} - may have been already deleted`);
+                }
+            }
+        }
+        // Delete OAuth Client Registrations for this connection
+        console.log('[MCPDashboard] Deleting OAuth Client Registrations...');
+        const clientRegsResult = await rv.RunView({
+            EntityName: 'MJ: O Auth Client Registrations',
+            ExtraFilter: `MCPServerConnectionID='${connectionId}'`,
+            Fields: ['ID'],
+            ResultType: 'simple'
+        });
+        if (clientRegsResult.Success && clientRegsResult.Results) {
+            console.log(`[MCPDashboard] Found ${clientRegsResult.Results.length} OAuth Client Registrations to delete`);
+            for (const reg of clientRegsResult.Results) {
+                console.log(`[MCPDashboard] Loading OAuth Client Registration ${reg.ID}...`);
+                const regEntity = await md.GetEntityObject('MJ: O Auth Client Registrations');
+                const loaded = await regEntity.Load(reg.ID);
+                console.log(`[MCPDashboard] Load result for OAuth Client Registration ${reg.ID}: ${loaded}`);
+                if (loaded) {
+                    const deleted = await regEntity.Delete();
+                    if (!deleted) {
+                        console.error(`[MCPDashboard] Failed to delete OAuth Client Registration ${reg.ID}:`, regEntity.LatestResult);
+                        throw new Error(`Failed to delete OAuth Client Registration: ${regEntity.LatestResult?.Message || 'Unknown error'}`);
+                    }
+                    console.log(`[MCPDashboard] Deleted OAuth Client Registration ${reg.ID}`);
+                }
+                else {
+                    console.warn(`[MCPDashboard] Could not load OAuth Client Registration ${reg.ID} - may have been already deleted`);
+                }
+            }
+        }
+        // Delete OAuth Tokens for this connection
+        console.log('[MCPDashboard] Deleting OAuth Tokens...');
+        const tokensResult = await rv.RunView({
+            EntityName: 'MJ: O Auth Tokens',
+            ExtraFilter: `MCPServerConnectionID='${connectionId}'`,
+            Fields: ['ID'],
+            ResultType: 'simple'
+        });
+        if (tokensResult.Success && tokensResult.Results) {
+            console.log(`[MCPDashboard] Found ${tokensResult.Results.length} OAuth Tokens to delete`);
+            for (const token of tokensResult.Results) {
+                console.log(`[MCPDashboard] Loading OAuth Token ${token.ID}...`);
+                const tokenEntity = await md.GetEntityObject('MJ: O Auth Tokens');
+                const loaded = await tokenEntity.Load(token.ID);
+                console.log(`[MCPDashboard] Load result for OAuth Token ${token.ID}: ${loaded}`);
+                if (loaded) {
+                    const deleted = await tokenEntity.Delete();
+                    if (!deleted) {
+                        console.error(`[MCPDashboard] Failed to delete OAuth Token ${token.ID}:`, tokenEntity.LatestResult);
+                        throw new Error(`Failed to delete OAuth Token: ${tokenEntity.LatestResult?.Message || 'Unknown error'}`);
+                    }
+                    console.log(`[MCPDashboard] Deleted OAuth Token ${token.ID}`);
+                }
+                else {
+                    console.warn(`[MCPDashboard] Could not load OAuth Token ${token.ID} - may have been already deleted`);
+                }
+            }
+        }
+        // Now delete the connection itself
+        console.log('[MCPDashboard] All related records deleted. Now deleting the connection itself...');
+        const entity = await md.GetEntityObject('MJ: MCP Server Connections');
+        const loaded = await entity.Load(connectionId);
+        if (!loaded) {
+            throw new Error(`Connection not found`);
+        }
+        const deleted = await entity.Delete();
+        if (!deleted) {
+            const errorMsg = entity.LatestResult?.Message || entity.LatestResult?.CompleteMessage || 'Delete failed';
+            throw new Error(errorMsg);
+        }
+    }
     async onServerDialogClose(result) {
         this.ShowServerDialog = false;
         this.EditingServer = null;
@@ -1804,18 +1994,24 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
         this.cdr.detectChanges();
     }
     async deleteConnection(connection) {
-        if (!confirm(`Are you sure you want to delete connection "${connection.Name}"?`)) {
-            return;
+        // Check for related execution logs
+        const relatedLogs = this.executionLogs.filter(l => l.ConnectionID === connection.ID);
+        if (relatedLogs.length > 0) {
+            if (!confirm(`Connection "${connection.Name}" has ${relatedLogs.length} execution log(s).\n\n` +
+                `All related logs will be deleted. Are you sure you want to proceed?`)) {
+                return;
+            }
         }
-        try {
-            const md = new Metadata();
-            const entity = await md.GetEntityObject('MJ: MCP Server Connections');
-            const loaded = await entity.InnerLoad(new CompositeKey([{ FieldName: 'ID', Value: connection.ID }]));
-            if (loaded) {
-                await entity.Delete();
-                await this.loadAllData();
+        else {
+            if (!confirm(`Are you sure you want to delete connection "${connection.Name}"?`)) {
+                return;
             }
         }
+        try {
+            // Use the internal method which handles deleting related records
+            await this.deleteConnectionInternal(connection.ID);
+            await this.loadAllData();
+        }
         catch (error) {
             this.ErrorMessage = `Failed to delete connection: ${error instanceof Error ? error.message : String(error)}`;
             this.cdr.detectChanges();
@@ -2044,8 +2240,15 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
         try {
             const result = await this.mcpToolsService.syncTools(connectionId);
             if (result.Success) {
-                // Reload data to show updated tools
-                await this.loadAllData();
+                // Force refresh to show updated tools - backend changes don't trigger local events
+                await this.loadAllData(true);
+            }
+            else if (result.RequiresOAuth || result.RequiresReauthorization) {
+                // OAuth authorization is required - initiate fresh OAuth flow with frontend callback
+                // Note: We ignore result.AuthorizationUrl because it was built with the server's callback URL
+                // We need to initiate a fresh flow that uses the frontend callback URL
+                console.log(`[MCPDashboard] OAuth ${result.RequiresReauthorization ? 're-' : ''}authorization required, initiating frontend OAuth flow...`);
+                await this.initiateOAuthFlow(connectionId);
             }
             else {
                 this.ErrorMessage = `Sync failed: ${result.ErrorMessage}`;
@@ -2078,6 +2281,116 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
         return state.progress.message;
     }
     // ========================================
+    // OAuth Operations
+    // ========================================
+    /**
+     * Checks for OAuth completion by looking for query params set by the OAuth callback
+     */
+    checkOAuthCompletion() {
+        const params = this.route.snapshot.queryParams;
+        if (params['oauth'] === 'success') {
+            // OAuth completed successfully
+            const connectionId = params['connectionId'];
+            console.log(`[MCPDashboard] OAuth authorization completed for connection: ${connectionId}`);
+            // Show success notification
+            this.showSuccessNotification('OAuth authorization completed successfully');
+            // Clear the query params without triggering a full navigation
+            this.router.navigate([], {
+                relativeTo: this.route,
+                queryParams: {},
+                queryParamsHandling: 'merge',
+                replaceUrl: true
+            });
+            // Refresh data to pick up new OAuth state
+            this.loadAllData(true);
+        }
+        else if (params['oauth'] === 'error') {
+            // OAuth failed
+            const errorCode = params['error'] || 'unknown_error';
+            const errorMessage = params['error_description'] || 'Authorization failed';
+            console.error(`[MCPDashboard] OAuth authorization failed: ${errorCode} - ${errorMessage}`);
+            // Show error message
+            this.ErrorMessage = `OAuth authorization failed: ${errorMessage}`;
+            // Clear the query params
+            this.router.navigate([], {
+                relativeTo: this.route,
+                queryParams: {},
+                queryParamsHandling: 'merge',
+                replaceUrl: true
+            });
+        }
+    }
+    /**
+     * Shows a success notification (temporary)
+     */
+    showSuccessNotification(message) {
+        // For now, use a simple console log and clear any error message
+        console.log(`[MCPDashboard] Success: ${message}`);
+        this.ErrorMessage = null;
+        // TODO: Implement proper toast/notification system
+    }
+    /**
+     * Initiates OAuth authorization flow for a connection.
+     * Stores the current URL and redirects directly to the OAuth provider.
+     * Always uses the frontend callback URL so the OAuth redirect comes back to MJExplorer.
+     *
+     * @param connectionId - The MCP connection ID requiring OAuth
+     */
+    async initiateOAuthFlow(connectionId) {
+        // Store current URL for return after OAuth completion
+        // Store both full URL and path-only version for cross-origin scenarios
+        const currentUrl = window.location.href;
+        const currentPath = window.location.pathname + window.location.search;
+        // Store in both localStorage and sessionStorage for redundancy
+        localStorage.setItem('oauth_return_url', currentUrl);
+        localStorage.setItem('oauth_return_path', currentPath);
+        sessionStorage.setItem('oauth_return_url', currentUrl);
+        sessionStorage.setItem('oauth_return_path', currentPath);
+        console.log('[MCPDashboard] Stored OAuth return URL:', currentUrl);
+        console.log('[MCPDashboard] Stored OAuth return path:', currentPath);
+        // Initiate OAuth via GraphQL to get the URL with frontend callback
+        const result = await this.initiateMCPOAuth(connectionId);
+        if (result.Success && result.AuthorizationUrl) {
+            console.log('[MCPDashboard] Redirecting to OAuth provider:', result.AuthorizationUrl);
+            window.location.href = result.AuthorizationUrl;
+        }
+        else {
+            this.ErrorMessage = result.ErrorMessage || 'Failed to initiate OAuth authorization';
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Calls the InitiateMCPOAuth mutation with frontend callback URL
+     */
+    async initiateMCPOAuth(connectionId) {
+        try {
+            const { GraphQLDataProvider, gql } = await import('@memberjunction/graphql-dataprovider');
+            const mutation = gql `
+                mutation InitiateMCPOAuth($input: InitiateMCPOAuthInput!) {
+                    InitiateMCPOAuth(input: $input) {
+                        Success
+                        ErrorMessage
+                        AuthorizationUrl
+                        StateParameter
+                    }
+                }
+            `;
+            // Use the frontend callback URL so we handle the OAuth redirect
+            const frontendCallbackUrl = `${window.location.origin}/oauth/callback`;
+            const result = await GraphQLDataProvider.Instance.ExecuteGQL(mutation, {
+                input: {
+                    ConnectionID: connectionId,
+                    FrontendCallbackUrl: frontendCallbackUrl
+                }
+            });
+            return result?.InitiateMCPOAuth || { Success: false, ErrorMessage: 'No result returned' };
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            return { Success: false, ErrorMessage: message };
+        }
+    }
+    // ========================================
     // Utility Methods
     // ========================================
     getStatusClass(status) {
@@ -2330,95 +2643,79 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
         this.ShowTestToolDialog = true;
         this.cdr.detectChanges();
     }
-    static ɵfac = function MCPDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MCPDashboardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i2.NavigationService), i0.ɵɵdirectiveInject(i3.MCPToolsService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MCPDashboardComponent, selectors: [["mj-mcp-dashboard"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 75, vars: 35, consts: [[1, "mcp-dashboard"], [1, "sidebar"], [1, "sidebar-header"], [1, "fa-solid", "fa-plug-circle-bolt"], [1, "sidebar-title"], [1, "sidebar-nav"], [1, "nav-item", 3, "click"], [1, "fa-solid", "fa-server"], [1, "nav-label"], [1, "nav-badge"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-wrench"], [1, "fa-solid", "fa-list-check"], [1, "sidebar-stats"], [1, "stat-row"], [1, "stat-label"], [1, "stat-value"], [1, "stat-row", "error"], [1, "sidebar-footer"], ["kendoButton", "", "fillMode", "flat", "title", "Refresh", 3, "click", "disabled"], [1, "fa-solid", "fa-sync"], [1, "main-content"], [1, "error-banner"], [1, "content-header"], [1, "content-title"], [1, "header-actions"], [1, "search-box"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search...", 3, "ngModelChange", "ngModel"], [1, "status-filter", 3, "ngModel"], [1, "content-body"], ["text", "Loading MCP data..."], [3, "server", "visible"], [3, "connection", "servers", "visible"], [3, "Visible", "Servers", "Connections", "Tools", "SelectedServerID", "SelectedConnectionID", "SelectedToolID"], [3, "Visible", "Log"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "status-filter", 3, "ngModelChange", "ngModel"], ["value", "all"], ["value", "Active"], ["value", "Inactive"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["value", "Error"], ["value", "Deprecated"], [1, "view-toggle"], ["kendoButton", "", "fillMode", "flat", "title", "Card View", 3, "click"], [1, "fa-solid", "fa-grip"], ["kendoButton", "", "fillMode", "flat", "title", "List View", 3, "click"], [1, "fa-solid", "fa-list"], ["value", "server"], ["value", "name"], ["value", "discovered"], ["value", "lastSeen"], [1, "fa-solid", "fa-play"], ["value", "Success"], ["value", "Running"], [1, "data-grid", "servers-grid"], [1, "data-grid", "connections-grid"], [1, "data-table"], [1, "empty-state"], [1, "data-card", 3, "expanded"], [1, "data-card"], [1, "card-header", "clickable", 3, "click"], [1, "card-title"], [1, "fa-solid", "fa-chevron-right", "expand-arrow"], [1, "name", 3, "innerHTML"], [1, "status-badge", 3, "ngClass"], [1, "card-actions", 3, "click"], ["kendoButton", "", "fillMode", "flat", "title", "Edit", 3, "click"], [1, "fa-solid", "fa-pen"], ["kendoButton", "", "fillMode", "flat", "title", "Delete", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "card-body"], [1, "description", 3, "innerHTML"], [1, "details-grid"], [1, "detail"], [1, "label"], [1, "value"], [1, "detail", "full-width"], [1, "expanded-tools-section"], [1, "value", "url"], [1, "value", "command"], [1, "tools-section-header"], [1, "no-tools-message"], [1, "tools-mini-list"], [1, "fa-solid", "fa-info-circle"], [1, "tool-mini-card"], [1, "tool-mini-info"], [1, "tool-mini-name"], [1, "tool-mini-params"], [1, "fa-solid", "fa-sliders"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Test this tool", 3, "click"], ["kendoButton", "", "fillMode", "flat", "title", "Sync Tools", 3, "click", "disabled"], [1, "fa-solid", "fa-sync", "fa-spin"], [1, "sync-progress-banner"], [1, "sync-result-banner", 3, "success", "error"], [1, "detail", "full-width", "error"], [1, "fa-solid", "fa-circle-notch", "fa-spin"], [1, "sync-message"], [1, "sync-result-banner"], [1, "fa-solid", "fa-check-circle"], [1, "fa-solid", "fa-exclamation-circle"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Test this tool with this connection", 3, "click"], [1, "tools-container"], [1, "hint"], [1, "server-group", 3, "collapsed"], [1, "server-group"], [1, "server-group-header", 3, "click"], [1, "server-info"], [1, "fa-solid", "fa-chevron-right", "expand-icon"], [1, "server-name"], [1, "tool-count"], [1, "status-badge", "small", 3, "ngClass"], [1, "server-actions", 3, "click"], ["kendoButton", "", "fillMode", "flat", "title", "Test a tool", 3, "click"], [1, "tools-grid"], [1, "tools-list"], [1, "tool-card", 3, "expanded"], [1, "tool-card"], [1, "tool-card-header", 3, "click"], [1, "tool-title"], [1, "tool-meta"], ["title", "Parameters", 1, "param-badge"], [1, "tool-description", 3, "innerHTML"], [1, "tool-card-actions"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "View details", 3, "click"], [1, "fa-solid"], [1, "tool-details"], [1, "detail-row"], [1, "detail-label"], [1, "detail-value", "mono"], [1, "detail-value"], [1, "detail-row", "full"], [1, "schema-preview"], [1, "tool-name-cell"], [1, "tool-name-info"], [1, "tool-title", 3, "innerHTML"], [1, "tool-code"], [1, "description-cell", 3, "innerHTML"], [1, "param-count"], [1, "actions-cell"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Test", 3, "click"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Details", 3, "click"], [1, "detail-row-expanded"], ["colspan", "6"], [1, "inline-details"], [1, "detail-section"], [1, "detail-section", "full"], [1, "sortable", 3, "click", "ngClass"], [1, "sort-icon", "fa-solid"], ["title", "Click for details", 1, "clickable-row", 3, "error-row"], ["title", "Click for details", 1, "clickable-row", 3, "click"], [1, "fa-solid", "fa-times-circle"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-question-circle"], [1, "tool-name"], [1, "error-message", 3, "title"], [1, "action-cell"], [1, "fa-solid", "fa-chevron-right"], [3, "close", "server", "visible"], [3, "close", "connection", "servers", "visible"], [3, "Close", "Visible", "Servers", "Connections", "Tools", "SelectedServerID", "SelectedConnectionID", "SelectedToolID"], [3, "Close", "RunAgain", "Visible", "Log"]], template: function MCPDashboardComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
-            i0.ɵɵelement(3, "i", 3);
-            i0.ɵɵelementStart(4, "span", 4);
-            i0.ɵɵtext(5, "MCP");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(6, "nav", 5)(7, "button", 6);
-            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_7_listener() { return ctx.setActiveTab("servers"); });
-            i0.ɵɵelement(8, "i", 7);
-            i0.ɵɵelementStart(9, "span", 8);
-            i0.ɵɵtext(10, "Servers");
+    static ɵfac = function MCPDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MCPDashboardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.NavigationService), i0.ɵɵdirectiveInject(i3.MCPToolsService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MCPDashboardComponent, selectors: [["mj-mcp-dashboard"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 55, vars: 30, consts: [[1, "mcp-dashboard"], [1, "dashboard-header"], [1, "header-info"], [1, "dashboard-title"], [1, "fa-solid", "fa-plug-circle-bolt"], ["type", "button", "title", "Toggle Filters", 1, "filter-toggle-btn", 3, "click"], [1, "fa-solid", "fa-filter"], [1, "item-count"], [1, "header-controls"], [1, "tab-nav"], ["type", "button", 1, "tab-btn", 3, "click"], [1, "fa-solid", "fa-server"], [1, "tab-label"], [1, "tab-badge"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-wrench"], [1, "fa-solid", "fa-list-check"], ["kendoButton", "", "themeColor", "primary"], ["kendoButton", "", "fillMode", "flat", "title", "Refresh", 3, "disabled"], [1, "main-content"], [1, "filter-panel-container"], [3, "filtersChange", "closePanel", "filters", "activeTab", "totalCount", "filteredCount"], [1, "resize-handle"], [1, "content-area"], [1, "error-banner"], [1, "content-body"], ["text", "Loading MCP data..."], [3, "server", "visible"], [3, "connection", "servers", "visible"], [3, "Visible", "Servers", "Connections", "Tools", "SelectedServerID", "SelectedConnectionID", "SelectedToolID"], [3, "Visible", "Log"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "view-toggle"], ["type", "button", "title", "Card View", 1, "view-btn", 3, "click"], [1, "fa-solid", "fa-grip"], ["type", "button", "title", "List View", 1, "view-btn", 3, "click"], [1, "fa-solid", "fa-list"], [1, "fa-solid", "fa-play"], ["kendoButton", "", "fillMode", "flat", "title", "Refresh", 3, "click", "disabled"], [1, "fa-solid", "fa-sync"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "data-grid", "servers-grid"], [1, "data-grid", "connections-grid"], [1, "data-table"], [1, "empty-state"], [1, "data-card", 3, "expanded"], [1, "data-card"], [1, "card-header", "clickable", 3, "click"], [1, "card-title"], [1, "fa-solid", "fa-chevron-right", "expand-arrow"], [1, "name", 3, "innerHTML"], [1, "status-badge", 3, "ngClass"], [1, "card-actions", 3, "click"], ["kendoButton", "", "fillMode", "flat", "title", "Edit", 3, "click"], [1, "fa-solid", "fa-pen"], ["kendoButton", "", "fillMode", "flat", "title", "Delete", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "card-body"], [1, "description", 3, "innerHTML"], [1, "details-grid"], [1, "detail"], [1, "label"], [1, "value"], [1, "detail", "full-width"], [1, "expanded-tools-section"], [1, "value", "url"], [1, "value", "command"], [1, "tools-section-header"], [1, "no-tools-message"], [1, "tools-mini-list"], [1, "fa-solid", "fa-info-circle"], [1, "tool-mini-card"], [1, "tool-mini-info"], [1, "tool-mini-name"], [1, "tool-mini-params"], [1, "fa-solid", "fa-sliders"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Test this tool", 3, "click"], ["kendoButton", "", "fillMode", "flat", "title", "Sync Tools", 3, "click", "disabled"], [1, "fa-solid", "fa-sync", "fa-spin"], [1, "sync-progress-banner"], [1, "sync-result-banner", 3, "success", "error"], [1, "detail", "full-width", "error"], [1, "fa-solid", "fa-circle-notch", "fa-spin"], [1, "sync-message"], [1, "sync-result-banner"], [1, "fa-solid", "fa-check-circle"], [1, "fa-solid", "fa-exclamation-circle"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Test this tool with this connection", 3, "click"], [1, "tools-container"], [1, "hint"], [1, "server-group", 3, "collapsed"], [1, "server-group"], [1, "server-group-header", 3, "click"], [1, "server-info"], [1, "fa-solid", "fa-chevron-right", "expand-icon"], [1, "server-name"], [1, "tool-count"], [1, "status-badge", "small", 3, "ngClass"], [1, "server-actions", 3, "click"], ["kendoButton", "", "fillMode", "flat", "title", "Test a tool", 3, "click"], [1, "tools-grid"], [1, "tools-list"], [1, "tool-card", 3, "expanded"], [1, "tool-card"], [1, "tool-card-header", 3, "click"], [1, "tool-title"], [1, "tool-meta"], ["title", "Parameters", 1, "param-badge"], [1, "tool-description", 3, "innerHTML"], [1, "tool-card-actions"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "View details", 3, "click"], [1, "fa-solid"], [1, "tool-details"], [1, "detail-row"], [1, "detail-label"], [1, "detail-value", "mono"], [1, "detail-value"], [1, "detail-row", "full"], [1, "schema-preview"], [1, "tool-name-cell"], [1, "tool-name-info"], [1, "tool-title", 3, "innerHTML"], [1, "tool-code"], [1, "description-cell", 3, "innerHTML"], [1, "param-count"], [1, "actions-cell"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Test", 3, "click"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Details", 3, "click"], [1, "detail-row-expanded"], ["colspan", "6"], [1, "inline-details"], [1, "detail-section"], [1, "detail-section", "full"], [1, "sortable", 3, "click", "ngClass"], [1, "sort-icon", "fa-solid"], ["title", "Click for details", 1, "clickable-row", 3, "error-row"], ["title", "Click for details", 1, "clickable-row", 3, "click"], [1, "fa-solid", "fa-times-circle"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-question-circle"], [1, "tool-name"], [1, "error-message", 3, "title"], [1, "action-cell"], [1, "fa-solid", "fa-chevron-right"], [3, "close", "server", "visible"], [3, "close", "connection", "servers", "visible"], [3, "Close", "Visible", "Servers", "Connections", "Tools", "SelectedServerID", "SelectedConnectionID", "SelectedToolID"], [3, "Close", "RunAgain", "Visible", "Log"]], template: function MCPDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h2", 3);
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵtext(5, " MCP Dashboard ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(11, "span", 9);
-            i0.ɵɵtext(12);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(13, "button", 6);
-            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_13_listener() { return ctx.setActiveTab("connections"); });
-            i0.ɵɵelement(14, "i", 10);
-            i0.ɵɵelementStart(15, "span", 8);
-            i0.ɵɵtext(16, "Connections");
+            i0.ɵɵelementStart(6, "button", 5);
+            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_6_listener() { return ctx.toggleFilterPanel(); });
+            i0.ɵɵelement(7, "i", 6);
+            i0.ɵɵconditionalCreate(8, MCPDashboardComponent_Conditional_8_Template, 1, 0)(9, MCPDashboardComponent_Conditional_9_Template, 1, 0);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(17, "span", 9);
-            i0.ɵɵtext(18);
+            i0.ɵɵelementStart(10, "span", 7);
+            i0.ɵɵtext(11);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(19, "button", 6);
-            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_19_listener() { return ctx.setActiveTab("tools"); });
-            i0.ɵɵelement(20, "i", 11);
-            i0.ɵɵelementStart(21, "span", 8);
-            i0.ɵɵtext(22, "Tools");
+            i0.ɵɵelementStart(12, "div", 8)(13, "div", 9)(14, "button", 10);
+            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_14_listener() { return ctx.setActiveTab("servers"); });
+            i0.ɵɵelement(15, "i", 11);
+            i0.ɵɵelementStart(16, "span", 12);
+            i0.ɵɵtext(17, "Servers");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(23, "span", 9);
-            i0.ɵɵtext(24);
+            i0.ɵɵelementStart(18, "span", 13);
+            i0.ɵɵtext(19);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(25, "button", 6);
-            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_25_listener() { return ctx.setActiveTab("logs"); });
-            i0.ɵɵelement(26, "i", 12);
-            i0.ɵɵelementStart(27, "span", 8);
-            i0.ɵɵtext(28, "Logs");
+            i0.ɵɵelementStart(20, "button", 10);
+            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_20_listener() { return ctx.setActiveTab("connections"); });
+            i0.ɵɵelement(21, "i", 14);
+            i0.ɵɵelementStart(22, "span", 12);
+            i0.ɵɵtext(23, "Connections");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(29, "span", 9);
-            i0.ɵɵtext(30);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(31, "div", 13)(32, "div", 14)(33, "span", 15);
-            i0.ɵɵtext(34, "Active Servers");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(35, "span", 16);
-            i0.ɵɵtext(36);
+            i0.ɵɵelementStart(24, "span", 13);
+            i0.ɵɵtext(25);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(37, "div", 14)(38, "span", 15);
-            i0.ɵɵtext(39, "Active Connections");
+            i0.ɵɵelementStart(26, "button", 10);
+            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_26_listener() { return ctx.setActiveTab("tools"); });
+            i0.ɵɵelement(27, "i", 15);
+            i0.ɵɵelementStart(28, "span", 12);
+            i0.ɵɵtext(29, "Tools");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(40, "span", 16);
-            i0.ɵɵtext(41);
+            i0.ɵɵelementStart(30, "span", 13);
+            i0.ɵɵtext(31);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(42, "div", 14)(43, "span", 15);
-            i0.ɵɵtext(44, "Active Tools");
+            i0.ɵɵelementStart(32, "button", 10);
+            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_32_listener() { return ctx.setActiveTab("logs"); });
+            i0.ɵɵelement(33, "i", 16);
+            i0.ɵɵelementStart(34, "span", 12);
+            i0.ɵɵtext(35, "Logs");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(45, "span", 16);
-            i0.ɵɵtext(46);
+            i0.ɵɵelementStart(36, "span", 13);
+            i0.ɵɵtext(37);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵconditionalCreate(38, MCPDashboardComponent_Case_38_Template, 3, 0, "button", 17)(39, MCPDashboardComponent_Case_39_Template, 3, 0, "button", 17)(40, MCPDashboardComponent_Case_40_Template, 8, 4)(41, MCPDashboardComponent_Case_41_Template, 3, 3, "button", 18);
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(47, MCPDashboardComponent_Conditional_47_Template, 5, 1, "div", 17);
+            i0.ɵɵelementStart(42, "div", 19)(43, "div", 20)(44, "mj-mcp-filter-panel", 21);
+            i0.ɵɵlistener("filtersChange", function MCPDashboardComponent_Template_mj_mcp_filter_panel_filtersChange_44_listener($event) { return ctx.onFiltersChange($event); })("closePanel", function MCPDashboardComponent_Template_mj_mcp_filter_panel_closePanel_44_listener() { return ctx.toggleFilterPanel(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(48, "div", 18)(49, "button", 19);
-            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_49_listener() { return ctx.loadAllData(); });
-            i0.ɵɵelement(50, "i", 20);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(51, "div", 21);
-            i0.ɵɵtemplate(52, MCPDashboardComponent_Conditional_52_Template, 5, 1, "div", 22);
-            i0.ɵɵelementStart(53, "div", 23)(54, "h2", 24);
-            i0.ɵɵtemplate(55, MCPDashboardComponent_Case_55_Template, 1, 0)(56, MCPDashboardComponent_Case_56_Template, 1, 0)(57, MCPDashboardComponent_Case_57_Template, 1, 0)(58, MCPDashboardComponent_Case_58_Template, 1, 0);
+            i0.ɵɵelement(45, "div", 22);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(59, "div", 25)(60, "div", 26);
-            i0.ɵɵelement(61, "i", 27);
-            i0.ɵɵelementStart(62, "input", 28);
-            i0.ɵɵpipe(63, "async");
-            i0.ɵɵlistener("ngModelChange", function MCPDashboardComponent_Template_input_ngModelChange_62_listener($event) { return ctx.onSearchChange($event); });
-            i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(64, MCPDashboardComponent_Case_64_Template, 11, 3)(65, MCPDashboardComponent_Case_65_Template, 13, 3)(66, MCPDashboardComponent_Case_66_Template, 25, 8)(67, MCPDashboardComponent_Case_67_Template, 10, 3, "select", 29);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(68, "div", 30);
-            i0.ɵɵtemplate(69, MCPDashboardComponent_Conditional_69_Template, 1, 0, "mj-loading", 31)(70, MCPDashboardComponent_Conditional_70_Template, 4, 1);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵtemplate(71, MCPDashboardComponent_Conditional_71_Template, 1, 2, "mj-mcp-server-dialog", 32)(72, MCPDashboardComponent_Conditional_72_Template, 1, 3, "mj-mcp-connection-dialog", 33)(73, MCPDashboardComponent_Conditional_73_Template, 1, 7, "mj-mcp-test-tool-dialog", 34)(74, MCPDashboardComponent_Conditional_74_Template, 1, 2, "mj-mcp-log-detail-panel", 35);
+            i0.ɵɵelementStart(46, "div", 23);
+            i0.ɵɵconditionalCreate(47, MCPDashboardComponent_Conditional_47_Template, 5, 1, "div", 24);
+            i0.ɵɵelementStart(48, "div", 25);
+            i0.ɵɵconditionalCreate(49, MCPDashboardComponent_Conditional_49_Template, 1, 0, "mj-loading", 26)(50, MCPDashboardComponent_Conditional_50_Template, 4, 1);
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵconditionalCreate(51, MCPDashboardComponent_Conditional_51_Template, 1, 2, "mj-mcp-server-dialog", 27);
+            i0.ɵɵconditionalCreate(52, MCPDashboardComponent_Conditional_52_Template, 1, 3, "mj-mcp-connection-dialog", 28);
+            i0.ɵɵconditionalCreate(53, MCPDashboardComponent_Conditional_53_Template, 1, 7, "mj-mcp-test-tool-dialog", 29);
+            i0.ɵɵconditionalCreate(54, MCPDashboardComponent_Conditional_54_Template, 1, 2, "mj-mcp-log-detail-panel", 30);
         } if (rf & 2) {
-            let tmp_16_0;
-            let tmp_17_0;
-            let tmp_18_0;
-            i0.ɵɵadvance(7);
+            let tmp_11_0;
+            i0.ɵɵadvance(8);
+            i0.ɵɵconditional(ctx.FilterPanelVisible ? 8 : 9);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate2("", ctx.CurrentFilteredCount, " of ", ctx.CurrentTotalCount, " items");
+            i0.ɵɵadvance(3);
             i0.ɵɵclassProp("active", ctx.ActiveTab === "servers");
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate(ctx.servers.length);
@@ -2436,37 +2733,25 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
             i0.ɵɵclassProp("has-errors", ctx.stats.failedExecutions > 0);
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate(ctx.executionLogs.length);
-            i0.ɵɵadvance(6);
-            i0.ɵɵtextInterpolate2("", ctx.stats.activeServers, "/", ctx.stats.totalServers, "");
-            i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate2("", ctx.stats.activeConnections, "/", ctx.stats.totalConnections, "");
-            i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate2("", ctx.stats.activeTools, "/", ctx.stats.totalTools, "");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.stats.failedExecutions > 0 ? 47 : -1);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("disabled", ctx.IsLoading);
+            i0.ɵɵconditional((tmp_11_0 = ctx.ActiveTab) === "servers" ? 38 : tmp_11_0 === "connections" ? 39 : tmp_11_0 === "tools" ? 40 : tmp_11_0 === "logs" ? 41 : -1);
+            i0.ɵɵadvance(5);
+            i0.ɵɵclassProp("hidden", !ctx.FilterPanelVisible);
             i0.ɵɵadvance();
-            i0.ɵɵclassProp("fa-spin", ctx.IsLoading);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.ErrorMessage ? 52 : -1);
+            i0.ɵɵproperty("filters", ctx.CurrentFilters)("activeTab", ctx.ActiveTab)("totalCount", ctx.CurrentTotalCount)("filteredCount", ctx.CurrentFilteredCount);
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional((tmp_16_0 = ctx.ActiveTab) === "servers" ? 55 : tmp_16_0 === "connections" ? 56 : tmp_16_0 === "tools" ? 57 : tmp_16_0 === "logs" ? 58 : -1);
-            i0.ɵɵadvance(7);
-            i0.ɵɵproperty("ngModel", (tmp_17_0 = i0.ɵɵpipeBind1(63, 33, ctx.filters$)) == null ? null : tmp_17_0.searchTerm);
+            i0.ɵɵconditional(ctx.ErrorMessage ? 47 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional((tmp_18_0 = ctx.ActiveTab) === "servers" ? 64 : tmp_18_0 === "connections" ? 65 : tmp_18_0 === "tools" ? 66 : tmp_18_0 === "logs" ? 67 : -1);
-            i0.ɵɵadvance(5);
-            i0.ɵɵconditional(ctx.IsLoading ? 69 : 70);
+            i0.ɵɵconditional(ctx.IsLoading ? 49 : 50);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.ShowServerDialog ? 71 : -1);
+            i0.ɵɵconditional(ctx.ShowServerDialog ? 51 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowConnectionDialog ? 72 : -1);
+            i0.ɵɵconditional(ctx.ShowConnectionDialog ? 52 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowTestToolDialog ? 73 : -1);
+            i0.ɵɵconditional(ctx.ShowTestToolDialog ? 53 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowLogDetailPanel && ctx.SelectedLog ? 74 : -1);
-        } }, styles: ["\n\n.mcp-dashboard[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: row;\n    height: 100%;\n    background: var(--mj-background-color, #f5f5f5);\n    overflow: hidden;\n}\n\n\n\n\n\n.sidebar[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    width: 220px;\n    min-width: 220px;\n    background: white;\n    border-right: 1px solid #e0e0e0;\n    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.04);\n}\n\n.sidebar-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 20px 16px;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.sidebar-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.sidebar-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-color, #333);\n}\n\n\n\n.sidebar-nav[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    padding: 12px 8px;\n    flex: 1;\n}\n\n.nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    margin-bottom: 4px;\n    background: none;\n    border: none;\n    border-radius: 8px;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-secondary-color, #666);\n    transition: all 0.2s ease;\n    text-align: left;\n    width: 100%;\n}\n\n.nav-item[_ngcontent-%COMP%]:hover {\n    background: rgba(33, 150, 243, 0.08);\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.nav-item.active[_ngcontent-%COMP%] {\n    background: rgba(33, 150, 243, 0.12);\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    width: 20px;\n    text-align: center;\n    font-size: 16px;\n}\n\n.nav-label[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.nav-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 20px;\n    padding: 0 6px;\n    background: #e0e0e0;\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n    color: #666;\n}\n\n.nav-item.active[_ngcontent-%COMP%]   .nav-badge[_ngcontent-%COMP%] {\n    background: var(--mj-primary-color, #2196f3);\n    color: white;\n}\n\n.nav-badge.has-errors[_ngcontent-%COMP%] {\n    background: #f44336;\n    color: white;\n}\n\n\n\n.sidebar-stats[_ngcontent-%COMP%] {\n    padding: 16px;\n    border-top: 1px solid #e0e0e0;\n    background: #fafafa;\n}\n\n.stat-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 0;\n    font-size: 12px;\n}\n\n.stat-row[_ngcontent-%COMP%]   .stat-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.stat-row[_ngcontent-%COMP%]   .stat-value[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-color, #333);\n}\n\n.stat-row.error[_ngcontent-%COMP%]   .stat-value[_ngcontent-%COMP%] {\n    color: #f44336;\n}\n\n\n\n.sidebar-footer[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    padding: 12px;\n    border-top: 1px solid #e0e0e0;\n}\n\n\n\n\n\n.main-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    overflow: hidden;\n    min-width: 0;\n}\n\n\n\n.content-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 24px;\n    background: white;\n    border-bottom: 1px solid #e0e0e0;\n    flex-shrink: 0;\n}\n\n.content-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--mj-text-color, #333);\n}\n\n.header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n\n\n.search-box[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: #f5f5f5;\n    border-radius: 6px;\n    min-width: 200px;\n}\n\n.search-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #999;\n}\n\n.search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none;\n    background: none;\n    outline: none;\n    font-size: 14px;\n}\n\n.status-filter[_ngcontent-%COMP%] {\n    padding: 8px 12px;\n    border: 1px solid #e0e0e0;\n    border-radius: 6px;\n    font-size: 14px;\n    background: white;\n    cursor: pointer;\n}\n\n\n\n.content-body[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 20px 24px;\n    overflow: auto;\n}\n\n\n\n.error-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    margin: 16px 24px 0 24px;\n    background: #ffebee;\n    border: 1px solid #f44336;\n    border-radius: 8px;\n    color: #c62828;\n}\n\n.error-banner[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%] {\n    margin-left: auto;\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: #c62828;\n    padding: 4px;\n}\n\n\n\n\n\n\n\n\n.data-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n    gap: 16px;\n}\n\n.data-card[_ngcontent-%COMP%] {\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    overflow: hidden;\n    background: white;\n    transition: box-shadow 0.2s ease;\n}\n\n.data-card[_ngcontent-%COMP%]:hover {\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n\n.card-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: #fafafa;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.card-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.card-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.card-title[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 15px;\n}\n\n.card-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.card-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    padding: 4px 8px;\n}\n\n.card-body[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n.card-body[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    color: var(--mj-text-secondary-color, #666);\n    font-size: 13px;\n}\n\n.details-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.detail[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.detail.full-width[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n.detail.error[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n    color: #f44336;\n}\n\n.detail[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: #999;\n    font-weight: 500;\n}\n\n.detail[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-color, #333);\n}\n\n.detail[_ngcontent-%COMP%]   .value.url[_ngcontent-%COMP%], \n.detail[_ngcontent-%COMP%]   .value.command[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 12px;\n    background: #f5f5f5;\n    padding: 4px 8px;\n    border-radius: 4px;\n    word-break: break-all;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 8px;\n    border-radius: 12px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.status-active[_ngcontent-%COMP%] {\n    background: rgba(76, 175, 80, 0.1);\n    color: #4caf50;\n}\n\n.status-inactive[_ngcontent-%COMP%] {\n    background: rgba(158, 158, 158, 0.1);\n    color: #9e9e9e;\n}\n\n.status-error[_ngcontent-%COMP%] {\n    background: rgba(244, 67, 54, 0.1);\n    color: #f44336;\n}\n\n.status-deprecated[_ngcontent-%COMP%] {\n    background: rgba(255, 152, 0, 0.1);\n    color: #ff9800;\n}\n\n.status-unknown[_ngcontent-%COMP%] {\n    background: rgba(158, 158, 158, 0.1);\n    color: #9e9e9e;\n}\n\n\n\n.sync-progress-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    background: linear-gradient(90deg, rgba(33, 150, 243, 0.1), rgba(33, 150, 243, 0.05));\n    border-bottom: 1px solid rgba(33, 150, 243, 0.2);\n    color: #1976d2;\n    font-size: 13px;\n}\n\n.sync-progress-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #2196f3;\n}\n\n.sync-progress-banner[_ngcontent-%COMP%]   .sync-message[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.sync-result-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    font-size: 12px;\n    border-bottom: 1px solid;\n}\n\n.sync-result-banner.success[_ngcontent-%COMP%] {\n    background: rgba(76, 175, 80, 0.08);\n    border-color: rgba(76, 175, 80, 0.2);\n    color: #388e3c;\n}\n\n.sync-result-banner.success[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #4caf50;\n}\n\n.sync-result-banner.error[_ngcontent-%COMP%] {\n    background: rgba(244, 67, 54, 0.08);\n    border-color: rgba(244, 67, 54, 0.2);\n    color: #d32f2f;\n}\n\n.sync-result-banner.error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #f44336;\n}\n\n\n\n.data-table[_ngcontent-%COMP%] {\n    overflow: auto;\n    background: white;\n    border-radius: 8px;\n    border: 1px solid #e0e0e0;\n}\n\n.data-table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.data-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    text-align: left;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: #999;\n    font-weight: 600;\n    background: #fafafa;\n    position: sticky;\n    top: 0;\n}\n\n.data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: #f5f5f5;\n}\n\n.data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.error-row[_ngcontent-%COMP%] {\n    background: rgba(244, 67, 54, 0.05);\n}\n\n.data-table[_ngcontent-%COMP%]   .tool-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 500;\n}\n\n.data-table[_ngcontent-%COMP%]   .tool-name[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.data-table[_ngcontent-%COMP%]   .error-message[_ngcontent-%COMP%] {\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: #f44336;\n    font-size: 12px;\n}\n\n.data-table[_ngcontent-%COMP%]   .server-name[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary-color, #666);\n    font-size: 13px;\n}\n\n\n\n.data-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    user-select: none;\n    transition: background 0.15s ease;\n}\n\n.data-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]:hover {\n    background: #f0f0f0;\n}\n\n.data-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]   .sort-icon[_ngcontent-%COMP%] {\n    margin-left: 6px;\n    font-size: 10px;\n    color: #ccc;\n    transition: color 0.15s ease;\n}\n\n.data-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]:hover   .sort-icon[_ngcontent-%COMP%] {\n    color: #999;\n}\n\n.data-table[_ngcontent-%COMP%]   th.sorted-asc[_ngcontent-%COMP%]   .sort-icon[_ngcontent-%COMP%], \n.data-table[_ngcontent-%COMP%]   th.sorted-desc[_ngcontent-%COMP%]   .sort-icon[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n\n\n.status-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n    background: white;\n    border-radius: 8px;\n    border: 1px solid #e0e0e0;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    color: #e0e0e0;\n    margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 16px;\n    color: var(--mj-text-color, #333);\n}\n\n.empty-state[_ngcontent-%COMP%]   .hint[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary-color, #666);\n    margin-bottom: 16px;\n}\n\n\n\n\n\n.view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid #e0e0e0;\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.view-toggle[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    border-radius: 0;\n    border: none;\n    padding: 6px 10px;\n}\n\n.view-toggle[_ngcontent-%COMP%]   button.active[_ngcontent-%COMP%] {\n    background: var(--mj-primary-color, #2196f3);\n    color: white;\n}\n\n\n\n\n\n.tools-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.server-group[_ngcontent-%COMP%] {\n    background: white;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.server-group-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: linear-gradient(135deg, #fafafa, #f5f5f5);\n    border-bottom: 1px solid #e0e0e0;\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.server-group-header[_ngcontent-%COMP%]:hover {\n    background: linear-gradient(135deg, #f5f5f5, #efefef);\n}\n\n.server-group.collapsed[_ngcontent-%COMP%]   .server-group-header[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.server-info[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: #999;\n    transition: transform 0.2s ease;\n}\n\n.expand-icon.expanded[_ngcontent-%COMP%] {\n    transform: rotate(90deg);\n}\n\n.server-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 15px;\n    color: var(--mj-text-color, #333);\n}\n\n.tool-count[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary-color, #666);\n    background: rgba(0, 0, 0, 0.05);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.status-badge.small[_ngcontent-%COMP%] {\n    padding: 2px 6px;\n    font-size: 10px;\n}\n\n.server-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n\n\n\n\n.tools-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 12px;\n    padding: 16px;\n}\n\n.tool-card[_ngcontent-%COMP%] {\n    border: 1px solid #e8e8e8;\n    border-radius: 8px;\n    background: white;\n    transition: all 0.2s ease;\n    overflow: hidden;\n}\n\n.tool-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-primary-color, #2196f3);\n    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15);\n}\n\n.tool-card.expanded[_ngcontent-%COMP%] {\n    border-color: var(--mj-primary-color, #2196f3);\n}\n\n.tool-card-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    padding: 12px 14px;\n    cursor: pointer;\n}\n\n.tool-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex: 1;\n}\n\n.tool-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n    font-size: 14px;\n}\n\n.tool-title[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 14px;\n    color: var(--mj-text-color, #333);\n}\n\n.tool-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.param-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: #f5f5f5;\n    border-radius: 10px;\n    font-size: 11px;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.param-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.tool-description[_ngcontent-%COMP%] {\n    margin: 0;\n    padding: 0 14px 8px 14px;\n    font-size: 12px;\n    color: var(--mj-text-secondary-color, #666);\n    line-height: 1.4;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n.tool-card-actions[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    padding: 8px 14px;\n    border-top: 1px solid #f0f0f0;\n    background: #fafafa;\n}\n\n\n\n.tool-details[_ngcontent-%COMP%] {\n    padding: 12px 14px;\n    background: #fafafa;\n    border-top: 1px solid #e8e8e8;\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-row[_ngcontent-%COMP%] {\n    display: flex;\n    padding: 6px 0;\n    font-size: 12px;\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-row.full[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 6px;\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-label[_ngcontent-%COMP%] {\n    min-width: 100px;\n    color: var(--mj-text-secondary-color, #666);\n    font-weight: 500;\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-color, #333);\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-value.mono[_ngcontent-%COMP%] {\n    font-family: 'Consolas', 'Monaco', monospace;\n    background: #fff;\n    padding: 2px 6px;\n    border-radius: 3px;\n    border: 1px solid #e0e0e0;\n}\n\n.schema-preview[_ngcontent-%COMP%] {\n    margin: 0;\n    padding: 10px 12px;\n    background: #fff;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    font-family: 'Consolas', 'Monaco', monospace;\n    font-size: 11px;\n    line-height: 1.4;\n    max-height: 200px;\n    overflow: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n\n\n\n\n.tools-list[_ngcontent-%COMP%] {\n    overflow: auto;\n}\n\n.tools-list[_ngcontent-%COMP%]   table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.tools-list[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.tools-list[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    text-align: left;\n    border-bottom: 1px solid #f0f0f0;\n}\n\n.tools-list[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: #999;\n    font-weight: 600;\n    background: #fafafa;\n    position: sticky;\n    top: 0;\n}\n\n.tools-list[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\n    transition: background 0.15s ease;\n}\n\n.tools-list[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: #fafafa;\n}\n\n.tools-list[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.expanded[_ngcontent-%COMP%] {\n    background: rgba(33, 150, 243, 0.04);\n}\n\n.tool-name-cell[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n}\n\n.tool-name-cell[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n    margin-top: 2px;\n}\n\n.tool-name-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.tool-name-info[_ngcontent-%COMP%]   .tool-title[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-color, #333);\n}\n\n.tool-name-info[_ngcontent-%COMP%]   .tool-code[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-family: monospace;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.description-cell[_ngcontent-%COMP%] {\n    max-width: 300px;\n    font-size: 12px;\n    color: var(--mj-text-secondary-color, #666);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.param-count[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 24px;\n    background: #f5f5f5;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.actions-cell[_ngcontent-%COMP%] {\n    white-space: nowrap;\n}\n\n\n\n.detail-row-expanded[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 0;\n    background: #fafafa;\n}\n\n.inline-details[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px;\n    border-top: 1px dashed #e0e0e0;\n}\n\n.inline-details[_ngcontent-%COMP%]   .detail-section[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.inline-details[_ngcontent-%COMP%]   .detail-section.full[_ngcontent-%COMP%] {\n    flex-basis: 100%;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.inline-details[_ngcontent-%COMP%]   .detail-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary-color, #666);\n    font-weight: 500;\n}\n\n.inline-details[_ngcontent-%COMP%]   .detail-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-color, #333);\n}\n\n.inline-details[_ngcontent-%COMP%]   .detail-value.mono[_ngcontent-%COMP%] {\n    font-family: monospace;\n}\n\n\n\n\n\n@media (max-width: 900px) {\n    .mcp-dashboard[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n\n    .sidebar[_ngcontent-%COMP%] {\n        width: 100%;\n        min-width: 100%;\n        flex-direction: row;\n        height: auto;\n        border-right: none;\n        border-bottom: 1px solid #e0e0e0;\n    }\n\n    .sidebar-header[_ngcontent-%COMP%] {\n        padding: 12px 16px;\n        border-bottom: none;\n        border-right: 1px solid #e0e0e0;\n    }\n\n    .sidebar-nav[_ngcontent-%COMP%] {\n        flex-direction: row;\n        padding: 8px;\n        overflow-x: auto;\n        flex: 1;\n    }\n\n    .nav-item[_ngcontent-%COMP%] {\n        padding: 8px 12px;\n        margin-bottom: 0;\n        margin-right: 4px;\n        white-space: nowrap;\n    }\n\n    .sidebar-stats[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    .sidebar-footer[_ngcontent-%COMP%] {\n        border-top: none;\n        border-left: 1px solid #e0e0e0;\n        padding: 8px;\n    }\n\n    .data-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .header-actions[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n    }\n\n    .search-box[_ngcontent-%COMP%] {\n        min-width: 100%;\n        order: 1;\n    }\n}\n\n@media (max-width: 600px) {\n    .content-header[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .header-actions[_ngcontent-%COMP%] {\n        width: 100%;\n    }\n\n    .search-box[_ngcontent-%COMP%] {\n        width: 100%;\n    }\n}\n\n\n\n\n\n.clickable-row[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.clickable-row[_ngcontent-%COMP%]:hover {\n    background: rgba(33, 150, 243, 0.05) !important;\n}\n\n.clickable-row[_ngcontent-%COMP%]   .action-cell[_ngcontent-%COMP%] {\n    color: #ccc;\n    transition: color 0.15s ease;\n}\n\n.clickable-row[_ngcontent-%COMP%]:hover   .action-cell[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.action-cell[_ngcontent-%COMP%] {\n    width: 40px;\n    text-align: center;\n}\n\n\n\n\n\n.card-header.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.card-header.clickable[_ngcontent-%COMP%]:hover {\n    background: #f0f0f0;\n}\n\n.expand-arrow[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: #999;\n    transition: transform 0.2s ease;\n    margin-right: 4px;\n}\n\n.expand-arrow.rotated[_ngcontent-%COMP%] {\n    transform: rotate(90deg);\n}\n\n.data-card.expanded[_ngcontent-%COMP%] {\n    border-color: var(--mj-primary-color, #2196f3);\n    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15);\n}\n\n\n\n\n\n.expanded-tools-section[_ngcontent-%COMP%] {\n    border-top: 1px solid #e0e0e0;\n    background: linear-gradient(180deg, #fafafa, #f5f5f5);\n}\n\n.tools-section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 16px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-primary-color, #2196f3);\n    border-bottom: 1px solid #e8e8e8;\n}\n\n.tools-section-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.no-tools-message[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 16px;\n    color: var(--mj-text-secondary-color, #666);\n    font-size: 13px;\n}\n\n.no-tools-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #999;\n}\n\n\n\n.tools-mini-list[_ngcontent-%COMP%] {\n    padding: 8px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    max-height: 300px;\n    overflow-y: auto;\n}\n\n.tool-mini-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 12px;\n    background: white;\n    border: 1px solid #e8e8e8;\n    border-radius: 6px;\n    transition: all 0.15s ease;\n}\n\n.tool-mini-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-primary-color, #2196f3);\n    background: rgba(33, 150, 243, 0.02);\n}\n\n.tool-mini-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    flex: 1;\n    min-width: 0;\n}\n\n.tool-mini-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    font-size: 13px;\n    color: var(--mj-text-color, #333);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.tool-mini-params[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.tool-mini-params[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.tool-mini-card[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    margin-left: 8px;\n}\n\n\n\n[_nghost-%COMP%]     .search-highlight, \n.search-highlight[_ngcontent-%COMP%] {\n    background-color: #fef08a;\n    padding: 1px 2px;\n    border-radius: 2px;\n    font-weight: inherit;\n}"] });
+            i0.ɵɵconditional(ctx.ShowLogDetailPanel && ctx.SelectedLog ? 54 : -1);
+        } }, styles: ["\n\n.mcp-dashboard[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--mj-background-color, #f5f5f5);\n    overflow: hidden;\n}\n\n\n\n\n\n.dashboard-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 20px;\n    background: white;\n    border-bottom: 1px solid #e0e0e0;\n    flex-shrink: 0;\n    gap: 16px;\n}\n\n.header-info[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.dashboard-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-color, #333);\n}\n\n.dashboard-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n    font-size: 20px;\n}\n\n.filter-toggle-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    background: #f5f5f5;\n    border: 1px solid #e0e0e0;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary-color, #666);\n    transition: all 0.2s ease;\n}\n\n.filter-toggle-btn[_ngcontent-%COMP%]:hover {\n    background: #e8e8e8;\n    border-color: #d0d0d0;\n    color: var(--mj-text-color, #333);\n}\n\n.filter-toggle-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n.item-count[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary-color, #666);\n    padding: 4px 10px;\n    background: #f5f5f5;\n    border-radius: 4px;\n}\n\n.header-controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n\n\n.tab-nav[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    background: #f5f5f5;\n    padding: 4px;\n    border-radius: 8px;\n}\n\n.tab-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 14px;\n    background: transparent;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary-color, #666);\n    transition: all 0.2s ease;\n}\n\n.tab-btn[_ngcontent-%COMP%]:hover {\n    background: rgba(255, 255, 255, 0.7);\n    color: var(--mj-text-color, #333);\n}\n\n.tab-btn.active[_ngcontent-%COMP%] {\n    background: white;\n    color: var(--mj-primary-color, #2196f3);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.tab-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.tab-label[_ngcontent-%COMP%] {\n    font-weight: 500;\n}\n\n.tab-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 22px;\n    height: 18px;\n    padding: 0 6px;\n    background: #e0e0e0;\n    border-radius: 9px;\n    font-size: 11px;\n    font-weight: 600;\n    color: #666;\n}\n\n.tab-btn.active[_ngcontent-%COMP%]   .tab-badge[_ngcontent-%COMP%] {\n    background: rgba(33, 150, 243, 0.15);\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.tab-badge.has-errors[_ngcontent-%COMP%] {\n    background: #f44336;\n    color: white;\n}\n\n\n\n\n\n.main-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: row;\n    flex: 1;\n    overflow: hidden;\n    min-width: 0;\n}\n\n\n\n.filter-panel-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-shrink: 0;\n    width: 280px;\n    min-width: 200px;\n    max-width: 400px;\n    background: white;\n    border-right: 1px solid #e0e0e0;\n    position: relative;\n    transition: width 0.2s ease, margin 0.2s ease;\n}\n\n.filter-panel-container.hidden[_ngcontent-%COMP%] {\n    width: 0;\n    min-width: 0;\n    margin-left: -1px;\n    overflow: hidden;\n}\n\n\n\n.resize-handle[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 4px;\n    height: 100%;\n    cursor: col-resize;\n    background: transparent;\n    transition: background 0.2s ease;\n    z-index: 10;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover, \n.resize-handle[_ngcontent-%COMP%]:active {\n    background: var(--mj-primary-color, #2196f3);\n}\n\n\n\n.content-area[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    overflow: hidden;\n    min-width: 0;\n}\n\n\n\n.content-body[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 20px 24px;\n    overflow: auto;\n}\n\n\n\n.error-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    margin: 16px 24px 0 24px;\n    background: #ffebee;\n    border: 1px solid #f44336;\n    border-radius: 8px;\n    color: #c62828;\n}\n\n.error-banner[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%] {\n    margin-left: auto;\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: #c62828;\n    padding: 4px;\n}\n\n\n\n\n\n\n\n\n.data-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n    gap: 16px;\n}\n\n.data-card[_ngcontent-%COMP%] {\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    overflow: hidden;\n    background: white;\n    transition: box-shadow 0.2s ease;\n}\n\n.data-card[_ngcontent-%COMP%]:hover {\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n\n.card-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: #fafafa;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.card-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.card-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.card-title[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 15px;\n}\n\n.card-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.card-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    padding: 4px 8px;\n}\n\n.card-body[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n.card-body[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    color: var(--mj-text-secondary-color, #666);\n    font-size: 13px;\n}\n\n.details-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.detail[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.detail.full-width[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n.detail.error[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n    color: #f44336;\n}\n\n.detail[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: #999;\n    font-weight: 500;\n}\n\n.detail[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-color, #333);\n}\n\n.detail[_ngcontent-%COMP%]   .value.url[_ngcontent-%COMP%], \n.detail[_ngcontent-%COMP%]   .value.command[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 12px;\n    background: #f5f5f5;\n    padding: 4px 8px;\n    border-radius: 4px;\n    word-break: break-all;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 8px;\n    border-radius: 12px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.status-active[_ngcontent-%COMP%] {\n    background: rgba(76, 175, 80, 0.1);\n    color: #4caf50;\n}\n\n.status-inactive[_ngcontent-%COMP%] {\n    background: rgba(158, 158, 158, 0.1);\n    color: #9e9e9e;\n}\n\n.status-error[_ngcontent-%COMP%] {\n    background: rgba(244, 67, 54, 0.1);\n    color: #f44336;\n}\n\n.status-deprecated[_ngcontent-%COMP%] {\n    background: rgba(255, 152, 0, 0.1);\n    color: #ff9800;\n}\n\n.status-unknown[_ngcontent-%COMP%] {\n    background: rgba(158, 158, 158, 0.1);\n    color: #9e9e9e;\n}\n\n\n\n.sync-progress-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    background: linear-gradient(90deg, rgba(33, 150, 243, 0.1), rgba(33, 150, 243, 0.05));\n    border-bottom: 1px solid rgba(33, 150, 243, 0.2);\n    color: #1976d2;\n    font-size: 13px;\n}\n\n.sync-progress-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #2196f3;\n}\n\n.sync-progress-banner[_ngcontent-%COMP%]   .sync-message[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.sync-result-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    font-size: 12px;\n    border-bottom: 1px solid;\n}\n\n.sync-result-banner.success[_ngcontent-%COMP%] {\n    background: rgba(76, 175, 80, 0.08);\n    border-color: rgba(76, 175, 80, 0.2);\n    color: #388e3c;\n}\n\n.sync-result-banner.success[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #4caf50;\n}\n\n.sync-result-banner.error[_ngcontent-%COMP%] {\n    background: rgba(244, 67, 54, 0.08);\n    border-color: rgba(244, 67, 54, 0.2);\n    color: #d32f2f;\n}\n\n.sync-result-banner.error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #f44336;\n}\n\n\n\n.data-table[_ngcontent-%COMP%] {\n    overflow: auto;\n    background: white;\n    border-radius: 8px;\n    border: 1px solid #e0e0e0;\n}\n\n.data-table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.data-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    text-align: left;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: #999;\n    font-weight: 600;\n    background: #fafafa;\n    position: sticky;\n    top: 0;\n}\n\n.data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: #f5f5f5;\n}\n\n.data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.error-row[_ngcontent-%COMP%] {\n    background: rgba(244, 67, 54, 0.05);\n}\n\n.data-table[_ngcontent-%COMP%]   .tool-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 500;\n}\n\n.data-table[_ngcontent-%COMP%]   .tool-name[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.data-table[_ngcontent-%COMP%]   .error-message[_ngcontent-%COMP%] {\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: #f44336;\n    font-size: 12px;\n}\n\n.data-table[_ngcontent-%COMP%]   .server-name[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary-color, #666);\n    font-size: 13px;\n}\n\n\n\n.data-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    user-select: none;\n    transition: background 0.15s ease;\n}\n\n.data-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]:hover {\n    background: #f0f0f0;\n}\n\n.data-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]   .sort-icon[_ngcontent-%COMP%] {\n    margin-left: 6px;\n    font-size: 10px;\n    color: #ccc;\n    transition: color 0.15s ease;\n}\n\n.data-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]:hover   .sort-icon[_ngcontent-%COMP%] {\n    color: #999;\n}\n\n.data-table[_ngcontent-%COMP%]   th.sorted-asc[_ngcontent-%COMP%]   .sort-icon[_ngcontent-%COMP%], \n.data-table[_ngcontent-%COMP%]   th.sorted-desc[_ngcontent-%COMP%]   .sort-icon[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n\n\n.status-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n    background: white;\n    border-radius: 8px;\n    border: 1px solid #e0e0e0;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    color: #e0e0e0;\n    margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 16px;\n    color: var(--mj-text-color, #333);\n}\n\n.empty-state[_ngcontent-%COMP%]   .hint[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary-color, #666);\n    margin-bottom: 16px;\n}\n\n\n\n\n\n.view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid #e0e0e0;\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.view-toggle[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    border-radius: 0;\n    border: none;\n    padding: 6px 10px;\n}\n\n.view-toggle[_ngcontent-%COMP%]   button.active[_ngcontent-%COMP%] {\n    background: var(--mj-primary-color, #2196f3);\n    color: white;\n}\n\n\n\n\n\n.tools-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.server-group[_ngcontent-%COMP%] {\n    background: white;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.server-group-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: linear-gradient(135deg, #fafafa, #f5f5f5);\n    border-bottom: 1px solid #e0e0e0;\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.server-group-header[_ngcontent-%COMP%]:hover {\n    background: linear-gradient(135deg, #f5f5f5, #efefef);\n}\n\n.server-group.collapsed[_ngcontent-%COMP%]   .server-group-header[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.server-info[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: #999;\n    transition: transform 0.2s ease;\n}\n\n.expand-icon.expanded[_ngcontent-%COMP%] {\n    transform: rotate(90deg);\n}\n\n.server-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 15px;\n    color: var(--mj-text-color, #333);\n}\n\n.tool-count[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary-color, #666);\n    background: rgba(0, 0, 0, 0.05);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.status-badge.small[_ngcontent-%COMP%] {\n    padding: 2px 6px;\n    font-size: 10px;\n}\n\n.server-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n\n\n\n\n.tools-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 12px;\n    padding: 16px;\n}\n\n.tool-card[_ngcontent-%COMP%] {\n    border: 1px solid #e8e8e8;\n    border-radius: 8px;\n    background: white;\n    transition: all 0.2s ease;\n    overflow: hidden;\n}\n\n.tool-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-primary-color, #2196f3);\n    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15);\n}\n\n.tool-card.expanded[_ngcontent-%COMP%] {\n    border-color: var(--mj-primary-color, #2196f3);\n}\n\n.tool-card-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    padding: 12px 14px;\n    cursor: pointer;\n}\n\n.tool-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex: 1;\n}\n\n.tool-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n    font-size: 14px;\n}\n\n.tool-title[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 14px;\n    color: var(--mj-text-color, #333);\n}\n\n.tool-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.param-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: #f5f5f5;\n    border-radius: 10px;\n    font-size: 11px;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.param-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.tool-description[_ngcontent-%COMP%] {\n    margin: 0;\n    padding: 0 14px 8px 14px;\n    font-size: 12px;\n    color: var(--mj-text-secondary-color, #666);\n    line-height: 1.4;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n.tool-card-actions[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    padding: 8px 14px;\n    border-top: 1px solid #f0f0f0;\n    background: #fafafa;\n}\n\n\n\n.tool-details[_ngcontent-%COMP%] {\n    padding: 12px 14px;\n    background: #fafafa;\n    border-top: 1px solid #e8e8e8;\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-row[_ngcontent-%COMP%] {\n    display: flex;\n    padding: 6px 0;\n    font-size: 12px;\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-row.full[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 6px;\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-label[_ngcontent-%COMP%] {\n    min-width: 100px;\n    color: var(--mj-text-secondary-color, #666);\n    font-weight: 500;\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-color, #333);\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-value.mono[_ngcontent-%COMP%] {\n    font-family: 'Consolas', 'Monaco', monospace;\n    background: #fff;\n    padding: 2px 6px;\n    border-radius: 3px;\n    border: 1px solid #e0e0e0;\n}\n\n.schema-preview[_ngcontent-%COMP%] {\n    margin: 0;\n    padding: 10px 12px;\n    background: #fff;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    font-family: 'Consolas', 'Monaco', monospace;\n    font-size: 11px;\n    line-height: 1.4;\n    max-height: 200px;\n    overflow: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n\n\n\n\n.tools-list[_ngcontent-%COMP%] {\n    overflow: auto;\n}\n\n.tools-list[_ngcontent-%COMP%]   table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.tools-list[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.tools-list[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    text-align: left;\n    border-bottom: 1px solid #f0f0f0;\n}\n\n.tools-list[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: #999;\n    font-weight: 600;\n    background: #fafafa;\n    position: sticky;\n    top: 0;\n}\n\n.tools-list[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\n    transition: background 0.15s ease;\n}\n\n.tools-list[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: #fafafa;\n}\n\n.tools-list[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.expanded[_ngcontent-%COMP%] {\n    background: rgba(33, 150, 243, 0.04);\n}\n\n.tool-name-cell[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n}\n\n.tool-name-cell[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n    margin-top: 2px;\n}\n\n.tool-name-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.tool-name-info[_ngcontent-%COMP%]   .tool-title[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-color, #333);\n}\n\n.tool-name-info[_ngcontent-%COMP%]   .tool-code[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-family: monospace;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.description-cell[_ngcontent-%COMP%] {\n    max-width: 300px;\n    font-size: 12px;\n    color: var(--mj-text-secondary-color, #666);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.param-count[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 24px;\n    background: #f5f5f5;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.actions-cell[_ngcontent-%COMP%] {\n    white-space: nowrap;\n}\n\n\n\n.detail-row-expanded[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 0;\n    background: #fafafa;\n}\n\n.inline-details[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px;\n    border-top: 1px dashed #e0e0e0;\n}\n\n.inline-details[_ngcontent-%COMP%]   .detail-section[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.inline-details[_ngcontent-%COMP%]   .detail-section.full[_ngcontent-%COMP%] {\n    flex-basis: 100%;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.inline-details[_ngcontent-%COMP%]   .detail-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary-color, #666);\n    font-weight: 500;\n}\n\n.inline-details[_ngcontent-%COMP%]   .detail-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-color, #333);\n}\n\n.inline-details[_ngcontent-%COMP%]   .detail-value.mono[_ngcontent-%COMP%] {\n    font-family: monospace;\n}\n\n\n\n\n\n@media (max-width: 900px) {\n    .mcp-dashboard[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n\n    .sidebar[_ngcontent-%COMP%] {\n        width: 100%;\n        min-width: 100%;\n        flex-direction: row;\n        height: auto;\n        border-right: none;\n        border-bottom: 1px solid #e0e0e0;\n    }\n\n    .sidebar-header[_ngcontent-%COMP%] {\n        padding: 12px 16px;\n        border-bottom: none;\n        border-right: 1px solid #e0e0e0;\n    }\n\n    .sidebar-nav[_ngcontent-%COMP%] {\n        flex-direction: row;\n        padding: 8px;\n        overflow-x: auto;\n        flex: 1;\n    }\n\n    .nav-item[_ngcontent-%COMP%] {\n        padding: 8px 12px;\n        margin-bottom: 0;\n        margin-right: 4px;\n        white-space: nowrap;\n    }\n\n    .sidebar-stats[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    .sidebar-footer[_ngcontent-%COMP%] {\n        border-top: none;\n        border-left: 1px solid #e0e0e0;\n        padding: 8px;\n    }\n\n    .data-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .header-actions[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n    }\n\n    .search-box[_ngcontent-%COMP%] {\n        min-width: 100%;\n        order: 1;\n    }\n}\n\n@media (max-width: 600px) {\n    .content-header[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .header-actions[_ngcontent-%COMP%] {\n        width: 100%;\n    }\n\n    .search-box[_ngcontent-%COMP%] {\n        width: 100%;\n    }\n}\n\n\n\n\n\n.clickable-row[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.clickable-row[_ngcontent-%COMP%]:hover {\n    background: rgba(33, 150, 243, 0.05) !important;\n}\n\n.clickable-row[_ngcontent-%COMP%]   .action-cell[_ngcontent-%COMP%] {\n    color: #ccc;\n    transition: color 0.15s ease;\n}\n\n.clickable-row[_ngcontent-%COMP%]:hover   .action-cell[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.action-cell[_ngcontent-%COMP%] {\n    width: 40px;\n    text-align: center;\n}\n\n\n\n\n\n.card-header.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.card-header.clickable[_ngcontent-%COMP%]:hover {\n    background: #f0f0f0;\n}\n\n.expand-arrow[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: #999;\n    transition: transform 0.2s ease;\n    margin-right: 4px;\n}\n\n.expand-arrow.rotated[_ngcontent-%COMP%] {\n    transform: rotate(90deg);\n}\n\n.data-card.expanded[_ngcontent-%COMP%] {\n    border-color: var(--mj-primary-color, #2196f3);\n    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15);\n}\n\n\n\n\n\n.expanded-tools-section[_ngcontent-%COMP%] {\n    border-top: 1px solid #e0e0e0;\n    background: linear-gradient(180deg, #fafafa, #f5f5f5);\n}\n\n.tools-section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 16px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-primary-color, #2196f3);\n    border-bottom: 1px solid #e8e8e8;\n}\n\n.tools-section-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.no-tools-message[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 16px;\n    color: var(--mj-text-secondary-color, #666);\n    font-size: 13px;\n}\n\n.no-tools-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #999;\n}\n\n\n\n.tools-mini-list[_ngcontent-%COMP%] {\n    padding: 8px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    max-height: 300px;\n    overflow-y: auto;\n}\n\n.tool-mini-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 12px;\n    background: white;\n    border: 1px solid #e8e8e8;\n    border-radius: 6px;\n    transition: all 0.15s ease;\n}\n\n.tool-mini-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-primary-color, #2196f3);\n    background: rgba(33, 150, 243, 0.02);\n}\n\n.tool-mini-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    flex: 1;\n    min-width: 0;\n}\n\n.tool-mini-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    font-size: 13px;\n    color: var(--mj-text-color, #333);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.tool-mini-params[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.tool-mini-params[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.tool-mini-card[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    margin-left: 8px;\n}\n\n\n\n[_nghost-%COMP%]     .search-highlight, \n.search-highlight[_ngcontent-%COMP%] {\n    background-color: #fef08a;\n    padding: 1px 2px;\n    border-radius: 2px;\n    font-weight: inherit;\n}"] });
 };
 MCPDashboardComponent = __decorate([
     RegisterClass(BaseDashboard, 'MCPDashboard')
@@ -2474,13 +2759,7 @@ MCPDashboardComponent = __decorate([
 export { MCPDashboardComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MCPDashboardComponent, [{
         type: Component,
-        args: [{ selector: 'mj-mcp-dashboard', template: "<div class=\"mcp-dashboard\">\n    <!-- Left Sidebar Navigation -->\n    <div class=\"sidebar\">\n        <div class=\"sidebar-header\">\n            <i class=\"fa-solid fa-plug-circle-bolt\"></i>\n            <span class=\"sidebar-title\">MCP</span>\n        </div>\n\n        <nav class=\"sidebar-nav\">\n            <button class=\"nav-item\" [class.active]=\"ActiveTab === 'servers'\" (click)=\"setActiveTab('servers')\">\n                <i class=\"fa-solid fa-server\"></i>\n                <span class=\"nav-label\">Servers</span>\n                <span class=\"nav-badge\">{{ servers.length }}</span>\n            </button>\n            <button class=\"nav-item\" [class.active]=\"ActiveTab === 'connections'\" (click)=\"setActiveTab('connections')\">\n                <i class=\"fa-solid fa-link\"></i>\n                <span class=\"nav-label\">Connections</span>\n                <span class=\"nav-badge\">{{ connections.length }}</span>\n            </button>\n            <button class=\"nav-item\" [class.active]=\"ActiveTab === 'tools'\" (click)=\"setActiveTab('tools')\">\n                <i class=\"fa-solid fa-wrench\"></i>\n                <span class=\"nav-label\">Tools</span>\n                <span class=\"nav-badge\">{{ tools.length }}</span>\n            </button>\n            <button class=\"nav-item\" [class.active]=\"ActiveTab === 'logs'\" (click)=\"setActiveTab('logs')\">\n                <i class=\"fa-solid fa-list-check\"></i>\n                <span class=\"nav-label\">Logs</span>\n                <span class=\"nav-badge\" [class.has-errors]=\"stats.failedExecutions > 0\">{{ executionLogs.length }}</span>\n            </button>\n        </nav>\n\n        <!-- Sidebar Stats Summary -->\n        <div class=\"sidebar-stats\">\n            <div class=\"stat-row\">\n                <span class=\"stat-label\">Active Servers</span>\n                <span class=\"stat-value\">{{ stats.activeServers }}/{{ stats.totalServers }}</span>\n            </div>\n            <div class=\"stat-row\">\n                <span class=\"stat-label\">Active Connections</span>\n                <span class=\"stat-value\">{{ stats.activeConnections }}/{{ stats.totalConnections }}</span>\n            </div>\n            <div class=\"stat-row\">\n                <span class=\"stat-label\">Active Tools</span>\n                <span class=\"stat-value\">{{ stats.activeTools }}/{{ stats.totalTools }}</span>\n            </div>\n            @if (stats.failedExecutions > 0) {\n                <div class=\"stat-row error\">\n                    <span class=\"stat-label\">Failed (7d)</span>\n                    <span class=\"stat-value\">{{ stats.failedExecutions }}</span>\n                </div>\n            }\n        </div>\n\n        <div class=\"sidebar-footer\">\n            <button kendoButton fillMode=\"flat\" (click)=\"loadAllData()\" [disabled]=\"IsLoading\" title=\"Refresh\">\n                <i class=\"fa-solid fa-sync\" [class.fa-spin]=\"IsLoading\"></i>\n            </button>\n        </div>\n    </div>\n\n    <!-- Main Content Area -->\n    <div class=\"main-content\">\n        <!-- Error Message -->\n        @if (ErrorMessage) {\n            <div class=\"error-banner\">\n                <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                {{ ErrorMessage }}\n                <button class=\"close-btn\" (click)=\"ErrorMessage = null\">\n                    <i class=\"fa-solid fa-times\"></i>\n                </button>\n            </div>\n        }\n\n        <!-- Content Header with Search and Filters -->\n        <div class=\"content-header\">\n            <h2 class=\"content-title\">\n                @switch (ActiveTab) {\n                    @case ('servers') { MCP Servers }\n                    @case ('connections') { Server Connections }\n                    @case ('tools') { Available Tools }\n                    @case ('logs') { Execution Logs }\n                }\n            </h2>\n\n            <div class=\"header-actions\">\n                <!-- Search -->\n                <div class=\"search-box\">\n                    <i class=\"fa-solid fa-search\"></i>\n                    <input type=\"text\"\n                           placeholder=\"Search...\"\n                           [ngModel]=\"(filters$ | async)?.searchTerm\"\n                           (ngModelChange)=\"onSearchChange($event)\">\n                </div>\n\n                <!-- Status Filter -->\n                @switch (ActiveTab) {\n                    @case ('servers') {\n                        <select class=\"status-filter\"\n                                [ngModel]=\"(filters$ | async)?.serverStatus\"\n                                (ngModelChange)=\"onStatusFilterChange('server', $event)\">\n                            <option value=\"all\">All Status</option>\n                            <option value=\"Active\">Active</option>\n                            <option value=\"Inactive\">Inactive</option>\n                        </select>\n                        <button kendoButton themeColor=\"primary\" (click)=\"createServer()\">\n                            <i class=\"fa-solid fa-plus\"></i>\n                            Add Server\n                        </button>\n                    }\n                    @case ('connections') {\n                        <select class=\"status-filter\"\n                                [ngModel]=\"(filters$ | async)?.connectionStatus\"\n                                (ngModelChange)=\"onStatusFilterChange('connection', $event)\">\n                            <option value=\"all\">All Status</option>\n                            <option value=\"Active\">Active</option>\n                            <option value=\"Inactive\">Inactive</option>\n                            <option value=\"Error\">Error</option>\n                        </select>\n                        <button kendoButton themeColor=\"primary\" (click)=\"createConnection()\">\n                            <i class=\"fa-solid fa-plus\"></i>\n                            Add Connection\n                        </button>\n                    }\n                    @case ('tools') {\n                        <select class=\"status-filter\"\n                                [ngModel]=\"(filters$ | async)?.toolStatus\"\n                                (ngModelChange)=\"onStatusFilterChange('tool', $event)\">\n                            <option value=\"all\">All Status</option>\n                            <option value=\"Active\">Active</option>\n                            <option value=\"Deprecated\">Deprecated</option>\n                        </select>\n                        <!-- View Mode Toggle -->\n                        <div class=\"view-toggle\">\n                            <button kendoButton\n                                    fillMode=\"flat\"\n                                    [class.active]=\"ToolsViewMode === 'card'\"\n                                    (click)=\"setToolsViewMode('card')\"\n                                    title=\"Card View\">\n                                <i class=\"fa-solid fa-grip\"></i>\n                            </button>\n                            <button kendoButton\n                                    fillMode=\"flat\"\n                                    [class.active]=\"ToolsViewMode === 'list'\"\n                                    (click)=\"setToolsViewMode('list')\"\n                                    title=\"List View\">\n                                <i class=\"fa-solid fa-list\"></i>\n                            </button>\n                        </div>\n                        <!-- Sort Dropdown -->\n                        <select class=\"status-filter\"\n                                [(ngModel)]=\"ToolsSortBy\"\n                                (ngModelChange)=\"setToolsSort($event)\">\n                            <option value=\"server\">Sort by Server</option>\n                            <option value=\"name\">Sort by Name</option>\n                            <option value=\"discovered\">Sort by Discovered</option>\n                            <option value=\"lastSeen\">Sort by Last Seen</option>\n                        </select>\n                        <button kendoButton themeColor=\"primary\" (click)=\"openTestToolDialog()\">\n                            <i class=\"fa-solid fa-play\"></i>\n                            Test Tool\n                        </button>\n                    }\n                    @case ('logs') {\n                        <select class=\"status-filter\"\n                                [ngModel]=\"(filters$ | async)?.logStatus\"\n                                (ngModelChange)=\"onStatusFilterChange('log', $event)\">\n                            <option value=\"all\">All Status</option>\n                            <option value=\"Success\">Success</option>\n                            <option value=\"Error\">Error</option>\n                            <option value=\"Running\">Running</option>\n                        </select>\n                    }\n                }\n            </div>\n        </div>\n\n        <!-- Content Body -->\n        <div class=\"content-body\">\n            @if (IsLoading) {\n                <mj-loading text=\"Loading MCP data...\"></mj-loading>\n            } @else {\n                @switch (ActiveTab) {\n                    <!-- Servers Tab -->\n                    @case ('servers') {\n                        <div class=\"data-grid servers-grid\">\n                            @if (filteredServers.length === 0) {\n                                <div class=\"empty-state\">\n                                    <i class=\"fa-solid fa-server\"></i>\n                                    <p>No MCP servers configured</p>\n                                    <button kendoButton themeColor=\"primary\" (click)=\"createServer()\">\n                                        Add Your First Server\n                                    </button>\n                                </div>\n                            } @else {\n                                @for (server of filteredServers; track server.ID) {\n                                    <div class=\"data-card\" [class.expanded]=\"isServerExpanded(server)\">\n                                        <div class=\"card-header clickable\" (click)=\"toggleServerExpand(server)\">\n                                            <div class=\"card-title\">\n                                                <i class=\"fa-solid fa-chevron-right expand-arrow\" [class.rotated]=\"isServerExpanded(server)\"></i>\n                                                <i [class]=\"getTransportIcon(server.TransportType)\"></i>\n                                                <span class=\"name\" [innerHTML]=\"server.Name | highlightSearch:(filters$ | async)?.searchTerm\"></span>\n                                                <span class=\"status-badge\" [ngClass]=\"getStatusClass(server.Status)\">\n                                                    {{ server.Status }}\n                                                </span>\n                                            </div>\n                                            <div class=\"card-actions\" (click)=\"$event.stopPropagation()\">\n                                                <button kendoButton fillMode=\"flat\" (click)=\"editServer(server)\" title=\"Edit\">\n                                                    <i class=\"fa-solid fa-pen\"></i>\n                                                </button>\n                                                <button kendoButton fillMode=\"flat\" (click)=\"deleteServer(server)\" title=\"Delete\">\n                                                    <i class=\"fa-solid fa-trash\"></i>\n                                                </button>\n                                            </div>\n                                        </div>\n                                        <div class=\"card-body\">\n                                            @if (server.Description) {\n                                                <p class=\"description\" [innerHTML]=\"server.Description | highlightSearch:(filters$ | async)?.searchTerm\"></p>\n                                            }\n                                            <div class=\"details-grid\">\n                                                <div class=\"detail\">\n                                                    <span class=\"label\">Transport</span>\n                                                    <span class=\"value\">{{ server.TransportType }}</span>\n                                                </div>\n                                                <div class=\"detail\">\n                                                    <span class=\"label\">Auth</span>\n                                                    <span class=\"value\">{{ server.DefaultAuthType }}</span>\n                                                </div>\n                                                <div class=\"detail\">\n                                                    <span class=\"label\">Connections</span>\n                                                    <span class=\"value\">{{ server.ConnectionCount }}</span>\n                                                </div>\n                                                <div class=\"detail\">\n                                                    <span class=\"label\">Tools</span>\n                                                    <span class=\"value\">{{ server.ToolCount }}</span>\n                                                </div>\n                                                @if (server.ServerURL) {\n                                                    <div class=\"detail full-width\">\n                                                        <span class=\"label\">URL</span>\n                                                        <span class=\"value url\">{{ server.ServerURL }}</span>\n                                                    </div>\n                                                }\n                                                @if (server.Command) {\n                                                    <div class=\"detail full-width\">\n                                                        <span class=\"label\">Command</span>\n                                                        <span class=\"value command\">{{ server.Command }}</span>\n                                                    </div>\n                                                }\n                                                <div class=\"detail\">\n                                                    <span class=\"label\">Last Sync</span>\n                                                    <span class=\"value\">{{ formatDate(server.LastSyncAt) }}</span>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <!-- Expanded Tools Section -->\n                                        @if (isServerExpanded(server)) {\n                                            <div class=\"expanded-tools-section\">\n                                                <div class=\"tools-section-header\">\n                                                    <i class=\"fa-solid fa-wrench\"></i>\n                                                    <span>Available Tools ({{ getToolsForServer(server.ID).length }})</span>\n                                                </div>\n                                                @if (getToolsForServer(server.ID).length === 0) {\n                                                    <div class=\"no-tools-message\">\n                                                        <i class=\"fa-solid fa-info-circle\"></i>\n                                                        No tools discovered yet. Sync a connection to discover tools.\n                                                    </div>\n                                                } @else {\n                                                    <div class=\"tools-mini-list\">\n                                                        @for (tool of getToolsForServer(server.ID); track tool.ID) {\n                                                            <div class=\"tool-mini-card\">\n                                                                <div class=\"tool-mini-info\">\n                                                                    <span class=\"tool-mini-name\">{{ tool.ToolTitle || tool.ToolName }}</span>\n                                                                    <span class=\"tool-mini-params\">\n                                                                        <i class=\"fa-solid fa-sliders\"></i>\n                                                                        {{ getParamCount(tool) }} params\n                                                                    </span>\n                                                                </div>\n                                                                <button kendoButton\n                                                                        fillMode=\"flat\"\n                                                                        size=\"small\"\n                                                                        (click)=\"runToolFromCard(tool); $event.stopPropagation()\"\n                                                                        title=\"Test this tool\">\n                                                                    <i class=\"fa-solid fa-play\"></i>\n                                                                </button>\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                }\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            }\n                        </div>\n                    }\n\n                    <!-- Connections Tab -->\n                    @case ('connections') {\n                        <div class=\"data-grid connections-grid\">\n                            @if (filteredConnections.length === 0) {\n                                <div class=\"empty-state\">\n                                    <i class=\"fa-solid fa-link\"></i>\n                                    <p>No connections configured</p>\n                                    <button kendoButton themeColor=\"primary\" (click)=\"createConnection()\">\n                                        Add Your First Connection\n                                    </button>\n                                </div>\n                            } @else {\n                                @for (conn of filteredConnections; track conn.ID) {\n                                    <div class=\"data-card\" [class.expanded]=\"isConnectionExpanded(conn)\">\n                                        <div class=\"card-header clickable\" (click)=\"toggleConnectionExpand(conn)\">\n                                            <div class=\"card-title\">\n                                                <i class=\"fa-solid fa-chevron-right expand-arrow\" [class.rotated]=\"isConnectionExpanded(conn)\"></i>\n                                                <i class=\"fa-solid fa-link\"></i>\n                                                <span class=\"name\" [innerHTML]=\"conn.Name | highlightSearch:(filters$ | async)?.searchTerm\"></span>\n                                                <span class=\"status-badge\" [ngClass]=\"getStatusClass(conn.Status)\">\n                                                    {{ conn.Status }}\n                                                </span>\n                                            </div>\n                                            <div class=\"card-actions\" (click)=\"$event.stopPropagation()\">\n                                                <button kendoButton\n                                                        fillMode=\"flat\"\n                                                        (click)=\"syncConnectionTools(conn)\"\n                                                        [disabled]=\"isSyncing(conn.ID)\"\n                                                        title=\"Sync Tools\">\n                                                    @if (isSyncing(conn.ID)) {\n                                                        <i class=\"fa-solid fa-sync fa-spin\"></i>\n                                                    } @else {\n                                                        <i class=\"fa-solid fa-sync\"></i>\n                                                    }\n                                                </button>\n                                                <button kendoButton fillMode=\"flat\" (click)=\"editConnection(conn)\" title=\"Edit\">\n                                                    <i class=\"fa-solid fa-pen\"></i>\n                                                </button>\n                                                <button kendoButton fillMode=\"flat\" (click)=\"deleteConnection(conn)\" title=\"Delete\">\n                                                    <i class=\"fa-solid fa-trash\"></i>\n                                                </button>\n                                            </div>\n                                        </div>\n                                        <!-- Sync Progress Banner -->\n                                        @if (isSyncing(conn.ID)) {\n                                            <div class=\"sync-progress-banner\">\n                                                <i class=\"fa-solid fa-circle-notch fa-spin\"></i>\n                                                <span class=\"sync-message\">{{ getSyncProgressMessage(conn.ID) || 'Syncing...' }}</span>\n                                            </div>\n                                        }\n                                        <!-- Sync Result Banner -->\n                                        @if (getSyncState(conn.ID)?.lastResult && !isSyncing(conn.ID)) {\n                                            <div class=\"sync-result-banner\"\n                                                 [class.success]=\"getSyncState(conn.ID)?.lastResult?.Success\"\n                                                 [class.error]=\"!getSyncState(conn.ID)?.lastResult?.Success\">\n                                                @if (getSyncState(conn.ID)?.lastResult?.Success) {\n                                                    <i class=\"fa-solid fa-check-circle\"></i>\n                                                    <span>Synced: {{ getSyncState(conn.ID)?.lastResult?.Added }} added,\n                                                          {{ getSyncState(conn.ID)?.lastResult?.Updated }} updated,\n                                                          {{ getSyncState(conn.ID)?.lastResult?.Deprecated }} deprecated\n                                                    </span>\n                                                } @else {\n                                                    <i class=\"fa-solid fa-exclamation-circle\"></i>\n                                                    <span>{{ getSyncState(conn.ID)?.lastResult?.ErrorMessage }}</span>\n                                                }\n                                            </div>\n                                        }\n                                        <div class=\"card-body\">\n                                            @if (conn.Description) {\n                                                <p class=\"description\" [innerHTML]=\"conn.Description | highlightSearch:(filters$ | async)?.searchTerm\"></p>\n                                            }\n                                            <div class=\"details-grid\">\n                                                <div class=\"detail\">\n                                                    <span class=\"label\">Server</span>\n                                                    <span class=\"value\">{{ conn.ServerName }}</span>\n                                                </div>\n                                                <div class=\"detail\">\n                                                    <span class=\"label\">Auto Sync</span>\n                                                    <span class=\"value\">{{ conn.AutoSyncTools ? 'Yes' : 'No' }}</span>\n                                                </div>\n                                                <div class=\"detail\">\n                                                    <span class=\"label\">Logging</span>\n                                                    <span class=\"value\">{{ conn.LogToolCalls ? 'Enabled' : 'Disabled' }}</span>\n                                                </div>\n                                                <div class=\"detail\">\n                                                    <span class=\"label\">Last Connected</span>\n                                                    <span class=\"value\">{{ formatDate(conn.LastConnectedAt) }}</span>\n                                                </div>\n                                                @if (conn.LastErrorMessage) {\n                                                    <div class=\"detail full-width error\">\n                                                        <span class=\"label\">Last Error</span>\n                                                        <span class=\"value\">{{ conn.LastErrorMessage }}</span>\n                                                    </div>\n                                                }\n                                            </div>\n                                        </div>\n                                        <!-- Expanded Tools Section -->\n                                        @if (isConnectionExpanded(conn)) {\n                                            <div class=\"expanded-tools-section\">\n                                                <div class=\"tools-section-header\">\n                                                    <i class=\"fa-solid fa-wrench\"></i>\n                                                    <span>Available Tools ({{ getToolsForConnection(conn.ID).length }})</span>\n                                                </div>\n                                                @if (getToolsForConnection(conn.ID).length === 0) {\n                                                    <div class=\"no-tools-message\">\n                                                        <i class=\"fa-solid fa-info-circle\"></i>\n                                                        No tools discovered yet. Click the sync button to discover tools.\n                                                    </div>\n                                                } @else {\n                                                    <div class=\"tools-mini-list\">\n                                                        @for (tool of getToolsForConnection(conn.ID); track tool.ID) {\n                                                            <div class=\"tool-mini-card\">\n                                                                <div class=\"tool-mini-info\">\n                                                                    <span class=\"tool-mini-name\">{{ tool.ToolTitle || tool.ToolName }}</span>\n                                                                    <span class=\"tool-mini-params\">\n                                                                        <i class=\"fa-solid fa-sliders\"></i>\n                                                                        {{ getParamCount(tool) }} params\n                                                                    </span>\n                                                                </div>\n                                                                <button kendoButton\n                                                                        fillMode=\"flat\"\n                                                                        size=\"small\"\n                                                                        (click)=\"runToolFromCard(tool, conn); $event.stopPropagation()\"\n                                                                        title=\"Test this tool with this connection\">\n                                                                    <i class=\"fa-solid fa-play\"></i>\n                                                                </button>\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                }\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            }\n                        </div>\n                    }\n\n                    <!-- Tools Tab -->\n                    @case ('tools') {\n                        @if (ServerGroups.length === 0) {\n                            <div class=\"empty-state\">\n                                <i class=\"fa-solid fa-wrench\"></i>\n                                <p>No tools discovered yet</p>\n                                <span class=\"hint\">Tools are discovered when connections sync with MCP servers</span>\n                            </div>\n                        } @else {\n                            <div class=\"tools-container\">\n                                <!-- Server Groups -->\n                                @for (group of ServerGroups; track group.server.ID) {\n                                    <div class=\"server-group\" [class.collapsed]=\"!group.expanded\">\n                                        <!-- Server Group Header -->\n                                        <div class=\"server-group-header\" (click)=\"toggleServerGroup(group)\">\n                                            <div class=\"server-info\">\n                                                <i class=\"fa-solid fa-chevron-right expand-icon\" [class.expanded]=\"group.expanded\"></i>\n                                                <i [class]=\"getTransportIcon(group.server.TransportType)\"></i>\n                                                <span class=\"server-name\">{{ group.server.Name }}</span>\n                                                <span class=\"tool-count\">{{ group.tools.length }} tools</span>\n                                                <span class=\"status-badge small\" [ngClass]=\"getStatusClass(group.server.Status)\">\n                                                    {{ group.server.Status }}\n                                                </span>\n                                            </div>\n                                            <div class=\"server-actions\" (click)=\"$event.stopPropagation()\">\n                                                <button kendoButton fillMode=\"flat\" (click)=\"openTestToolDialog(undefined, undefined)\" title=\"Test a tool\">\n                                                    <i class=\"fa-solid fa-play\"></i>\n                                                </button>\n                                            </div>\n                                        </div>\n\n                                        <!-- Tools Content -->\n                                        @if (group.expanded) {\n                                            <!-- Card View -->\n                                            @if (ToolsViewMode === 'card') {\n                                                <div class=\"tools-grid\">\n                                                    @for (tool of group.tools; track tool.ID) {\n                                                        <div class=\"tool-card\" [class.expanded]=\"isToolExpanded(tool)\">\n                                                            <div class=\"tool-card-header\" (click)=\"toggleToolExpand(tool)\">\n                                                                <div class=\"tool-title\">\n                                                                    <i class=\"fa-solid fa-wrench\"></i>\n                                                                    <span class=\"name\" [innerHTML]=\"(tool.ToolTitle || tool.ToolName) | highlightSearch:(filters$ | async)?.searchTerm\"></span>\n                                                                </div>\n                                                                <div class=\"tool-meta\">\n                                                                    <span class=\"param-badge\" title=\"Parameters\">\n                                                                        <i class=\"fa-solid fa-sliders\"></i>\n                                                                        {{ getParamCount(tool) }}\n                                                                    </span>\n                                                                    <span class=\"status-badge small\" [ngClass]=\"getStatusClass(tool.Status)\">\n                                                                        {{ tool.Status }}\n                                                                    </span>\n                                                                </div>\n                                                            </div>\n                                                            @if (tool.ToolDescription) {\n                                                                <p class=\"tool-description\" [innerHTML]=\"tool.ToolDescription | highlightSearch:(filters$ | async)?.searchTerm\"></p>\n                                                            }\n                                                            <div class=\"tool-card-actions\">\n                                                                <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"openTestToolDialog(tool)\" title=\"Test this tool\">\n                                                                    <i class=\"fa-solid fa-play\"></i>\n                                                                    Test\n                                                                </button>\n                                                                <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"toggleToolExpand(tool)\" title=\"View details\">\n                                                                    <i class=\"fa-solid\" [class.fa-chevron-down]=\"!isToolExpanded(tool)\" [class.fa-chevron-up]=\"isToolExpanded(tool)\"></i>\n                                                                    {{ isToolExpanded(tool) ? 'Less' : 'More' }}\n                                                                </button>\n                                                            </div>\n                                                            <!-- Expanded Details -->\n                                                            @if (isToolExpanded(tool)) {\n                                                                <div class=\"tool-details\">\n                                                                    <div class=\"detail-row\">\n                                                                        <span class=\"detail-label\">Tool Name:</span>\n                                                                        <span class=\"detail-value mono\">{{ tool.ToolName }}</span>\n                                                                    </div>\n                                                                    <div class=\"detail-row\">\n                                                                        <span class=\"detail-label\">Parameters:</span>\n                                                                        <span class=\"detail-value\">\n                                                                            {{ getParamCount(tool) }} total, {{ getRequiredParamCount(tool) }} required\n                                                                        </span>\n                                                                    </div>\n                                                                    <div class=\"detail-row\">\n                                                                        <span class=\"detail-label\">Discovered:</span>\n                                                                        <span class=\"detail-value\">{{ formatDate(tool.DiscoveredAt) }}</span>\n                                                                    </div>\n                                                                    <div class=\"detail-row\">\n                                                                        <span class=\"detail-label\">Last Seen:</span>\n                                                                        <span class=\"detail-value\">{{ formatDate(tool.LastSeenAt) }}</span>\n                                                                    </div>\n                                                                    @if (tool.InputSchema) {\n                                                                        <div class=\"detail-row full\">\n                                                                            <span class=\"detail-label\">Input Schema:</span>\n                                                                            <pre class=\"schema-preview\">{{ getFormattedInputSchema(tool) }}</pre>\n                                                                        </div>\n                                                                    }\n                                                                </div>\n                                                            }\n                                                        </div>\n                                                    }\n                                                </div>\n                                            } @else {\n                                                <!-- List View -->\n                                                <div class=\"tools-list\">\n                                                    <table>\n                                                        <thead>\n                                                            <tr>\n                                                                <th>Tool</th>\n                                                                <th>Description</th>\n                                                                <th>Params</th>\n                                                                <th>Status</th>\n                                                                <th>Last Seen</th>\n                                                                <th>Actions</th>\n                                                            </tr>\n                                                        </thead>\n                                                        <tbody>\n                                                            @for (tool of group.tools; track tool.ID) {\n                                                                <tr [class.expanded]=\"isToolExpanded(tool)\">\n                                                                    <td class=\"tool-name-cell\">\n                                                                        <i class=\"fa-solid fa-wrench\"></i>\n                                                                        <div class=\"tool-name-info\">\n                                                                            <span class=\"tool-title\" [innerHTML]=\"(tool.ToolTitle || tool.ToolName) | highlightSearch:(filters$ | async)?.searchTerm\"></span>\n                                                                            @if (tool.ToolTitle) {\n                                                                                <span class=\"tool-code\">{{ tool.ToolName }}</span>\n                                                                            }\n                                                                        </div>\n                                                                    </td>\n                                                                    <td class=\"description-cell\" [innerHTML]=\"(tool.ToolDescription || '-') | highlightSearch:(filters$ | async)?.searchTerm\">\n                                                                    </td>\n                                                                    <td>\n                                                                        <span class=\"param-count\">{{ getParamCount(tool) }}</span>\n                                                                    </td>\n                                                                    <td>\n                                                                        <span class=\"status-badge small\" [ngClass]=\"getStatusClass(tool.Status)\">\n                                                                            {{ tool.Status }}\n                                                                        </span>\n                                                                    </td>\n                                                                    <td>{{ formatDate(tool.LastSeenAt) }}</td>\n                                                                    <td class=\"actions-cell\">\n                                                                        <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"openTestToolDialog(tool)\" title=\"Test\">\n                                                                            <i class=\"fa-solid fa-play\"></i>\n                                                                        </button>\n                                                                        <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"toggleToolExpand(tool)\" title=\"Details\">\n                                                                            <i class=\"fa-solid\" [class.fa-chevron-down]=\"!isToolExpanded(tool)\" [class.fa-chevron-up]=\"isToolExpanded(tool)\"></i>\n                                                                        </button>\n                                                                    </td>\n                                                                </tr>\n                                                                @if (isToolExpanded(tool)) {\n                                                                    <tr class=\"detail-row-expanded\">\n                                                                        <td colspan=\"6\">\n                                                                            <div class=\"inline-details\">\n                                                                                <div class=\"detail-section\">\n                                                                                    <span class=\"detail-label\">Tool Name:</span>\n                                                                                    <span class=\"detail-value mono\">{{ tool.ToolName }}</span>\n                                                                                </div>\n                                                                                <div class=\"detail-section\">\n                                                                                    <span class=\"detail-label\">Discovered:</span>\n                                                                                    <span class=\"detail-value\">{{ formatDate(tool.DiscoveredAt) }}</span>\n                                                                                </div>\n                                                                                <div class=\"detail-section\">\n                                                                                    <span class=\"detail-label\">Required Params:</span>\n                                                                                    <span class=\"detail-value\">{{ getRequiredParamCount(tool) }}</span>\n                                                                                </div>\n                                                                                @if (tool.InputSchema) {\n                                                                                    <div class=\"detail-section full\">\n                                                                                        <span class=\"detail-label\">Input Schema:</span>\n                                                                                        <pre class=\"schema-preview\">{{ getFormattedInputSchema(tool) }}</pre>\n                                                                                    </div>\n                                                                                }\n                                                                            </div>\n                                                                        </td>\n                                                                    </tr>\n                                                                }\n                                                            }\n                                                        </tbody>\n                                                    </table>\n                                                </div>\n                                            }\n                                        }\n                                    </div>\n                                }\n                            </div>\n                        }\n                    }\n\n                    <!-- Logs Tab -->\n                    @case ('logs') {\n                        <div class=\"data-table\">\n                            @if (filteredLogs.length === 0) {\n                                <div class=\"empty-state\">\n                                    <i class=\"fa-solid fa-list-check\"></i>\n                                    <p>No recent execution logs</p>\n                                    <span class=\"hint\">Logs appear when tools are executed via MCP connections</span>\n                                </div>\n                            } @else {\n                                <table>\n                                    <thead>\n                                        <tr>\n                                            <th class=\"sortable\" [ngClass]=\"getLogSortClass('status')\" (click)=\"onLogSortColumn('status')\">\n                                                Status\n                                                <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'status' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'status' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'status'\"></i>\n                                            </th>\n                                            <th class=\"sortable\" [ngClass]=\"getLogSortClass('server')\" (click)=\"onLogSortColumn('server')\">\n                                                Server\n                                                <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'server' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'server' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'server'\"></i>\n                                            </th>\n                                            <th class=\"sortable\" [ngClass]=\"getLogSortClass('tool')\" (click)=\"onLogSortColumn('tool')\">\n                                                Tool\n                                                <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'tool' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'tool' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'tool'\"></i>\n                                            </th>\n                                            <th class=\"sortable\" [ngClass]=\"getLogSortClass('connection')\" (click)=\"onLogSortColumn('connection')\">\n                                                Connection\n                                                <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'connection' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'connection' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'connection'\"></i>\n                                            </th>\n                                            <th class=\"sortable\" [ngClass]=\"getLogSortClass('started')\" (click)=\"onLogSortColumn('started')\">\n                                                Started\n                                                <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'started' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'started' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'started'\"></i>\n                                            </th>\n                                            <th class=\"sortable\" [ngClass]=\"getLogSortClass('duration')\" (click)=\"onLogSortColumn('duration')\">\n                                                Duration\n                                                <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'duration' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'duration' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'duration'\"></i>\n                                            </th>\n                                            <th class=\"sortable\" [ngClass]=\"getLogSortClass('error')\" (click)=\"onLogSortColumn('error')\">\n                                                Error\n                                                <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'error' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'error' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'error'\"></i>\n                                            </th>\n                                            <th></th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        @for (log of filteredLogs; track log.ID) {\n                                            <tr [class.error-row]=\"log.Status === 'Error'\"\n                                                class=\"clickable-row\"\n                                                (click)=\"onLogClick(log)\"\n                                                title=\"Click for details\">\n                                                <td>\n                                                    <span class=\"status-badge\" [ngClass]=\"getStatusClass(log.Status)\">\n                                                        @switch (log.Status) {\n                                                            @case ('Success') {\n                                                                <i class=\"fa-solid fa-check-circle\"></i>\n                                                            }\n                                                            @case ('Error') {\n                                                                <i class=\"fa-solid fa-times-circle\"></i>\n                                                            }\n                                                            @case ('Running') {\n                                                                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                                            }\n                                                            @default {\n                                                                <i class=\"fa-solid fa-question-circle\"></i>\n                                                            }\n                                                        }\n                                                        {{ log.Status || 'Unknown' }}\n                                                    </span>\n                                                </td>\n                                                <td class=\"server-name\">{{ log.ServerName }}</td>\n                                                <td class=\"tool-name\">{{ log.ToolName }}</td>\n                                                <td>{{ log.ConnectionName }}</td>\n                                                <td>{{ formatDate(log.StartedAt) }}</td>\n                                                <td>{{ formatDuration(log.DurationMs) }}</td>\n                                                <td class=\"error-message\" [title]=\"log.ErrorMessage || ''\">\n                                                    {{ log.ErrorMessage || '-' }}\n                                                </td>\n                                                <td class=\"action-cell\">\n                                                    <i class=\"fa-solid fa-chevron-right\"></i>\n                                                </td>\n                                            </tr>\n                                        }\n                                    </tbody>\n                                </table>\n                            }\n                        </div>\n                    }\n                }\n            }\n        </div>\n    </div>\n</div>\n\n<!-- Server Dialog -->\n@if (ShowServerDialog) {\n    <mj-mcp-server-dialog\n        [server]=\"EditingServer\"\n        [visible]=\"ShowServerDialog\"\n        (close)=\"onServerDialogClose($event)\">\n    </mj-mcp-server-dialog>\n}\n\n<!-- Connection Dialog -->\n@if (ShowConnectionDialog) {\n    <mj-mcp-connection-dialog\n        [connection]=\"EditingConnection\"\n        [servers]=\"servers\"\n        [visible]=\"ShowConnectionDialog\"\n        (close)=\"onConnectionDialogClose($event)\">\n    </mj-mcp-connection-dialog>\n}\n\n<!-- Test Tool Dialog -->\n@if (ShowTestToolDialog) {\n    <mj-mcp-test-tool-dialog\n        [Visible]=\"ShowTestToolDialog\"\n        [Servers]=\"servers\"\n        [Connections]=\"connections\"\n        [Tools]=\"tools\"\n        [SelectedServerID]=\"TestToolServerID\"\n        [SelectedConnectionID]=\"TestToolConnectionID\"\n        [SelectedToolID]=\"TestToolID\"\n        (Close)=\"onTestToolDialogClose()\">\n    </mj-mcp-test-tool-dialog>\n}\n\n<!-- Log Detail Panel -->\n@if (ShowLogDetailPanel && SelectedLog) {\n    <mj-mcp-log-detail-panel\n        [Visible]=\"ShowLogDetailPanel\"\n        [Log]=\"SelectedLog\"\n        (Close)=\"onLogDetailClose()\"\n        (RunAgain)=\"onRunAgainFromLog($event)\">\n    </mj-mcp-log-detail-panel>\n}\n", styles: ["/* MCP Dashboard - Left Sidebar Layout */\n.mcp-dashboard {\n    display: flex;\n    flex-direction: row;\n    height: 100%;\n    background: var(--mj-background-color, #f5f5f5);\n    overflow: hidden;\n}\n\n/* ========================================\n   Left Sidebar\n   ======================================== */\n.sidebar {\n    display: flex;\n    flex-direction: column;\n    width: 220px;\n    min-width: 220px;\n    background: white;\n    border-right: 1px solid #e0e0e0;\n    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.04);\n}\n\n.sidebar-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 20px 16px;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.sidebar-header i {\n    font-size: 24px;\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.sidebar-title {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-color, #333);\n}\n\n/* Sidebar Navigation */\n.sidebar-nav {\n    display: flex;\n    flex-direction: column;\n    padding: 12px 8px;\n    flex: 1;\n}\n\n.nav-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    margin-bottom: 4px;\n    background: none;\n    border: none;\n    border-radius: 8px;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-secondary-color, #666);\n    transition: all 0.2s ease;\n    text-align: left;\n    width: 100%;\n}\n\n.nav-item:hover {\n    background: rgba(33, 150, 243, 0.08);\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.nav-item.active {\n    background: rgba(33, 150, 243, 0.12);\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.nav-item i {\n    width: 20px;\n    text-align: center;\n    font-size: 16px;\n}\n\n.nav-label {\n    flex: 1;\n}\n\n.nav-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 20px;\n    padding: 0 6px;\n    background: #e0e0e0;\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n    color: #666;\n}\n\n.nav-item.active .nav-badge {\n    background: var(--mj-primary-color, #2196f3);\n    color: white;\n}\n\n.nav-badge.has-errors {\n    background: #f44336;\n    color: white;\n}\n\n/* Sidebar Stats */\n.sidebar-stats {\n    padding: 16px;\n    border-top: 1px solid #e0e0e0;\n    background: #fafafa;\n}\n\n.stat-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 0;\n    font-size: 12px;\n}\n\n.stat-row .stat-label {\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.stat-row .stat-value {\n    font-weight: 600;\n    color: var(--mj-text-color, #333);\n}\n\n.stat-row.error .stat-value {\n    color: #f44336;\n}\n\n/* Sidebar Footer */\n.sidebar-footer {\n    display: flex;\n    justify-content: center;\n    padding: 12px;\n    border-top: 1px solid #e0e0e0;\n}\n\n/* ========================================\n   Main Content Area\n   ======================================== */\n.main-content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    overflow: hidden;\n    min-width: 0;\n}\n\n/* Content Header */\n.content-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 24px;\n    background: white;\n    border-bottom: 1px solid #e0e0e0;\n    flex-shrink: 0;\n}\n\n.content-title {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--mj-text-color, #333);\n}\n\n.header-actions {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n/* Search Box */\n.search-box {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: #f5f5f5;\n    border-radius: 6px;\n    min-width: 200px;\n}\n\n.search-box i {\n    color: #999;\n}\n\n.search-box input {\n    flex: 1;\n    border: none;\n    background: none;\n    outline: none;\n    font-size: 14px;\n}\n\n.status-filter {\n    padding: 8px 12px;\n    border: 1px solid #e0e0e0;\n    border-radius: 6px;\n    font-size: 14px;\n    background: white;\n    cursor: pointer;\n}\n\n/* Content Body */\n.content-body {\n    flex: 1;\n    padding: 20px 24px;\n    overflow: auto;\n}\n\n/* Error Banner */\n.error-banner {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    margin: 16px 24px 0 24px;\n    background: #ffebee;\n    border: 1px solid #f44336;\n    border-radius: 8px;\n    color: #c62828;\n}\n\n.error-banner .close-btn {\n    margin-left: auto;\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: #c62828;\n    padding: 4px;\n}\n\n/* ========================================\n   Data Display Components\n   ======================================== */\n\n/* Data Grid (Cards) */\n.data-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n    gap: 16px;\n}\n\n.data-card {\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    overflow: hidden;\n    background: white;\n    transition: box-shadow 0.2s ease;\n}\n\n.data-card:hover {\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n\n.card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: #fafafa;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.card-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.card-title i {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.card-title .name {\n    font-weight: 600;\n    font-size: 15px;\n}\n\n.card-actions {\n    display: flex;\n    gap: 4px;\n}\n\n.card-actions button {\n    padding: 4px 8px;\n}\n\n.card-body {\n    padding: 16px;\n}\n\n.card-body .description {\n    margin: 0 0 12px 0;\n    color: var(--mj-text-secondary-color, #666);\n    font-size: 13px;\n}\n\n.details-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.detail {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.detail.full-width {\n    grid-column: 1 / -1;\n}\n\n.detail.error .value {\n    color: #f44336;\n}\n\n.detail .label {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: #999;\n    font-weight: 500;\n}\n\n.detail .value {\n    font-size: 13px;\n    color: var(--mj-text-color, #333);\n}\n\n.detail .value.url,\n.detail .value.command {\n    font-family: monospace;\n    font-size: 12px;\n    background: #f5f5f5;\n    padding: 4px 8px;\n    border-radius: 4px;\n    word-break: break-all;\n}\n\n/* Status Badges */\n.status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 8px;\n    border-radius: 12px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.status-active {\n    background: rgba(76, 175, 80, 0.1);\n    color: #4caf50;\n}\n\n.status-inactive {\n    background: rgba(158, 158, 158, 0.1);\n    color: #9e9e9e;\n}\n\n.status-error {\n    background: rgba(244, 67, 54, 0.1);\n    color: #f44336;\n}\n\n.status-deprecated {\n    background: rgba(255, 152, 0, 0.1);\n    color: #ff9800;\n}\n\n.status-unknown {\n    background: rgba(158, 158, 158, 0.1);\n    color: #9e9e9e;\n}\n\n/* Sync Progress & Result Banners */\n.sync-progress-banner {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    background: linear-gradient(90deg, rgba(33, 150, 243, 0.1), rgba(33, 150, 243, 0.05));\n    border-bottom: 1px solid rgba(33, 150, 243, 0.2);\n    color: #1976d2;\n    font-size: 13px;\n}\n\n.sync-progress-banner i {\n    color: #2196f3;\n}\n\n.sync-progress-banner .sync-message {\n    flex: 1;\n}\n\n.sync-result-banner {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    font-size: 12px;\n    border-bottom: 1px solid;\n}\n\n.sync-result-banner.success {\n    background: rgba(76, 175, 80, 0.08);\n    border-color: rgba(76, 175, 80, 0.2);\n    color: #388e3c;\n}\n\n.sync-result-banner.success i {\n    color: #4caf50;\n}\n\n.sync-result-banner.error {\n    background: rgba(244, 67, 54, 0.08);\n    border-color: rgba(244, 67, 54, 0.2);\n    color: #d32f2f;\n}\n\n.sync-result-banner.error i {\n    color: #f44336;\n}\n\n/* Data Table */\n.data-table {\n    overflow: auto;\n    background: white;\n    border-radius: 8px;\n    border: 1px solid #e0e0e0;\n}\n\n.data-table table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.data-table th,\n.data-table td {\n    padding: 12px 16px;\n    text-align: left;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.data-table th {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: #999;\n    font-weight: 600;\n    background: #fafafa;\n    position: sticky;\n    top: 0;\n}\n\n.data-table tbody tr {\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.data-table tbody tr:hover {\n    background: #f5f5f5;\n}\n\n.data-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.data-table tbody tr.error-row {\n    background: rgba(244, 67, 54, 0.05);\n}\n\n.data-table .tool-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 500;\n}\n\n.data-table .tool-name i {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.data-table .error-message {\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: #f44336;\n    font-size: 12px;\n}\n\n.data-table .server-name {\n    color: var(--mj-text-secondary-color, #666);\n    font-size: 13px;\n}\n\n/* Sortable Column Headers */\n.data-table th.sortable {\n    cursor: pointer;\n    user-select: none;\n    transition: background 0.15s ease;\n}\n\n.data-table th.sortable:hover {\n    background: #f0f0f0;\n}\n\n.data-table th.sortable .sort-icon {\n    margin-left: 6px;\n    font-size: 10px;\n    color: #ccc;\n    transition: color 0.15s ease;\n}\n\n.data-table th.sortable:hover .sort-icon {\n    color: #999;\n}\n\n.data-table th.sorted-asc .sort-icon,\n.data-table th.sorted-desc .sort-icon {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n/* Status badge icons */\n.status-badge i {\n    font-size: 12px;\n}\n\n/* Empty State */\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n    background: white;\n    border-radius: 8px;\n    border: 1px solid #e0e0e0;\n}\n\n.empty-state i {\n    font-size: 48px;\n    color: #e0e0e0;\n    margin-bottom: 16px;\n}\n\n.empty-state p {\n    margin: 0 0 8px 0;\n    font-size: 16px;\n    color: var(--mj-text-color, #333);\n}\n\n.empty-state .hint {\n    font-size: 13px;\n    color: var(--mj-text-secondary-color, #666);\n    margin-bottom: 16px;\n}\n\n/* ========================================\n   View Mode Toggle\n   ======================================== */\n.view-toggle {\n    display: flex;\n    border: 1px solid #e0e0e0;\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.view-toggle button {\n    border-radius: 0;\n    border: none;\n    padding: 6px 10px;\n}\n\n.view-toggle button.active {\n    background: var(--mj-primary-color, #2196f3);\n    color: white;\n}\n\n/* ========================================\n   Tools Tab - Server Groups\n   ======================================== */\n.tools-container {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.server-group {\n    background: white;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.server-group-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: linear-gradient(135deg, #fafafa, #f5f5f5);\n    border-bottom: 1px solid #e0e0e0;\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.server-group-header:hover {\n    background: linear-gradient(135deg, #f5f5f5, #efefef);\n}\n\n.server-group.collapsed .server-group-header {\n    border-bottom: none;\n}\n\n.server-info {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.expand-icon {\n    font-size: 12px;\n    color: #999;\n    transition: transform 0.2s ease;\n}\n\n.expand-icon.expanded {\n    transform: rotate(90deg);\n}\n\n.server-name {\n    font-weight: 600;\n    font-size: 15px;\n    color: var(--mj-text-color, #333);\n}\n\n.tool-count {\n    font-size: 12px;\n    color: var(--mj-text-secondary-color, #666);\n    background: rgba(0, 0, 0, 0.05);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.status-badge.small {\n    padding: 2px 6px;\n    font-size: 10px;\n}\n\n.server-actions {\n    display: flex;\n    gap: 4px;\n}\n\n/* ========================================\n   Tools Grid (Card View)\n   ======================================== */\n.tools-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 12px;\n    padding: 16px;\n}\n\n.tool-card {\n    border: 1px solid #e8e8e8;\n    border-radius: 8px;\n    background: white;\n    transition: all 0.2s ease;\n    overflow: hidden;\n}\n\n.tool-card:hover {\n    border-color: var(--mj-primary-color, #2196f3);\n    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15);\n}\n\n.tool-card.expanded {\n    border-color: var(--mj-primary-color, #2196f3);\n}\n\n.tool-card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    padding: 12px 14px;\n    cursor: pointer;\n}\n\n.tool-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex: 1;\n}\n\n.tool-title i {\n    color: var(--mj-primary-color, #2196f3);\n    font-size: 14px;\n}\n\n.tool-title .name {\n    font-weight: 600;\n    font-size: 14px;\n    color: var(--mj-text-color, #333);\n}\n\n.tool-meta {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.param-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: #f5f5f5;\n    border-radius: 10px;\n    font-size: 11px;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.param-badge i {\n    font-size: 10px;\n}\n\n.tool-description {\n    margin: 0;\n    padding: 0 14px 8px 14px;\n    font-size: 12px;\n    color: var(--mj-text-secondary-color, #666);\n    line-height: 1.4;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n.tool-card-actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    padding: 8px 14px;\n    border-top: 1px solid #f0f0f0;\n    background: #fafafa;\n}\n\n/* Tool Details (Expanded) */\n.tool-details {\n    padding: 12px 14px;\n    background: #fafafa;\n    border-top: 1px solid #e8e8e8;\n}\n\n.tool-details .detail-row {\n    display: flex;\n    padding: 6px 0;\n    font-size: 12px;\n}\n\n.tool-details .detail-row.full {\n    flex-direction: column;\n    gap: 6px;\n}\n\n.tool-details .detail-label {\n    min-width: 100px;\n    color: var(--mj-text-secondary-color, #666);\n    font-weight: 500;\n}\n\n.tool-details .detail-value {\n    color: var(--mj-text-color, #333);\n}\n\n.tool-details .detail-value.mono {\n    font-family: 'Consolas', 'Monaco', monospace;\n    background: #fff;\n    padding: 2px 6px;\n    border-radius: 3px;\n    border: 1px solid #e0e0e0;\n}\n\n.schema-preview {\n    margin: 0;\n    padding: 10px 12px;\n    background: #fff;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    font-family: 'Consolas', 'Monaco', monospace;\n    font-size: 11px;\n    line-height: 1.4;\n    max-height: 200px;\n    overflow: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n/* ========================================\n   Tools List View\n   ======================================== */\n.tools-list {\n    overflow: auto;\n}\n\n.tools-list table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.tools-list th,\n.tools-list td {\n    padding: 10px 14px;\n    text-align: left;\n    border-bottom: 1px solid #f0f0f0;\n}\n\n.tools-list th {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: #999;\n    font-weight: 600;\n    background: #fafafa;\n    position: sticky;\n    top: 0;\n}\n\n.tools-list tbody tr {\n    transition: background 0.15s ease;\n}\n\n.tools-list tbody tr:hover {\n    background: #fafafa;\n}\n\n.tools-list tbody tr.expanded {\n    background: rgba(33, 150, 243, 0.04);\n}\n\n.tool-name-cell {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n}\n\n.tool-name-cell i {\n    color: var(--mj-primary-color, #2196f3);\n    margin-top: 2px;\n}\n\n.tool-name-info {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.tool-name-info .tool-title {\n    font-weight: 500;\n    color: var(--mj-text-color, #333);\n}\n\n.tool-name-info .tool-code {\n    font-size: 11px;\n    font-family: monospace;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.description-cell {\n    max-width: 300px;\n    font-size: 12px;\n    color: var(--mj-text-secondary-color, #666);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.param-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 24px;\n    background: #f5f5f5;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.actions-cell {\n    white-space: nowrap;\n}\n\n/* Expanded Detail Row in List View */\n.detail-row-expanded td {\n    padding: 0;\n    background: #fafafa;\n}\n\n.inline-details {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px;\n    border-top: 1px dashed #e0e0e0;\n}\n\n.inline-details .detail-section {\n    display: flex;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.inline-details .detail-section.full {\n    flex-basis: 100%;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.inline-details .detail-label {\n    color: var(--mj-text-secondary-color, #666);\n    font-weight: 500;\n}\n\n.inline-details .detail-value {\n    color: var(--mj-text-color, #333);\n}\n\n.inline-details .detail-value.mono {\n    font-family: monospace;\n}\n\n/* ========================================\n   Responsive Styles\n   ======================================== */\n@media (max-width: 900px) {\n    .mcp-dashboard {\n        flex-direction: column;\n    }\n\n    .sidebar {\n        width: 100%;\n        min-width: 100%;\n        flex-direction: row;\n        height: auto;\n        border-right: none;\n        border-bottom: 1px solid #e0e0e0;\n    }\n\n    .sidebar-header {\n        padding: 12px 16px;\n        border-bottom: none;\n        border-right: 1px solid #e0e0e0;\n    }\n\n    .sidebar-nav {\n        flex-direction: row;\n        padding: 8px;\n        overflow-x: auto;\n        flex: 1;\n    }\n\n    .nav-item {\n        padding: 8px 12px;\n        margin-bottom: 0;\n        margin-right: 4px;\n        white-space: nowrap;\n    }\n\n    .sidebar-stats {\n        display: none;\n    }\n\n    .sidebar-footer {\n        border-top: none;\n        border-left: 1px solid #e0e0e0;\n        padding: 8px;\n    }\n\n    .data-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .header-actions {\n        flex-wrap: wrap;\n    }\n\n    .search-box {\n        min-width: 100%;\n        order: 1;\n    }\n}\n\n@media (max-width: 600px) {\n    .content-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .header-actions {\n        width: 100%;\n    }\n\n    .search-box {\n        width: 100%;\n    }\n}\n\n/* ========================================\n   Clickable Log Rows\n   ======================================== */\n.clickable-row {\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.clickable-row:hover {\n    background: rgba(33, 150, 243, 0.05) !important;\n}\n\n.clickable-row .action-cell {\n    color: #ccc;\n    transition: color 0.15s ease;\n}\n\n.clickable-row:hover .action-cell {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.action-cell {\n    width: 40px;\n    text-align: center;\n}\n\n/* ========================================\n   Expandable Card Styles\n   ======================================== */\n.card-header.clickable {\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.card-header.clickable:hover {\n    background: #f0f0f0;\n}\n\n.expand-arrow {\n    font-size: 12px;\n    color: #999;\n    transition: transform 0.2s ease;\n    margin-right: 4px;\n}\n\n.expand-arrow.rotated {\n    transform: rotate(90deg);\n}\n\n.data-card.expanded {\n    border-color: var(--mj-primary-color, #2196f3);\n    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15);\n}\n\n/* ========================================\n   Expanded Tools Section (Server/Connection Cards)\n   ======================================== */\n.expanded-tools-section {\n    border-top: 1px solid #e0e0e0;\n    background: linear-gradient(180deg, #fafafa, #f5f5f5);\n}\n\n.tools-section-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 16px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-primary-color, #2196f3);\n    border-bottom: 1px solid #e8e8e8;\n}\n\n.tools-section-header i {\n    font-size: 14px;\n}\n\n.no-tools-message {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 16px;\n    color: var(--mj-text-secondary-color, #666);\n    font-size: 13px;\n}\n\n.no-tools-message i {\n    color: #999;\n}\n\n/* Tools Mini List */\n.tools-mini-list {\n    padding: 8px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    max-height: 300px;\n    overflow-y: auto;\n}\n\n.tool-mini-card {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 12px;\n    background: white;\n    border: 1px solid #e8e8e8;\n    border-radius: 6px;\n    transition: all 0.15s ease;\n}\n\n.tool-mini-card:hover {\n    border-color: var(--mj-primary-color, #2196f3);\n    background: rgba(33, 150, 243, 0.02);\n}\n\n.tool-mini-info {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    flex: 1;\n    min-width: 0;\n}\n\n.tool-mini-name {\n    font-weight: 500;\n    font-size: 13px;\n    color: var(--mj-text-color, #333);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.tool-mini-params {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.tool-mini-params i {\n    font-size: 10px;\n}\n\n.tool-mini-card button {\n    flex-shrink: 0;\n    margin-left: 8px;\n}\n\n/* Search Highlight */\n:host ::ng-deep .search-highlight,\n.search-highlight {\n    background-color: #fef08a;\n    padding: 1px 2px;\n    border-radius: 2px;\n    font-weight: inherit;\n}\n"] }]
-    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.Router }, { type: i2.NavigationService }, { type: i3.MCPToolsService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MCPDashboardComponent, { className: "MCPDashboardComponent", filePath: "src/MCP/mcp-dashboard.component.ts", lineNumber: 175 }); })();
-/**
- * Tree-shaking prevention function
- */
-export function LoadMCPDashboard() {
-    // Ensures the component is not tree-shaken
-}
+        args: [{ standalone: false, selector: 'mj-mcp-dashboard', template: "<div class=\"mcp-dashboard\">\n    <!-- Header -->\n    <div class=\"dashboard-header\">\n        <div class=\"header-info\">\n            <h2 class=\"dashboard-title\">\n                <i class=\"fa-solid fa-plug-circle-bolt\"></i>\n                MCP Dashboard\n            </h2>\n            <button\n                type=\"button\"\n                class=\"filter-toggle-btn\"\n                (click)=\"toggleFilterPanel()\"\n                title=\"Toggle Filters\">\n                <i class=\"fa-solid fa-filter\"></i>\n                @if (FilterPanelVisible) {\n                    Hide Filters\n                } @else {\n                    Show Filters\n                }\n            </button>\n            <span class=\"item-count\">{{ CurrentFilteredCount }} of {{ CurrentTotalCount }} items</span>\n        </div>\n\n        <div class=\"header-controls\">\n            <!-- Tab Navigation -->\n            <div class=\"tab-nav\">\n                <button\n                    type=\"button\"\n                    class=\"tab-btn\"\n                    [class.active]=\"ActiveTab === 'servers'\"\n                    (click)=\"setActiveTab('servers')\">\n                    <i class=\"fa-solid fa-server\"></i>\n                    <span class=\"tab-label\">Servers</span>\n                    <span class=\"tab-badge\">{{ servers.length }}</span>\n                </button>\n                <button\n                    type=\"button\"\n                    class=\"tab-btn\"\n                    [class.active]=\"ActiveTab === 'connections'\"\n                    (click)=\"setActiveTab('connections')\">\n                    <i class=\"fa-solid fa-link\"></i>\n                    <span class=\"tab-label\">Connections</span>\n                    <span class=\"tab-badge\">{{ connections.length }}</span>\n                </button>\n                <button\n                    type=\"button\"\n                    class=\"tab-btn\"\n                    [class.active]=\"ActiveTab === 'tools'\"\n                    (click)=\"setActiveTab('tools')\">\n                    <i class=\"fa-solid fa-wrench\"></i>\n                    <span class=\"tab-label\">Tools</span>\n                    <span class=\"tab-badge\">{{ tools.length }}</span>\n                </button>\n                <button\n                    type=\"button\"\n                    class=\"tab-btn\"\n                    [class.active]=\"ActiveTab === 'logs'\"\n                    (click)=\"setActiveTab('logs')\">\n                    <i class=\"fa-solid fa-list-check\"></i>\n                    <span class=\"tab-label\">Logs</span>\n                    <span class=\"tab-badge\" [class.has-errors]=\"stats.failedExecutions > 0\">{{ executionLogs.length }}</span>\n                </button>\n            </div>\n\n            <!-- Action Buttons based on tab -->\n            @switch (ActiveTab) {\n                @case ('servers') {\n                    <button kendoButton themeColor=\"primary\" (click)=\"createServer()\">\n                        <i class=\"fa-solid fa-plus\"></i>\n                        Add Server\n                    </button>\n                }\n                @case ('connections') {\n                    <button kendoButton themeColor=\"primary\" (click)=\"createConnection()\">\n                        <i class=\"fa-solid fa-plus\"></i>\n                        Add Connection\n                    </button>\n                }\n                @case ('tools') {\n                    <!-- View Mode Toggle -->\n                    <div class=\"view-toggle\">\n                        <button\n                            type=\"button\"\n                            class=\"view-btn\"\n                            [class.active]=\"ToolsViewMode === 'card'\"\n                            (click)=\"setToolsViewMode('card')\"\n                            title=\"Card View\">\n                            <i class=\"fa-solid fa-grip\"></i>\n                        </button>\n                        <button\n                            type=\"button\"\n                            class=\"view-btn\"\n                            [class.active]=\"ToolsViewMode === 'list'\"\n                            (click)=\"setToolsViewMode('list')\"\n                            title=\"List View\">\n                            <i class=\"fa-solid fa-list\"></i>\n                        </button>\n                    </div>\n                    <button kendoButton themeColor=\"primary\" (click)=\"openTestToolDialog()\">\n                        <i class=\"fa-solid fa-play\"></i>\n                        Test Tool\n                    </button>\n                }\n                @case ('logs') {\n                    <button kendoButton fillMode=\"flat\" (click)=\"loadAllData()\" [disabled]=\"IsLoading\" title=\"Refresh\">\n                        <i class=\"fa-solid fa-sync\" [class.fa-spin]=\"IsLoading\"></i>\n                        Refresh\n                    </button>\n                }\n            }\n        </div>\n    </div>\n\n    <!-- Main Content with Filter Panel -->\n    <div class=\"main-content\">\n        <!-- Filter Panel (Left) -->\n        <div class=\"filter-panel-container\" [class.hidden]=\"!FilterPanelVisible\">\n            <mj-mcp-filter-panel\n                [filters]=\"CurrentFilters\"\n                [activeTab]=\"ActiveTab\"\n                [totalCount]=\"CurrentTotalCount\"\n                [filteredCount]=\"CurrentFilteredCount\"\n                (filtersChange)=\"onFiltersChange($event)\"\n                (closePanel)=\"toggleFilterPanel()\">\n            </mj-mcp-filter-panel>\n            <!-- Resize Handle -->\n            <div class=\"resize-handle\"></div>\n        </div>\n\n        <!-- Content Area -->\n        <div class=\"content-area\">\n            <!-- Error Message -->\n            @if (ErrorMessage) {\n                <div class=\"error-banner\">\n                    <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                    {{ ErrorMessage }}\n                    <button class=\"close-btn\" (click)=\"ErrorMessage = null\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n            }\n\n            <!-- Content Body -->\n            <div class=\"content-body\">\n                @if (IsLoading) {\n                    <mj-loading text=\"Loading MCP data...\"></mj-loading>\n                } @else {\n                    @switch (ActiveTab) {\n                        <!-- Servers Tab -->\n                        @case ('servers') {\n                            <div class=\"data-grid servers-grid\">\n                                @if (filteredServers.length === 0) {\n                                    <div class=\"empty-state\">\n                                        <i class=\"fa-solid fa-server\"></i>\n                                        <p>No MCP servers configured</p>\n                                        <button kendoButton themeColor=\"primary\" (click)=\"createServer()\">\n                                            Add Your First Server\n                                        </button>\n                                    </div>\n                                } @else {\n                                    @for (server of filteredServers; track server.ID) {\n                                        <div class=\"data-card\" [class.expanded]=\"isServerExpanded(server)\">\n                                            <div class=\"card-header clickable\" (click)=\"toggleServerExpand(server)\">\n                                                <div class=\"card-title\">\n                                                    <i class=\"fa-solid fa-chevron-right expand-arrow\" [class.rotated]=\"isServerExpanded(server)\"></i>\n                                                    <i [class]=\"getTransportIcon(server.TransportType)\"></i>\n                                                    <span class=\"name\" [innerHTML]=\"server.Name | highlightSearch:(filters$ | async)?.searchTerm\"></span>\n                                                    <span class=\"status-badge\" [ngClass]=\"getStatusClass(server.Status)\">\n                                                        {{ server.Status }}\n                                                    </span>\n                                                </div>\n                                                <div class=\"card-actions\" (click)=\"$event.stopPropagation()\">\n                                                    <button kendoButton fillMode=\"flat\" (click)=\"editServer(server)\" title=\"Edit\">\n                                                        <i class=\"fa-solid fa-pen\"></i>\n                                                    </button>\n                                                    <button kendoButton fillMode=\"flat\" (click)=\"deleteServer(server)\" title=\"Delete\">\n                                                        <i class=\"fa-solid fa-trash\"></i>\n                                                    </button>\n                                                </div>\n                                            </div>\n                                            <div class=\"card-body\">\n                                                @if (server.Description) {\n                                                    <p class=\"description\" [innerHTML]=\"server.Description | highlightSearch:(filters$ | async)?.searchTerm\"></p>\n                                                }\n                                                <div class=\"details-grid\">\n                                                    <div class=\"detail\">\n                                                        <span class=\"label\">Transport</span>\n                                                        <span class=\"value\">{{ server.TransportType }}</span>\n                                                    </div>\n                                                    <div class=\"detail\">\n                                                        <span class=\"label\">Auth</span>\n                                                        <span class=\"value\">{{ server.DefaultAuthType }}</span>\n                                                    </div>\n                                                    <div class=\"detail\">\n                                                        <span class=\"label\">Connections</span>\n                                                        <span class=\"value\">{{ server.ConnectionCount }}</span>\n                                                    </div>\n                                                    <div class=\"detail\">\n                                                        <span class=\"label\">Tools</span>\n                                                        <span class=\"value\">{{ server.ToolCount }}</span>\n                                                    </div>\n                                                    @if (server.ServerURL) {\n                                                        <div class=\"detail full-width\">\n                                                            <span class=\"label\">URL</span>\n                                                            <span class=\"value url\">{{ server.ServerURL }}</span>\n                                                        </div>\n                                                    }\n                                                    @if (server.Command) {\n                                                        <div class=\"detail full-width\">\n                                                            <span class=\"label\">Command</span>\n                                                            <span class=\"value command\">{{ server.Command }}</span>\n                                                        </div>\n                                                    }\n                                                    <div class=\"detail\">\n                                                        <span class=\"label\">Last Sync</span>\n                                                        <span class=\"value\">{{ formatDate(server.LastSyncAt) }}</span>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <!-- Expanded Tools Section -->\n                                            @if (isServerExpanded(server)) {\n                                                <div class=\"expanded-tools-section\">\n                                                    <div class=\"tools-section-header\">\n                                                        <i class=\"fa-solid fa-wrench\"></i>\n                                                        <span>Available Tools ({{ getToolsForServer(server.ID).length }})</span>\n                                                    </div>\n                                                    @if (getToolsForServer(server.ID).length === 0) {\n                                                        <div class=\"no-tools-message\">\n                                                            <i class=\"fa-solid fa-info-circle\"></i>\n                                                            No tools discovered yet. Sync a connection to discover tools.\n                                                        </div>\n                                                    } @else {\n                                                        <div class=\"tools-mini-list\">\n                                                            @for (tool of getToolsForServer(server.ID); track tool.ID) {\n                                                                <div class=\"tool-mini-card\">\n                                                                    <div class=\"tool-mini-info\">\n                                                                        <span class=\"tool-mini-name\">{{ tool.ToolTitle || tool.ToolName }}</span>\n                                                                        <span class=\"tool-mini-params\">\n                                                                            <i class=\"fa-solid fa-sliders\"></i>\n                                                                            {{ getParamCount(tool) }} params\n                                                                        </span>\n                                                                    </div>\n                                                                    <button kendoButton\n                                                                            fillMode=\"flat\"\n                                                                            size=\"small\"\n                                                                            (click)=\"runToolFromCard(tool); $event.stopPropagation()\"\n                                                                            title=\"Test this tool\">\n                                                                        <i class=\"fa-solid fa-play\"></i>\n                                                                    </button>\n                                                                </div>\n                                                            }\n                                                        </div>\n                                                    }\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                }\n                            </div>\n                        }\n\n                        <!-- Connections Tab -->\n                        @case ('connections') {\n                            <div class=\"data-grid connections-grid\">\n                                @if (filteredConnections.length === 0) {\n                                    <div class=\"empty-state\">\n                                        <i class=\"fa-solid fa-link\"></i>\n                                        <p>No connections configured</p>\n                                        <button kendoButton themeColor=\"primary\" (click)=\"createConnection()\">\n                                            Add Your First Connection\n                                        </button>\n                                    </div>\n                                } @else {\n                                    @for (conn of filteredConnections; track conn.ID) {\n                                        <div class=\"data-card\" [class.expanded]=\"isConnectionExpanded(conn)\">\n                                            <div class=\"card-header clickable\" (click)=\"toggleConnectionExpand(conn)\">\n                                                <div class=\"card-title\">\n                                                    <i class=\"fa-solid fa-chevron-right expand-arrow\" [class.rotated]=\"isConnectionExpanded(conn)\"></i>\n                                                    <i class=\"fa-solid fa-link\"></i>\n                                                    <span class=\"name\" [innerHTML]=\"conn.Name | highlightSearch:(filters$ | async)?.searchTerm\"></span>\n                                                    <span class=\"status-badge\" [ngClass]=\"getStatusClass(conn.Status)\">\n                                                        {{ conn.Status }}\n                                                    </span>\n                                                </div>\n                                                <div class=\"card-actions\" (click)=\"$event.stopPropagation()\">\n                                                    <button kendoButton\n                                                            fillMode=\"flat\"\n                                                            (click)=\"syncConnectionTools(conn)\"\n                                                            [disabled]=\"isSyncing(conn.ID)\"\n                                                            title=\"Sync Tools\">\n                                                        @if (isSyncing(conn.ID)) {\n                                                            <i class=\"fa-solid fa-sync fa-spin\"></i>\n                                                        } @else {\n                                                            <i class=\"fa-solid fa-sync\"></i>\n                                                        }\n                                                    </button>\n                                                    <button kendoButton fillMode=\"flat\" (click)=\"editConnection(conn)\" title=\"Edit\">\n                                                        <i class=\"fa-solid fa-pen\"></i>\n                                                    </button>\n                                                    <button kendoButton fillMode=\"flat\" (click)=\"deleteConnection(conn)\" title=\"Delete\">\n                                                        <i class=\"fa-solid fa-trash\"></i>\n                                                    </button>\n                                                </div>\n                                            </div>\n                                            <!-- Sync Progress Banner -->\n                                            @if (isSyncing(conn.ID)) {\n                                                <div class=\"sync-progress-banner\">\n                                                    <i class=\"fa-solid fa-circle-notch fa-spin\"></i>\n                                                    <span class=\"sync-message\">{{ getSyncProgressMessage(conn.ID) || 'Syncing...' }}</span>\n                                                </div>\n                                            }\n                                            <!-- Sync Result Banner -->\n                                            @if (getSyncState(conn.ID)?.lastResult && !isSyncing(conn.ID)) {\n                                                <div class=\"sync-result-banner\"\n                                                     [class.success]=\"getSyncState(conn.ID)?.lastResult?.Success\"\n                                                     [class.error]=\"!getSyncState(conn.ID)?.lastResult?.Success\">\n                                                    @if (getSyncState(conn.ID)?.lastResult?.Success) {\n                                                        <i class=\"fa-solid fa-check-circle\"></i>\n                                                        <span>Synced: {{ getSyncState(conn.ID)?.lastResult?.Added }} added,\n                                                              {{ getSyncState(conn.ID)?.lastResult?.Updated }} updated,\n                                                              {{ getSyncState(conn.ID)?.lastResult?.Deprecated }} deprecated\n                                                        </span>\n                                                    } @else {\n                                                        <i class=\"fa-solid fa-exclamation-circle\"></i>\n                                                        <span>{{ getSyncState(conn.ID)?.lastResult?.ErrorMessage }}</span>\n                                                    }\n                                                </div>\n                                            }\n                                            <div class=\"card-body\">\n                                                @if (conn.Description) {\n                                                    <p class=\"description\" [innerHTML]=\"conn.Description | highlightSearch:(filters$ | async)?.searchTerm\"></p>\n                                                }\n                                                <div class=\"details-grid\">\n                                                    <div class=\"detail\">\n                                                        <span class=\"label\">Server</span>\n                                                        <span class=\"value\">{{ conn.ServerName }}</span>\n                                                    </div>\n                                                    <div class=\"detail\">\n                                                        <span class=\"label\">Auto Sync</span>\n                                                        <span class=\"value\">{{ conn.AutoSyncTools ? 'Yes' : 'No' }}</span>\n                                                    </div>\n                                                    <div class=\"detail\">\n                                                        <span class=\"label\">Logging</span>\n                                                        <span class=\"value\">{{ conn.LogToolCalls ? 'Enabled' : 'Disabled' }}</span>\n                                                    </div>\n                                                    <div class=\"detail\">\n                                                        <span class=\"label\">Last Connected</span>\n                                                        <span class=\"value\">{{ formatDate(conn.LastConnectedAt) }}</span>\n                                                    </div>\n                                                    @if (conn.LastErrorMessage) {\n                                                        <div class=\"detail full-width error\">\n                                                            <span class=\"label\">Last Error</span>\n                                                            <span class=\"value\">{{ conn.LastErrorMessage }}</span>\n                                                        </div>\n                                                    }\n                                                </div>\n                                            </div>\n                                            <!-- Expanded Tools Section -->\n                                            @if (isConnectionExpanded(conn)) {\n                                                <div class=\"expanded-tools-section\">\n                                                    <div class=\"tools-section-header\">\n                                                        <i class=\"fa-solid fa-wrench\"></i>\n                                                        <span>Available Tools ({{ getToolsForConnection(conn.ID).length }})</span>\n                                                    </div>\n                                                    @if (getToolsForConnection(conn.ID).length === 0) {\n                                                        <div class=\"no-tools-message\">\n                                                            <i class=\"fa-solid fa-info-circle\"></i>\n                                                            No tools discovered yet. Click the sync button to discover tools.\n                                                        </div>\n                                                    } @else {\n                                                        <div class=\"tools-mini-list\">\n                                                            @for (tool of getToolsForConnection(conn.ID); track tool.ID) {\n                                                                <div class=\"tool-mini-card\">\n                                                                    <div class=\"tool-mini-info\">\n                                                                        <span class=\"tool-mini-name\">{{ tool.ToolTitle || tool.ToolName }}</span>\n                                                                        <span class=\"tool-mini-params\">\n                                                                            <i class=\"fa-solid fa-sliders\"></i>\n                                                                            {{ getParamCount(tool) }} params\n                                                                        </span>\n                                                                    </div>\n                                                                    <button kendoButton\n                                                                            fillMode=\"flat\"\n                                                                            size=\"small\"\n                                                                            (click)=\"runToolFromCard(tool, conn); $event.stopPropagation()\"\n                                                                            title=\"Test this tool with this connection\">\n                                                                        <i class=\"fa-solid fa-play\"></i>\n                                                                    </button>\n                                                                </div>\n                                                            }\n                                                        </div>\n                                                    }\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                }\n                            </div>\n                        }\n\n                        <!-- Tools Tab -->\n                        @case ('tools') {\n                            @if (ServerGroups.length === 0) {\n                                <div class=\"empty-state\">\n                                    <i class=\"fa-solid fa-wrench\"></i>\n                                    <p>No tools discovered yet</p>\n                                    <span class=\"hint\">Tools are discovered when connections sync with MCP servers</span>\n                                </div>\n                            } @else {\n                                <div class=\"tools-container\">\n                                    <!-- Server Groups -->\n                                    @for (group of ServerGroups; track group.server.ID) {\n                                        <div class=\"server-group\" [class.collapsed]=\"!group.expanded\">\n                                            <!-- Server Group Header -->\n                                            <div class=\"server-group-header\" (click)=\"toggleServerGroup(group)\">\n                                                <div class=\"server-info\">\n                                                    <i class=\"fa-solid fa-chevron-right expand-icon\" [class.expanded]=\"group.expanded\"></i>\n                                                    <i [class]=\"getTransportIcon(group.server.TransportType)\"></i>\n                                                    <span class=\"server-name\">{{ group.server.Name }}</span>\n                                                    <span class=\"tool-count\">{{ group.tools.length }} tools</span>\n                                                    <span class=\"status-badge small\" [ngClass]=\"getStatusClass(group.server.Status)\">\n                                                        {{ group.server.Status }}\n                                                    </span>\n                                                </div>\n                                                <div class=\"server-actions\" (click)=\"$event.stopPropagation()\">\n                                                    <button kendoButton fillMode=\"flat\" (click)=\"openTestToolDialog(undefined, undefined)\" title=\"Test a tool\">\n                                                        <i class=\"fa-solid fa-play\"></i>\n                                                    </button>\n                                                </div>\n                                            </div>\n\n                                            <!-- Tools Content -->\n                                            @if (group.expanded) {\n                                                <!-- Card View -->\n                                                @if (ToolsViewMode === 'card') {\n                                                    <div class=\"tools-grid\">\n                                                        @for (tool of group.tools; track tool.ID) {\n                                                            <div class=\"tool-card\" [class.expanded]=\"isToolExpanded(tool)\">\n                                                                <div class=\"tool-card-header\" (click)=\"toggleToolExpand(tool)\">\n                                                                    <div class=\"tool-title\">\n                                                                        <i class=\"fa-solid fa-wrench\"></i>\n                                                                        <span class=\"name\" [innerHTML]=\"(tool.ToolTitle || tool.ToolName) | highlightSearch:(filters$ | async)?.searchTerm\"></span>\n                                                                    </div>\n                                                                    <div class=\"tool-meta\">\n                                                                        <span class=\"param-badge\" title=\"Parameters\">\n                                                                            <i class=\"fa-solid fa-sliders\"></i>\n                                                                            {{ getParamCount(tool) }}\n                                                                        </span>\n                                                                        <span class=\"status-badge small\" [ngClass]=\"getStatusClass(tool.Status)\">\n                                                                            {{ tool.Status }}\n                                                                        </span>\n                                                                    </div>\n                                                                </div>\n                                                                @if (tool.ToolDescription) {\n                                                                    <p class=\"tool-description\" [innerHTML]=\"tool.ToolDescription | highlightSearch:(filters$ | async)?.searchTerm\"></p>\n                                                                }\n                                                                <div class=\"tool-card-actions\">\n                                                                    <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"openTestToolDialog(tool)\" title=\"Test this tool\">\n                                                                        <i class=\"fa-solid fa-play\"></i>\n                                                                        Test\n                                                                    </button>\n                                                                    <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"toggleToolExpand(tool)\" title=\"View details\">\n                                                                        <i class=\"fa-solid\" [class.fa-chevron-down]=\"!isToolExpanded(tool)\" [class.fa-chevron-up]=\"isToolExpanded(tool)\"></i>\n                                                                        {{ isToolExpanded(tool) ? 'Less' : 'More' }}\n                                                                    </button>\n                                                                </div>\n                                                                <!-- Expanded Details -->\n                                                                @if (isToolExpanded(tool)) {\n                                                                    <div class=\"tool-details\">\n                                                                        <div class=\"detail-row\">\n                                                                            <span class=\"detail-label\">Tool Name:</span>\n                                                                            <span class=\"detail-value mono\">{{ tool.ToolName }}</span>\n                                                                        </div>\n                                                                        <div class=\"detail-row\">\n                                                                            <span class=\"detail-label\">Parameters:</span>\n                                                                            <span class=\"detail-value\">\n                                                                                {{ getParamCount(tool) }} total, {{ getRequiredParamCount(tool) }} required\n                                                                            </span>\n                                                                        </div>\n                                                                        <div class=\"detail-row\">\n                                                                            <span class=\"detail-label\">Discovered:</span>\n                                                                            <span class=\"detail-value\">{{ formatDate(tool.DiscoveredAt) }}</span>\n                                                                        </div>\n                                                                        <div class=\"detail-row\">\n                                                                            <span class=\"detail-label\">Last Seen:</span>\n                                                                            <span class=\"detail-value\">{{ formatDate(tool.LastSeenAt) }}</span>\n                                                                        </div>\n                                                                        @if (tool.InputSchema) {\n                                                                            <div class=\"detail-row full\">\n                                                                                <span class=\"detail-label\">Input Schema:</span>\n                                                                                <pre class=\"schema-preview\">{{ getFormattedInputSchema(tool) }}</pre>\n                                                                            </div>\n                                                                        }\n                                                                    </div>\n                                                                }\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                } @else {\n                                                    <!-- List View -->\n                                                    <div class=\"tools-list\">\n                                                        <table>\n                                                            <thead>\n                                                                <tr>\n                                                                    <th>Tool</th>\n                                                                    <th>Description</th>\n                                                                    <th>Params</th>\n                                                                    <th>Status</th>\n                                                                    <th>Last Seen</th>\n                                                                    <th>Actions</th>\n                                                                </tr>\n                                                            </thead>\n                                                            <tbody>\n                                                                @for (tool of group.tools; track tool.ID) {\n                                                                    <tr [class.expanded]=\"isToolExpanded(tool)\">\n                                                                        <td class=\"tool-name-cell\">\n                                                                            <i class=\"fa-solid fa-wrench\"></i>\n                                                                            <div class=\"tool-name-info\">\n                                                                                <span class=\"tool-title\" [innerHTML]=\"(tool.ToolTitle || tool.ToolName) | highlightSearch:(filters$ | async)?.searchTerm\"></span>\n                                                                                @if (tool.ToolTitle) {\n                                                                                    <span class=\"tool-code\">{{ tool.ToolName }}</span>\n                                                                                }\n                                                                            </div>\n                                                                        </td>\n                                                                        <td class=\"description-cell\" [innerHTML]=\"(tool.ToolDescription || '-') | highlightSearch:(filters$ | async)?.searchTerm\">\n                                                                        </td>\n                                                                        <td>\n                                                                            <span class=\"param-count\">{{ getParamCount(tool) }}</span>\n                                                                        </td>\n                                                                        <td>\n                                                                            <span class=\"status-badge small\" [ngClass]=\"getStatusClass(tool.Status)\">\n                                                                                {{ tool.Status }}\n                                                                            </span>\n                                                                        </td>\n                                                                        <td>{{ formatDate(tool.LastSeenAt) }}</td>\n                                                                        <td class=\"actions-cell\">\n                                                                            <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"openTestToolDialog(tool)\" title=\"Test\">\n                                                                                <i class=\"fa-solid fa-play\"></i>\n                                                                            </button>\n                                                                            <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"toggleToolExpand(tool)\" title=\"Details\">\n                                                                                <i class=\"fa-solid\" [class.fa-chevron-down]=\"!isToolExpanded(tool)\" [class.fa-chevron-up]=\"isToolExpanded(tool)\"></i>\n                                                                            </button>\n                                                                        </td>\n                                                                    </tr>\n                                                                    @if (isToolExpanded(tool)) {\n                                                                        <tr class=\"detail-row-expanded\">\n                                                                            <td colspan=\"6\">\n                                                                                <div class=\"inline-details\">\n                                                                                    <div class=\"detail-section\">\n                                                                                        <span class=\"detail-label\">Tool Name:</span>\n                                                                                        <span class=\"detail-value mono\">{{ tool.ToolName }}</span>\n                                                                                    </div>\n                                                                                    <div class=\"detail-section\">\n                                                                                        <span class=\"detail-label\">Discovered:</span>\n                                                                                        <span class=\"detail-value\">{{ formatDate(tool.DiscoveredAt) }}</span>\n                                                                                    </div>\n                                                                                    <div class=\"detail-section\">\n                                                                                        <span class=\"detail-label\">Required Params:</span>\n                                                                                        <span class=\"detail-value\">{{ getRequiredParamCount(tool) }}</span>\n                                                                                    </div>\n                                                                                    @if (tool.InputSchema) {\n                                                                                        <div class=\"detail-section full\">\n                                                                                            <span class=\"detail-label\">Input Schema:</span>\n                                                                                            <pre class=\"schema-preview\">{{ getFormattedInputSchema(tool) }}</pre>\n                                                                                        </div>\n                                                                                    }\n                                                                                </div>\n                                                                            </td>\n                                                                        </tr>\n                                                                    }\n                                                                }\n                                                            </tbody>\n                                                        </table>\n                                                    </div>\n                                                }\n                                            }\n                                        </div>\n                                    }\n                                </div>\n                            }\n                        }\n\n                        <!-- Logs Tab -->\n                        @case ('logs') {\n                            <div class=\"data-table\">\n                                @if (filteredLogs.length === 0) {\n                                    <div class=\"empty-state\">\n                                        <i class=\"fa-solid fa-list-check\"></i>\n                                        <p>No recent execution logs</p>\n                                        <span class=\"hint\">Logs appear when tools are executed via MCP connections</span>\n                                    </div>\n                                } @else {\n                                    <table>\n                                        <thead>\n                                            <tr>\n                                                <th class=\"sortable\" [ngClass]=\"getLogSortClass('status')\" (click)=\"onLogSortColumn('status')\">\n                                                    Status\n                                                    <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'status' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'status' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'status'\"></i>\n                                                </th>\n                                                <th class=\"sortable\" [ngClass]=\"getLogSortClass('server')\" (click)=\"onLogSortColumn('server')\">\n                                                    Server\n                                                    <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'server' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'server' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'server'\"></i>\n                                                </th>\n                                                <th class=\"sortable\" [ngClass]=\"getLogSortClass('tool')\" (click)=\"onLogSortColumn('tool')\">\n                                                    Tool\n                                                    <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'tool' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'tool' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'tool'\"></i>\n                                                </th>\n                                                <th class=\"sortable\" [ngClass]=\"getLogSortClass('connection')\" (click)=\"onLogSortColumn('connection')\">\n                                                    Connection\n                                                    <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'connection' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'connection' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'connection'\"></i>\n                                                </th>\n                                                <th class=\"sortable\" [ngClass]=\"getLogSortClass('started')\" (click)=\"onLogSortColumn('started')\">\n                                                    Started\n                                                    <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'started' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'started' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'started'\"></i>\n                                                </th>\n                                                <th class=\"sortable\" [ngClass]=\"getLogSortClass('duration')\" (click)=\"onLogSortColumn('duration')\">\n                                                    Duration\n                                                    <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'duration' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'duration' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'duration'\"></i>\n                                                </th>\n                                                <th class=\"sortable\" [ngClass]=\"getLogSortClass('error')\" (click)=\"onLogSortColumn('error')\">\n                                                    Error\n                                                    <i class=\"sort-icon fa-solid\" [class.fa-sort-up]=\"LogsSortColumn === 'error' && LogsSortAscending\" [class.fa-sort-down]=\"LogsSortColumn === 'error' && !LogsSortAscending\" [class.fa-sort]=\"LogsSortColumn !== 'error'\"></i>\n                                                </th>\n                                                <th></th>\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            @for (log of filteredLogs; track log.ID) {\n                                                <tr [class.error-row]=\"log.Status === 'Error'\"\n                                                    class=\"clickable-row\"\n                                                    (click)=\"onLogClick(log)\"\n                                                    title=\"Click for details\">\n                                                    <td>\n                                                        <span class=\"status-badge\" [ngClass]=\"getStatusClass(log.Status)\">\n                                                            @switch (log.Status) {\n                                                                @case ('Success') {\n                                                                    <i class=\"fa-solid fa-check-circle\"></i>\n                                                                }\n                                                                @case ('Error') {\n                                                                    <i class=\"fa-solid fa-times-circle\"></i>\n                                                                }\n                                                                @case ('Running') {\n                                                                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                                                }\n                                                                @default {\n                                                                    <i class=\"fa-solid fa-question-circle\"></i>\n                                                                }\n                                                            }\n                                                            {{ log.Status || 'Unknown' }}\n                                                        </span>\n                                                    </td>\n                                                    <td class=\"server-name\">{{ log.ServerName }}</td>\n                                                    <td class=\"tool-name\">{{ log.ToolName }}</td>\n                                                    <td>{{ log.ConnectionName }}</td>\n                                                    <td>{{ formatDate(log.StartedAt) }}</td>\n                                                    <td>{{ formatDuration(log.DurationMs) }}</td>\n                                                    <td class=\"error-message\" [title]=\"log.ErrorMessage || ''\">\n                                                        {{ log.ErrorMessage || '-' }}\n                                                    </td>\n                                                    <td class=\"action-cell\">\n                                                        <i class=\"fa-solid fa-chevron-right\"></i>\n                                                    </td>\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                }\n                            </div>\n                        }\n                    }\n                }\n            </div>\n        </div>\n    </div>\n</div>\n\n<!-- Server Dialog -->\n@if (ShowServerDialog) {\n    <mj-mcp-server-dialog\n        [server]=\"EditingServer\"\n        [visible]=\"ShowServerDialog\"\n        (close)=\"onServerDialogClose($event)\">\n    </mj-mcp-server-dialog>\n}\n\n<!-- Connection Dialog -->\n@if (ShowConnectionDialog) {\n    <mj-mcp-connection-dialog\n        [connection]=\"EditingConnection\"\n        [servers]=\"servers\"\n        [visible]=\"ShowConnectionDialog\"\n        (close)=\"onConnectionDialogClose($event)\">\n    </mj-mcp-connection-dialog>\n}\n\n<!-- Test Tool Dialog -->\n@if (ShowTestToolDialog) {\n    <mj-mcp-test-tool-dialog\n        [Visible]=\"ShowTestToolDialog\"\n        [Servers]=\"servers\"\n        [Connections]=\"connections\"\n        [Tools]=\"tools\"\n        [SelectedServerID]=\"TestToolServerID\"\n        [SelectedConnectionID]=\"TestToolConnectionID\"\n        [SelectedToolID]=\"TestToolID\"\n        (Close)=\"onTestToolDialogClose()\">\n    </mj-mcp-test-tool-dialog>\n}\n\n<!-- Log Detail Panel -->\n@if (ShowLogDetailPanel && SelectedLog) {\n    <mj-mcp-log-detail-panel\n        [Visible]=\"ShowLogDetailPanel\"\n        [Log]=\"SelectedLog\"\n        (Close)=\"onLogDetailClose()\"\n        (RunAgain)=\"onRunAgainFromLog($event)\">\n    </mj-mcp-log-detail-panel>\n}\n", styles: ["/* MCP Dashboard - Header + Filter Panel Layout */\n.mcp-dashboard {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--mj-background-color, #f5f5f5);\n    overflow: hidden;\n}\n\n/* ========================================\n   Dashboard Header\n   ======================================== */\n.dashboard-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 20px;\n    background: white;\n    border-bottom: 1px solid #e0e0e0;\n    flex-shrink: 0;\n    gap: 16px;\n}\n\n.header-info {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.dashboard-title {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-color, #333);\n}\n\n.dashboard-title i {\n    color: var(--mj-primary-color, #2196f3);\n    font-size: 20px;\n}\n\n.filter-toggle-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    background: #f5f5f5;\n    border: 1px solid #e0e0e0;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary-color, #666);\n    transition: all 0.2s ease;\n}\n\n.filter-toggle-btn:hover {\n    background: #e8e8e8;\n    border-color: #d0d0d0;\n    color: var(--mj-text-color, #333);\n}\n\n.filter-toggle-btn i {\n    font-size: 12px;\n}\n\n.item-count {\n    font-size: 13px;\n    color: var(--mj-text-secondary-color, #666);\n    padding: 4px 10px;\n    background: #f5f5f5;\n    border-radius: 4px;\n}\n\n.header-controls {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n/* Tab Navigation */\n.tab-nav {\n    display: flex;\n    gap: 4px;\n    background: #f5f5f5;\n    padding: 4px;\n    border-radius: 8px;\n}\n\n.tab-btn {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 14px;\n    background: transparent;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary-color, #666);\n    transition: all 0.2s ease;\n}\n\n.tab-btn:hover {\n    background: rgba(255, 255, 255, 0.7);\n    color: var(--mj-text-color, #333);\n}\n\n.tab-btn.active {\n    background: white;\n    color: var(--mj-primary-color, #2196f3);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.tab-btn i {\n    font-size: 14px;\n}\n\n.tab-label {\n    font-weight: 500;\n}\n\n.tab-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 22px;\n    height: 18px;\n    padding: 0 6px;\n    background: #e0e0e0;\n    border-radius: 9px;\n    font-size: 11px;\n    font-weight: 600;\n    color: #666;\n}\n\n.tab-btn.active .tab-badge {\n    background: rgba(33, 150, 243, 0.15);\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.tab-badge.has-errors {\n    background: #f44336;\n    color: white;\n}\n\n/* ========================================\n   Main Content Area (with Filter Panel)\n   ======================================== */\n.main-content {\n    display: flex;\n    flex-direction: row;\n    flex: 1;\n    overflow: hidden;\n    min-width: 0;\n}\n\n/* Filter Panel Container */\n.filter-panel-container {\n    display: flex;\n    flex-shrink: 0;\n    width: 280px;\n    min-width: 200px;\n    max-width: 400px;\n    background: white;\n    border-right: 1px solid #e0e0e0;\n    position: relative;\n    transition: width 0.2s ease, margin 0.2s ease;\n}\n\n.filter-panel-container.hidden {\n    width: 0;\n    min-width: 0;\n    margin-left: -1px;\n    overflow: hidden;\n}\n\n/* Resize Handle */\n.resize-handle {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 4px;\n    height: 100%;\n    cursor: col-resize;\n    background: transparent;\n    transition: background 0.2s ease;\n    z-index: 10;\n}\n\n.resize-handle:hover,\n.resize-handle:active {\n    background: var(--mj-primary-color, #2196f3);\n}\n\n/* Content Area */\n.content-area {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    overflow: hidden;\n    min-width: 0;\n}\n\n/* Content Body */\n.content-body {\n    flex: 1;\n    padding: 20px 24px;\n    overflow: auto;\n}\n\n/* Error Banner */\n.error-banner {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    margin: 16px 24px 0 24px;\n    background: #ffebee;\n    border: 1px solid #f44336;\n    border-radius: 8px;\n    color: #c62828;\n}\n\n.error-banner .close-btn {\n    margin-left: auto;\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: #c62828;\n    padding: 4px;\n}\n\n/* ========================================\n   Data Display Components\n   ======================================== */\n\n/* Data Grid (Cards) */\n.data-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n    gap: 16px;\n}\n\n.data-card {\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    overflow: hidden;\n    background: white;\n    transition: box-shadow 0.2s ease;\n}\n\n.data-card:hover {\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n\n.card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: #fafafa;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.card-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.card-title i {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.card-title .name {\n    font-weight: 600;\n    font-size: 15px;\n}\n\n.card-actions {\n    display: flex;\n    gap: 4px;\n}\n\n.card-actions button {\n    padding: 4px 8px;\n}\n\n.card-body {\n    padding: 16px;\n}\n\n.card-body .description {\n    margin: 0 0 12px 0;\n    color: var(--mj-text-secondary-color, #666);\n    font-size: 13px;\n}\n\n.details-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.detail {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.detail.full-width {\n    grid-column: 1 / -1;\n}\n\n.detail.error .value {\n    color: #f44336;\n}\n\n.detail .label {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: #999;\n    font-weight: 500;\n}\n\n.detail .value {\n    font-size: 13px;\n    color: var(--mj-text-color, #333);\n}\n\n.detail .value.url,\n.detail .value.command {\n    font-family: monospace;\n    font-size: 12px;\n    background: #f5f5f5;\n    padding: 4px 8px;\n    border-radius: 4px;\n    word-break: break-all;\n}\n\n/* Status Badges */\n.status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 8px;\n    border-radius: 12px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.status-active {\n    background: rgba(76, 175, 80, 0.1);\n    color: #4caf50;\n}\n\n.status-inactive {\n    background: rgba(158, 158, 158, 0.1);\n    color: #9e9e9e;\n}\n\n.status-error {\n    background: rgba(244, 67, 54, 0.1);\n    color: #f44336;\n}\n\n.status-deprecated {\n    background: rgba(255, 152, 0, 0.1);\n    color: #ff9800;\n}\n\n.status-unknown {\n    background: rgba(158, 158, 158, 0.1);\n    color: #9e9e9e;\n}\n\n/* Sync Progress & Result Banners */\n.sync-progress-banner {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    background: linear-gradient(90deg, rgba(33, 150, 243, 0.1), rgba(33, 150, 243, 0.05));\n    border-bottom: 1px solid rgba(33, 150, 243, 0.2);\n    color: #1976d2;\n    font-size: 13px;\n}\n\n.sync-progress-banner i {\n    color: #2196f3;\n}\n\n.sync-progress-banner .sync-message {\n    flex: 1;\n}\n\n.sync-result-banner {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    font-size: 12px;\n    border-bottom: 1px solid;\n}\n\n.sync-result-banner.success {\n    background: rgba(76, 175, 80, 0.08);\n    border-color: rgba(76, 175, 80, 0.2);\n    color: #388e3c;\n}\n\n.sync-result-banner.success i {\n    color: #4caf50;\n}\n\n.sync-result-banner.error {\n    background: rgba(244, 67, 54, 0.08);\n    border-color: rgba(244, 67, 54, 0.2);\n    color: #d32f2f;\n}\n\n.sync-result-banner.error i {\n    color: #f44336;\n}\n\n/* Data Table */\n.data-table {\n    overflow: auto;\n    background: white;\n    border-radius: 8px;\n    border: 1px solid #e0e0e0;\n}\n\n.data-table table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.data-table th,\n.data-table td {\n    padding: 12px 16px;\n    text-align: left;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.data-table th {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: #999;\n    font-weight: 600;\n    background: #fafafa;\n    position: sticky;\n    top: 0;\n}\n\n.data-table tbody tr {\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.data-table tbody tr:hover {\n    background: #f5f5f5;\n}\n\n.data-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.data-table tbody tr.error-row {\n    background: rgba(244, 67, 54, 0.05);\n}\n\n.data-table .tool-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 500;\n}\n\n.data-table .tool-name i {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.data-table .error-message {\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: #f44336;\n    font-size: 12px;\n}\n\n.data-table .server-name {\n    color: var(--mj-text-secondary-color, #666);\n    font-size: 13px;\n}\n\n/* Sortable Column Headers */\n.data-table th.sortable {\n    cursor: pointer;\n    user-select: none;\n    transition: background 0.15s ease;\n}\n\n.data-table th.sortable:hover {\n    background: #f0f0f0;\n}\n\n.data-table th.sortable .sort-icon {\n    margin-left: 6px;\n    font-size: 10px;\n    color: #ccc;\n    transition: color 0.15s ease;\n}\n\n.data-table th.sortable:hover .sort-icon {\n    color: #999;\n}\n\n.data-table th.sorted-asc .sort-icon,\n.data-table th.sorted-desc .sort-icon {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n/* Status badge icons */\n.status-badge i {\n    font-size: 12px;\n}\n\n/* Empty State */\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n    background: white;\n    border-radius: 8px;\n    border: 1px solid #e0e0e0;\n}\n\n.empty-state i {\n    font-size: 48px;\n    color: #e0e0e0;\n    margin-bottom: 16px;\n}\n\n.empty-state p {\n    margin: 0 0 8px 0;\n    font-size: 16px;\n    color: var(--mj-text-color, #333);\n}\n\n.empty-state .hint {\n    font-size: 13px;\n    color: var(--mj-text-secondary-color, #666);\n    margin-bottom: 16px;\n}\n\n/* ========================================\n   View Mode Toggle\n   ======================================== */\n.view-toggle {\n    display: flex;\n    border: 1px solid #e0e0e0;\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.view-toggle button {\n    border-radius: 0;\n    border: none;\n    padding: 6px 10px;\n}\n\n.view-toggle button.active {\n    background: var(--mj-primary-color, #2196f3);\n    color: white;\n}\n\n/* ========================================\n   Tools Tab - Server Groups\n   ======================================== */\n.tools-container {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.server-group {\n    background: white;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.server-group-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: linear-gradient(135deg, #fafafa, #f5f5f5);\n    border-bottom: 1px solid #e0e0e0;\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.server-group-header:hover {\n    background: linear-gradient(135deg, #f5f5f5, #efefef);\n}\n\n.server-group.collapsed .server-group-header {\n    border-bottom: none;\n}\n\n.server-info {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.expand-icon {\n    font-size: 12px;\n    color: #999;\n    transition: transform 0.2s ease;\n}\n\n.expand-icon.expanded {\n    transform: rotate(90deg);\n}\n\n.server-name {\n    font-weight: 600;\n    font-size: 15px;\n    color: var(--mj-text-color, #333);\n}\n\n.tool-count {\n    font-size: 12px;\n    color: var(--mj-text-secondary-color, #666);\n    background: rgba(0, 0, 0, 0.05);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.status-badge.small {\n    padding: 2px 6px;\n    font-size: 10px;\n}\n\n.server-actions {\n    display: flex;\n    gap: 4px;\n}\n\n/* ========================================\n   Tools Grid (Card View)\n   ======================================== */\n.tools-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 12px;\n    padding: 16px;\n}\n\n.tool-card {\n    border: 1px solid #e8e8e8;\n    border-radius: 8px;\n    background: white;\n    transition: all 0.2s ease;\n    overflow: hidden;\n}\n\n.tool-card:hover {\n    border-color: var(--mj-primary-color, #2196f3);\n    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15);\n}\n\n.tool-card.expanded {\n    border-color: var(--mj-primary-color, #2196f3);\n}\n\n.tool-card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    padding: 12px 14px;\n    cursor: pointer;\n}\n\n.tool-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex: 1;\n}\n\n.tool-title i {\n    color: var(--mj-primary-color, #2196f3);\n    font-size: 14px;\n}\n\n.tool-title .name {\n    font-weight: 600;\n    font-size: 14px;\n    color: var(--mj-text-color, #333);\n}\n\n.tool-meta {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.param-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: #f5f5f5;\n    border-radius: 10px;\n    font-size: 11px;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.param-badge i {\n    font-size: 10px;\n}\n\n.tool-description {\n    margin: 0;\n    padding: 0 14px 8px 14px;\n    font-size: 12px;\n    color: var(--mj-text-secondary-color, #666);\n    line-height: 1.4;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n.tool-card-actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    padding: 8px 14px;\n    border-top: 1px solid #f0f0f0;\n    background: #fafafa;\n}\n\n/* Tool Details (Expanded) */\n.tool-details {\n    padding: 12px 14px;\n    background: #fafafa;\n    border-top: 1px solid #e8e8e8;\n}\n\n.tool-details .detail-row {\n    display: flex;\n    padding: 6px 0;\n    font-size: 12px;\n}\n\n.tool-details .detail-row.full {\n    flex-direction: column;\n    gap: 6px;\n}\n\n.tool-details .detail-label {\n    min-width: 100px;\n    color: var(--mj-text-secondary-color, #666);\n    font-weight: 500;\n}\n\n.tool-details .detail-value {\n    color: var(--mj-text-color, #333);\n}\n\n.tool-details .detail-value.mono {\n    font-family: 'Consolas', 'Monaco', monospace;\n    background: #fff;\n    padding: 2px 6px;\n    border-radius: 3px;\n    border: 1px solid #e0e0e0;\n}\n\n.schema-preview {\n    margin: 0;\n    padding: 10px 12px;\n    background: #fff;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    font-family: 'Consolas', 'Monaco', monospace;\n    font-size: 11px;\n    line-height: 1.4;\n    max-height: 200px;\n    overflow: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n/* ========================================\n   Tools List View\n   ======================================== */\n.tools-list {\n    overflow: auto;\n}\n\n.tools-list table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.tools-list th,\n.tools-list td {\n    padding: 10px 14px;\n    text-align: left;\n    border-bottom: 1px solid #f0f0f0;\n}\n\n.tools-list th {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: #999;\n    font-weight: 600;\n    background: #fafafa;\n    position: sticky;\n    top: 0;\n}\n\n.tools-list tbody tr {\n    transition: background 0.15s ease;\n}\n\n.tools-list tbody tr:hover {\n    background: #fafafa;\n}\n\n.tools-list tbody tr.expanded {\n    background: rgba(33, 150, 243, 0.04);\n}\n\n.tool-name-cell {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n}\n\n.tool-name-cell i {\n    color: var(--mj-primary-color, #2196f3);\n    margin-top: 2px;\n}\n\n.tool-name-info {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.tool-name-info .tool-title {\n    font-weight: 500;\n    color: var(--mj-text-color, #333);\n}\n\n.tool-name-info .tool-code {\n    font-size: 11px;\n    font-family: monospace;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.description-cell {\n    max-width: 300px;\n    font-size: 12px;\n    color: var(--mj-text-secondary-color, #666);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.param-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 24px;\n    background: #f5f5f5;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.actions-cell {\n    white-space: nowrap;\n}\n\n/* Expanded Detail Row in List View */\n.detail-row-expanded td {\n    padding: 0;\n    background: #fafafa;\n}\n\n.inline-details {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px;\n    border-top: 1px dashed #e0e0e0;\n}\n\n.inline-details .detail-section {\n    display: flex;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.inline-details .detail-section.full {\n    flex-basis: 100%;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.inline-details .detail-label {\n    color: var(--mj-text-secondary-color, #666);\n    font-weight: 500;\n}\n\n.inline-details .detail-value {\n    color: var(--mj-text-color, #333);\n}\n\n.inline-details .detail-value.mono {\n    font-family: monospace;\n}\n\n/* ========================================\n   Responsive Styles\n   ======================================== */\n@media (max-width: 900px) {\n    .mcp-dashboard {\n        flex-direction: column;\n    }\n\n    .sidebar {\n        width: 100%;\n        min-width: 100%;\n        flex-direction: row;\n        height: auto;\n        border-right: none;\n        border-bottom: 1px solid #e0e0e0;\n    }\n\n    .sidebar-header {\n        padding: 12px 16px;\n        border-bottom: none;\n        border-right: 1px solid #e0e0e0;\n    }\n\n    .sidebar-nav {\n        flex-direction: row;\n        padding: 8px;\n        overflow-x: auto;\n        flex: 1;\n    }\n\n    .nav-item {\n        padding: 8px 12px;\n        margin-bottom: 0;\n        margin-right: 4px;\n        white-space: nowrap;\n    }\n\n    .sidebar-stats {\n        display: none;\n    }\n\n    .sidebar-footer {\n        border-top: none;\n        border-left: 1px solid #e0e0e0;\n        padding: 8px;\n    }\n\n    .data-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .header-actions {\n        flex-wrap: wrap;\n    }\n\n    .search-box {\n        min-width: 100%;\n        order: 1;\n    }\n}\n\n@media (max-width: 600px) {\n    .content-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .header-actions {\n        width: 100%;\n    }\n\n    .search-box {\n        width: 100%;\n    }\n}\n\n/* ========================================\n   Clickable Log Rows\n   ======================================== */\n.clickable-row {\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.clickable-row:hover {\n    background: rgba(33, 150, 243, 0.05) !important;\n}\n\n.clickable-row .action-cell {\n    color: #ccc;\n    transition: color 0.15s ease;\n}\n\n.clickable-row:hover .action-cell {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.action-cell {\n    width: 40px;\n    text-align: center;\n}\n\n/* ========================================\n   Expandable Card Styles\n   ======================================== */\n.card-header.clickable {\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.card-header.clickable:hover {\n    background: #f0f0f0;\n}\n\n.expand-arrow {\n    font-size: 12px;\n    color: #999;\n    transition: transform 0.2s ease;\n    margin-right: 4px;\n}\n\n.expand-arrow.rotated {\n    transform: rotate(90deg);\n}\n\n.data-card.expanded {\n    border-color: var(--mj-primary-color, #2196f3);\n    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15);\n}\n\n/* ========================================\n   Expanded Tools Section (Server/Connection Cards)\n   ======================================== */\n.expanded-tools-section {\n    border-top: 1px solid #e0e0e0;\n    background: linear-gradient(180deg, #fafafa, #f5f5f5);\n}\n\n.tools-section-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 16px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-primary-color, #2196f3);\n    border-bottom: 1px solid #e8e8e8;\n}\n\n.tools-section-header i {\n    font-size: 14px;\n}\n\n.no-tools-message {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 16px;\n    color: var(--mj-text-secondary-color, #666);\n    font-size: 13px;\n}\n\n.no-tools-message i {\n    color: #999;\n}\n\n/* Tools Mini List */\n.tools-mini-list {\n    padding: 8px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    max-height: 300px;\n    overflow-y: auto;\n}\n\n.tool-mini-card {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 12px;\n    background: white;\n    border: 1px solid #e8e8e8;\n    border-radius: 6px;\n    transition: all 0.15s ease;\n}\n\n.tool-mini-card:hover {\n    border-color: var(--mj-primary-color, #2196f3);\n    background: rgba(33, 150, 243, 0.02);\n}\n\n.tool-mini-info {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    flex: 1;\n    min-width: 0;\n}\n\n.tool-mini-name {\n    font-weight: 500;\n    font-size: 13px;\n    color: var(--mj-text-color, #333);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.tool-mini-params {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.tool-mini-params i {\n    font-size: 10px;\n}\n\n.tool-mini-card button {\n    flex-shrink: 0;\n    margin-left: 8px;\n}\n\n/* Search Highlight */\n:host ::ng-deep .search-highlight,\n.search-highlight {\n    background-color: #fef08a;\n    padding: 1px 2px;\n    border-radius: 2px;\n    font-weight: inherit;\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.NavigationService }, { type: i3.MCPToolsService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MCPDashboardComponent, { className: "MCPDashboardComponent", filePath: "src/MCP/mcp-dashboard.component.ts", lineNumber: 195 }); })();
 //# sourceMappingURL=mcp-dashboard.component.js.map