@memberjunction/ng-dashboards 5.28.0 → 5.29.0

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

@@ -20,11 +20,20 @@ import { takeUntil, debounceTime, distinctUntilChanged } from 'rxjs/operators';
 import { RunView, Metadata } from '@memberjunction/core';
 import { BaseDashboard } from '@memberjunction/ng-shared';
 import { MCPEngine, UserInfoEngine } from '@memberjunction/core-entities';
-import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
+import { CredentialEngine } from '@memberjunction/credentials';
+import { RegisterClass, UUIDsEqual, NormalizeUUID } from '@memberjunction/global';
+import { GraphQLDataProvider, gql } from '@memberjunction/graphql-dataprovider';
 import * as i0 from "@angular/core";
 import * as i1 from "./services/mcp-tools.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@memberjunction/ng-ui-components";
+import * as i5 from "@memberjunction/ng-shared-generic";
 const _forTrack0 = ($index, $item) => $item.ID;
-const _forTrack1 = ($index, $item) => $item.server.ID;
+const _forTrack1 = ($index, $item) => $item.category;
+const _forTrack2 = ($index, $item) => $item.server.ID;
+const _forTrack3 = ($index, $item) => $item.value;
+const _forTrack4 = ($index, $item) => $item.name;
 function MCPDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Hide Filters ");
 } }
@@ -32,777 +41,1039 @@ function MCPDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Show Filters ");
 } }
 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);
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 68);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_38_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.createServer()); });
+    i0.ɵɵelement(1, "i", 69);
     i0.ɵɵtext(2, " Add Server ");
     i0.ɵɵelementEnd();
 } }
 function MCPDashboardComponent_Case_39_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    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);
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 68);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_39_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.createConnection()); });
+    i0.ɵɵelement(1, "i", 69);
     i0.ɵɵtext(2, " Add Connection ");
     i0.ɵɵelementEnd();
 } }
 function MCPDashboardComponent_Case_40_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    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);
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 70)(1, "button", 71);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_40_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setToolsViewMode("card")); });
+    i0.ɵɵelement(2, "i", 72);
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(3, "button", 73);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_40_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setToolsViewMode("list")); });
+    i0.ɵɵelement(4, "i", 74);
     i0.ɵɵelementEnd()();
-    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.ɵɵelementStart(5, "button", 68);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_40_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.openTestToolDialog()); });
+    i0.ɵɵelement(6, "i", 75);
     i0.ɵɵtext(7, " Test Tool ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("active", ctx_r1.ToolsViewMode === "card");
+    i0.ɵɵclassProp("active", ctx_r2.ToolsViewMode === "card");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r1.ToolsViewMode === "list");
+    i0.ɵɵclassProp("active", ctx_r2.ToolsViewMode === "list");
 } }
 function MCPDashboardComponent_Case_41_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    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);
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 76);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Case_41_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.loadAllData()); });
+    i0.ɵɵelement(1, "i", 77);
     i0.ɵɵtext(2, " Refresh ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("disabled", ctx_r1.IsLoading);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("disabled", ctx_r2.IsLoading);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-spin", ctx_r1.IsLoading);
+    i0.ɵɵclassProp("fa-spin", ctx_r2.IsLoading);
 } }
-function MCPDashboardComponent_Conditional_47_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 24);
-    i0.ɵɵelement(1, "i", 41);
+function MCPDashboardComponent_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 52);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.activeFilterCount());
+} }
+function MCPDashboardComponent_Conditional_58_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 80);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const s_r10 = ctx.$implicit;
+    i0.ɵɵproperty("value", s_r10.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(s_r10.Name);
+} }
+function MCPDashboardComponent_Conditional_58_For_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 80);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const c_r12 = ctx.$implicit;
+    i0.ɵɵproperty("value", c_r12.category);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", c_r12.category, " (", c_r12.count, ")");
+} }
+function MCPDashboardComponent_Conditional_58_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 54)(1, "label", 55);
+    i0.ɵɵelement(2, "i", 38);
+    i0.ɵɵtext(3, " Server");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "select", 78, 1);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_58_Template_select_change_4_listener() { i0.ɵɵrestoreView(_r8); const fServer_r9 = i0.ɵɵreference(5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onFilterFieldChange("toolsServer", fServer_r9.value)); });
+    i0.ɵɵelementStart(6, "option", 79);
+    i0.ɵɵtext(7, "All Servers");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(8, MCPDashboardComponent_Conditional_58_For_9_Template, 2, 2, "option", 80, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 54)(11, "label", 55);
+    i0.ɵɵelement(12, "i", 81);
+    i0.ɵɵtext(13, " Category");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "select", 78, 2);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_58_Template_select_change_14_listener() { i0.ɵɵrestoreView(_r8); const fCat_r11 = i0.ɵɵreference(15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onFilterFieldChange("toolsCategory", fCat_r11.value)); });
+    i0.ɵɵelementStart(16, "option", 79);
+    i0.ɵɵtext(17, "All Categories");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(18, MCPDashboardComponent_Conditional_58_For_19_Template, 2, 3, "option", 80, _forTrack1);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(20, "div", 54)(21, "label", 82)(22, "input", 83, 3);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_58_Template_input_change_22_listener() { i0.ɵɵrestoreView(_r8); const fFav_r13 = i0.ɵɵreference(23); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onFilterFieldChange("favoritesOnly", fFav_r13.checked)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(24, "i", 84);
+    i0.ɵɵtext(25, " Favorites only ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(26, "div", 54)(27, "label", 82)(28, "input", 83, 4);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_58_Template_input_change_28_listener() { i0.ɵɵrestoreView(_r8); const fRec_r14 = i0.ɵɵreference(29); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onFilterFieldChange("recentOnly", fRec_r14.checked)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(30, "i", 85);
+    i0.ɵɵtext(31, " Recently used only ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.CurrentFilters.toolsServer ?? "all");
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.toolsAvailableServers);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("value", ctx_r2.CurrentFilters.toolsCategory ?? "all");
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.toolsAvailableCategories);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("checked", ctx_r2.CurrentFilters.favoritesOnly === true);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("checked", ctx_r2.CurrentFilters.recentOnly === true);
+} }
+function MCPDashboardComponent_Conditional_59_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 54)(1, "label", 55);
+    i0.ɵɵelement(2, "i", 86);
+    i0.ɵɵtext(3, " Server Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "select", 78, 5);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_59_Template_select_change_4_listener() { i0.ɵɵrestoreView(_r15); const fSStatus_r16 = i0.ɵɵreference(5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onFilterFieldChange("serverStatus", fSStatus_r16.value)); });
+    i0.ɵɵelementStart(6, "option", 79);
+    i0.ɵɵtext(7, "All Statuses");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "option", 87);
+    i0.ɵɵtext(9, "Active");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "option", 88);
+    i0.ɵɵtext(11, "Inactive");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.CurrentFilters.serverStatus);
+} }
+function MCPDashboardComponent_Conditional_60_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 54)(1, "label", 55);
+    i0.ɵɵelement(2, "i", 86);
+    i0.ɵɵtext(3, " Connection Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "select", 78, 6);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_60_Template_select_change_4_listener() { i0.ɵɵrestoreView(_r17); const fCStatus_r18 = i0.ɵɵreference(5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onFilterFieldChange("connectionStatus", fCStatus_r18.value)); });
+    i0.ɵɵelementStart(6, "option", 79);
+    i0.ɵɵtext(7, "All Statuses");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "option", 87);
+    i0.ɵɵtext(9, "Active");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "option", 88);
+    i0.ɵɵtext(11, "Inactive");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "option", 89);
+    i0.ɵɵtext(13, "Error");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.CurrentFilters.connectionStatus);
+} }
+function MCPDashboardComponent_Conditional_61_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 54)(1, "label", 55);
+    i0.ɵɵelement(2, "i", 86);
+    i0.ɵɵtext(3, " Tool Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "select", 78, 7);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_61_Template_select_change_4_listener() { i0.ɵɵrestoreView(_r19); const fTStatus_r20 = i0.ɵɵreference(5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onFilterFieldChange("toolStatus", fTStatus_r20.value)); });
+    i0.ɵɵelementStart(6, "option", 79);
+    i0.ɵɵtext(7, "All Statuses");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "option", 87);
+    i0.ɵɵtext(9, "Active");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "option", 90);
+    i0.ɵɵtext(11, "Deprecated");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.CurrentFilters.toolStatus);
+} }
+function MCPDashboardComponent_Conditional_62_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 54)(1, "label", 55);
+    i0.ɵɵelement(2, "i", 91);
+    i0.ɵɵtext(3, " Log Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "select", 78, 8);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_62_Template_select_change_4_listener() { i0.ɵɵrestoreView(_r21); const fLStatus_r22 = i0.ɵɵreference(5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onFilterFieldChange("logStatus", fLStatus_r22.value)); });
+    i0.ɵɵelementStart(6, "option", 79);
+    i0.ɵɵtext(7, "All Statuses");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "option", 92);
+    i0.ɵɵtext(9, "Success");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "option", 89);
+    i0.ɵɵtext(11, "Error");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "option", 93);
+    i0.ɵɵtext(13, "Running");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.CurrentFilters.logStatus);
+} }
+function MCPDashboardComponent_Conditional_69_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 63);
+    i0.ɵɵelement(1, "i", 94);
     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.ɵɵelementStart(3, "button", 95);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_69_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r23); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ErrorMessage = null); });
+    i0.ɵɵelement(4, "i", 96);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.ErrorMessage, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.ErrorMessage, " ");
 } }
-function MCPDashboardComponent_Conditional_49_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 26);
+function MCPDashboardComponent_Conditional_71_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 65);
 } }
-function MCPDashboardComponent_Conditional_50_Case_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 47);
-    i0.ɵɵelement(1, "i", 11);
+function MCPDashboardComponent_Conditional_72_Case_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 100);
+    i0.ɵɵelement(1, "i", 38);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No MCP servers configured");
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(4, "button", 68);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_0_Conditional_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.createServer()); });
     i0.ɵɵtext(5, " Add Your First Server ");
     i0.ɵɵelementEnd()();
 } }
-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");
+function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 114);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_14_0;
-    const server_r9 = i0.ɵɵnextContext().$implicit;
-    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);
+    const server_r26 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(server_r26.Description);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 119)(1, "span", 117);
     i0.ɵɵtext(2, "URL");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 68);
+    i0.ɵɵelementStart(3, "span", 121);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const server_r9 = i0.ɵɵnextContext().$implicit;
+    const server_r26 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(server_r9.ServerURL);
+    i0.ɵɵtextInterpolate(server_r26.ServerURL);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 119)(1, "span", 117);
     i0.ɵɵtext(2, "Command");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 69);
+    i0.ɵɵelementStart(3, "span", 122);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const server_r9 = i0.ɵɵnextContext().$implicit;
+    const server_r26 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(server_r9.Command);
+    i0.ɵɵtextInterpolate(server_r26.Command);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_44_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 124);
+    i0.ɵɵelement(1, "i", 126);
     i0.ɵɵtext(2, " No tools discovered yet. Sync a connection to discover tools. ");
     i0.ɵɵelementEnd();
 } }
-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", 74)(1, "div", 75)(2, "span", 76);
+function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_44_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 127)(1, "div", 128)(2, "span", 129);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 77);
-    i0.ɵɵelement(5, "i", 78);
+    i0.ɵɵelementStart(4, "span", 130);
+    i0.ɵɵelement(5, "i", 131);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    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.ɵɵelementStart(7, "button", 132);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_44_Conditional_6_For_2_Template_button_click_7_listener($event) { const tool_r28 = i0.ɵɵrestoreView(_r27).$implicit; const ctx_r2 = i0.ɵɵnextContext(7); ctx_r2.runToolFromCard(tool_r28); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(8, "i", 75);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const tool_r11 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(7);
+    const tool_r28 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(tool_r11.ToolTitle || tool_r11.ToolName);
+    i0.ɵɵtextInterpolate(tool_r28.ToolTitle || tool_r28.ToolName);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getParamCount(tool_r11), " params ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getParamCount(tool_r28), " params ");
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_44_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 125);
+    i0.ɵɵrepeaterCreate(1, MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_44_Conditional_6_For_2_Template, 9, 2, "div", 127, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const server_r9 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const server_r26 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.getToolsForServer(server_r9.ID));
+    i0.ɵɵrepeater(ctx_r2.getToolsForServer(server_r26.ID));
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 120)(1, "div", 123);
+    i0.ɵɵelement(2, "i", 42);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    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.ɵɵconditionalCreate(5, MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_44_Conditional_5_Template, 3, 0, "div", 124)(6, MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_44_Conditional_6_Template, 3, 0, "div", 125);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const server_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const server_r26 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("Available Tools (", ctx_r1.getToolsForServer(server_r9.ID).length, ")");
+    i0.ɵɵtextInterpolate1("Available Tools (", ctx_r2.getToolsForServer(server_r26.ID).length, ")");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getToolsForServer(server_r9.ID).length === 0 ? 5 : 6);
+    i0.ɵɵconditional(ctx_r2.getToolsForServer(server_r26.ID).length === 0 ? 5 : 6);
 } }
-function MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    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", 54);
-    i0.ɵɵtext(9);
+function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 102)(1, "div", 103);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Template_div_click_1_listener() { const server_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.toggleServerExpand(server_r26)); });
+    i0.ɵɵelementStart(2, "div", 104);
+    i0.ɵɵelement(3, "i", 105)(4, "i");
+    i0.ɵɵelementStart(5, "span", 106);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span", 107);
+    i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    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.ɵɵelementStart(9, "div", 108);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Template_div_click_9_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(10, "button", 109);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Template_button_click_10_listener() { const server_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.editServer(server_r26)); });
+    i0.ɵɵelement(11, "i", 110);
     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.ɵɵelementStart(12, "button", 111);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Template_button_click_12_listener() { const server_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.deleteServer(server_r26)); });
+    i0.ɵɵelement(13, "i", 112);
     i0.ɵɵelementEnd()()();
-    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.ɵɵelementStart(14, "div", 113);
+    i0.ɵɵconditionalCreate(15, MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_15_Template, 2, 1, "p", 114);
+    i0.ɵɵelementStart(16, "div", 115)(17, "div", 116)(18, "span", 117);
+    i0.ɵɵtext(19, "Transport");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "span", 65);
-    i0.ɵɵtext(22);
+    i0.ɵɵelementStart(20, "span", 118);
+    i0.ɵɵtext(21);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 63)(24, "span", 64);
-    i0.ɵɵtext(25, "Auth");
+    i0.ɵɵelementStart(22, "div", 116)(23, "span", 117);
+    i0.ɵɵtext(24, "Auth");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "span", 65);
-    i0.ɵɵtext(27);
+    i0.ɵɵelementStart(25, "span", 118);
+    i0.ɵɵtext(26);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(28, "div", 63)(29, "span", 64);
-    i0.ɵɵtext(30, "Connections");
+    i0.ɵɵelementStart(27, "div", 116)(28, "span", 117);
+    i0.ɵɵtext(29, "Connections");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "span", 65);
-    i0.ɵɵtext(32);
+    i0.ɵɵelementStart(30, "span", 118);
+    i0.ɵɵtext(31);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(33, "div", 63)(34, "span", 64);
-    i0.ɵɵtext(35, "Tools");
+    i0.ɵɵelementStart(32, "div", 116)(33, "span", 117);
+    i0.ɵɵtext(34, "Tools");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "span", 65);
-    i0.ɵɵtext(37);
+    i0.ɵɵelementStart(35, "span", 118);
+    i0.ɵɵtext(36);
     i0.ɵɵelementEnd()();
-    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.ɵɵconditionalCreate(37, MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_37_Template, 5, 1, "div", 119);
+    i0.ɵɵconditionalCreate(38, MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_38_Template, 5, 1, "div", 119);
+    i0.ɵɵelementStart(39, "div", 116)(40, "span", 117);
+    i0.ɵɵtext(41, "Last Sync");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(43, "span", 65);
-    i0.ɵɵtext(44);
+    i0.ɵɵelementStart(42, "span", 118);
+    i0.ɵɵtext(43);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(45, MCPDashboardComponent_Conditional_50_Case_0_Conditional_2_For_1_Conditional_45_Template, 7, 2, "div", 67);
+    i0.ɵɵconditionalCreate(44, MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Conditional_44_Template, 7, 2, "div", 120);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_16_0;
-    const server_r9 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("expanded", ctx_r1.isServerExpanded(server_r9));
+    const server_r26 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("expanded", ctx_r2.isServerExpanded(server_r26));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("rotated", ctx_r1.isServerExpanded(server_r9));
+    i0.ɵɵclassProp("rotated", ctx_r2.isServerExpanded(server_r26));
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.getTransportIcon(server_r9.TransportType));
+    i0.ɵɵclassMap(ctx_r2.getTransportIcon(server_r26.TransportType));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(server_r26.Name);
     i0.ɵɵadvance();
-    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_r1.getStatusClass(server_r9.Status));
+    i0.ɵɵproperty("ngClass", ctx_r2.getStatusClass(server_r26.Status));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", server_r9.Status, " ");
+    i0.ɵɵtextInterpolate1(" ", server_r26.Status, " ");
     i0.ɵɵadvance(7);
-    i0.ɵɵconditional(server_r9.Description ? 16 : -1);
+    i0.ɵɵconditional(server_r26.Description ? 15 : -1);
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(server_r9.TransportType);
+    i0.ɵɵtextInterpolate(server_r26.TransportType);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(server_r9.DefaultAuthType);
+    i0.ɵɵtextInterpolate(server_r26.DefaultAuthType);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(server_r9.ConnectionCount);
+    i0.ɵɵtextInterpolate(server_r26.ConnectionCount);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(server_r9.ToolCount);
+    i0.ɵɵtextInterpolate(server_r26.ToolCount);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(server_r9.ServerURL ? 38 : -1);
+    i0.ɵɵconditional(server_r26.ServerURL ? 37 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(server_r9.Command ? 39 : -1);
+    i0.ɵɵconditional(server_r26.Command ? 38 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.formatDate(server_r9.LastSyncAt));
+    i0.ɵɵtextInterpolate(ctx_r2.formatDate(server_r26.LastSyncAt));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isServerExpanded(server_r9) ? 45 : -1);
+    i0.ɵɵconditional(ctx_r2.isServerExpanded(server_r26) ? 44 : -1);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_For_1_Template, 45, 18, "div", 101, _forTrack0);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵrepeater(ctx_r1.filteredServers);
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵrepeater(ctx_r2.filteredServers);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 97);
+    i0.ɵɵconditionalCreate(1, MCPDashboardComponent_Conditional_72_Case_0_Conditional_1_Template, 6, 0, "div", 100)(2, MCPDashboardComponent_Conditional_72_Case_0_Conditional_2_Template, 2, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.filteredServers.length === 0 ? 1 : 2);
+    i0.ɵɵconditional(ctx_r2.filteredServers.length === 0 ? 1 : 2);
 } }
-function MCPDashboardComponent_Conditional_50_Case_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 47);
-    i0.ɵɵelement(1, "i", 14);
+function MCPDashboardComponent_Conditional_72_Case_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 100);
+    i0.ɵɵelement(1, "i", 41);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No connections configured");
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(4, "button", 68);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_1_Conditional_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r29); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.createConnection()); });
     i0.ɵɵtext(5, " Add Your First Connection ");
     i0.ɵɵelementEnd()();
 } }
-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_72_Case_1_Conditional_2_For_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 134);
 } }
-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_72_Case_1_Conditional_2_For_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 77);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 135);
+    i0.ɵɵelement(1, "i", 138);
+    i0.ɵɵelementStart(2, "span", 139);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const conn_r14 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const conn_r31 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.getSyncProgressMessage(conn_r14.ID) || "Syncing...");
+    i0.ɵɵtextInterpolate(ctx_r2.getSyncProgressMessage(conn_r31.ID) || "Syncing...");
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 141);
     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_r1 = i0.ɵɵnextContext(4);
+    let tmp_16_0;
+    const conn_r31 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(2);
-    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 ");
+    i0.ɵɵtextInterpolate3("Synced: ", (tmp_16_0 = ctx_r2.getSyncState(conn_r31.ID)) == null ? null : tmp_16_0.lastResult == null ? null : tmp_16_0.lastResult.Added, " added, ", (tmp_16_0 = ctx_r2.getSyncState(conn_r31.ID)) == null ? null : tmp_16_0.lastResult == null ? null : tmp_16_0.lastResult.Updated, " updated, ", (tmp_16_0 = ctx_r2.getSyncState(conn_r31.ID)) == null ? null : tmp_16_0.lastResult == null ? null : tmp_16_0.lastResult.Deprecated, " deprecated ");
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_18_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 142);
     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_r1 = i0.ɵɵnextContext(4);
+    let tmp_16_0;
+    const conn_r31 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate((tmp_15_0 = ctx_r1.getSyncState(conn_r14.ID)) == null ? null : tmp_15_0.lastResult == null ? null : tmp_15_0.lastResult.ErrorMessage);
+    i0.ɵɵtextInterpolate((tmp_16_0 = ctx_r2.getSyncState(conn_r31.ID)) == null ? null : tmp_16_0.lastResult == null ? null : tmp_16_0.lastResult.ErrorMessage);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 140);
+    i0.ɵɵconditionalCreate(1, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_18_Conditional_1_Template, 3, 3)(2, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_18_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_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));
+    let tmp_17_0;
+    const conn_r31 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("success", (tmp_15_0 = ctx_r2.getSyncState(conn_r31.ID)) == null ? null : tmp_15_0.lastResult == null ? null : tmp_15_0.lastResult.Success)("error", !((tmp_16_0 = ctx_r2.getSyncState(conn_r31.ID)) == null ? null : tmp_16_0.lastResult == null ? null : tmp_16_0.lastResult.Success));
     i0.ɵɵadvance();
-    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);
+    i0.ɵɵconditional(((tmp_17_0 = ctx_r2.getSyncState(conn_r31.ID)) == null ? null : tmp_17_0.lastResult == null ? null : tmp_17_0.lastResult.Success) ? 1 : 2);
 } }
-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");
+function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 114);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_14_0;
-    const conn_r14 = i0.ɵɵnextContext().$implicit;
-    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);
+    const conn_r31 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(conn_r31.Description);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 137)(1, "span", 117);
     i0.ɵɵtext(2, "Last Error");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 65);
+    i0.ɵɵelementStart(3, "span", 118);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const conn_r14 = i0.ɵɵnextContext().$implicit;
+    const conn_r31 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(conn_r14.LastErrorMessage);
+    i0.ɵɵtextInterpolate(conn_r31.LastErrorMessage);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_43_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 124);
+    i0.ɵɵelement(1, "i", 126);
     i0.ɵɵtext(2, " No tools discovered yet. Click the sync button to discover tools. ");
     i0.ɵɵelementEnd();
 } }
-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", 74)(1, "div", 75)(2, "span", 76);
+function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_43_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r32 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 127)(1, "div", 128)(2, "span", 129);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 77);
-    i0.ɵɵelement(5, "i", 78);
+    i0.ɵɵelementStart(4, "span", 130);
+    i0.ɵɵelement(5, "i", 131);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    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.ɵɵelementStart(7, "button", 143);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_43_Conditional_6_For_2_Template_button_click_7_listener($event) { const tool_r33 = i0.ɵɵrestoreView(_r32).$implicit; const conn_r31 = i0.ɵɵnextContext(3).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); ctx_r2.runToolFromCard(tool_r33, conn_r31); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(8, "i", 75);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const tool_r16 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(7);
+    const tool_r33 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(tool_r16.ToolTitle || tool_r16.ToolName);
+    i0.ɵɵtextInterpolate(tool_r33.ToolTitle || tool_r33.ToolName);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getParamCount(tool_r16), " params ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getParamCount(tool_r33), " params ");
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_43_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 125);
+    i0.ɵɵrepeaterCreate(1, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_43_Conditional_6_For_2_Template, 9, 2, "div", 127, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const conn_r14 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const conn_r31 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.getToolsForConnection(conn_r14.ID));
+    i0.ɵɵrepeater(ctx_r2.getToolsForConnection(conn_r31.ID));
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 120)(1, "div", 123);
+    i0.ɵɵelement(2, "i", 42);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    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.ɵɵconditionalCreate(5, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_43_Conditional_5_Template, 3, 0, "div", 124)(6, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_43_Conditional_6_Template, 3, 0, "div", 125);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const conn_r14 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const conn_r31 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("Available Tools (", ctx_r1.getToolsForConnection(conn_r14.ID).length, ")");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getToolsForConnection(conn_r14.ID).length === 0 ? 5 : 6);
-} }
-function MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    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", 54);
-    i0.ɵɵtext(9);
+    i0.ɵɵtextInterpolate1("Available Tools (", ctx_r2.getToolsForConnection(conn_r31.ID).length, ")");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.getToolsForConnection(conn_r31.ID).length === 0 ? 5 : 6);
+} }
+function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 102)(1, "div", 103);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Template_div_click_1_listener() { const conn_r31 = i0.ɵɵrestoreView(_r30).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.toggleConnectionExpand(conn_r31)); });
+    i0.ɵɵelementStart(2, "div", 104);
+    i0.ɵɵelement(3, "i", 105)(4, "i", 41);
+    i0.ɵɵelementStart(5, "span", 106);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span", 107);
+    i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    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.ɵɵelementStart(9, "div", 108);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Template_div_click_9_listener($event) { i0.ɵɵrestoreView(_r30); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(10, "button", 133);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Template_button_click_10_listener() { const conn_r31 = i0.ɵɵrestoreView(_r30).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.syncConnectionTools(conn_r31)); });
+    i0.ɵɵconditionalCreate(11, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_11_Template, 1, 0, "i", 134)(12, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_12_Template, 1, 0, "i", 77);
     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.ɵɵelementStart(13, "button", 109);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Template_button_click_13_listener() { const conn_r31 = i0.ɵɵrestoreView(_r30).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.editConnection(conn_r31)); });
+    i0.ɵɵelement(14, "i", 110);
     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.ɵɵelementStart(15, "button", 111);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Template_button_click_15_listener() { const conn_r31 = i0.ɵɵrestoreView(_r30).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.deleteConnection(conn_r31)); });
+    i0.ɵɵelement(16, "i", 112);
     i0.ɵɵelementEnd()()();
-    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.ɵɵconditionalCreate(17, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_17_Template, 4, 1, "div", 135);
+    i0.ɵɵconditionalCreate(18, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_18_Template, 3, 5, "div", 136);
+    i0.ɵɵelementStart(19, "div", 113);
+    i0.ɵɵconditionalCreate(20, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_20_Template, 2, 1, "p", 114);
+    i0.ɵɵelementStart(21, "div", 115)(22, "div", 116)(23, "span", 117);
+    i0.ɵɵtext(24, "Server");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "span", 65);
-    i0.ɵɵtext(27);
+    i0.ɵɵelementStart(25, "span", 118);
+    i0.ɵɵtext(26);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(28, "div", 63)(29, "span", 64);
-    i0.ɵɵtext(30, "Auto Sync");
+    i0.ɵɵelementStart(27, "div", 116)(28, "span", 117);
+    i0.ɵɵtext(29, "Auto Sync");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "span", 65);
-    i0.ɵɵtext(32);
+    i0.ɵɵelementStart(30, "span", 118);
+    i0.ɵɵtext(31);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(33, "div", 63)(34, "span", 64);
-    i0.ɵɵtext(35, "Logging");
+    i0.ɵɵelementStart(32, "div", 116)(33, "span", 117);
+    i0.ɵɵtext(34, "Logging");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "span", 65);
-    i0.ɵɵtext(37);
+    i0.ɵɵelementStart(35, "span", 118);
+    i0.ɵɵtext(36);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(38, "div", 63)(39, "span", 64);
-    i0.ɵɵtext(40, "Last Connected");
+    i0.ɵɵelementStart(37, "div", 116)(38, "span", 117);
+    i0.ɵɵtext(39, "Last Connected");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(41, "span", 65);
-    i0.ɵɵtext(42);
+    i0.ɵɵelementStart(40, "span", 118);
+    i0.ɵɵtext(41);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(43, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_43_Template, 5, 1, "div", 84);
+    i0.ɵɵconditionalCreate(42, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_42_Template, 5, 1, "div", 137);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(44, MCPDashboardComponent_Conditional_50_Case_1_Conditional_2_For_1_Conditional_44_Template, 7, 2, "div", 67);
+    i0.ɵɵconditionalCreate(43, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Conditional_43_Template, 7, 2, "div", 120);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_15_0;
-    let tmp_21_0;
-    const conn_r14 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("expanded", ctx_r1.isConnectionExpanded(conn_r14));
+    let tmp_22_0;
+    const conn_r31 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("expanded", ctx_r2.isConnectionExpanded(conn_r31));
     i0.ɵɵadvance(3);
-    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_r1.filters$)) == null ? null : tmp_15_0.searchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵclassProp("rotated", ctx_r2.isConnectionExpanded(conn_r31));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass(conn_r14.Status));
+    i0.ɵɵtextInterpolate(conn_r31.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r2.getStatusClass(conn_r31.Status));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", conn_r14.Status, " ");
+    i0.ɵɵtextInterpolate1(" ", conn_r31.Status, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r1.isSyncing(conn_r14.ID));
+    i0.ɵɵproperty("disabled", ctx_r2.isSyncing(conn_r31.ID));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isSyncing(conn_r14.ID) ? 12 : 13);
+    i0.ɵɵconditional(ctx_r2.isSyncing(conn_r31.ID) ? 11 : 12);
     i0.ɵɵadvance(6);
-    i0.ɵɵconditional(ctx_r1.isSyncing(conn_r14.ID) ? 18 : -1);
+    i0.ɵɵconditional(ctx_r2.isSyncing(conn_r31.ID) ? 17 : -1);
     i0.ɵɵadvance();
-    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.ɵɵconditional(((tmp_22_0 = ctx_r2.getSyncState(conn_r31.ID)) == null ? null : tmp_22_0.lastResult) && !ctx_r2.isSyncing(conn_r31.ID) ? 18 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(conn_r14.Description ? 21 : -1);
+    i0.ɵɵconditional(conn_r31.Description ? 20 : -1);
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(conn_r14.ServerName);
+    i0.ɵɵtextInterpolate(conn_r31.ServerName);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(conn_r14.AutoSyncTools ? "Yes" : "No");
+    i0.ɵɵtextInterpolate(conn_r31.AutoSyncTools ? "Yes" : "No");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(conn_r14.LogToolCalls ? "Enabled" : "Disabled");
+    i0.ɵɵtextInterpolate(conn_r31.LogToolCalls ? "Enabled" : "Disabled");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.formatDate(conn_r14.LastConnectedAt));
+    i0.ɵɵtextInterpolate(ctx_r2.formatDate(conn_r31.LastConnectedAt));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(conn_r14.LastErrorMessage ? 43 : -1);
+    i0.ɵɵconditional(conn_r31.LastErrorMessage ? 42 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isConnectionExpanded(conn_r14) ? 44 : -1);
+    i0.ɵɵconditional(ctx_r2.isConnectionExpanded(conn_r31) ? 43 : -1);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_For_1_Template, 44, 18, "div", 101, _forTrack0);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵrepeater(ctx_r1.filteredConnections);
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵrepeater(ctx_r2.filteredConnections);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 98);
+    i0.ɵɵconditionalCreate(1, MCPDashboardComponent_Conditional_72_Case_1_Conditional_1_Template, 6, 0, "div", 100)(2, MCPDashboardComponent_Conditional_72_Case_1_Conditional_2_Template, 2, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.filteredConnections.length === 0 ? 1 : 2);
+    i0.ɵɵconditional(ctx_r2.filteredConnections.length === 0 ? 1 : 2);
 } }
-function MCPDashboardComponent_Conditional_50_Case_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 47);
-    i0.ɵɵelement(1, "i", 15);
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("\u00B7 Showing ", ctx_r2.pagedTools.length, " of ", ctx_r2.toolsTotalCount);
+} }
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_5_For_10_Template(rf, ctx) { if (rf & 1) {
+    const _r36 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 149);
+    i0.ɵɵelement(1, "i", 151);
+    i0.ɵɵelementStart(2, "div", 152)(3, "div", 153);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 154);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "button", 155);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_2_Conditional_5_For_10_Template_button_click_7_listener($event) { const tool_r37 = i0.ɵɵrestoreView(_r36).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.toggleFavorite(tool_r37.ID, $event)); });
+    i0.ɵɵelement(8, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 156);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const tool_r37 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(tool_r37.ToolTitle || tool_r37.ToolName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", tool_r37.ServerName, " \u00B7 ", tool_r37.ToolName);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("color", ctx_r2.isFavorited(tool_r37.ID) ? "var(--mj-status-warning, #f59e0b)" : "var(--mj-text-muted, #bbb)");
+    i0.ɵɵproperty("title", ctx_r2.isFavorited(tool_r37.ID) ? "Unfavorite" : "Favorite");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r2.isFavorited(tool_r37.ID) ? "fa-solid fa-star" : "fa-regular fa-star");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r2.getStatusClass(tool_r37.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tool_r37.Status);
+} }
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_5_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 150);
+    i0.ɵɵtext(1, "Loading more\u2026");
+    i0.ɵɵelementEnd();
+} }
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 147);
+    i0.ɵɵtext(1, " Showing ");
+    i0.ɵɵelementStart(2, "strong");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4, " of ");
+    i0.ɵɵelementStart(5, "strong");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(7, " tools ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 148);
+    i0.ɵɵlistener("scroll", function MCPDashboardComponent_Conditional_72_Case_2_Conditional_5_Template_div_scroll_8_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onToolsScrollNative($event)); });
+    i0.ɵɵrepeaterCreate(9, MCPDashboardComponent_Conditional_72_Case_2_Conditional_5_For_10_Template, 11, 10, "div", 149, _forTrack0);
+    i0.ɵɵconditionalCreate(11, MCPDashboardComponent_Conditional_72_Case_2_Conditional_5_Conditional_11_Template, 2, 0, "div", 150);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.visiblePagedTools.length);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.scaleDenominator());
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.visiblePagedTools);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.toolsLoading ? 11 : -1);
+} }
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 100);
+    i0.ɵɵelement(1, "i", 42);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No tools discovered yet");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 92);
+    i0.ɵɵelementStart(4, "span", 157);
     i0.ɵɵtext(5, "Tools are discovered when connections sync with MCP servers");
     i0.ɵɵelementEnd()();
 } }
-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");
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 175);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_26_0;
-    const tool_r20 = i0.ɵɵnextContext().$implicit;
-    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);
+    const tool_r41 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tool_r41.ToolDescription);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_For_2_Conditional_22_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 184)(1, "span", 181);
     i0.ɵɵtext(2, "Input Schema:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "pre", 121);
+    i0.ɵɵelementStart(3, "pre", 185);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const tool_r20 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(7);
+    const tool_r41 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.getFormattedInputSchema(tool_r20));
+    i0.ɵɵtextInterpolate(ctx_r2.getFormattedInputSchema(tool_r41));
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 179)(1, "div", 180)(2, "span", 181);
     i0.ɵɵtext(3, "Tool Name:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 118);
+    i0.ɵɵelementStart(4, "span", 182);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 116)(7, "span", 117);
+    i0.ɵɵelementStart(6, "div", 180)(7, "span", 181);
     i0.ɵɵtext(8, "Parameters:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 119);
+    i0.ɵɵelementStart(9, "span", 183);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 116)(12, "span", 117);
+    i0.ɵɵelementStart(11, "div", 180)(12, "span", 181);
     i0.ɵɵtext(13, "Discovered:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span", 119);
+    i0.ɵɵelementStart(14, "span", 183);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 116)(17, "span", 117);
+    i0.ɵɵelementStart(16, "div", 180)(17, "span", 181);
     i0.ɵɵtext(18, "Last Seen:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "span", 119);
+    i0.ɵɵelementStart(19, "span", 183);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd()();
-    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.ɵɵconditionalCreate(21, MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_For_2_Conditional_22_Conditional_21_Template, 5, 1, "div", 184);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tool_r20 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(7);
+    const tool_r41 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(tool_r20.ToolName);
+    i0.ɵɵtextInterpolate(tool_r41.ToolName);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate2(" ", ctx_r1.getParamCount(tool_r20), " total, ", ctx_r1.getRequiredParamCount(tool_r20), " required ");
+    i0.ɵɵtextInterpolate2(" ", ctx_r2.getParamCount(tool_r41), " total, ", ctx_r2.getRequiredParamCount(tool_r41), " required ");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.formatDate(tool_r20.DiscoveredAt));
+    i0.ɵɵtextInterpolate(ctx_r2.formatDate(tool_r41.DiscoveredAt));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.formatDate(tool_r20.LastSeenAt));
+    i0.ɵɵtextInterpolate(ctx_r2.formatDate(tool_r41.LastSeenAt));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(tool_r20.InputSchema ? 21 : -1);
+    i0.ɵɵconditional(tool_r41.InputSchema ? 21 : -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", 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", 109)(8, "span", 110);
-    i0.ɵɵelement(9, "i", 78);
-    i0.ɵɵtext(10);
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r40 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 170)(1, "div", 171);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_For_2_Template_div_click_1_listener() { const tool_r41 = i0.ɵɵrestoreView(_r40).$implicit; const ctx_r2 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r2.toggleToolExpand(tool_r41)); });
+    i0.ɵɵelementStart(2, "div", 172);
+    i0.ɵɵelement(3, "i", 42);
+    i0.ɵɵelementStart(4, "span", 106);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 173)(7, "span", 174);
+    i0.ɵɵelement(8, "i", 131);
+    i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 100);
-    i0.ɵɵtext(12);
+    i0.ɵɵelementStart(10, "span", 156);
+    i0.ɵɵtext(11);
     i0.ɵɵelementEnd()()();
-    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", 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.ɵɵconditionalCreate(12, MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_For_2_Conditional_12_Template, 2, 1, "p", 175);
+    i0.ɵɵelementStart(13, "div", 176)(14, "button", 155);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_For_2_Template_button_click_14_listener($event) { const tool_r41 = i0.ɵɵrestoreView(_r40).$implicit; const ctx_r2 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r2.toggleFavorite(tool_r41.ID, $event)); });
+    i0.ɵɵelement(15, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "button", 132);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_For_2_Template_button_click_16_listener() { const tool_r41 = i0.ɵɵrestoreView(_r40).$implicit; const ctx_r2 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r2.openTestToolDialog(tool_r41)); });
+    i0.ɵɵelement(17, "i", 75);
+    i0.ɵɵtext(18, " Test ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "button", 177);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_For_2_Template_button_click_19_listener() { const tool_r41 = i0.ɵɵrestoreView(_r40).$implicit; const ctx_r2 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r2.toggleToolExpand(tool_r41)); });
+    i0.ɵɵelement(20, "i", 178);
+    i0.ɵɵtext(21);
     i0.ɵɵelementEnd()();
-    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.ɵɵconditionalCreate(22, MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_For_2_Conditional_22_Template, 22, 6, "div", 179);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_26_0;
-    const tool_r20 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(7);
-    i0.ɵɵclassProp("expanded", ctx_r1.isToolExpanded(tool_r20));
+    const tool_r41 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(7);
+    i0.ɵɵclassProp("expanded", ctx_r2.isToolExpanded(tool_r41));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(tool_r41.ToolTitle || tool_r41.ToolName);
     i0.ɵɵadvance(4);
-    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_r1.getParamCount(tool_r20), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getParamCount(tool_r41), " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass(tool_r20.Status));
+    i0.ɵɵproperty("ngClass", ctx_r2.getStatusClass(tool_r41.Status));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", tool_r20.Status, " ");
+    i0.ɵɵtextInterpolate1(" ", tool_r41.Status, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(tool_r20.ToolDescription ? 13 : -1);
-    i0.ɵɵadvance(6);
-    i0.ɵɵclassProp("fa-chevron-down", !ctx_r1.isToolExpanded(tool_r20))("fa-chevron-up", ctx_r1.isToolExpanded(tool_r20));
+    i0.ɵɵconditional(tool_r41.ToolDescription ? 12 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("color", ctx_r2.isFavorited(tool_r41.ID) ? "var(--mj-status-warning, #f59e0b)" : "var(--mj-text-muted, #bbb)");
+    i0.ɵɵproperty("title", ctx_r2.isFavorited(tool_r41.ID) ? "Unfavorite" : "Favorite");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.isToolExpanded(tool_r20) ? "Less" : "More", " ");
+    i0.ɵɵclassMap(ctx_r2.isFavorited(tool_r41.ID) ? "fa-solid fa-star" : "fa-regular fa-star");
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("fa-chevron-down", !ctx_r2.isToolExpanded(tool_r41))("fa-chevron-up", ctx_r2.isToolExpanded(tool_r41));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.isToolExpanded(tool_r41) ? "Less" : "More", " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isToolExpanded(tool_r20) ? 21 : -1);
+    i0.ɵɵconditional(ctx_r2.isToolExpanded(tool_r41) ? 22 : -1);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 167);
+    i0.ɵɵrepeaterCreate(1, MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_For_2_Template, 23, 18, "div", 169, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const group_r18 = i0.ɵɵnextContext(2).$implicit;
+    const group_r39 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(group_r18.tools);
+    i0.ɵɵrepeater(group_r39.tools);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_1_For_18_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 188);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tool_r22 = i0.ɵɵnextContext().$implicit;
+    const tool_r43 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(tool_r22.ToolName);
+    i0.ɵɵtextInterpolate(tool_r43.ToolName);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_1_For_18_Conditional_24_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 199)(1, "span", 181);
     i0.ɵɵtext(2, "Input Schema:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "pre", 121);
+    i0.ɵɵelementStart(3, "pre", 185);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const tool_r22 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(7);
+    const tool_r43 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.getFormattedInputSchema(tool_r22));
+    i0.ɵɵtextInterpolate(ctx_r2.getFormattedInputSchema(tool_r43));
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_1_For_18_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 195)(1, "td", 196)(2, "div", 197)(3, "div", 198)(4, "span", 181);
     i0.ɵɵtext(5, "Tool Name:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 118);
+    i0.ɵɵelementStart(6, "span", 182);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 134)(9, "span", 117);
+    i0.ɵɵelementStart(8, "div", 198)(9, "span", 181);
     i0.ɵɵtext(10, "Discovered:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 119);
+    i0.ɵɵelementStart(11, "span", 183);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 134)(14, "span", 117);
+    i0.ɵɵelementStart(13, "div", 198)(14, "span", 181);
     i0.ɵɵtext(15, "Required Params:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "span", 119);
+    i0.ɵɵelementStart(16, "span", 183);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    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.ɵɵconditionalCreate(18, MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_1_For_18_Conditional_24_Conditional_18_Template, 5, 1, "div", 199);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const tool_r22 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(7);
+    const tool_r43 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate(tool_r22.ToolName);
+    i0.ɵɵtextInterpolate(tool_r43.ToolName);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.formatDate(tool_r22.DiscoveredAt));
+    i0.ɵɵtextInterpolate(ctx_r2.formatDate(tool_r43.DiscoveredAt));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.getRequiredParamCount(tool_r22));
+    i0.ɵɵtextInterpolate(ctx_r2.getRequiredParamCount(tool_r43));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(tool_r22.InputSchema ? 18 : -1);
+    i0.ɵɵconditional(tool_r43.InputSchema ? 18 : -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", 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.ɵɵ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", 126);
-    i0.ɵɵpipe(9, "async");
-    i0.ɵɵpipe(10, "highlightSearch");
-    i0.ɵɵelementStart(11, "td")(12, "span", 127);
-    i0.ɵɵtext(13);
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_1_For_18_Template(rf, ctx) { if (rf & 1) {
+    const _r42 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr")(1, "td", 186);
+    i0.ɵɵelement(2, "i", 42);
+    i0.ɵɵelementStart(3, "div", 187)(4, "span", 172);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_1_For_18_Conditional_6_Template, 2, 1, "span", 188);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "td")(15, "span", 100);
-    i0.ɵɵtext(16);
+    i0.ɵɵelementStart(7, "td", 189);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "td")(10, "span", 190);
+    i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "td");
-    i0.ɵɵtext(18);
+    i0.ɵɵelementStart(12, "td")(13, "span", 156);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "td");
+    i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(17, "td", 191)(18, "button", 192);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_1_For_18_Template_button_click_18_listener($event) { const tool_r43 = i0.ɵɵrestoreView(_r42).$implicit; const ctx_r2 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r2.toggleFavorite(tool_r43.ID, $event)); });
+    i0.ɵɵelement(19, "i");
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(20, "button", 193);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_1_For_18_Template_button_click_20_listener() { const tool_r43 = i0.ɵɵrestoreView(_r42).$implicit; const ctx_r2 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r2.openTestToolDialog(tool_r43)); });
+    i0.ɵɵelement(21, "i", 75);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "button", 194);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_1_For_18_Template_button_click_22_listener() { const tool_r43 = i0.ɵɵrestoreView(_r42).$implicit; const ctx_r2 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r2.toggleToolExpand(tool_r43)); });
+    i0.ɵɵelement(23, "i", 178);
     i0.ɵɵelementEnd()()();
-    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);
+    i0.ɵɵconditionalCreate(24, MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_1_For_18_Conditional_24_Template, 19, 4, "tr", 195);
 } if (rf & 2) {
-    let tmp_26_0;
-    let tmp_28_0;
-    const tool_r22 = ctx.$implicit;
-    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_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_r1.filters$)) == null ? null : tmp_28_0.searchTerm), i0.ɵɵsanitizeHtml);
+    const tool_r43 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(7);
+    i0.ɵɵclassProp("expanded", ctx_r2.isToolExpanded(tool_r43));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.getParamCount(tool_r22));
+    i0.ɵɵtextInterpolate(tool_r43.ToolTitle || tool_r43.ToolName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(tool_r43.ToolTitle ? 6 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass(tool_r22.Status));
+    i0.ɵɵtextInterpolate(tool_r43.ToolDescription || "-");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.getParamCount(tool_r43));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r2.getStatusClass(tool_r43.Status));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", tool_r22.Status, " ");
+    i0.ɵɵtextInterpolate1(" ", tool_r43.Status, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.formatDate(tool_r22.LastSeenAt));
-    i0.ɵɵadvance(5);
-    i0.ɵɵclassProp("fa-chevron-down", !ctx_r1.isToolExpanded(tool_r22))("fa-chevron-up", ctx_r1.isToolExpanded(tool_r22));
+    i0.ɵɵtextInterpolate(ctx_r2.formatDate(tool_r43.LastSeenAt));
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("color", ctx_r2.isFavorited(tool_r43.ID) ? "var(--mj-status-warning, #f59e0b)" : "var(--mj-text-muted, #bbb)");
+    i0.ɵɵproperty("title", ctx_r2.isFavorited(tool_r43.ID) ? "Unfavorite" : "Favorite");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isToolExpanded(tool_r22) ? 24 : -1);
+    i0.ɵɵclassMap(ctx_r2.isFavorited(tool_r43.ID) ? "fa-solid fa-star" : "fa-regular fa-star");
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("fa-chevron-down", !ctx_r2.isToolExpanded(tool_r43))("fa-chevron-up", ctx_r2.isToolExpanded(tool_r43));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.isToolExpanded(tool_r43) ? 24 : -1);
 } }
-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");
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 168)(1, "table")(2, "thead")(3, "tr")(4, "th");
     i0.ɵɵtext(5, "Tool");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "th");
@@ -821,110 +1092,123 @@ function MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditi
     i0.ɵɵtext(15, "Actions");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(16, "tbody");
-    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.ɵɵrepeaterCreate(17, MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_1_For_18_Template, 25, 19, null, null, _forTrack0);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const group_r18 = i0.ɵɵnextContext(2).$implicit;
+    const group_r39 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(17);
-    i0.ɵɵrepeater(group_r18.tools);
+    i0.ɵɵrepeater(group_r39.tools);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_0_Template, 3, 0, "div", 167)(1, MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Conditional_1_Template, 19, 0, "div", 168);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵconditional(ctx_r1.ToolsViewMode === "card" ? 0 : 1);
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵconditional(ctx_r2.ToolsViewMode === "card" ? 0 : 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", 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);
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r38 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 159)(1, "div", 160);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Template_div_click_1_listener() { const group_r39 = i0.ɵɵrestoreView(_r38).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.toggleServerGroup(group_r39)); });
+    i0.ɵɵelementStart(2, "div", 161);
+    i0.ɵɵelement(3, "i", 162)(4, "i");
+    i0.ɵɵelementStart(5, "span", 163);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 99);
+    i0.ɵɵelementStart(7, "span", 164);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 100);
+    i0.ɵɵelementStart(9, "span", 156);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    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.ɵɵelementStart(11, "div", 165);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r38); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(12, "button", 166);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r38); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.openTestToolDialog(undefined, undefined)); });
+    i0.ɵɵelement(13, "i", 75);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(14, MCPDashboardComponent_Conditional_50_Case_2_Conditional_1_For_2_Conditional_14_Template, 2, 1);
+    i0.ɵɵconditionalCreate(14, MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Conditional_14_Template, 2, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const group_r18 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("collapsed", !group_r18.expanded);
+    const group_r39 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("collapsed", !group_r39.expanded);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("expanded", group_r18.expanded);
+    i0.ɵɵclassProp("expanded", group_r39.expanded);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.getTransportIcon(group_r18.server.TransportType));
+    i0.ɵɵclassMap(ctx_r2.getTransportIcon(group_r39.server.TransportType));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(group_r18.server.Name);
+    i0.ɵɵtextInterpolate(group_r39.server.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", group_r18.tools.length, " tools");
+    i0.ɵɵtextInterpolate1("", ctx_r2.getServerToolCount(group_r39.server.ID), " tools");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass(group_r18.server.Status));
+    i0.ɵɵproperty("ngClass", ctx_r2.getStatusClass(group_r39.server.Status));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", group_r18.server.Status, " ");
+    i0.ɵɵtextInterpolate1(" ", group_r39.server.Status, " ");
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(group_r18.expanded ? 14 : -1);
+    i0.ɵɵconditional(group_r39.expanded ? 14 : -1);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 146);
+    i0.ɵɵrepeaterCreate(1, MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_For_2_Template, 15, 11, "div", 158, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.ServerGroups);
+    i0.ɵɵrepeater(ctx_r2.ServerGroups);
 } }
-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);
+function MCPDashboardComponent_Conditional_72_Case_2_Template(rf, ctx) { if (rf & 1) {
+    const _r34 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 144)(1, "label", 145)(2, "input", 83);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_72_Case_2_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleScalableMode($event.target.checked)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3, " Scale mode (virtual scroll, paginated) ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, MCPDashboardComponent_Conditional_72_Case_2_Conditional_4_Template, 2, 2, "span");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, MCPDashboardComponent_Conditional_72_Case_2_Conditional_5_Template, 12, 3)(6, MCPDashboardComponent_Conditional_72_Case_2_Conditional_6_Template, 6, 0, "div", 100)(7, MCPDashboardComponent_Conditional_72_Case_2_Conditional_7_Template, 3, 0, "div", 146);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(ctx_r1.ServerGroups.length === 0 ? 0 : 1);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("checked", ctx_r2.useScalablePagination);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.useScalablePagination ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.useScalablePagination ? 5 : ctx_r2.ServerGroups.length === 0 ? 6 : 7);
 } }
-function MCPDashboardComponent_Conditional_50_Case_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 47);
-    i0.ɵɵelement(1, "i", 16);
+function MCPDashboardComponent_Conditional_72_Case_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 100);
+    i0.ɵɵelement(1, "i", 43);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No recent execution logs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 92);
+    i0.ɵɵelementStart(4, "span", 157);
     i0.ɵɵtext(5, "Logs appear when tools are executed via MCP connections");
     i0.ɵɵelementEnd()();
 } }
-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_72_Case_3_Conditional_2_For_27_Case_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 141);
 } }
-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_72_Case_3_Conditional_2_For_27_Case_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 204);
 } }
-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_72_Case_3_Conditional_2_For_27_Case_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 205);
 } }
-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_72_Case_3_Conditional_2_For_27_Case_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 206);
 } }
-function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    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);
+function MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_For_27_Template(rf, ctx) { if (rf & 1) {
+    const _r45 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 203);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_For_27_Template_tr_click_0_listener() { const log_r46 = i0.ɵɵrestoreView(_r45).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onLogClick(log_r46)); });
+    i0.ɵɵelementStart(1, "td")(2, "span", 107);
+    i0.ɵɵconditionalCreate(3, MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_For_27_Case_3_Template, 1, 0, "i", 141)(4, MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_For_27_Case_4_Template, 1, 0, "i", 204)(5, MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_For_27_Case_5_Template, 1, 0, "i", 205)(6, MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_For_27_Case_6_Template, 1, 0, "i", 206);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "td", 98);
+    i0.ɵɵelementStart(8, "td", 163);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "td", 143);
+    i0.ɵɵelementStart(10, "td", 207);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(12, "td");
@@ -936,164 +1220,931 @@ function MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Templa
     i0.ɵɵelementStart(16, "td");
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "td", 144);
+    i0.ɵɵelementStart(18, "td", 208);
     i0.ɵɵtext(19);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "td", 145);
-    i0.ɵɵelement(21, "i", 146);
+    i0.ɵɵelementStart(20, "td", 209);
+    i0.ɵɵelement(21, "i", 210);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_15_0;
-    const log_r25 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("error-row", log_r25.Status === "Error");
+    let tmp_16_0;
+    const log_r46 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("error-row", log_r46.Status === "Error");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass(log_r25.Status));
+    i0.ɵɵproperty("ngClass", ctx_r2.getStatusClass(log_r46.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.ɵɵconditional((tmp_16_0 = log_r46.Status) === "Success" ? 3 : tmp_16_0 === "Error" ? 4 : tmp_16_0 === "Running" ? 5 : 6);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", log_r25.Status || "Unknown", " ");
+    i0.ɵɵtextInterpolate1(" ", log_r46.Status || "Unknown", " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(log_r25.ServerName);
+    i0.ɵɵtextInterpolate(log_r46.ServerName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(log_r25.ToolName);
+    i0.ɵɵtextInterpolate(log_r46.ToolName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(log_r25.ConnectionName);
+    i0.ɵɵtextInterpolate(log_r46.ConnectionName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.formatDate(log_r25.StartedAt));
+    i0.ɵɵtextInterpolate(ctx_r2.formatDate(log_r46.StartedAt));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.formatDuration(log_r25.DurationMs));
+    i0.ɵɵtextInterpolate(ctx_r2.formatDuration(log_r46.DurationMs));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("title", log_r25.ErrorMessage || "");
+    i0.ɵɵproperty("title", log_r46.ErrorMessage || "");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", log_r25.ErrorMessage || "-", " ");
+    i0.ɵɵtextInterpolate1(" ", log_r46.ErrorMessage || "-", " ");
 } }
-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", 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")); });
+function MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r44 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "table")(1, "thead")(2, "tr")(3, "th", 200);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_Template_th_click_3_listener() { i0.ɵɵrestoreView(_r44); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onLogSortColumn("status")); });
     i0.ɵɵtext(4, " Status ");
-    i0.ɵɵelement(5, "i", 137);
+    i0.ɵɵelement(5, "i", 201);
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(6, "th", 200);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_Template_th_click_6_listener() { i0.ɵɵrestoreView(_r44); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onLogSortColumn("server")); });
     i0.ɵɵtext(7, " Server ");
-    i0.ɵɵelement(8, "i", 137);
+    i0.ɵɵelement(8, "i", 201);
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(9, "th", 200);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_Template_th_click_9_listener() { i0.ɵɵrestoreView(_r44); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onLogSortColumn("tool")); });
     i0.ɵɵtext(10, " Tool ");
-    i0.ɵɵelement(11, "i", 137);
+    i0.ɵɵelement(11, "i", 201);
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(12, "th", 200);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_Template_th_click_12_listener() { i0.ɵɵrestoreView(_r44); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onLogSortColumn("connection")); });
     i0.ɵɵtext(13, " Connection ");
-    i0.ɵɵelement(14, "i", 137);
+    i0.ɵɵelement(14, "i", 201);
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(15, "th", 200);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_Template_th_click_15_listener() { i0.ɵɵrestoreView(_r44); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onLogSortColumn("started")); });
     i0.ɵɵtext(16, " Started ");
-    i0.ɵɵelement(17, "i", 137);
+    i0.ɵɵelement(17, "i", 201);
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(18, "th", 200);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_Template_th_click_18_listener() { i0.ɵɵrestoreView(_r44); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onLogSortColumn("duration")); });
     i0.ɵɵtext(19, " Duration ");
-    i0.ɵɵelement(20, "i", 137);
+    i0.ɵɵelement(20, "i", 201);
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(21, "th", 200);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_Template_th_click_21_listener() { i0.ɵɵrestoreView(_r44); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onLogSortColumn("error")); });
     i0.ɵɵtext(22, " Error ");
-    i0.ɵɵelement(23, "i", 137);
+    i0.ɵɵelement(23, "i", 201);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(24, "th");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(25, "tbody");
-    i0.ɵɵrepeaterCreate(26, MCPDashboardComponent_Conditional_50_Case_3_Conditional_2_For_27_Template, 22, 12, "tr", 138, _forTrack0);
+    i0.ɵɵrepeaterCreate(26, MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_For_27_Template, 22, 12, "tr", 202, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("status"));
+    i0.ɵɵproperty("ngClass", ctx_r2.getLogSortClass("status"));
     i0.ɵɵadvance(2);
-    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.ɵɵclassProp("fa-sort-up", ctx_r2.LogsSortColumn === "status" && ctx_r2.LogsSortAscending)("fa-sort-down", ctx_r2.LogsSortColumn === "status" && !ctx_r2.LogsSortAscending)("fa-sort", ctx_r2.LogsSortColumn !== "status");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("server"));
+    i0.ɵɵproperty("ngClass", ctx_r2.getLogSortClass("server"));
     i0.ɵɵadvance(2);
-    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.ɵɵclassProp("fa-sort-up", ctx_r2.LogsSortColumn === "server" && ctx_r2.LogsSortAscending)("fa-sort-down", ctx_r2.LogsSortColumn === "server" && !ctx_r2.LogsSortAscending)("fa-sort", ctx_r2.LogsSortColumn !== "server");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("tool"));
+    i0.ɵɵproperty("ngClass", ctx_r2.getLogSortClass("tool"));
     i0.ɵɵadvance(2);
-    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.ɵɵclassProp("fa-sort-up", ctx_r2.LogsSortColumn === "tool" && ctx_r2.LogsSortAscending)("fa-sort-down", ctx_r2.LogsSortColumn === "tool" && !ctx_r2.LogsSortAscending)("fa-sort", ctx_r2.LogsSortColumn !== "tool");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("connection"));
+    i0.ɵɵproperty("ngClass", ctx_r2.getLogSortClass("connection"));
     i0.ɵɵadvance(2);
-    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.ɵɵclassProp("fa-sort-up", ctx_r2.LogsSortColumn === "connection" && ctx_r2.LogsSortAscending)("fa-sort-down", ctx_r2.LogsSortColumn === "connection" && !ctx_r2.LogsSortAscending)("fa-sort", ctx_r2.LogsSortColumn !== "connection");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("started"));
+    i0.ɵɵproperty("ngClass", ctx_r2.getLogSortClass("started"));
     i0.ɵɵadvance(2);
-    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.ɵɵclassProp("fa-sort-up", ctx_r2.LogsSortColumn === "started" && ctx_r2.LogsSortAscending)("fa-sort-down", ctx_r2.LogsSortColumn === "started" && !ctx_r2.LogsSortAscending)("fa-sort", ctx_r2.LogsSortColumn !== "started");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("duration"));
+    i0.ɵɵproperty("ngClass", ctx_r2.getLogSortClass("duration"));
     i0.ɵɵadvance(2);
-    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.ɵɵclassProp("fa-sort-up", ctx_r2.LogsSortColumn === "duration" && ctx_r2.LogsSortAscending)("fa-sort-down", ctx_r2.LogsSortColumn === "duration" && !ctx_r2.LogsSortAscending)("fa-sort", ctx_r2.LogsSortColumn !== "duration");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.getLogSortClass("error"));
+    i0.ɵɵproperty("ngClass", ctx_r2.getLogSortClass("error"));
     i0.ɵɵadvance(2);
-    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.ɵɵclassProp("fa-sort-up", ctx_r2.LogsSortColumn === "error" && ctx_r2.LogsSortAscending)("fa-sort-down", ctx_r2.LogsSortColumn === "error" && !ctx_r2.LogsSortAscending)("fa-sort", ctx_r2.LogsSortColumn !== "error");
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r1.filteredLogs);
+    i0.ɵɵrepeater(ctx_r2.filteredLogs);
 } }
-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");
+function MCPDashboardComponent_Conditional_72_Case_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 99);
+    i0.ɵɵconditionalCreate(1, MCPDashboardComponent_Conditional_72_Case_3_Conditional_1_Template, 6, 0, "div", 100)(2, MCPDashboardComponent_Conditional_72_Case_3_Conditional_2_Template, 28, 49, "table");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.filteredLogs.length === 0 ? 1 : 2);
+    i0.ɵɵconditional(ctx_r2.filteredLogs.length === 0 ? 1 : 2);
+} }
+function MCPDashboardComponent_Conditional_72_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MCPDashboardComponent_Conditional_72_Case_0_Template, 3, 1, "div", 97)(1, MCPDashboardComponent_Conditional_72_Case_1_Template, 3, 1, "div", 98)(2, MCPDashboardComponent_Conditional_72_Case_2_Template, 8, 3)(3, MCPDashboardComponent_Conditional_72_Case_3_Template, 3, 1, "div", 99);
+} if (rf & 2) {
+    let tmp_2_0;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵconditional((tmp_2_0 = ctx_r2.ActiveTab) === "servers" ? 0 : tmp_2_0 === "connections" ? 1 : tmp_2_0 === "tools" ? 2 : tmp_2_0 === "logs" ? 3 : -1);
 } }
-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);
+function MCPDashboardComponent_Conditional_73_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 217);
+    i0.ɵɵelement(1, "i", 94);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.ServerFormError, " ");
+} }
+function MCPDashboardComponent_Conditional_73_For_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 80);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const t_r51 = ctx.$implicit;
+    i0.ɵɵproperty("value", t_r51.value);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(t_r51.label);
+} }
+function MCPDashboardComponent_Conditional_73_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    const _r52 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 218)(1, "label", 219);
+    i0.ɵɵtext(2, "Server URL ");
+    i0.ɵɵelementStart(3, "span", 220);
+    i0.ɵɵtext(4, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "input", 226, 14);
+    i0.ɵɵlistener("input", function MCPDashboardComponent_Conditional_73_Conditional_30_Template_input_input_5_listener() { i0.ɵɵrestoreView(_r52); const sfUrl_r53 = i0.ɵɵreference(6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ServerForm.ServerURL = sfUrl_r53.value); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("value", ctx_r2.ServerForm.ServerURL);
+} }
+function MCPDashboardComponent_Conditional_73_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    const _r54 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 218)(1, "label", 219);
+    i0.ɵɵtext(2, "Command ");
+    i0.ɵɵelementStart(3, "span", 220);
+    i0.ɵɵtext(4, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "input", 227, 15);
+    i0.ɵɵlistener("input", function MCPDashboardComponent_Conditional_73_Conditional_31_Template_input_input_5_listener() { i0.ɵɵrestoreView(_r54); const sfCmd_r55 = i0.ɵɵreference(6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ServerForm.Command = sfCmd_r55.value); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("value", ctx_r2.ServerForm.Command);
+} }
+function MCPDashboardComponent_Conditional_73_For_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 80);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const a_r57 = ctx.$implicit;
+    i0.ɵɵproperty("value", a_r57.value);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(a_r57.label);
+} }
+function MCPDashboardComponent_Conditional_73_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 205);
+} }
+function MCPDashboardComponent_Conditional_73_Template(rf, ctx) { if (rf & 1) {
+    const _r47 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 211);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_73_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r47); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelServerForm()); });
+    i0.ɵɵelementStart(1, "div", 212);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_73_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r47); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 213)(3, "h2", 214);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 215);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_73_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r47); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelServerForm()); });
+    i0.ɵɵelement(6, "i", 96);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 216);
+    i0.ɵɵconditionalCreate(8, MCPDashboardComponent_Conditional_73_Conditional_8_Template, 3, 1, "div", 217);
+    i0.ɵɵelementStart(9, "div", 218)(10, "label", 219);
+    i0.ɵɵtext(11, "Name ");
+    i0.ɵɵelementStart(12, "span", 220);
+    i0.ɵɵtext(13, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "input", 221, 9);
+    i0.ɵɵlistener("input", function MCPDashboardComponent_Conditional_73_Template_input_input_14_listener() { i0.ɵɵrestoreView(_r47); const sfName_r48 = i0.ɵɵreference(15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ServerForm.Name = sfName_r48.value); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 218)(17, "label", 219);
+    i0.ɵɵtext(18, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "textarea", 222, 10);
+    i0.ɵɵlistener("input", function MCPDashboardComponent_Conditional_73_Template_textarea_input_19_listener() { i0.ɵɵrestoreView(_r47); const sfDesc_r49 = i0.ɵɵreference(20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ServerForm.Description = sfDesc_r49.value); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "div", 218)(22, "label", 219);
+    i0.ɵɵtext(23, "Transport Type ");
+    i0.ɵɵelementStart(24, "span", 220);
+    i0.ɵɵtext(25, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(26, "select", 78, 11);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_73_Template_select_change_26_listener() { i0.ɵɵrestoreView(_r47); const sfTransport_r50 = i0.ɵɵreference(27); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ServerForm.TransportType = sfTransport_r50.value); });
+    i0.ɵɵrepeaterCreate(28, MCPDashboardComponent_Conditional_73_For_29_Template, 2, 2, "option", 80, _forTrack3);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(30, MCPDashboardComponent_Conditional_73_Conditional_30_Template, 7, 1, "div", 218);
+    i0.ɵɵconditionalCreate(31, MCPDashboardComponent_Conditional_73_Conditional_31_Template, 7, 1, "div", 218);
+    i0.ɵɵelementStart(32, "div", 218)(33, "label", 219);
+    i0.ɵɵtext(34, "Default Auth Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "select", 78, 12);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_73_Template_select_change_35_listener() { i0.ɵɵrestoreView(_r47); const sfAuth_r56 = i0.ɵɵreference(36); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ServerForm.DefaultAuthType = sfAuth_r56.value); });
+    i0.ɵɵrepeaterCreate(37, MCPDashboardComponent_Conditional_73_For_38_Template, 2, 2, "option", 80, _forTrack3);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(39, "div", 218)(40, "label", 219);
+    i0.ɵɵtext(41, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(42, "select", 78, 13);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_73_Template_select_change_42_listener() { i0.ɵɵrestoreView(_r47); const sfStatus_r58 = i0.ɵɵreference(43); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ServerForm.Status = sfStatus_r58.value); });
+    i0.ɵɵelementStart(44, "option", 87);
+    i0.ɵɵtext(45, "Active");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(46, "option", 88);
+    i0.ɵɵtext(47, "Inactive");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(48, "div", 223)(49, "button", 224);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_73_Template_button_click_49_listener() { i0.ɵɵrestoreView(_r47); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.saveServerForm()); });
+    i0.ɵɵconditionalCreate(50, MCPDashboardComponent_Conditional_73_Conditional_50_Template, 1, 0, "i", 205);
+    i0.ɵɵtext(51);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(52, "button", 225);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_73_Template_button_click_52_listener() { i0.ɵɵrestoreView(_r47); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelServerForm()); });
+    i0.ɵɵtext(53, "Cancel");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.EditingServer ? "Edit MCP Server" : "Add MCP Server");
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.ServerFormError ? 8 : -1);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("value", ctx_r2.ServerForm.Name);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("value", ctx_r2.ServerForm.Description);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("value", ctx_r2.ServerForm.TransportType);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.TransportTypes);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.ServerForm.TransportType === "StreamableHTTP" || ctx_r2.ServerForm.TransportType === "SSE" || ctx_r2.ServerForm.TransportType === "WebSocket" ? 30 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ServerForm.TransportType === "Stdio" ? 31 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.ServerForm.DefaultAuthType);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.AuthTypes);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("value", ctx_r2.ServerForm.Status);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("disabled", ctx_r2.ServerFormSaving);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ServerFormSaving ? 50 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.EditingServer ? "Update" : "Create", " ");
+} }
+function MCPDashboardComponent_Conditional_74_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 217);
+    i0.ɵɵelement(1, "i", 94);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.ConnectionFormError, " ");
+} }
+function MCPDashboardComponent_Conditional_74_For_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 80);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const s_r61 = ctx.$implicit;
+    i0.ɵɵproperty("value", s_r61.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(s_r61.Name);
+} }
+function MCPDashboardComponent_Conditional_74_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 205);
+} }
+function MCPDashboardComponent_Conditional_74_Template(rf, ctx) { if (rf & 1) {
+    const _r59 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 211);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_74_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r59); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelConnectionForm()); });
+    i0.ɵɵelementStart(1, "div", 228);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_74_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r59); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 213)(3, "h2", 214);
+    i0.ɵɵtext(4, "Add Connection");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 215);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_74_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r59); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelConnectionForm()); });
+    i0.ɵɵelement(6, "i", 96);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 216);
+    i0.ɵɵconditionalCreate(8, MCPDashboardComponent_Conditional_74_Conditional_8_Template, 3, 1, "div", 217);
+    i0.ɵɵelementStart(9, "div", 218)(10, "label", 219);
+    i0.ɵɵtext(11, "Server ");
+    i0.ɵɵelementStart(12, "span", 220);
+    i0.ɵɵtext(13, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "select", 78, 16);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_74_Template_select_change_14_listener() { i0.ɵɵrestoreView(_r59); const cfServer_r60 = i0.ɵɵreference(15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ConnectionForm.MCPServerID = cfServer_r60.value); });
+    i0.ɵɵelementStart(16, "option", 229);
+    i0.ɵɵtext(17, "\u2014 select server \u2014");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(18, MCPDashboardComponent_Conditional_74_For_19_Template, 2, 2, "option", 80, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(20, "div", 218)(21, "label", 219);
+    i0.ɵɵtext(22, "Name ");
+    i0.ɵɵelementStart(23, "span", 220);
+    i0.ɵɵtext(24, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(25, "input", 230, 17);
+    i0.ɵɵlistener("input", function MCPDashboardComponent_Conditional_74_Template_input_input_25_listener() { i0.ɵɵrestoreView(_r59); const cfName_r62 = i0.ɵɵreference(26); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ConnectionForm.Name = cfName_r62.value); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 218)(28, "label", 219);
+    i0.ɵɵtext(29, "Bearer Token");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "input", 231, 18);
+    i0.ɵɵlistener("input", function MCPDashboardComponent_Conditional_74_Template_input_input_30_listener() { i0.ɵɵrestoreView(_r59); const cfToken_r63 = i0.ɵɵreference(31); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ConnectionForm.BearerToken = cfToken_r63.value); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "span", 53);
+    i0.ɵɵtext(33, "Will be stored as a Credential and linked to this connection");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(34, "div", 218)(35, "label", 219);
+    i0.ɵɵtext(36, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "select", 78, 19);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_74_Template_select_change_37_listener() { i0.ɵɵrestoreView(_r59); const cfStatus_r64 = i0.ɵɵreference(38); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ConnectionForm.Status = cfStatus_r64.value); });
+    i0.ɵɵelementStart(39, "option", 87);
+    i0.ɵɵtext(40, "Active");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(41, "option", 88);
+    i0.ɵɵtext(42, "Inactive");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(43, "div", 223)(44, "button", 224);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_74_Template_button_click_44_listener() { i0.ɵɵrestoreView(_r59); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.saveConnectionForm()); });
+    i0.ɵɵconditionalCreate(45, MCPDashboardComponent_Conditional_74_Conditional_45_Template, 1, 0, "i", 205);
+    i0.ɵɵtext(46, " Create ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(47, "button", 225);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_74_Template_button_click_47_listener() { i0.ɵɵrestoreView(_r59); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelConnectionForm()); });
+    i0.ɵɵtext(48, "Cancel");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(8);
+    i0.ɵɵconditional(ctx_r2.ConnectionFormError ? 8 : -1);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("value", ctx_r2.ConnectionForm.MCPServerID);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.servers);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("value", ctx_r2.ConnectionForm.Name);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("value", ctx_r2.ConnectionForm.BearerToken);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("value", ctx_r2.ConnectionForm.Status);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("disabled", ctx_r2.ConnectionFormSaving);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ConnectionFormSaving ? 45 : -1);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 233);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("\u2014 ", (ctx_r2.TestSelectedTool == null ? null : ctx_r2.TestSelectedTool.ToolTitle) || (ctx_r2.TestSelectedTool == null ? null : ctx_r2.TestSelectedTool.ToolName));
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_20_For_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 238);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const s_r68 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("value", s_r68.ID)("selected", ctx_r2.TestToolServerID === s_r68.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(s_r68.Name);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_20_For_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 238);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const c_r70 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("value", c_r70.ID)("selected", ctx_r2.TestToolConnectionID === c_r70.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(c_r70.Name);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_20_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 150);
+    i0.ɵɵtext(1, "No tools match.");
+    i0.ɵɵelementEnd();
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_20_For_32_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 243);
+    i0.ɵɵtext(1, "Recent");
+    i0.ɵɵelementEnd();
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_20_For_32_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 245);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const t_r73 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(t_r73.ToolName);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_20_For_32_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 246);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_20_For_32_Template(rf, ctx) { if (rf & 1) {
+    const _r72 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 242);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_75_Conditional_20_For_32_Template_div_click_0_listener() { const t_r73 = i0.ɵɵrestoreView(_r72).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.pickTestTool(t_r73.ID)); });
+    i0.ɵɵconditionalCreate(1, MCPDashboardComponent_Conditional_75_Conditional_20_For_32_Conditional_1_Template, 2, 0, "span", 243);
+    i0.ɵɵelementStart(2, "div", 152)(3, "div", 244);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, MCPDashboardComponent_Conditional_75_Conditional_20_For_32_Conditional_5_Template, 2, 1, "div", 245);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, MCPDashboardComponent_Conditional_75_Conditional_20_For_32_Conditional_6_Template, 1, 0, "i", 246);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const t_r73 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("background", ctx_r2.TestToolID === t_r73.ID ? "color-mix(in srgb, var(--mj-brand-primary,#264FAF) 12%, var(--mj-bg-surface,#fff))" : null);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.isRecentTestTool(t_r73.ID) ? 1 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(t_r73.ToolTitle || t_r73.ToolName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(t_r73.ToolTitle && t_r73.ToolName !== t_r73.ToolTitle ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.TestToolID === t_r73.ID ? 6 : -1);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    const _r66 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 218)(1, "label", 219);
+    i0.ɵɵtext(2, "Server ");
+    i0.ɵɵelementStart(3, "span", 220);
+    i0.ɵɵtext(4, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "select", 237, 20);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_75_Conditional_20_Template_select_change_5_listener() { i0.ɵɵrestoreView(_r66); const tSrv_r67 = i0.ɵɵreference(6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onTestServerChange(tSrv_r67.value)); });
+    i0.ɵɵelementStart(7, "option", 229);
+    i0.ɵɵtext(8, "\u2014 select server \u2014");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(9, MCPDashboardComponent_Conditional_75_Conditional_20_For_10_Template, 2, 3, "option", 238, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 218)(12, "label", 219);
+    i0.ɵɵtext(13, "Connection ");
+    i0.ɵɵelementStart(14, "span", 220);
+    i0.ɵɵtext(15, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "select", 237, 21);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_75_Conditional_20_Template_select_change_16_listener() { i0.ɵɵrestoreView(_r66); const tConn_r69 = i0.ɵɵreference(17); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onTestConnectionChange(tConn_r69.value)); });
+    i0.ɵɵelementStart(18, "option", 229);
+    i0.ɵɵtext(19, "\u2014 select connection \u2014");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(20, MCPDashboardComponent_Conditional_75_Conditional_20_For_21_Template, 2, 3, "option", 238, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(22, "div", 218)(23, "label", 219);
+    i0.ɵɵtext(24, "Tool ");
+    i0.ɵɵelementStart(25, "span", 220);
+    i0.ɵɵtext(26, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "input", 239, 22);
+    i0.ɵɵlistener("input", function MCPDashboardComponent_Conditional_75_Conditional_20_Template_input_input_27_listener() { i0.ɵɵrestoreView(_r66); const tSearch_r71 = i0.ɵɵreference(28); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onTestToolSearchChange(tSearch_r71.value)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "div", 240);
+    i0.ɵɵconditionalCreate(30, MCPDashboardComponent_Conditional_75_Conditional_20_Conditional_30_Template, 2, 0, "div", 150);
+    i0.ɵɵrepeaterCreate(31, MCPDashboardComponent_Conditional_75_Conditional_20_For_32_Template, 7, 6, "div", 241, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵrepeater(ctx_r2.servers);
+    i0.ɵɵadvance(7);
+    i0.ɵɵattribute("disabled", !ctx_r2.TestToolServerID ? true : null);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.TestFilteredConnections);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("value", ctx_r2.TestToolSearch);
+    i0.ɵɵattribute("disabled", !ctx_r2.TestToolServerID ? true : null);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.TestComboboxTools.length === 0 ? 30 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.TestComboboxTools);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 247);
+    i0.ɵɵelement(1, "i", 248);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "This tool requires no parameters.");
+    i0.ɵɵelementEnd()();
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 220);
+    i0.ɵɵtext(1, "*");
+    i0.ɵɵelementEnd();
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 249);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const p_r74 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(p_r74.description);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_5_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 80);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const v_r77 = ctx.$implicit;
+    i0.ɵɵproperty("value", v_r77);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(v_r77);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r75 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "select", 237, 23);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_5_Template_select_change_0_listener() { i0.ɵɵrestoreView(_r75); const enumEl_r76 = i0.ɵɵreference(1); const p_r74 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.testSetParam(p_r74.name, enumEl_r76.value)); });
+    i0.ɵɵelementStart(2, "option", 229);
+    i0.ɵɵtext(3, "\u2014 select \u2014");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(4, MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_5_For_5_Template, 2, 2, "option", 80, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const p_r74 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(p_r74.enumValues);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r78 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "select", 237, 24);
+    i0.ɵɵlistener("change", function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_6_Template_select_change_0_listener() { i0.ɵɵrestoreView(_r78); const boolEl_r79 = i0.ɵɵreference(1); const p_r74 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.testSetParam(p_r74.name, boolEl_r79.value)); });
+    i0.ɵɵelementStart(2, "option", 253);
+    i0.ɵɵtext(3, "false");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "option", 254);
+    i0.ɵɵtext(5, "true");
+    i0.ɵɵelementEnd()();
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r80 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "textarea", 255, 25);
+    i0.ɵɵlistener("input", function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_7_Template_textarea_input_0_listener() { i0.ɵɵrestoreView(_r80); const jsonEl_r81 = i0.ɵɵreference(1); const p_r74 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.testSetParam(p_r74.name, jsonEl_r81.value)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const p_r74 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("placeholder", "Enter JSON " + p_r74.type + "...");
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r82 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 256, 26);
+    i0.ɵɵlistener("input", function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_8_Template_input_input_0_listener() { i0.ɵɵrestoreView(_r82); const strEl_r83 = i0.ɵɵreference(1); const p_r74 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.testSetParam(p_r74.name, strEl_r83.value)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const p_r74 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("placeholder", p_r74.description || "Enter value...");
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 218)(1, "label", 219);
+    i0.ɵɵtext(2);
+    i0.ɵɵconditionalCreate(3, MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_3_Template, 2, 0, "span", 220);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_4_Template, 2, 1, "p", 249);
+    i0.ɵɵconditionalCreate(5, MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_5_Template, 6, 0, "select", 250)(6, MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_6_Template, 6, 0, "select", 250)(7, MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_7_Template, 2, 1, "textarea", 251)(8, MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Conditional_8_Template, 2, 1, "input", 252);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const p_r74 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", p_r74.name, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(p_r74.required ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(p_r74.description ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(p_r74.enumValues.length > 0 ? 5 : p_r74.type === "boolean" ? 6 : p_r74.type === "array" || p_r74.type === "object" ? 7 : 8);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_For_1_Template, 9, 4, "div", 218, _forTrack4);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵrepeater(ctx_r2.TestParamConfigs);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_0_Template, 4, 0, "div", 247)(1, MCPDashboardComponent_Conditional_75_Conditional_21_Conditional_1_Template, 2, 0);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r2.TestParamConfigs.length === 0 ? 0 : 1);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_22_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 259);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r2.TestExecutionResult == null ? null : ctx_r2.TestExecutionResult.DurationMs, "ms");
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_22_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 257);
+    i0.ɵɵelement(1, "i", 141);
+    i0.ɵɵtext(2, " Execution Successful ");
+    i0.ɵɵconditionalCreate(3, MCPDashboardComponent_Conditional_75_Conditional_22_Conditional_0_Conditional_3_Template, 2, 1, "span", 259);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional((ctx_r2.TestExecutionResult == null ? null : ctx_r2.TestExecutionResult.DurationMs) ? 3 : -1);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_22_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 258);
+    i0.ɵɵelement(1, "i", 204);
+    i0.ɵɵtext(2, " Execution Failed ");
+    i0.ɵɵelementEnd();
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_22_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 218)(1, "label", 260);
+    i0.ɵɵtext(2, "Error");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "pre", 261);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.TestExecutionResult == null ? null : ctx_r2.TestExecutionResult.ErrorMessage);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_22_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "label", 260);
+    i0.ɵɵtext(2, "Result");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "pre", 262);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.formatTestResult(ctx_r2.TestExecutionResult == null ? null : ctx_r2.TestExecutionResult.Result));
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MCPDashboardComponent_Conditional_75_Conditional_22_Conditional_0_Template, 4, 1, "div", 257)(1, MCPDashboardComponent_Conditional_75_Conditional_22_Conditional_1_Template, 3, 0, "div", 258);
+    i0.ɵɵconditionalCreate(2, MCPDashboardComponent_Conditional_75_Conditional_22_Conditional_2_Template, 5, 1, "div", 218);
+    i0.ɵɵconditionalCreate(3, MCPDashboardComponent_Conditional_75_Conditional_22_Conditional_3_Template, 5, 1, "div");
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional((ctx_r2.TestExecutionResult == null ? null : ctx_r2.TestExecutionResult.Success) ? 0 : 1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((ctx_r2.TestExecutionResult == null ? null : ctx_r2.TestExecutionResult.ErrorMessage) ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((ctx_r2.TestExecutionResult == null ? null : ctx_r2.TestExecutionResult.Result) ? 3 : -1);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    const _r84 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 224);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_75_Conditional_24_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r84); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.testProceedToConfig()); });
+    i0.ɵɵtext(1, "Next ");
+    i0.ɵɵelement(2, "i", 263);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 225);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_75_Conditional_24_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r84); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.testCloseDialog()); });
+    i0.ɵɵtext(4, "Cancel");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", !ctx_r2.TestCanProceed);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_25_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 205);
+    i0.ɵɵtext(1, " Executing... ");
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_25_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 75);
+    i0.ɵɵtext(1, " Execute ");
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    const _r85 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 224);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_75_Conditional_25_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r85); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.testExecuteTool()); });
+    i0.ɵɵconditionalCreate(1, MCPDashboardComponent_Conditional_75_Conditional_25_Conditional_1_Template, 2, 0)(2, MCPDashboardComponent_Conditional_75_Conditional_25_Conditional_2_Template, 2, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 225);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_75_Conditional_25_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r85); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.testGoBack()); });
+    i0.ɵɵelement(4, "i", 264);
+    i0.ɵɵtext(5, " Back");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", !ctx_r2.TestIsValid || ctx_r2.TestIsExecuting);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.TestIsExecuting ? 1 : 2);
+} }
+function MCPDashboardComponent_Conditional_75_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    const _r86 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 68);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_75_Conditional_26_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r86); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.testRunAgain()); });
+    i0.ɵɵelement(1, "i", 265);
+    i0.ɵɵtext(2, " Run Again");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 225);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_75_Conditional_26_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r86); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.testGoBack()); });
+    i0.ɵɵtext(4, "Edit Params");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 225);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_75_Conditional_26_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r86); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.testCloseDialog()); });
+    i0.ɵɵtext(6, "Close");
+    i0.ɵɵelementEnd();
+} }
+function MCPDashboardComponent_Conditional_75_Template(rf, ctx) { if (rf & 1) {
+    const _r65 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 211);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_75_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r65); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.testCloseDialog()); });
+    i0.ɵɵelementStart(1, "div", 232);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_75_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r65); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 213)(3, "h2", 214);
+    i0.ɵɵtext(4, " Test MCP Tool ");
+    i0.ɵɵconditionalCreate(5, MCPDashboardComponent_Conditional_75_Conditional_5_Template, 2, 1, "span", 233);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 215);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_75_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r65); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.testCloseDialog()); });
+    i0.ɵɵelement(7, "i", 96);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 234)(9, "span", 235);
+    i0.ɵɵtext(10, "1. Select");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "span", 236);
+    i0.ɵɵtext(12, "\u203A");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "span", 235);
+    i0.ɵɵtext(14, "2. Configure");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "span", 236);
+    i0.ɵɵtext(16, "\u203A");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "span", 235);
+    i0.ɵɵtext(18, "3. Results");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "div", 216);
+    i0.ɵɵconditionalCreate(20, MCPDashboardComponent_Conditional_75_Conditional_20_Template, 33, 4)(21, MCPDashboardComponent_Conditional_75_Conditional_21_Template, 2, 1)(22, MCPDashboardComponent_Conditional_75_Conditional_22_Template, 4, 3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "div", 223);
+    i0.ɵɵconditionalCreate(24, MCPDashboardComponent_Conditional_75_Conditional_24_Template, 5, 1)(25, MCPDashboardComponent_Conditional_75_Conditional_25_Template, 6, 2)(26, MCPDashboardComponent_Conditional_75_Conditional_26_Template, 7, 0);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r2.TestStep !== "select" ? 5 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵstyleProp("color", ctx_r2.TestStep === "select" ? "var(--mj-brand-primary,#264FAF)" : "var(--mj-text-muted,#888)");
+    i0.ɵɵadvance(4);
+    i0.ɵɵstyleProp("color", ctx_r2.TestStep === "configure" ? "var(--mj-brand-primary,#264FAF)" : "var(--mj-text-muted,#888)");
+    i0.ɵɵadvance(4);
+    i0.ɵɵstyleProp("color", ctx_r2.TestStep === "results" ? "var(--mj-brand-primary,#264FAF)" : "var(--mj-text-muted,#888)");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.TestStep === "select" ? 20 : ctx_r2.TestStep === "configure" ? 21 : 22);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.TestStep === "select" ? 24 : ctx_r2.TestStep === "configure" ? 25 : 26);
+} }
+function MCPDashboardComponent_Conditional_76_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 272);
+    i0.ɵɵtext(1, "\u00B7");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.formatDuration(ctx_r2.SelectedLog.DurationMs));
+} }
+function MCPDashboardComponent_Conditional_76_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 278);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedLog.ServerName);
+} }
+function MCPDashboardComponent_Conditional_76_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 218)(1, "label", 280);
+    i0.ɵɵtext(2, "Input Arguments");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "pre", 281);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_1_0;
-    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);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.formatLogJson(ctx_r2.SelectedLog.InputArgs));
 } }
-function MCPDashboardComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    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)); });
+function MCPDashboardComponent_Conditional_76_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 218)(1, "label", 280);
+    i0.ɵɵtext(2, "Result");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "pre", 282);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("server", ctx_r1.EditingServer)("visible", ctx_r1.ShowServerDialog);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.formatLogJson(ctx_r2.SelectedLog.Result));
 } }
-function MCPDashboardComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
-    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)); });
+function MCPDashboardComponent_Conditional_76_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 218)(1, "label", 283);
+    i0.ɵɵtext(2, "Error");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "pre", 284);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("connection", ctx_r1.EditingConnection)("servers", ctx_r1.servers)("visible", ctx_r1.ShowConnectionDialog);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedLog.ErrorMessage);
 } }
-function MCPDashboardComponent_Conditional_53_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    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()); });
+function MCPDashboardComponent_Conditional_76_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    const _r88 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 68);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_76_Conditional_28_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r88); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onRunAgainFromLog({ toolId: ctx_r2.SelectedLog.ToolID, connectionId: ctx_r2.SelectedLog.ConnectionID })); });
+    i0.ɵɵelement(1, "i", 265);
+    i0.ɵɵtext(2, " Run Again");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    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_54_Template(rf, ctx) { if (rf & 1) {
-    const _r29 = i0.ɵɵgetCurrentView();
-    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)); });
+function MCPDashboardComponent_Conditional_76_Template(rf, ctx) { if (rf & 1) {
+    const _r87 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 67)(1, "div", 266);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_76_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r87); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onLogDetailClose()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 267)(3, "div", 268)(4, "div")(5, "h3", 269);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 270)(8, "span", 271);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "span", 272);
+    i0.ɵɵtext(11, "\u00B7");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "span");
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(14, MCPDashboardComponent_Conditional_76_Conditional_14_Template, 4, 1);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "button", 273);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_76_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r87); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onLogDetailClose()); });
+    i0.ɵɵelement(16, "i", 274);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "div", 275)(18, "div", 218)(19, "div", 276);
+    i0.ɵɵtext(20, "Connection");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "div", 277);
+    i0.ɵɵtext(22);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(23, MCPDashboardComponent_Conditional_76_Conditional_23_Template, 2, 1, "div", 278);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(24, MCPDashboardComponent_Conditional_76_Conditional_24_Template, 5, 1, "div", 218);
+    i0.ɵɵconditionalCreate(25, MCPDashboardComponent_Conditional_76_Conditional_25_Template, 5, 1, "div", 218);
+    i0.ɵɵconditionalCreate(26, MCPDashboardComponent_Conditional_76_Conditional_26_Template, 5, 1, "div", 218);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "div", 279);
+    i0.ɵɵconditionalCreate(28, MCPDashboardComponent_Conditional_76_Conditional_28_Template, 3, 0, "button", 44);
+    i0.ɵɵelementStart(29, "button", 225);
+    i0.ɵɵlistener("click", function MCPDashboardComponent_Conditional_76_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r87); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onLogDetailClose()); });
+    i0.ɵɵtext(30, "Close");
+    i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Visible", ctx_r1.ShowLogDetailPanel)("Log", ctx_r1.SelectedLog);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedLog.ToolName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r2.SelectedLog.Status === "Success" ? "status-success" : ctx_r2.SelectedLog.Status === "Error" ? "status-error" : "status-running");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedLog.Status);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.formatDate(ctx_r2.SelectedLog.StartedAt));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SelectedLog.DurationMs != null ? 14 : -1);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate(ctx_r2.SelectedLog.ConnectionName || ctx_r2.SelectedLog.ConnectionID);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SelectedLog.ServerName ? 23 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SelectedLog.InputArgs ? 24 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SelectedLog.Result ? 25 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SelectedLog.ErrorMessage ? 26 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.SelectedLog.ToolID ? 28 : -1);
 } }
 /**
  * MCP Management Dashboard Component
@@ -1123,6 +2174,26 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
     filteredConnections = [];
     filteredTools = [];
     filteredLogs = [];
+    /** Part 3.2 — paginated tools (scales to thousands). Appended as user scrolls. */
+    pagedTools = [];
+    toolsTotalCount = 0;
+    toolsLoading = false;
+    toolsSkip = 0;
+    toolsPageSize = 50;
+    useScalablePagination = false;
+    /** Part 3.6 — favorited tool IDs for the current user. */
+    favoritedToolIDs = new Set();
+    /** Part 3.5 — Test dialog search string for tool combobox-style filter */
+    TestToolSearch = '';
+    /** Part 3.3 — derived data for the filter panel */
+    toolsAvailableServers = [];
+    toolsAvailableCategories = [];
+    /** Part 3.4 — tool counts from GetMCPToolCounts (global, respects search) */
+    toolsGlobalCount = 0;
+    /** Per-server tool count map used for "(N tools)" badge on group headers */
+    toolCountByServer = {};
+    /** Part 3.4 — auto-collapse threshold for server groups */
+    AUTO_COLLAPSE_THRESHOLD = 100;
     stats = {
         totalServers: 0,
         activeServers: 0,
@@ -1149,10 +2220,47 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
     ShowTestToolDialog = false;
     EditingServer = null;
     EditingConnection = null;
-    // Test tool dialog pre-selection
+    // Inline server form state (avoids sub-component DI issues)
+    ServerForm = {
+        Name: '', Description: '', TransportType: 'StreamableHTTP',
+        ServerURL: '', Command: '', DefaultAuthType: 'None', Status: 'Active',
+        RateLimitPerMinute: null,
+        RateLimitPerHour: null,
+        RequestTimeoutMs: 60000
+    };
+    ServerFormSaving = false;
+    ServerFormError = null;
+    TransportTypes = [
+        { value: 'StreamableHTTP', label: 'Streamable HTTP' },
+        { value: 'SSE', label: 'Server-Sent Events' },
+        { value: 'Stdio', label: 'Standard I/O' },
+        { value: 'WebSocket', label: 'WebSocket' }
+    ];
+    AuthTypes = [
+        { value: 'None', label: 'None' },
+        { value: 'Bearer', label: 'Bearer Token' },
+        { value: 'APIKey', label: 'API Key' },
+        { value: 'OAuth2', label: 'OAuth 2.0' },
+        { value: 'Basic', label: 'Basic Auth' }
+    ];
+    // Inline connection form state
+    ConnectionForm = {
+        MCPServerID: '', Name: '', Description: '', BearerToken: '', Status: 'Active'
+    };
+    ConnectionFormSaving = false;
+    ConnectionFormError = null;
+    // Inline test tool form state
+    TestStep = 'select';
     TestToolServerID = null;
     TestToolConnectionID = null;
     TestToolID = null;
+    TestFilteredConnections = [];
+    TestFilteredTools = [];
+    TestSelectedTool = null;
+    TestParamConfigs = [];
+    TestParamValues = {};
+    TestIsExecuting = false;
+    TestExecutionResult = null;
     // Log detail panel state
     ShowLogDetailPanel = false;
     SelectedLog = null;
@@ -1399,6 +2507,7 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
                 Description: c.Description,
                 Status: c.Status,
                 CompanyID: c.CompanyID,
+                CredentialID: c.CredentialID ?? null,
                 AutoSyncTools: c.AutoSyncTools,
                 LogToolCalls: c.LogToolCalls,
                 LastConnectedAt: c.LastConnectedAt,
@@ -1426,8 +2535,13 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
             this.enrichLogData();
             // Calculate stats
             this.calculateStats();
+            // Populate filter dropdowns from loaded data (needed even outside Scale mode)
+            this.toolsAvailableServers = this.servers.map(s => ({ ID: s.ID, Name: s.Name }));
+            this.toolsAvailableCategories = this.computeCategoriesFromTools();
             // Apply filters
             this.applyFilters();
+            // Load user's favorites (Part 3.6) — fire and forget
+            this.loadFavorites();
         }
         catch (error) {
             this.ErrorMessage = `Failed to load data: ${error instanceof Error ? error.message : String(error)}`;
@@ -1552,14 +2666,20 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
             const matchesStatus = filters.connectionStatus === 'all' || c.Status === filters.connectionStatus;
             return matchesSearch && matchesStatus;
         });
-        // Filter tools
+        // Filter tools (legacy grouped view — now also honors Server / Category / Favorites-only filters)
         this.filteredTools = this.tools.filter(t => {
             const matchesSearch = !search ||
                 t.ToolName.toLowerCase().includes(search) ||
                 (t.ToolTitle?.toLowerCase().includes(search) ?? false) ||
                 (t.ToolDescription?.toLowerCase().includes(search) ?? false);
             const matchesStatus = filters.toolStatus === 'all' || t.Status === filters.toolStatus;
-            return matchesSearch && matchesStatus;
+            const matchesServer = !filters.toolsServer || filters.toolsServer === 'all' ||
+                UUIDsEqual(t.MCPServerID, filters.toolsServer);
+            const cat = t.ToolName.indexOf('_') > 0 ? t.ToolName.substring(0, t.ToolName.indexOf('_')) : t.ToolName;
+            const matchesCategory = !filters.toolsCategory || filters.toolsCategory === 'all' || cat === filters.toolsCategory;
+            const matchesFavorite = !filters.favoritesOnly || this.isFavorited(t.ID);
+            const matchesRecent = !filters.recentOnly || this.recentToolIDSet().has(NormalizeUUID(t.ID));
+            return matchesSearch && matchesStatus && matchesServer && matchesCategory && matchesFavorite && matchesRecent;
         });
         // Build server groups for the tools tab
         this.buildServerGroups();
@@ -1615,6 +2735,65 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
     onFiltersChange(filters) {
         this.filters$.next(filters);
         this.saveUserPreferencesDebounced();
+        // Part 3.3/3.4 — when Tools tab is active in scale mode, reload the paginated list + counts
+        if (this.ActiveTab === 'tools' && this.useScalablePagination) {
+            this.loadToolsPage(true);
+            this.loadToolCounts();
+        }
+    }
+    /** Inlined filter panel — single-field update helper */
+    onFilterFieldChange(field, value) {
+        const updated = { ...this.filters$.value, [field]: value };
+        this.onFiltersChange(updated);
+    }
+    /** Count of non-default filter dimensions, used for "Filters (N)" badge */
+    activeFilterCount() {
+        const f = this.filters$.value;
+        let n = 0;
+        if (f.searchTerm)
+            n++;
+        if (f.serverStatus && f.serverStatus !== 'all')
+            n++;
+        if (f.connectionStatus && f.connectionStatus !== 'all')
+            n++;
+        if (f.toolStatus && f.toolStatus !== 'all')
+            n++;
+        if (f.logStatus && f.logStatus !== 'all')
+            n++;
+        if (f.toolsServer && f.toolsServer !== 'all')
+            n++;
+        if (f.toolsCategory && f.toolsCategory !== 'all')
+            n++;
+        if (f.favoritesOnly)
+            n++;
+        if (f.recentOnly)
+            n++;
+        return n;
+    }
+    /** Derive category list (snake_case prefix) + counts from the currently loaded tools. */
+    computeCategoriesFromTools() {
+        const counts = new Map();
+        for (const t of this.tools) {
+            const idx = t.ToolName.indexOf('_');
+            const cat = idx > 0 ? t.ToolName.substring(0, idx) : t.ToolName;
+            counts.set(cat, (counts.get(cat) ?? 0) + 1);
+        }
+        return Array.from(counts.entries())
+            .map(([category, count]) => ({ category, count }))
+            .sort((a, b) => a.category.localeCompare(b.category));
+    }
+    resetAllFilters() {
+        this.onFiltersChange({
+            searchTerm: '',
+            serverStatus: 'all',
+            connectionStatus: 'all',
+            toolStatus: 'all',
+            logStatus: 'all',
+            toolsServer: 'all',
+            toolsCategory: 'all',
+            favoritesOnly: false,
+            recentOnly: false
+        });
     }
     /**
      * Get the current filtered count based on active tab
@@ -1674,11 +2853,26 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
     // ========================================
     createServer() {
         this.EditingServer = null;
+        this.ServerForm = { Name: '', Description: '', TransportType: 'StreamableHTTP', ServerURL: '', Command: '', DefaultAuthType: 'None', Status: 'Active', RateLimitPerMinute: null, RateLimitPerHour: null, RequestTimeoutMs: 60000 };
+        this.ServerFormError = null;
         this.ShowServerDialog = true;
         this.cdr.detectChanges();
     }
     editServer(server) {
         this.EditingServer = server;
+        this.ServerForm = {
+            Name: server.Name,
+            Description: server.Description ?? '',
+            TransportType: server.TransportType,
+            ServerURL: server.ServerURL ?? '',
+            Command: server.Command ?? '',
+            DefaultAuthType: server.DefaultAuthType,
+            Status: server.Status,
+            RateLimitPerMinute: server.RateLimitPerMinute,
+            RateLimitPerHour: server.RateLimitPerHour,
+            RequestTimeoutMs: 60000
+        };
+        this.ServerFormError = null;
         this.ShowServerDialog = true;
         this.cdr.detectChanges();
     }
@@ -1910,14 +3104,134 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
         }
         this.cdr.detectChanges();
     }
+    cancelServerForm() {
+        this.ShowServerDialog = false;
+        this.ServerFormError = null;
+        this.cdr.detectChanges();
+    }
+    async saveServerForm() {
+        if (!this.ServerForm.Name?.trim()) {
+            this.ServerFormError = 'Name is required';
+            this.cdr.detectChanges();
+            return;
+        }
+        if ((this.ServerForm.TransportType === 'StreamableHTTP' || this.ServerForm.TransportType === 'SSE' || this.ServerForm.TransportType === 'WebSocket') && !this.ServerForm.ServerURL?.trim()) {
+            this.ServerFormError = 'Server URL is required for this transport type';
+            this.cdr.detectChanges();
+            return;
+        }
+        this.ServerFormSaving = true;
+        this.ServerFormError = null;
+        this.cdr.detectChanges();
+        try {
+            const md = new Metadata();
+            const entity = await md.GetEntityObject('MJ: MCP Servers');
+            if (this.EditingServer?.ID) {
+                await entity.Load(this.EditingServer.ID);
+            }
+            else {
+                entity.NewRecord();
+            }
+            entity.Name = this.ServerForm.Name.trim();
+            entity.Description = this.ServerForm.Description?.trim() || null;
+            entity.TransportType = this.ServerForm.TransportType;
+            entity.ServerURL = this.ServerForm.ServerURL?.trim() || null;
+            entity.Command = this.ServerForm.Command?.trim() || null;
+            entity.DefaultAuthType = this.ServerForm.DefaultAuthType;
+            entity.Status = this.ServerForm.Status;
+            entity.RateLimitPerMinute = this.ServerForm.RateLimitPerMinute ?? null;
+            entity.RateLimitPerHour = this.ServerForm.RateLimitPerHour ?? null;
+            entity.RequestTimeoutMs = this.ServerForm.RequestTimeoutMs ?? 60000;
+            const saved = await entity.Save();
+            if (!saved) {
+                throw new Error(entity.LatestResult?.CompleteMessage ?? 'Save failed');
+            }
+            this.ShowServerDialog = false;
+            await this.loadAllData();
+        }
+        catch (err) {
+            this.ServerFormError = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.ServerFormSaving = false;
+            this.cdr.detectChanges();
+        }
+    }
     // ========================================
     // Connection Operations
     // ========================================
     createConnection() {
         this.EditingConnection = null;
+        this.ConnectionForm = { MCPServerID: this.servers[0]?.ID ?? '', Name: '', Description: '', BearerToken: '', Status: 'Active' };
+        this.ConnectionFormError = null;
         this.ShowConnectionDialog = true;
         this.cdr.detectChanges();
     }
+    cancelConnectionForm() {
+        this.ShowConnectionDialog = false;
+        this.ConnectionFormError = null;
+        this.cdr.detectChanges();
+    }
+    async saveConnectionForm() {
+        if (!this.ConnectionForm.MCPServerID) {
+            this.ConnectionFormError = 'Please select a server';
+            this.cdr.detectChanges();
+            return;
+        }
+        if (!this.ConnectionForm.Name?.trim()) {
+            this.ConnectionFormError = 'Name is required';
+            this.cdr.detectChanges();
+            return;
+        }
+        this.ConnectionFormSaving = true;
+        this.ConnectionFormError = null;
+        this.cdr.detectChanges();
+        try {
+            const md = new Metadata();
+            let credentialID = null;
+            // If a bearer token was provided, create a Credential record for it
+            if (this.ConnectionForm.BearerToken?.trim()) {
+                await CredentialEngine.Instance.Config();
+                const credType = CredentialEngine.Instance.CredentialTypes
+                    .find(t => /bearer|api/i.test(t.Name));
+                const credTypeID = credType?.ID ?? null;
+                if (credTypeID) {
+                    const cred = await md.GetEntityObject('MJ: Credentials');
+                    cred.NewRecord();
+                    cred.CredentialTypeID = credTypeID;
+                    cred.Name = `${this.ConnectionForm.Name.trim()} Token`;
+                    cred.Values = JSON.stringify({ apiKey: this.ConnectionForm.BearerToken.trim() });
+                    const credSaved = await cred.Save();
+                    if (!credSaved)
+                        throw new Error(cred.LatestResult?.CompleteMessage ?? 'Failed to save credential');
+                    credentialID = cred.ID;
+                }
+            }
+            const entity = await md.GetEntityObject('MJ: MCP Server Connections');
+            entity.NewRecord();
+            entity.MCPServerID = this.ConnectionForm.MCPServerID;
+            entity.Name = this.ConnectionForm.Name.trim();
+            entity.Description = this.ConnectionForm.Description?.trim() || null;
+            entity.Status = this.ConnectionForm.Status;
+            entity.CredentialID = credentialID;
+            entity.AutoSyncTools = true;
+            entity.LogToolCalls = true;
+            entity.LogInputParameters = true;
+            entity.LogOutputContent = true;
+            const saved = await entity.Save();
+            if (!saved)
+                throw new Error(entity.LatestResult?.CompleteMessage ?? 'Save failed');
+            this.ShowConnectionDialog = false;
+            await this.loadAllData();
+        }
+        catch (err) {
+            this.ConnectionFormError = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.ConnectionFormSaving = false;
+            this.cdr.detectChanges();
+        }
+    }
     editConnection(connection) {
         this.EditingConnection = connection;
         this.ShowConnectionDialog = true;
@@ -2027,10 +3341,12 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
             if (tools.length > 0) {
                 // Sort tools within group
                 this.sortTools(tools);
+                // Part 3.4 — auto-collapse groups exceeding the threshold
+                const startExpanded = tools.length <= this.AUTO_COLLAPSE_THRESHOLD;
                 this.ServerGroups.push({
                     server,
                     tools,
-                    expanded: true // Start expanded
+                    expanded: startExpanded
                 });
             }
         }
@@ -2094,6 +3410,9 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
         else {
             this.TestToolConnectionID = null;
         }
+        this.TestStep = 'select';
+        this.TestExecutionResult = null;
+        this.testUpdateFilteredLists();
         this.ShowTestToolDialog = true;
         this.cdr.detectChanges();
     }
@@ -2101,12 +3420,448 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
      * Close Test Tool dialog
      */
     onTestToolDialogClose() {
-        this.ShowTestToolDialog = false;
-        this.TestToolServerID = null;
+        this.testCloseDialog();
+    }
+    // ========================================
+    // Inline Test Tool Methods
+    // ========================================
+    testUpdateFilteredLists() {
+        if (this.TestToolServerID) {
+            this.TestFilteredConnections = this.connections.filter(c => UUIDsEqual(c.MCPServerID, this.TestToolServerID) && c.Status === 'Active');
+            this.TestFilteredTools = this.tools.filter(t => UUIDsEqual(t.MCPServerID, this.TestToolServerID) && t.Status === 'Active');
+            if (this.TestFilteredConnections.length > 0 && !this.TestToolConnectionID) {
+                this.TestToolConnectionID = this.TestFilteredConnections[0].ID;
+            }
+        }
+        else {
+            this.TestFilteredConnections = [];
+            this.TestFilteredTools = [];
+        }
+    }
+    onTestServerChange(value) {
+        this.TestToolServerID = value || null;
         this.TestToolConnectionID = null;
         this.TestToolID = null;
+        this.testUpdateFilteredLists();
+        this.cdr.detectChanges();
+    }
+    onTestConnectionChange(value) {
+        this.TestToolConnectionID = value || null;
+    }
+    onTestToolSelectChange(value) {
+        this.TestToolID = value || null;
+    }
+    get TestCanProceed() {
+        return !!this.TestToolServerID && !!this.TestToolConnectionID && !!this.TestToolID;
+    }
+    testProceedToConfig() {
+        if (!this.TestCanProceed)
+            return;
+        this.TestSelectedTool = this.tools.find(t => UUIDsEqual(t.ID, this.TestToolID)) ?? null;
+        if (!this.TestSelectedTool)
+            return;
+        this.testParseSchema();
+        this.TestStep = 'configure';
+        this.cdr.detectChanges();
+    }
+    testParseSchema() {
+        this.TestParamConfigs = [];
+        this.TestParamValues = {};
+        if (!this.TestSelectedTool?.InputSchema)
+            return;
+        try {
+            const schema = JSON.parse(this.TestSelectedTool.InputSchema);
+            const required = schema.required ?? [];
+            for (const [name, prop] of Object.entries(schema.properties ?? {})) {
+                const rawType = prop.type;
+                const type = Array.isArray(rawType)
+                    ? (rawType.filter(t => t !== 'null')[0] ?? 'string')
+                    : (rawType ?? 'string');
+                this.TestParamConfigs.push({
+                    name, type, description: prop.description ?? '',
+                    required: required.includes(name), enumValues: prop.enum ?? []
+                });
+                this.TestParamValues[name] = '';
+            }
+            this.TestParamConfigs.sort((a, b) => (a.required === b.required ? 0 : a.required ? -1 : 1));
+        }
+        catch (e) {
+            console.error('Failed to parse tool schema', e);
+        }
+    }
+    testSetParam(name, value) {
+        this.TestParamValues[name] = value;
+    }
+    get TestIsValid() {
+        return this.TestParamConfigs.filter(p => p.required).every(p => !!this.TestParamValues[p.name]);
+    }
+    async testExecuteTool() {
+        if (!this.TestIsValid || !this.TestToolConnectionID || !this.TestToolID)
+            return;
+        this.TestIsExecuting = true;
+        this.cdr.detectChanges();
+        const inputArgs = {};
+        for (const [k, v] of Object.entries(this.TestParamValues)) {
+            if (v !== '')
+                inputArgs[k] = v;
+        }
+        const mutation = gql `
+            mutation ExecuteMCPTool($input: ExecuteMCPToolInput!) {
+                ExecuteMCPTool(input: $input) { Success ErrorMessage Result DurationMs }
+            }
+        `;
+        try {
+            const result = await GraphQLDataProvider.Instance.ExecuteGQL(mutation, {
+                input: {
+                    ConnectionID: this.TestToolConnectionID,
+                    ToolID: this.TestToolID,
+                    ToolName: this.TestSelectedTool?.ToolName,
+                    InputArgs: JSON.stringify(inputArgs)
+                }
+            });
+            this.TestExecutionResult = result?.ExecuteMCPTool ?? { Success: false, ErrorMessage: 'No result returned' };
+        }
+        catch (e) {
+            this.TestExecutionResult = { Success: false, ErrorMessage: e instanceof Error ? e.message : String(e) };
+        }
+        finally {
+            this.TestIsExecuting = false;
+            this.TestStep = 'results';
+            this.cdr.detectChanges();
+        }
+    }
+    testGoBack() {
+        this.TestStep = this.TestStep === 'results' ? 'configure' : 'select';
+        this.cdr.detectChanges();
+    }
+    testRunAgain() {
+        this.TestExecutionResult = null;
+        this.TestStep = 'configure';
+        this.cdr.detectChanges();
+    }
+    testCloseDialog() {
+        this.ShowTestToolDialog = false;
+        this.TestStep = 'select';
+        this.TestSelectedTool = null;
+        this.TestParamConfigs = [];
+        this.TestParamValues = {};
+        this.TestExecutionResult = null;
+        this.cdr.detectChanges();
+    }
+    formatTestResult(result) {
+        if (result == null)
+            return '';
+        if (typeof result === 'string')
+            return result;
+        try {
+            return JSON.stringify(result, null, 2);
+        }
+        catch {
+            return String(result);
+        }
+    }
+    /**
+     * Part 3.2 — loads a page of tools via the paginated resolver.
+     * Uses the same GraphQLDataProvider + gql pattern as testExecuteTool above.
+     */
+    async loadToolsPage(reset = true) {
+        if (this.toolsLoading)
+            return;
+        this.toolsLoading = true;
+        if (reset) {
+            this.toolsSkip = 0;
+            this.pagedTools = [];
+        }
+        try {
+            const filters = this.filters$.value;
+            const query = gql `
+                query GetMCPToolsPage($skip: Int!, $take: Int!, $searchText: String, $serverID: String, $category: String) {
+                    GetMCPToolsPage(skip: $skip, take: $take, searchText: $searchText, serverID: $serverID, category: $category) {
+                        items { ID MCPServerID ToolName ToolTitle ToolDescription Status ServerName }
+                        totalCount
+                        hasMore
+                    }
+                }
+            `;
+            const result = await GraphQLDataProvider.Instance.ExecuteGQL(query, {
+                skip: this.toolsSkip,
+                take: this.toolsPageSize,
+                searchText: filters.searchTerm || null,
+                serverID: (filters.toolsServer && filters.toolsServer !== 'all') ? filters.toolsServer : null,
+                category: (filters.toolsCategory && filters.toolsCategory !== 'all') ? filters.toolsCategory : null
+            });
+            const page = result?.GetMCPToolsPage;
+            if (page) {
+                this.pagedTools = reset ? page.items : [...this.pagedTools, ...page.items];
+                this.toolsTotalCount = page.totalCount;
+                this.toolsSkip = this.pagedTools.length;
+            }
+        }
+        catch (e) {
+            console.error('[MCPDashboard] loadToolsPage failed:', e);
+        }
+        finally {
+            this.toolsLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    onToolsScrolledIndexChange(index) {
+        if (!this.useScalablePagination || this.toolsLoading)
+            return;
+        if (this.pagedTools.length >= this.toolsTotalCount)
+            return;
+        if (index + 20 >= this.pagedTools.length) {
+            this.loadToolsPage(false);
+        }
+    }
+    /** Native-scroll infinite-load: triggers next page when user nears the bottom */
+    onToolsScrollNative(event) {
+        if (!this.useScalablePagination || this.toolsLoading)
+            return;
+        if (this.pagedTools.length >= this.toolsTotalCount)
+            return;
+        const el = event.target;
+        if (el.scrollTop + el.clientHeight >= el.scrollHeight - 200) {
+            this.loadToolsPage(false);
+        }
+    }
+    toggleScalableMode(enabled) {
+        this.useScalablePagination = enabled;
+        if (enabled && this.pagedTools.length === 0) {
+            this.loadToolsPage(true);
+            this.loadToolCounts();
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * Part 3.4 — fetch global + per-server + per-category counts (used for badges
+     * and to populate the category filter dropdown). Respects current search filter.
+     */
+    async loadToolCounts() {
+        try {
+            const filters = this.filters$.value;
+            const query = gql `
+                query GetMCPToolCounts($serverID: String, $searchText: String) {
+                    GetMCPToolCounts(serverID: $serverID, searchText: $searchText) {
+                        totalCount
+                        countByServer { serverID serverName count }
+                        countByCategory { category count }
+                    }
+                }
+            `;
+            const result = await GraphQLDataProvider.Instance.ExecuteGQL(query, {
+                serverID: (filters.toolsServer && filters.toolsServer !== 'all') ? filters.toolsServer : null,
+                searchText: filters.searchTerm || null
+            });
+            const counts = result?.GetMCPToolCounts;
+            if (counts) {
+                this.toolsGlobalCount = counts.totalCount;
+                this.toolCountByServer = {};
+                (counts.countByServer || []).forEach((r) => {
+                    this.toolCountByServer[r.serverID] = r.count;
+                });
+                this.toolsAvailableCategories = (counts.countByCategory || [])
+                    .filter((c) => c.category && c.category.length > 0)
+                    .sort((a, b) => a.category.localeCompare(b.category));
+                // Available servers derived from the servers list (already loaded)
+                this.toolsAvailableServers = this.servers.map(s => ({ ID: s.ID, Name: s.Name }));
+                this.cdr.detectChanges();
+            }
+        }
+        catch (e) {
+            console.warn('[MCPDashboard] loadToolCounts failed:', e);
+        }
+    }
+    /** Part 3.4 — returns tool count for a server (falls back to ServerGroups length for legacy view) */
+    getServerToolCount(serverID) {
+        return this.toolCountByServer[serverID] ?? this.tools.filter(t => UUIDsEqual(t.MCPServerID, serverID)).length;
+    }
+    trackPagedTool(_index, tool) {
+        return tool.ID;
+    }
+    /** Part 3.6 — Scale mode display. When a client-side filter (Favorites/Recently-used) is active,
+     *  bypass server pagination and filter the fully-loaded local `this.tools` list so the filter
+     *  considers ALL tools, not just the current 50-row page. */
+    get visiblePagedTools() {
+        const f = this.filters$.value;
+        if (f.favoritesOnly || f.recentOnly) {
+            const search = (f.searchTerm || '').toLowerCase();
+            const recent = f.recentOnly ? this.recentToolIDSet() : null;
+            return this.tools
+                .filter(t => {
+                if (f.favoritesOnly && !this.isFavorited(t.ID))
+                    return false;
+                if (recent && !recent.has(NormalizeUUID(t.ID)))
+                    return false;
+                if (f.toolsServer && f.toolsServer !== 'all' && !UUIDsEqual(t.MCPServerID, f.toolsServer))
+                    return false;
+                if (f.toolsCategory && f.toolsCategory !== 'all') {
+                    const idx = t.ToolName.indexOf('_');
+                    const cat = idx > 0 ? t.ToolName.substring(0, idx) : t.ToolName;
+                    if (cat !== f.toolsCategory)
+                        return false;
+                }
+                if (search && !(t.ToolName.toLowerCase().includes(search) ||
+                    (t.ToolTitle?.toLowerCase().includes(search) ?? false) ||
+                    (t.ToolDescription?.toLowerCase().includes(search) ?? false)))
+                    return false;
+                return true;
+            })
+                .map(t => ({
+                ID: t.ID,
+                MCPServerID: t.MCPServerID,
+                ToolName: t.ToolName,
+                ToolTitle: t.ToolTitle ?? null,
+                ToolDescription: t.ToolDescription ?? null,
+                Status: t.Status,
+                ServerName: t.ServerName ?? null
+            }));
+        }
+        return this.pagedTools;
+    }
+    /** Scale-mode denominator. In bypass-pagination mode (favorites/recent filters), the user
+     *  sees the fully filtered local list, so the "of N" reflects that filtered total.
+     *  Otherwise we show the server-side total for the current query. */
+    scaleDenominator() {
+        const f = this.filters$.value;
+        if (f.favoritesOnly || f.recentOnly) {
+            return this.visiblePagedTools.length;
+        }
+        return this.toolsTotalCount;
+    }
+    /** Part 3.5 — recently used tool IDs derived from execution logs (dedup, max 5) */
+    get TestRecentToolIDs() {
+        const seen = new Set();
+        const out = [];
+        for (const log of this.executionLogs) {
+            if (!log.ToolID)
+                continue;
+            if (seen.has(log.ToolID))
+                continue;
+            seen.add(log.ToolID);
+            out.push(log.ToolID);
+            if (out.length >= 5)
+                break;
+        }
+        return out;
+    }
+    /** Part 3.5 — Test dialog combobox: filtered tools with recent-first ordering */
+    get TestComboboxTools() {
+        const term = this.TestToolSearch.trim().toLowerCase();
+        const base = this.TestFilteredTools.filter(t => !term ||
+            t.ToolName.toLowerCase().includes(term) ||
+            (t.ToolTitle && t.ToolTitle.toLowerCase().includes(term)) ||
+            (t.ToolDescription && t.ToolDescription.toLowerCase().includes(term)));
+        const recentSet = new Set(this.TestRecentToolIDs);
+        const recent = base.filter(t => recentSet.has(t.ID));
+        const rest = base.filter(t => !recentSet.has(t.ID));
+        return [...recent, ...rest];
+    }
+    isRecentTestTool(toolID) {
+        return this.TestRecentToolIDs.includes(toolID);
+    }
+    onTestToolSearchChange(value) {
+        this.TestToolSearch = value;
+        this.cdr.detectChanges();
+    }
+    pickTestTool(toolID) {
+        this.TestToolID = toolID;
         this.cdr.detectChanges();
     }
+    /**
+     * Part 3.6 — load the current user's favorited tool IDs.
+     */
+    async loadFavorites() {
+        try {
+            const md = new Metadata();
+            const currentUserID = md.CurrentUser?.ID;
+            if (!currentUserID)
+                return;
+            // MCPEngine caches MCP: Tool Favorites via BaseEngine CacheLocal — Config() is
+            // idempotent, and the cache auto-invalidates on Save/Delete via BaseEntity events,
+            // so repeat loads hit the Global Object Store with no DB round-trip.
+            await MCPEngine.Instance.Config();
+            const userFavorites = MCPEngine.Instance.GetFavoritesByUser(currentUserID);
+            this.favoritedToolIDs = new Set(userFavorites.map(f => NormalizeUUID(f.MCPServerToolID)));
+            this.cdr.detectChanges();
+        }
+        catch (e) {
+            console.warn('[MCPDashboard] loadFavorites failed:', e);
+        }
+    }
+    isFavorited(toolID) {
+        return this.favoritedToolIDs.has(NormalizeUUID(toolID));
+    }
+    /** Part 3.3 — set of tool IDs seen in recent execution logs (last N unique). */
+    recentToolIDSet() {
+        const out = new Set();
+        for (const log of this.executionLogs) {
+            if (log.ToolID)
+                out.add(NormalizeUUID(log.ToolID));
+        }
+        return out;
+    }
+    async toggleFavorite(toolID, event) {
+        if (event)
+            event.stopPropagation();
+        const md = new Metadata();
+        const currentUserID = md.CurrentUser?.ID;
+        if (!currentUserID) {
+            console.warn('[MCPDashboard] toggleFavorite: no current user');
+            return;
+        }
+        const normalizedID = NormalizeUUID(toolID);
+        const isFav = this.favoritedToolIDs.has(normalizedID);
+        try {
+            if (isFav) {
+                // Find the existing favorite in MCPEngine's cache and Delete via the entity —
+                // BaseEngine's event-driven cache sync will drop it from _Favorites automatically.
+                await MCPEngine.Instance.Config();
+                const entity = MCPEngine.Instance.GetFavoriteByUserAndTool(currentUserID, toolID);
+                if (!entity) {
+                    // Cache says it's missing but UI thought it was favorited — drop from the
+                    // local Set so the UI reconciles.
+                    this.favoritedToolIDs.delete(normalizedID);
+                }
+                else {
+                    const deleted = await entity.Delete();
+                    if (!deleted) {
+                        console.warn('[MCPDashboard] Delete favorite failed:', entity.LatestResult?.CompleteMessage);
+                        return;
+                    }
+                    this.favoritedToolIDs.delete(normalizedID);
+                }
+            }
+            else {
+                const entity = await md.GetEntityObject('MJ: MCP Tool Favorites');
+                entity.NewRecord();
+                entity.UserID = currentUserID;
+                entity.MCPServerToolID = toolID;
+                const saved = await entity.Save();
+                if (!saved) {
+                    console.warn('[MCPDashboard] Save favorite failed:', entity.LatestResult?.CompleteMessage);
+                    return;
+                }
+                this.favoritedToolIDs.add(normalizedID);
+            }
+            // Force a new Set instance so Angular change detection picks it up
+            this.favoritedToolIDs = new Set(this.favoritedToolIDs);
+            this.cdr.detectChanges();
+        }
+        catch (e) {
+            console.error('[MCPDashboard] toggleFavorite failed:', e);
+        }
+    }
+    formatLogJson(value) {
+        if (!value)
+            return '';
+        try {
+            return JSON.stringify(JSON.parse(value), null, 2);
+        }
+        catch {
+            return value;
+        }
+    }
     /**
      * Parse and return input schema as formatted JSON
      */
@@ -2563,73 +4318,96 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
         this.cdr.detectChanges();
     }
     static ɵfac = function MCPDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MCPDashboardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.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"], ["mjButton", "", "variant", "primary"], ["mjButton", "", "variant", "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"], ["mjButton", "", "variant", "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"], ["mjButton", "", "variant", "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"], ["mjButton", "", "variant", "flat", "title", "Edit", 3, "click"], [1, "fa-solid", "fa-pen"], ["mjButton", "", "variant", "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"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Test this tool", 3, "click"], ["mjButton", "", "variant", "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"], ["mjButton", "", "variant", "flat", "size", "sm", "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"], ["mjButton", "", "variant", "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"], ["mjButton", "", "variant", "flat", "size", "sm", "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"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Test", 3, "click"], ["mjButton", "", "variant", "flat", "size", "sm", "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);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MCPDashboardComponent, selectors: [["mj-mcp-dashboard"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 77, vars: 35, consts: [["fSearch", ""], ["fServer", ""], ["fCat", ""], ["fFav", ""], ["fRec", ""], ["fSStatus", ""], ["fCStatus", ""], ["fTStatus", ""], ["fLStatus", ""], ["sfName", ""], ["sfDesc", ""], ["sfTransport", ""], ["sfAuth", ""], ["sfStatus", ""], ["sfUrl", ""], ["sfCmd", ""], ["cfServer", ""], ["cfName", ""], ["cfToken", ""], ["cfStatus", ""], ["tSrv", ""], ["tConn", ""], ["tSearch", ""], ["enumEl", ""], ["boolEl", ""], ["jsonEl", ""], ["strEl", ""], [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"], ["mjButton", "", "variant", "primary"], ["mjButton", "", "variant", "flat", "title", "Refresh", 3, "disabled"], [1, "main-content"], [1, "filter-panel-container"], [2, "padding", "12px", "border-right", "1px solid var(--mj-border-default,#e0e0e0)", "height", "100%", "box-sizing", "border-box", "overflow-y", "auto", "background", "var(--mj-bg-surface,#fff)", "min-width", "240px"], [2, "display", "flex", "align-items", "center", "justify-content", "space-between", "margin-bottom", "12px"], [2, "display", "flex", "align-items", "center", "gap", "6px"], [2, "margin", "0", "font-size", "0.95rem", "font-weight", "600"], [2, "padding", "2px 8px", "background", "var(--mj-brand-primary,#264FAF)", "color", "#fff", "border-radius", "10px", "font-size", "0.7rem", "font-weight", "600"], [2, "font-size", "0.75rem", "color", "var(--mj-text-muted,#888)"], [2, "margin-bottom", "12px"], [2, "display", "block", "font-size", "0.75rem", "color", "var(--mj-text-secondary,#475569)", "margin-bottom", "4px"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search\u2026", 1, "mj-input", 2, "width", "100%", "box-sizing", "border-box", 3, "input", "value"], [2, "margin-top", "16px"], ["mjButton", "", "variant", "flat", 2, "width", "100%", 3, "click"], [1, "fa-solid", "fa-undo"], [1, "resize-handle"], [1, "content-area"], [1, "error-banner"], [1, "content-body"], ["text", "Loading MCP data..."], [2, "position", "fixed", "inset", "0", "z-index", "10000", "background", "rgba(0,0,0,0.5)", "display", "flex", "align-items", "center", "justify-content", "center"], [2, "position", "fixed", "inset", "0", "z-index", "10000", "pointer-events", "none"], ["mjButton", "", "variant", "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"], ["mjButton", "", "variant", "flat", "title", "Refresh", 3, "click", "disabled"], [1, "fa-solid", "fa-sync"], [1, "mj-input", 2, "width", "100%", "box-sizing", "border-box", 3, "change", "value"], ["value", "all"], [3, "value"], [1, "fa-solid", "fa-tags"], [2, "display", "flex", "align-items", "center", "gap", "6px", "cursor", "pointer", "font-size", "0.85rem"], ["type", "checkbox", 3, "change", "checked"], [1, "fa-solid", "fa-star", 2, "color", "var(--mj-status-warning,#f59e0b)"], [1, "fa-solid", "fa-clock-rotate-left", 2, "color", "var(--mj-brand-primary,#264FAF)"], [1, "fa-solid", "fa-toggle-on"], ["value", "Active"], ["value", "Inactive"], ["value", "Error"], ["value", "Deprecated"], [1, "fa-solid", "fa-circle-check"], ["value", "Success"], ["value", "Running"], [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"], [1, "status-badge", 3, "ngClass"], [1, "card-actions", 3, "click"], ["mjButton", "", "variant", "flat", "title", "Edit", 3, "click"], [1, "fa-solid", "fa-pen"], ["mjButton", "", "variant", "flat", "title", "Delete", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "card-body"], [1, "description"], [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"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Test this tool", 3, "click"], ["mjButton", "", "variant", "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"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Test this tool with this connection", 3, "click"], [2, "display", "flex", "justify-content", "flex-end", "align-items", "center", "gap", "8px", "padding", "4px 0", "font-size", "0.8rem", "color", "var(--mj-text-muted,#888)"], [2, "display", "flex", "align-items", "center", "gap", "6px", "cursor", "pointer"], [1, "tools-container"], [2, "padding", "8px 12px", "font-size", "0.8rem", "color", "var(--mj-text-secondary,#475569)", "background", "var(--mj-bg-surface-card,#f8f9fa)", "border-radius", "4px", "margin-bottom", "6px"], [2, "height", "calc(100vh - 260px)", "width", "100%", "overflow-y", "auto", "border", "1px solid var(--mj-border-subtle,#eee)", "border-radius", "4px", 3, "scroll"], [2, "display", "flex", "align-items", "center", "gap", "12px", "padding", "12px 14px", "border-bottom", "1px solid var(--mj-border-subtle,#eee)", "height", "72px", "box-sizing", "border-box"], [2, "padding", "12px", "text-align", "center", "font-size", "0.8rem", "color", "var(--mj-text-muted,#888)"], [1, "fa-solid", "fa-wrench", 2, "color", "var(--mj-brand-primary,#264FAF)"], [2, "flex", "1", "min-width", "0"], [2, "font-weight", "500", "font-size", "0.875rem", "overflow", "hidden", "text-overflow", "ellipsis", "white-space", "nowrap"], [2, "font-size", "0.75rem", "color", "var(--mj-text-muted,#888)", "overflow", "hidden", "text-overflow", "ellipsis", "white-space", "nowrap"], ["type", "button", 2, "background", "transparent", "border", "none", "cursor", "pointer", "padding", "4px", "font-size", "1rem", 3, "click", "title"], [1, "status-badge", "small", 3, "ngClass"], [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, "server-actions", 3, "click"], ["mjButton", "", "variant", "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"], [1, "tool-card-actions"], ["mjButton", "", "variant", "flat", "size", "sm", "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-code"], [1, "description-cell"], [1, "param-count"], [1, "actions-cell"], ["type", "button", 2, "background", "transparent", "border", "none", "cursor", "pointer", "padding", "4px", "font-size", "0.95rem", "margin-right", "4px", 3, "click", "title"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Test", 3, "click"], ["mjButton", "", "variant", "flat", "size", "sm", "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"], [2, "position", "fixed", "inset", "0", "z-index", "10000", "background", "rgba(0,0,0,0.5)", "display", "flex", "align-items", "center", "justify-content", "center", 3, "click"], [2, "display", "flex", "flex-direction", "column", "background", "var(--mj-bg-surface,#fff)", "border-radius", "8px", "box-shadow", "0 20px 60px rgba(0,0,0,0.3)", "overflow", "hidden", "width", "600px", "max-width", "90vw", "max-height", "90vh", 3, "click"], [2, "display", "flex", "align-items", "center", "justify-content", "space-between", "padding", "16px 20px", "border-bottom", "1px solid var(--mj-border-default,#e0e0e0)", "flex-shrink", "0"], [2, "margin", "0", "font-size", "1.125rem", "font-weight", "600", "color", "var(--mj-text-primary,#333)"], [2, "display", "flex", "align-items", "center", "justify-content", "center", "width", "32px", "height", "32px", "border", "none", "background", "none", "cursor", "pointer", "color", "var(--mj-text-muted,#888)", "border-radius", "4px", 3, "click"], [2, "flex", "1", "overflow-y", "auto", "padding", "20px", "color", "var(--mj-text-primary,#333)"], [2, "background", "var(--mj-status-error-bg,#fff5f5)", "border", "1px solid var(--mj-status-error-border,#feb2b2)", "border-radius", "6px", "padding", "10px 14px", "margin-bottom", "16px", "color", "var(--mj-status-error-text,#c53030)", "font-size", "0.875rem"], [2, "margin-bottom", "16px"], [2, "display", "block", "font-size", "0.875rem", "font-weight", "500", "color", "var(--mj-text-primary,#333)", "margin-bottom", "4px"], [2, "color", "var(--mj-status-error,#e53e3e)"], ["placeholder", "e.g., GitHub MCP Server", 1, "mj-input", 2, "width", "100%", "box-sizing", "border-box", 3, "input", "value"], ["placeholder", "Optional description", "rows", "3", 1, "mj-textarea", 2, "width", "100%", "box-sizing", "border-box", 3, "input", "value"], [2, "display", "flex", "align-items", "center", "gap", "8px", "padding", "16px 20px", "border-top", "1px solid var(--mj-border-default,#e0e0e0)", "flex-shrink", "0"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], ["mjButton", "", 3, "click"], ["placeholder", "https://api.example.com/mcp", 1, "mj-input", 2, "width", "100%", "box-sizing", "border-box", 3, "input", "value"], ["placeholder", "e.g., npx", 1, "mj-input", 2, "width", "100%", "box-sizing", "border-box", 3, "input", "value"], [2, "display", "flex", "flex-direction", "column", "background", "var(--mj-bg-surface,#fff)", "border-radius", "8px", "box-shadow", "0 20px 60px rgba(0,0,0,0.3)", "overflow", "hidden", "width", "560px", "max-width", "90vw", "max-height", "90vh", 3, "click"], ["value", ""], ["placeholder", "e.g., Zapier Connection", 1, "mj-input", 2, "width", "100%", "box-sizing", "border-box", 3, "input", "value"], ["placeholder", "Paste bearer token here", 1, "mj-input", 2, "width", "100%", "box-sizing", "border-box", "font-family", "monospace", "font-size", "0.8rem", 3, "input", "value"], [2, "display", "flex", "flex-direction", "column", "background", "var(--mj-bg-surface,#fff)", "border-radius", "8px", "box-shadow", "0 20px 60px rgba(0,0,0,0.3)", "overflow", "hidden", "width", "640px", "max-width", "90vw", "max-height", "90vh", 3, "click"], [2, "font-size", "0.875rem", "font-weight", "400", "color", "var(--mj-text-muted,#888)", "margin-left", "8px"], [2, "display", "flex", "gap", "0", "padding", "10px 20px", "background", "var(--mj-bg-surface-card,#f9f9f9)", "border-bottom", "1px solid var(--mj-border-default,#e0e0e0)", "flex-shrink", "0"], [2, "font-size", "0.8rem", "font-weight", "500"], [2, "margin", "0 8px", "color", "var(--mj-text-muted,#888)"], [1, "mj-input", 2, "width", "100%", "box-sizing", "border-box", 3, "change"], [3, "value", "selected"], ["type", "text", "placeholder", "Search tools\u2026 (Recently used appear first)", 1, "mj-input", 2, "width", "100%", "box-sizing", "border-box", "margin-bottom", "6px", 3, "input", "value"], [2, "max-height", "220px", "overflow-y", "auto", "border", "1px solid var(--mj-border-default,#e0e0e0)", "border-radius", "4px", "background", "var(--mj-bg-surface,#fff)"], [2, "padding", "8px 12px", "cursor", "pointer", "display", "flex", "align-items", "center", "gap", "8px", "border-bottom", "1px solid var(--mj-border-subtle,#eee)", 3, "background"], [2, "padding", "8px 12px", "cursor", "pointer", "display", "flex", "align-items", "center", "gap", "8px", "border-bottom", "1px solid var(--mj-border-subtle,#eee)", 3, "click"], [2, "font-size", "0.65rem", "background", "var(--mj-brand-primary,#264FAF)", "color", "#fff", "padding", "1px 6px", "border-radius", "8px", "font-weight", "600"], [2, "font-size", "0.85rem", "font-weight", "500", "overflow", "hidden", "text-overflow", "ellipsis", "white-space", "nowrap"], [2, "font-size", "0.7rem", "color", "var(--mj-text-muted,#888)", "overflow", "hidden", "text-overflow", "ellipsis", "white-space", "nowrap"], [1, "fa-solid", "fa-check", 2, "color", "var(--mj-brand-primary,#264FAF)"], [2, "text-align", "center", "padding", "24px", "color", "var(--mj-text-muted,#888)"], [1, "fa-solid", "fa-check-circle", 2, "font-size", "2rem", "margin-bottom", "8px", "display", "block"], [2, "font-size", "0.75rem", "color", "var(--mj-text-muted,#888)", "margin", "0 0 4px 0"], [1, "mj-input", 2, "width", "100%", "box-sizing", "border-box"], ["rows", "3", 1, "mj-textarea", 2, "width", "100%", "box-sizing", "border-box", "font-family", "monospace", "font-size", "0.8rem", 3, "placeholder"], [1, "mj-input", 2, "width", "100%", "box-sizing", "border-box", 3, "placeholder"], ["value", "false"], ["value", "true"], ["rows", "3", 1, "mj-textarea", 2, "width", "100%", "box-sizing", "border-box", "font-family", "monospace", "font-size", "0.8rem", 3, "input", "placeholder"], [1, "mj-input", 2, "width", "100%", "box-sizing", "border-box", 3, "input", "placeholder"], [2, "background", "var(--mj-status-success-bg,#f0fff4)", "border", "1px solid var(--mj-status-success-border,#9ae6b4)", "border-radius", "6px", "padding", "12px 16px", "margin-bottom", "16px", "color", "var(--mj-status-success-text,#276749)"], [2, "background", "var(--mj-status-error-bg,#fff5f5)", "border", "1px solid var(--mj-status-error-border,#feb2b2)", "border-radius", "6px", "padding", "12px 16px", "margin-bottom", "16px", "color", "var(--mj-status-error-text,#c53030)"], [2, "float", "right", "font-size", "0.75rem"], [2, "display", "block", "font-size", "0.875rem", "font-weight", "500", "margin-bottom", "4px"], [2, "background", "var(--mj-bg-surface-sunken,#f0f0f0)", "border-radius", "4px", "padding", "12px", "font-size", "0.8rem", "white-space", "pre-wrap", "word-break", "break-all", "margin", "0"], [2, "background", "var(--mj-bg-surface-sunken,#f0f0f0)", "border-radius", "4px", "padding", "12px", "font-size", "0.8rem", "white-space", "pre-wrap", "word-break", "break-all", "overflow-y", "auto", "max-height", "300px", "margin", "0"], [1, "fa-solid", "fa-arrow-right"], [1, "fa-solid", "fa-arrow-left"], [1, "fa-solid", "fa-redo"], [2, "position", "absolute", "inset", "0", "background", "rgba(0,0,0,0.35)", "pointer-events", "auto", 3, "click"], [2, "position", "absolute", "top", "0", "right", "0", "height", "100%", "width", "560px", "max-width", "95vw", "background", "var(--mj-bg-surface,#fff)", "box-shadow", "-4px 0 20px rgba(0,0,0,0.15)", "display", "flex", "flex-direction", "column", "pointer-events", "auto"], [2, "padding", "16px 20px", "border-bottom", "1px solid var(--mj-border-default,#e0e0e0)", "display", "flex", "align-items", "center", "justify-content", "space-between"], [2, "margin", "0", "font-size", "1rem", "font-weight", "600"], [2, "font-size", "0.75rem", "color", "var(--mj-text-muted,#888)", "margin-top", "4px"], [2, "font-weight", "600"], [2, "margin", "0 8px"], ["mjButton", "", "aria-label", "Close", 3, "click"], [1, "fa-solid", "fa-xmark"], [2, "flex", "1", "overflow-y", "auto", "padding", "16px 20px"], [2, "font-size", "0.75rem", "color", "var(--mj-text-muted,#888)", "margin-bottom", "4px"], [2, "font-size", "0.875rem"], [2, "font-size", "0.75rem", "color", "var(--mj-text-muted,#888)", "margin-top", "2px"], [2, "padding", "12px 20px", "border-top", "1px solid var(--mj-border-default,#e0e0e0)", "display", "flex", "gap", "8px", "justify-content", "flex-start"], [2, "display", "block", "font-size", "0.875rem", "font-weight", "500", "margin-bottom", "6px"], [2, "background", "var(--mj-bg-surface-sunken,#f0f0f0)", "border-radius", "4px", "padding", "12px", "font-size", "0.75rem", "white-space", "pre-wrap", "word-break", "break-all", "overflow-y", "auto", "max-height", "240px", "margin", "0"], [2, "background", "var(--mj-bg-surface-sunken,#f0f0f0)", "border-radius", "4px", "padding", "12px", "font-size", "0.75rem", "white-space", "pre-wrap", "word-break", "break-all", "overflow-y", "auto", "max-height", "360px", "margin", "0"], [2, "display", "block", "font-size", "0.875rem", "font-weight", "500", "margin-bottom", "6px", "color", "var(--mj-status-error-text,#c53030)"], [2, "background", "var(--mj-status-error-bg,#fff5f5)", "border", "1px solid var(--mj-status-error-border,#feb2b2)", "border-radius", "4px", "padding", "12px", "font-size", "0.75rem", "white-space", "pre-wrap", "word-break", "break-all", "margin", "0", "color", "var(--mj-status-error-text,#c53030)"]], template: function MCPDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 27)(1, "div", 28)(2, "div", 29)(3, "h2", 30);
+            i0.ɵɵelement(4, "i", 31);
             i0.ɵɵtext(5, " MCP Dashboard ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "button", 5);
-            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_6_listener() { return ctx.toggleFilterPanel(); });
-            i0.ɵɵelement(7, "i", 6);
+            i0.ɵɵelementStart(6, "button", 32);
+            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.toggleFilterPanel()); });
+            i0.ɵɵelement(7, "i", 33);
             i0.ɵɵconditionalCreate(8, MCPDashboardComponent_Conditional_8_Template, 1, 0)(9, MCPDashboardComponent_Conditional_9_Template, 1, 0);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "span", 7);
+            i0.ɵɵelementStart(10, "span", 34);
             i0.ɵɵtext(11);
             i0.ɵɵelementEnd()();
-            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.ɵɵelementStart(12, "div", 35)(13, "div", 36)(14, "button", 37);
+            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.setActiveTab("servers")); });
+            i0.ɵɵelement(15, "i", 38);
+            i0.ɵɵelementStart(16, "span", 39);
             i0.ɵɵtext(17, "Servers");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(18, "span", 13);
+            i0.ɵɵelementStart(18, "span", 40);
             i0.ɵɵtext(19);
             i0.ɵɵelementEnd()();
-            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.ɵɵelementStart(20, "button", 37);
+            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.setActiveTab("connections")); });
+            i0.ɵɵelement(21, "i", 41);
+            i0.ɵɵelementStart(22, "span", 39);
             i0.ɵɵtext(23, "Connections");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(24, "span", 13);
+            i0.ɵɵelementStart(24, "span", 40);
             i0.ɵɵtext(25);
             i0.ɵɵelementEnd()();
-            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.ɵɵelementStart(26, "button", 37);
+            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_26_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.setActiveTab("tools")); });
+            i0.ɵɵelement(27, "i", 42);
+            i0.ɵɵelementStart(28, "span", 39);
             i0.ɵɵtext(29, "Tools");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(30, "span", 13);
+            i0.ɵɵelementStart(30, "span", 40);
             i0.ɵɵtext(31);
             i0.ɵɵelementEnd()();
-            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.ɵɵelementStart(32, "button", 37);
+            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_32_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.setActiveTab("logs")); });
+            i0.ɵɵelement(33, "i", 43);
+            i0.ɵɵelementStart(34, "span", 39);
             i0.ɵɵtext(35, "Logs");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(36, "span", 13);
+            i0.ɵɵelementStart(36, "span", 40);
             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.ɵɵconditionalCreate(38, MCPDashboardComponent_Case_38_Template, 3, 0, "button", 44)(39, MCPDashboardComponent_Case_39_Template, 3, 0, "button", 44)(40, MCPDashboardComponent_Case_40_Template, 8, 4)(41, MCPDashboardComponent_Case_41_Template, 3, 3, "button", 45);
             i0.ɵɵelementEnd()();
-            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.ɵɵelementStart(42, "div", 46)(43, "div", 47)(44, "div", 48)(45, "div", 49)(46, "div", 50)(47, "h3", 51);
+            i0.ɵɵtext(48, "MCP Filters");
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(45, "div", 22);
+            i0.ɵɵconditionalCreate(49, MCPDashboardComponent_Conditional_49_Template, 2, 1, "span", 52);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(50, "div", 53);
+            i0.ɵɵtext(51);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(52, "div", 54)(53, "label", 55);
+            i0.ɵɵelement(54, "i", 56);
+            i0.ɵɵtext(55, " Search");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(56, "input", 57, 0);
+            i0.ɵɵlistener("input", function MCPDashboardComponent_Template_input_input_56_listener() { i0.ɵɵrestoreView(_r1); const fSearch_r7 = i0.ɵɵreference(57); return i0.ɵɵresetView(ctx.onFilterFieldChange("searchTerm", fSearch_r7.value)); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(58, MCPDashboardComponent_Conditional_58_Template, 32, 4);
+            i0.ɵɵconditionalCreate(59, MCPDashboardComponent_Conditional_59_Template, 12, 1, "div", 54);
+            i0.ɵɵconditionalCreate(60, MCPDashboardComponent_Conditional_60_Template, 14, 1, "div", 54);
+            i0.ɵɵconditionalCreate(61, MCPDashboardComponent_Conditional_61_Template, 12, 1, "div", 54);
+            i0.ɵɵconditionalCreate(62, MCPDashboardComponent_Conditional_62_Template, 14, 1, "div", 54);
+            i0.ɵɵelementStart(63, "div", 58)(64, "button", 59);
+            i0.ɵɵlistener("click", function MCPDashboardComponent_Template_button_click_64_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.resetAllFilters()); });
+            i0.ɵɵelement(65, "i", 60);
+            i0.ɵɵtext(66, " Reset Filters ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelement(67, "div", 61);
             i0.ɵɵelementEnd();
-            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.ɵɵelementStart(68, "div", 62);
+            i0.ɵɵconditionalCreate(69, MCPDashboardComponent_Conditional_69_Template, 5, 1, "div", 63);
+            i0.ɵɵelementStart(70, "div", 64);
+            i0.ɵɵconditionalCreate(71, MCPDashboardComponent_Conditional_71_Template, 1, 0, "mj-loading", 65)(72, MCPDashboardComponent_Conditional_72_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);
+            i0.ɵɵconditionalCreate(73, MCPDashboardComponent_Conditional_73_Template, 54, 12, "div", 66);
+            i0.ɵɵconditionalCreate(74, MCPDashboardComponent_Conditional_74_Template, 49, 7, "div", 66);
+            i0.ɵɵconditionalCreate(75, MCPDashboardComponent_Conditional_75_Template, 27, 9, "div", 66);
+            i0.ɵɵconditionalCreate(76, MCPDashboardComponent_Conditional_76_Template, 31, 12, "div", 67);
         } if (rf & 2) {
-            let tmp_11_0;
+            let tmp_12_0;
             i0.ɵɵadvance(8);
             i0.ɵɵconditional(ctx.FilterPanelVisible ? 8 : 9);
             i0.ɵɵadvance(3);
@@ -2653,24 +4431,38 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate(ctx.executionLogs.length);
             i0.ɵɵadvance();
-            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.ɵɵconditional((tmp_12_0 = ctx.ActiveTab) === "servers" ? 38 : tmp_12_0 === "connections" ? 39 : tmp_12_0 === "tools" ? 40 : tmp_12_0 === "logs" ? 41 : -1);
             i0.ɵɵadvance(5);
             i0.ɵɵclassProp("hidden", !ctx.FilterPanelVisible);
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.activeFilterCount() > 0 ? 49 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate2("", ctx.CurrentFilteredCount, " / ", ctx.CurrentTotalCount);
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("value", ctx.CurrentFilters.searchTerm);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.ActiveTab === "tools" ? 58 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("filters", ctx.CurrentFilters)("activeTab", ctx.ActiveTab)("totalCount", ctx.CurrentTotalCount)("filteredCount", ctx.CurrentFilteredCount);
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.ErrorMessage ? 47 : -1);
+            i0.ɵɵconditional(ctx.ActiveTab === "servers" ? 59 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ActiveTab === "connections" ? 60 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ActiveTab === "tools" ? 61 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ActiveTab === "logs" ? 62 : -1);
+            i0.ɵɵadvance(7);
+            i0.ɵɵconditional(ctx.ErrorMessage ? 69 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.IsLoading ? 49 : 50);
+            i0.ɵɵconditional(ctx.IsLoading ? 71 : 72);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.ShowServerDialog ? 51 : -1);
+            i0.ɵɵconditional(ctx.ShowServerDialog ? 73 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowConnectionDialog ? 52 : -1);
+            i0.ɵɵconditional(ctx.ShowConnectionDialog ? 74 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowTestToolDialog ? 53 : -1);
+            i0.ɵɵconditional(ctx.ShowTestToolDialog ? 75 : -1);
             i0.ɵɵadvance();
-            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-bg-page);\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: var(--mj-bg-surface);\n    border-bottom: 1px solid var(--mj-border-default);\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-primary);\n}\n\n.dashboard-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\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: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    transition: all 0.2s ease;\n}\n\n.filter-toggle-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-text-primary);\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);\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\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);\n    transition: all 0.2s ease;\n}\n\n.tab-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-bg-surface) 70%, transparent);\n    color: var(--mj-text-primary);\n}\n\n.tab-btn.active[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    color: var(--mj-brand-primary);\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: var(--mj-border-default);\n    border-radius: 9px;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n}\n\n.tab-btn.active[_ngcontent-%COMP%]   .tab-badge[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    color: var(--mj-brand-primary);\n}\n\n.tab-badge.has-errors[_ngcontent-%COMP%] {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\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: var(--mj-bg-surface);\n    border-right: 1px solid var(--mj-border-default);\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-brand-primary);\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: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error);\n    border-radius: 8px;\n    color: var(--mj-status-error);\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: var(--mj-status-error);\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 var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    background: var(--mj-bg-surface);\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: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\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-brand-primary);\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);\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: var(--mj-status-error);\n}\n\n.detail[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--mj-text-disabled);\n    font-weight: 500;\n}\n\n.detail[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-primary);\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: var(--mj-bg-surface-card);\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: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.status-inactive[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-disabled) 10%, var(--mj-bg-surface));\n    color: var(--mj-text-disabled);\n}\n\n.status-error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.status-deprecated[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.status-unknown[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-disabled) 10%, var(--mj-bg-surface));\n    color: var(--mj-text-disabled);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n.sync-progress-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\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: color-mix(in srgb, var(--mj-status-success) 8%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-success) 20%, transparent);\n    color: var(--mj-color-success-700);\n}\n\n.sync-result-banner.success[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.sync-result-banner.error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-error) 20%, transparent);\n    color: var(--mj-status-error);\n}\n\n.sync-result-banner.error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n\n\n.data-table[_ngcontent-%COMP%] {\n    overflow: auto;\n    background: var(--mj-bg-surface);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\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 var(--mj-border-default);\n}\n\n.data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--mj-text-disabled);\n    font-weight: 600;\n    background: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\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: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\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-brand-primary);\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: var(--mj-status-error);\n    font-size: 12px;\n}\n\n.data-table[_ngcontent-%COMP%]   .server-name[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\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: var(--mj-bg-surface-sunken);\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: var(--mj-border-strong);\n    transition: color 0.15s ease;\n}\n\n.data-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]:hover   .sort-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-disabled);\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-brand-primary);\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: var(--mj-bg-surface);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    color: var(--mj-border-default);\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-primary);\n}\n\n.empty-state[_ngcontent-%COMP%]   .hint[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-bottom: 16px;\n}\n\n\n\n\n\n.view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--mj-border-default);\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-brand-primary);\n    color: var(--mj-color-neutral-0);\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: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\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: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.server-group-header[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\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: var(--mj-text-disabled);\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-primary);\n}\n\n.tool-count[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\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 var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    transition: all 0.2s ease;\n    overflow: hidden;\n}\n\n.tool-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.tool-card.expanded[_ngcontent-%COMP%] {\n    border-color: var(--mj-brand-primary);\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-brand-primary);\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-primary);\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: var(--mj-bg-surface-card);\n    border-radius: 10px;\n    font-size: 11px;\n    color: var(--mj-text-secondary);\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);\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 var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n\n\n.tool-details[_ngcontent-%COMP%] {\n    padding: 12px 14px;\n    background: var(--mj-bg-surface-card);\n    border-top: 1px solid var(--mj-border-default);\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);\n    font-weight: 500;\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-value.mono[_ngcontent-%COMP%] {\n    font-family: 'Consolas', 'Monaco', monospace;\n    background: var(--mj-bg-surface);\n    padding: 2px 6px;\n    border-radius: 3px;\n    border: 1px solid var(--mj-border-default);\n}\n\n.schema-preview[_ngcontent-%COMP%] {\n    margin: 0;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\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 var(--mj-border-default);\n}\n\n.tools-list[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--mj-text-disabled);\n    font-weight: 600;\n    background: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\n}\n\n.tools-list[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.expanded[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\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-brand-primary);\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-primary);\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);\n}\n\n.description-cell[_ngcontent-%COMP%] {\n    max-width: 300px;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\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: var(--mj-bg-surface-card);\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\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: var(--mj-bg-surface-card);\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 var(--mj-border-default);\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);\n    font-weight: 500;\n}\n\n.inline-details[_ngcontent-%COMP%]   .detail-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\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 var(--mj-border-default);\n    }\n\n    .sidebar-header[_ngcontent-%COMP%] {\n        padding: 12px 16px;\n        border-bottom: none;\n        border-right: 1px solid var(--mj-border-default);\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 var(--mj-border-default);\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: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent) !important;\n}\n\n.clickable-row[_ngcontent-%COMP%]   .action-cell[_ngcontent-%COMP%] {\n    color: var(--mj-border-strong);\n    transition: color 0.15s ease;\n}\n\n.clickable-row[_ngcontent-%COMP%]:hover   .action-cell[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\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: var(--mj-bg-surface-sunken);\n}\n\n.expand-arrow[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-disabled);\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-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n\n\n\n\n.expanded-tools-section[_ngcontent-%COMP%] {\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\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-brand-primary);\n    border-bottom: 1px solid var(--mj-border-default);\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);\n    font-size: 13px;\n}\n\n.no-tools-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-disabled);\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: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    transition: all 0.15s ease;\n}\n\n.tool-mini-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 2%, transparent);\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-primary);\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);\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: color-mix(in srgb, var(--mj-status-warning) 40%, var(--mj-bg-surface));\n    padding: 1px 2px;\n    border-radius: 2px;\n    font-weight: inherit;\n}"] });
+            i0.ɵɵconditional(ctx.ShowLogDetailPanel && ctx.SelectedLog ? 76 : -1);
+        } }, dependencies: [i2.NgClass, i3.NgSelectOption, i3.ɵNgSelectMultipleOption, i4.MJButtonDirective, i5.LoadingComponent], styles: ["\n\n.mcp-dashboard[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--mj-bg-page);\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: var(--mj-bg-surface);\n    border-bottom: 1px solid var(--mj-border-default);\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-primary);\n}\n\n.dashboard-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\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: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    transition: all 0.2s ease;\n}\n\n.filter-toggle-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-text-primary);\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);\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\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);\n    transition: all 0.2s ease;\n}\n\n.tab-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-bg-surface) 70%, transparent);\n    color: var(--mj-text-primary);\n}\n\n.tab-btn.active[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    color: var(--mj-brand-primary);\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: var(--mj-border-default);\n    border-radius: 9px;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n}\n\n.tab-btn.active[_ngcontent-%COMP%]   .tab-badge[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    color: var(--mj-brand-primary);\n}\n\n.tab-badge.has-errors[_ngcontent-%COMP%] {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\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: var(--mj-bg-surface);\n    border-right: 1px solid var(--mj-border-default);\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-brand-primary);\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: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error);\n    border-radius: 8px;\n    color: var(--mj-status-error);\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: var(--mj-status-error);\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 var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    background: var(--mj-bg-surface);\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: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\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-brand-primary);\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);\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: var(--mj-status-error);\n}\n\n.detail[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--mj-text-disabled);\n    font-weight: 500;\n}\n\n.detail[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-primary);\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: var(--mj-bg-surface-card);\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: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.status-inactive[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-disabled) 10%, var(--mj-bg-surface));\n    color: var(--mj-text-disabled);\n}\n\n.status-error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.status-deprecated[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.status-unknown[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-disabled) 10%, var(--mj-bg-surface));\n    color: var(--mj-text-disabled);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n.sync-progress-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\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: color-mix(in srgb, var(--mj-status-success) 8%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-success) 20%, transparent);\n    color: var(--mj-color-success-700);\n}\n\n.sync-result-banner.success[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.sync-result-banner.error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-error) 20%, transparent);\n    color: var(--mj-status-error);\n}\n\n.sync-result-banner.error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n\n\n.data-table[_ngcontent-%COMP%] {\n    overflow: auto;\n    background: var(--mj-bg-surface);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\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 var(--mj-border-default);\n}\n\n.data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--mj-text-disabled);\n    font-weight: 600;\n    background: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\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: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\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-brand-primary);\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: var(--mj-status-error);\n    font-size: 12px;\n}\n\n.data-table[_ngcontent-%COMP%]   .server-name[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\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: var(--mj-bg-surface-sunken);\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: var(--mj-border-strong);\n    transition: color 0.15s ease;\n}\n\n.data-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]:hover   .sort-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-disabled);\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-brand-primary);\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: var(--mj-bg-surface);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    color: var(--mj-border-default);\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-primary);\n}\n\n.empty-state[_ngcontent-%COMP%]   .hint[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-bottom: 16px;\n}\n\n\n\n\n\n.view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--mj-border-default);\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-brand-primary);\n    color: var(--mj-color-neutral-0);\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: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\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: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.server-group-header[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\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: var(--mj-text-disabled);\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-primary);\n}\n\n.tool-count[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\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 var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    transition: all 0.2s ease;\n    overflow: hidden;\n}\n\n.tool-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.tool-card.expanded[_ngcontent-%COMP%] {\n    border-color: var(--mj-brand-primary);\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-brand-primary);\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-primary);\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: var(--mj-bg-surface-card);\n    border-radius: 10px;\n    font-size: 11px;\n    color: var(--mj-text-secondary);\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);\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 var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n\n\n.tool-details[_ngcontent-%COMP%] {\n    padding: 12px 14px;\n    background: var(--mj-bg-surface-card);\n    border-top: 1px solid var(--mj-border-default);\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);\n    font-weight: 500;\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n}\n\n.tool-details[_ngcontent-%COMP%]   .detail-value.mono[_ngcontent-%COMP%] {\n    font-family: 'Consolas', 'Monaco', monospace;\n    background: var(--mj-bg-surface);\n    padding: 2px 6px;\n    border-radius: 3px;\n    border: 1px solid var(--mj-border-default);\n}\n\n.schema-preview[_ngcontent-%COMP%] {\n    margin: 0;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\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 var(--mj-border-default);\n}\n\n.tools-list[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--mj-text-disabled);\n    font-weight: 600;\n    background: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\n}\n\n.tools-list[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.expanded[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\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-brand-primary);\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-primary);\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);\n}\n\n.description-cell[_ngcontent-%COMP%] {\n    max-width: 300px;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\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: var(--mj-bg-surface-card);\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\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: var(--mj-bg-surface-card);\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 var(--mj-border-default);\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);\n    font-weight: 500;\n}\n\n.inline-details[_ngcontent-%COMP%]   .detail-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\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 var(--mj-border-default);\n    }\n\n    .sidebar-header[_ngcontent-%COMP%] {\n        padding: 12px 16px;\n        border-bottom: none;\n        border-right: 1px solid var(--mj-border-default);\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 var(--mj-border-default);\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: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent) !important;\n}\n\n.clickable-row[_ngcontent-%COMP%]   .action-cell[_ngcontent-%COMP%] {\n    color: var(--mj-border-strong);\n    transition: color 0.15s ease;\n}\n\n.clickable-row[_ngcontent-%COMP%]:hover   .action-cell[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\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: var(--mj-bg-surface-sunken);\n}\n\n.expand-arrow[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-disabled);\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-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n\n\n\n\n.expanded-tools-section[_ngcontent-%COMP%] {\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\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-brand-primary);\n    border-bottom: 1px solid var(--mj-border-default);\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);\n    font-size: 13px;\n}\n\n.no-tools-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-disabled);\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: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    transition: all 0.15s ease;\n}\n\n.tool-mini-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 2%, transparent);\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-primary);\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);\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: color-mix(in srgb, var(--mj-status-warning) 40%, var(--mj-bg-surface));\n    padding: 1px 2px;\n    border-radius: 2px;\n    font-weight: inherit;\n}"] });
 };
 MCPDashboardComponent = __decorate([
     RegisterClass(BaseDashboard, 'MCPDashboard')
@@ -2678,7 +4470,7 @@ MCPDashboardComponent = __decorate([
 export { MCPDashboardComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MCPDashboardComponent, [{
         type: Component,
-        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 mjButton variant=\"primary\" (click)=\"createServer()\">\n                        <i class=\"fa-solid fa-plus\"></i>\n                        Add Server\n                    </button>\n                }\n                @case ('connections') {\n                    <button mjButton variant=\"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 mjButton variant=\"primary\" (click)=\"openTestToolDialog()\">\n                        <i class=\"fa-solid fa-play\"></i>\n                        Test Tool\n                    </button>\n                }\n                @case ('logs') {\n                    <button mjButton variant=\"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 mjButton variant=\"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 mjButton variant=\"flat\" (click)=\"editServer(server)\" title=\"Edit\">\n                                                        <i class=\"fa-solid fa-pen\"></i>\n                                                    </button>\n                                                    <button mjButton variant=\"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 mjButton\n                                                                            variant=\"flat\"\n                                                                            size=\"sm\"\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 mjButton variant=\"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 mjButton\n                                                            variant=\"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 mjButton variant=\"flat\" (click)=\"editConnection(conn)\" title=\"Edit\">\n                                                        <i class=\"fa-solid fa-pen\"></i>\n                                                    </button>\n                                                    <button mjButton variant=\"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 mjButton\n                                                                            variant=\"flat\"\n                                                                            size=\"sm\"\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 mjButton variant=\"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 mjButton variant=\"flat\" size=\"sm\" (click)=\"openTestToolDialog(tool)\" title=\"Test this tool\">\n                                                                        <i class=\"fa-solid fa-play\"></i>\n                                                                        Test\n                                                                    </button>\n                                                                    <button mjButton variant=\"flat\" size=\"sm\" (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 mjButton variant=\"flat\" size=\"sm\" (click)=\"openTestToolDialog(tool)\" title=\"Test\">\n                                                                                <i class=\"fa-solid fa-play\"></i>\n                                                                            </button>\n                                                                            <button mjButton variant=\"flat\" size=\"sm\" (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-bg-page);\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: var(--mj-bg-surface);\n    border-bottom: 1px solid var(--mj-border-default);\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-primary);\n}\n\n.dashboard-title i {\n    color: var(--mj-brand-primary);\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: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    transition: all 0.2s ease;\n}\n\n.filter-toggle-btn:hover {\n    background: var(--mj-bg-surface-sunken);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-text-primary);\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);\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\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);\n    transition: all 0.2s ease;\n}\n\n.tab-btn:hover {\n    background: color-mix(in srgb, var(--mj-bg-surface) 70%, transparent);\n    color: var(--mj-text-primary);\n}\n\n.tab-btn.active {\n    background: var(--mj-bg-surface);\n    color: var(--mj-brand-primary);\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: var(--mj-border-default);\n    border-radius: 9px;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n}\n\n.tab-btn.active .tab-badge {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    color: var(--mj-brand-primary);\n}\n\n.tab-badge.has-errors {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\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: var(--mj-bg-surface);\n    border-right: 1px solid var(--mj-border-default);\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-brand-primary);\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: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error);\n    border-radius: 8px;\n    color: var(--mj-status-error);\n}\n\n.error-banner .close-btn {\n    margin-left: auto;\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-status-error);\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 var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    background: var(--mj-bg-surface);\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: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\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-brand-primary);\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);\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: var(--mj-status-error);\n}\n\n.detail .label {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--mj-text-disabled);\n    font-weight: 500;\n}\n\n.detail .value {\n    font-size: 13px;\n    color: var(--mj-text-primary);\n}\n\n.detail .value.url,\n.detail .value.command {\n    font-family: monospace;\n    font-size: 12px;\n    background: var(--mj-bg-surface-card);\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: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.status-inactive {\n    background: color-mix(in srgb, var(--mj-text-disabled) 10%, var(--mj-bg-surface));\n    color: var(--mj-text-disabled);\n}\n\n.status-error {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.status-deprecated {\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.status-unknown {\n    background: color-mix(in srgb, var(--mj-text-disabled) 10%, var(--mj-bg-surface));\n    color: var(--mj-text-disabled);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n.sync-progress-banner i {\n    color: var(--mj-brand-primary);\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: color-mix(in srgb, var(--mj-status-success) 8%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-success) 20%, transparent);\n    color: var(--mj-color-success-700);\n}\n\n.sync-result-banner.success i {\n    color: var(--mj-status-success);\n}\n\n.sync-result-banner.error {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-error) 20%, transparent);\n    color: var(--mj-status-error);\n}\n\n.sync-result-banner.error i {\n    color: var(--mj-status-error);\n}\n\n/* Data Table */\n.data-table {\n    overflow: auto;\n    background: var(--mj-bg-surface);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\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 var(--mj-border-default);\n}\n\n.data-table th {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--mj-text-disabled);\n    font-weight: 600;\n    background: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\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: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\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-brand-primary);\n}\n\n.data-table .error-message {\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-status-error);\n    font-size: 12px;\n}\n\n.data-table .server-name {\n    color: var(--mj-text-secondary);\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: var(--mj-bg-surface-sunken);\n}\n\n.data-table th.sortable .sort-icon {\n    margin-left: 6px;\n    font-size: 10px;\n    color: var(--mj-border-strong);\n    transition: color 0.15s ease;\n}\n\n.data-table th.sortable:hover .sort-icon {\n    color: var(--mj-text-disabled);\n}\n\n.data-table th.sorted-asc .sort-icon,\n.data-table th.sorted-desc .sort-icon {\n    color: var(--mj-brand-primary);\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: var(--mj-bg-surface);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n}\n\n.empty-state i {\n    font-size: 48px;\n    color: var(--mj-border-default);\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-primary);\n}\n\n.empty-state .hint {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-bottom: 16px;\n}\n\n/* ========================================\n   View Mode Toggle\n   ======================================== */\n.view-toggle {\n    display: flex;\n    border: 1px solid var(--mj-border-default);\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-brand-primary);\n    color: var(--mj-color-neutral-0);\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: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\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: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.server-group-header:hover {\n    background: var(--mj-bg-surface-sunken);\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: var(--mj-text-disabled);\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-primary);\n}\n\n.tool-count {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\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 var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    transition: all 0.2s ease;\n    overflow: hidden;\n}\n\n.tool-card:hover {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.tool-card.expanded {\n    border-color: var(--mj-brand-primary);\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-brand-primary);\n    font-size: 14px;\n}\n\n.tool-title .name {\n    font-weight: 600;\n    font-size: 14px;\n    color: var(--mj-text-primary);\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: var(--mj-bg-surface-card);\n    border-radius: 10px;\n    font-size: 11px;\n    color: var(--mj-text-secondary);\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);\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 var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n/* Tool Details (Expanded) */\n.tool-details {\n    padding: 12px 14px;\n    background: var(--mj-bg-surface-card);\n    border-top: 1px solid var(--mj-border-default);\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);\n    font-weight: 500;\n}\n\n.tool-details .detail-value {\n    color: var(--mj-text-primary);\n}\n\n.tool-details .detail-value.mono {\n    font-family: 'Consolas', 'Monaco', monospace;\n    background: var(--mj-bg-surface);\n    padding: 2px 6px;\n    border-radius: 3px;\n    border: 1px solid var(--mj-border-default);\n}\n\n.schema-preview {\n    margin: 0;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\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 var(--mj-border-default);\n}\n\n.tools-list th {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--mj-text-disabled);\n    font-weight: 600;\n    background: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\n}\n\n.tools-list tbody tr.expanded {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\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-brand-primary);\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-primary);\n}\n\n.tool-name-info .tool-code {\n    font-size: 11px;\n    font-family: monospace;\n    color: var(--mj-text-secondary);\n}\n\n.description-cell {\n    max-width: 300px;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\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: var(--mj-bg-surface-card);\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\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: var(--mj-bg-surface-card);\n}\n\n.inline-details {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px;\n    border-top: 1px dashed var(--mj-border-default);\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);\n    font-weight: 500;\n}\n\n.inline-details .detail-value {\n    color: var(--mj-text-primary);\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 var(--mj-border-default);\n    }\n\n    .sidebar-header {\n        padding: 12px 16px;\n        border-bottom: none;\n        border-right: 1px solid var(--mj-border-default);\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 var(--mj-border-default);\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: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent) !important;\n}\n\n.clickable-row .action-cell {\n    color: var(--mj-border-strong);\n    transition: color 0.15s ease;\n}\n\n.clickable-row:hover .action-cell {\n    color: var(--mj-brand-primary);\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: var(--mj-bg-surface-sunken);\n}\n\n.expand-arrow {\n    font-size: 12px;\n    color: var(--mj-text-disabled);\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-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n/* ========================================\n   Expanded Tools Section (Server/Connection Cards)\n   ======================================== */\n.expanded-tools-section {\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\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-brand-primary);\n    border-bottom: 1px solid var(--mj-border-default);\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);\n    font-size: 13px;\n}\n\n.no-tools-message i {\n    color: var(--mj-text-disabled);\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: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    transition: all 0.15s ease;\n}\n\n.tool-mini-card:hover {\n    border-color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 2%, transparent);\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-primary);\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);\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: color-mix(in srgb, var(--mj-status-warning) 40%, var(--mj-bg-surface));\n    padding: 1px 2px;\n    border-radius: 2px;\n    font-weight: inherit;\n}\n"] }]
+        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 mjButton variant=\"primary\" (click)=\"createServer()\">\n                        <i class=\"fa-solid fa-plus\"></i>\n                        Add Server\n                    </button>\n                }\n                @case ('connections') {\n                    <button mjButton variant=\"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 mjButton variant=\"primary\" (click)=\"openTestToolDialog()\">\n                        <i class=\"fa-solid fa-play\"></i>\n                        Test Tool\n                    </button>\n                }\n                @case ('logs') {\n                    <button mjButton variant=\"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) \u2014 INLINED to avoid module-resolution failures in dynamic component -->\n        <div class=\"filter-panel-container\" [class.hidden]=\"!FilterPanelVisible\">\n            <div style=\"padding:12px;border-right:1px solid var(--mj-border-default,#e0e0e0);height:100%;box-sizing:border-box;overflow-y:auto;background:var(--mj-bg-surface,#fff);min-width:240px\">\n                <!-- Header -->\n                <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:12px\">\n                    <div style=\"display:flex;align-items:center;gap:6px\">\n                        <h3 style=\"margin:0;font-size:0.95rem;font-weight:600\">MCP Filters</h3>\n                        @if (activeFilterCount() > 0) {\n                            <span style=\"padding:2px 8px;background:var(--mj-brand-primary,#264FAF);color:#fff;border-radius:10px;font-size:0.7rem;font-weight:600\">{{ activeFilterCount() }}</span>\n                        }\n                    </div>\n                    <div style=\"font-size:0.75rem;color:var(--mj-text-muted,#888)\">{{ CurrentFilteredCount }} / {{ CurrentTotalCount }}</div>\n                </div>\n\n                <!-- Search -->\n                <div style=\"margin-bottom:12px\">\n                    <label style=\"display:block;font-size:0.75rem;color:var(--mj-text-secondary,#475569);margin-bottom:4px\"><i class=\"fa-solid fa-search\"></i> Search</label>\n                    <input #fSearch type=\"text\" class=\"mj-input\" style=\"width:100%;box-sizing:border-box\" [value]=\"CurrentFilters.searchTerm\" (input)=\"onFilterFieldChange('searchTerm', fSearch.value)\" placeholder=\"Search\u2026\" />\n                </div>\n\n                <!-- Tool tab filters -->\n                @if (ActiveTab === 'tools') {\n                    <div style=\"margin-bottom:12px\">\n                        <label style=\"display:block;font-size:0.75rem;color:var(--mj-text-secondary,#475569);margin-bottom:4px\"><i class=\"fa-solid fa-server\"></i> Server</label>\n                        <select #fServer class=\"mj-input\" style=\"width:100%;box-sizing:border-box\" [value]=\"CurrentFilters.toolsServer ?? 'all'\" (change)=\"onFilterFieldChange('toolsServer', fServer.value)\">\n                            <option value=\"all\">All Servers</option>\n                            @for (s of toolsAvailableServers; track s.ID) {\n                                <option [value]=\"s.ID\">{{ s.Name }}</option>\n                            }\n                        </select>\n                    </div>\n                    <div style=\"margin-bottom:12px\">\n                        <label style=\"display:block;font-size:0.75rem;color:var(--mj-text-secondary,#475569);margin-bottom:4px\"><i class=\"fa-solid fa-tags\"></i> Category</label>\n                        <select #fCat class=\"mj-input\" style=\"width:100%;box-sizing:border-box\" [value]=\"CurrentFilters.toolsCategory ?? 'all'\" (change)=\"onFilterFieldChange('toolsCategory', fCat.value)\">\n                            <option value=\"all\">All Categories</option>\n                            @for (c of toolsAvailableCategories; track c.category) {\n                                <option [value]=\"c.category\">{{ c.category }} ({{ c.count }})</option>\n                            }\n                        </select>\n                    </div>\n                    <div style=\"margin-bottom:12px\">\n                        <label style=\"display:flex;align-items:center;gap:6px;cursor:pointer;font-size:0.85rem\">\n                            <input #fFav type=\"checkbox\" [checked]=\"CurrentFilters.favoritesOnly === true\" (change)=\"onFilterFieldChange('favoritesOnly', fFav.checked)\" />\n                            <i class=\"fa-solid fa-star\" style=\"color:var(--mj-status-warning,#f59e0b)\"></i>\n                            Favorites only\n                        </label>\n                    </div>\n                    <div style=\"margin-bottom:12px\">\n                        <label style=\"display:flex;align-items:center;gap:6px;cursor:pointer;font-size:0.85rem\">\n                            <input #fRec type=\"checkbox\" [checked]=\"CurrentFilters.recentOnly === true\" (change)=\"onFilterFieldChange('recentOnly', fRec.checked)\" />\n                            <i class=\"fa-solid fa-clock-rotate-left\" style=\"color:var(--mj-brand-primary,#264FAF)\"></i>\n                            Recently used only\n                        </label>\n                    </div>\n                }\n\n                <!-- Tab-specific status filter -->\n                @if (ActiveTab === 'servers') {\n                    <div style=\"margin-bottom:12px\">\n                        <label style=\"display:block;font-size:0.75rem;color:var(--mj-text-secondary,#475569);margin-bottom:4px\"><i class=\"fa-solid fa-toggle-on\"></i> Server Status</label>\n                        <select #fSStatus class=\"mj-input\" style=\"width:100%;box-sizing:border-box\" [value]=\"CurrentFilters.serverStatus\" (change)=\"onFilterFieldChange('serverStatus', fSStatus.value)\">\n                            <option value=\"all\">All Statuses</option>\n                            <option value=\"Active\">Active</option>\n                            <option value=\"Inactive\">Inactive</option>\n                        </select>\n                    </div>\n                }\n                @if (ActiveTab === 'connections') {\n                    <div style=\"margin-bottom:12px\">\n                        <label style=\"display:block;font-size:0.75rem;color:var(--mj-text-secondary,#475569);margin-bottom:4px\"><i class=\"fa-solid fa-toggle-on\"></i> Connection Status</label>\n                        <select #fCStatus class=\"mj-input\" style=\"width:100%;box-sizing:border-box\" [value]=\"CurrentFilters.connectionStatus\" (change)=\"onFilterFieldChange('connectionStatus', fCStatus.value)\">\n                            <option value=\"all\">All Statuses</option>\n                            <option value=\"Active\">Active</option>\n                            <option value=\"Inactive\">Inactive</option>\n                            <option value=\"Error\">Error</option>\n                        </select>\n                    </div>\n                }\n                @if (ActiveTab === 'tools') {\n                    <div style=\"margin-bottom:12px\">\n                        <label style=\"display:block;font-size:0.75rem;color:var(--mj-text-secondary,#475569);margin-bottom:4px\"><i class=\"fa-solid fa-toggle-on\"></i> Tool Status</label>\n                        <select #fTStatus class=\"mj-input\" style=\"width:100%;box-sizing:border-box\" [value]=\"CurrentFilters.toolStatus\" (change)=\"onFilterFieldChange('toolStatus', fTStatus.value)\">\n                            <option value=\"all\">All Statuses</option>\n                            <option value=\"Active\">Active</option>\n                            <option value=\"Deprecated\">Deprecated</option>\n                        </select>\n                    </div>\n                }\n                @if (ActiveTab === 'logs') {\n                    <div style=\"margin-bottom:12px\">\n                        <label style=\"display:block;font-size:0.75rem;color:var(--mj-text-secondary,#475569);margin-bottom:4px\"><i class=\"fa-solid fa-circle-check\"></i> Log Status</label>\n                        <select #fLStatus class=\"mj-input\" style=\"width:100%;box-sizing:border-box\" [value]=\"CurrentFilters.logStatus\" (change)=\"onFilterFieldChange('logStatus', fLStatus.value)\">\n                            <option value=\"all\">All Statuses</option>\n                            <option value=\"Success\">Success</option>\n                            <option value=\"Error\">Error</option>\n                            <option value=\"Running\">Running</option>\n                        </select>\n                    </div>\n                }\n\n                <!-- Reset -->\n                <div style=\"margin-top:16px\">\n                    <button mjButton variant=\"flat\" style=\"width:100%\" (click)=\"resetAllFilters()\">\n                        <i class=\"fa-solid fa-undo\"></i> Reset Filters\n                    </button>\n                </div>\n            </div>\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 mjButton variant=\"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\">{{ server.Name }}</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 mjButton variant=\"flat\" (click)=\"editServer(server)\" title=\"Edit\">\n                                                        <i class=\"fa-solid fa-pen\"></i>\n                                                    </button>\n                                                    <button mjButton variant=\"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\">{{ server.Description }}</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 mjButton\n                                                                            variant=\"flat\"\n                                                                            size=\"sm\"\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 mjButton variant=\"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\">{{ conn.Name }}</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 mjButton\n                                                            variant=\"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 mjButton variant=\"flat\" (click)=\"editConnection(conn)\" title=\"Edit\">\n                                                        <i class=\"fa-solid fa-pen\"></i>\n                                                    </button>\n                                                    <button mjButton variant=\"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\">{{ conn.Description }}</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 mjButton\n                                                                            variant=\"flat\"\n                                                                            size=\"sm\"\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                            <!-- Scale-mode toggle (Part 3.2): flip to virtual-scrolled paginated list for 1000s of tools -->\n                            <div style=\"display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:4px 0;font-size:0.8rem;color:var(--mj-text-muted,#888)\">\n                                <label style=\"display:flex;align-items:center;gap:6px;cursor:pointer\">\n                                    <input type=\"checkbox\" [checked]=\"useScalablePagination\" (change)=\"toggleScalableMode($any($event.target).checked)\" />\n                                    Scale mode (virtual scroll, paginated)\n                                </label>\n                                @if (useScalablePagination) {\n                                    <span>\u00B7 Showing {{ pagedTools.length }} of {{ toolsTotalCount }}</span>\n                                }\n                            </div>\n                            @if (useScalablePagination) {\n                                <div style=\"padding:8px 12px;font-size:0.8rem;color:var(--mj-text-secondary,#475569);background:var(--mj-bg-surface-card,#f8f9fa);border-radius:4px;margin-bottom:6px\">\n                                    Showing <strong>{{ visiblePagedTools.length }}</strong> of <strong>{{ scaleDenominator() }}</strong> tools\n                                </div>\n                                <div style=\"height:calc(100vh - 260px);width:100%;overflow-y:auto;border:1px solid var(--mj-border-subtle,#eee);border-radius:4px\" (scroll)=\"onToolsScrollNative($event)\">\n                                    @for (tool of visiblePagedTools; track tool.ID) {\n                                    <div style=\"display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--mj-border-subtle,#eee);height:72px;box-sizing:border-box\">\n                                        <i class=\"fa-solid fa-wrench\" style=\"color:var(--mj-brand-primary,#264FAF)\"></i>\n                                        <div style=\"flex:1;min-width:0\">\n                                            <div style=\"font-weight:500;font-size:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap\">{{ tool.ToolTitle || tool.ToolName }}</div>\n                                            <div style=\"font-size:0.75rem;color:var(--mj-text-muted,#888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap\">{{ tool.ServerName }} \u00B7 {{ tool.ToolName }}</div>\n                                        </div>\n                                        <button type=\"button\" (click)=\"toggleFavorite(tool.ID, $event)\" [title]=\"isFavorited(tool.ID) ? 'Unfavorite' : 'Favorite'\" style=\"background:transparent;border:none;cursor:pointer;padding:4px;font-size:1rem\" [style.color]=\"isFavorited(tool.ID) ? 'var(--mj-status-warning, #f59e0b)' : 'var(--mj-text-muted, #bbb)'\">\n                                            <i [class]=\"isFavorited(tool.ID) ? 'fa-solid fa-star' : 'fa-regular fa-star'\"></i>\n                                        </button>\n                                        <span class=\"status-badge small\" [ngClass]=\"getStatusClass(tool.Status)\">{{ tool.Status }}</span>\n                                    </div>\n                                    }\n                                    @if (toolsLoading) {\n                                        <div style=\"padding:12px;text-align:center;font-size:0.8rem;color:var(--mj-text-muted,#888)\">Loading more\u2026</div>\n                                    }\n                                </div>\n                            } @else 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\">{{ getServerToolCount(group.server.ID) }} 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 mjButton variant=\"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\">{{ tool.ToolTitle || tool.ToolName }}</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\">{{ tool.ToolDescription }}</p>\n                                                                }\n                                                                <div class=\"tool-card-actions\">\n                                                                    <button type=\"button\" (click)=\"toggleFavorite(tool.ID, $event)\" [title]=\"isFavorited(tool.ID) ? 'Unfavorite' : 'Favorite'\" style=\"background:transparent;border:none;cursor:pointer;padding:4px;font-size:1rem\" [style.color]=\"isFavorited(tool.ID) ? 'var(--mj-status-warning, #f59e0b)' : 'var(--mj-text-muted, #bbb)'\">\n                                                                        <i [class]=\"isFavorited(tool.ID) ? 'fa-solid fa-star' : 'fa-regular fa-star'\"></i>\n                                                                    </button>\n                                                                    <button mjButton variant=\"flat\" size=\"sm\" (click)=\"openTestToolDialog(tool)\" title=\"Test this tool\">\n                                                                        <i class=\"fa-solid fa-play\"></i>\n                                                                        Test\n                                                                    </button>\n                                                                    <button mjButton variant=\"flat\" size=\"sm\" (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\">{{ tool.ToolTitle || tool.ToolName }}</span>\n                                                                                @if (tool.ToolTitle) {\n                                                                                    <span class=\"tool-code\">{{ tool.ToolName }}</span>\n                                                                                }\n                                                                            </div>\n                                                                        </td>\n                                                                        <td class=\"description-cell\">{{ tool.ToolDescription || '-' }}</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 type=\"button\" (click)=\"toggleFavorite(tool.ID, $event)\" [title]=\"isFavorited(tool.ID) ? 'Unfavorite' : 'Favorite'\" style=\"background:transparent;border:none;cursor:pointer;padding:4px;font-size:0.95rem;margin-right:4px\" [style.color]=\"isFavorited(tool.ID) ? 'var(--mj-status-warning, #f59e0b)' : 'var(--mj-text-muted, #bbb)'\">\n                                                                                <i [class]=\"isFavorited(tool.ID) ? 'fa-solid fa-star' : 'fa-regular fa-star'\"></i>\n                                                                            </button>\n                                                                            <button mjButton variant=\"flat\" size=\"sm\" (click)=\"openTestToolDialog(tool)\" title=\"Test\">\n                                                                                <i class=\"fa-solid fa-play\"></i>\n                                                                            </button>\n                                                                            <button mjButton variant=\"flat\" size=\"sm\" (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 (inline \u2014 avoids sub-component DI issues) -->\n@if (ShowServerDialog) {\n    <div style=\"position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center\" (click)=\"cancelServerForm()\">\n        <div style=\"display:flex;flex-direction:column;background:var(--mj-bg-surface,#fff);border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.3);overflow:hidden;width:600px;max-width:90vw;max-height:90vh\" (click)=\"$event.stopPropagation()\">\n            <!-- Title bar -->\n            <div style=\"display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--mj-border-default,#e0e0e0);flex-shrink:0\">\n                <h2 style=\"margin:0;font-size:1.125rem;font-weight:600;color:var(--mj-text-primary,#333)\">{{ EditingServer ? 'Edit MCP Server' : 'Add MCP Server' }}</h2>\n                <button style=\"display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;cursor:pointer;color:var(--mj-text-muted,#888);border-radius:4px\" (click)=\"cancelServerForm()\">\n                    <i class=\"fa-solid fa-times\"></i>\n                </button>\n            </div>\n            <!-- Body -->\n            <div style=\"flex:1;overflow-y:auto;padding:20px;color:var(--mj-text-primary,#333)\">\n                @if (ServerFormError) {\n                    <div style=\"background:var(--mj-status-error-bg,#fff5f5);border:1px solid var(--mj-status-error-border,#feb2b2);border-radius:6px;padding:10px 14px;margin-bottom:16px;color:var(--mj-status-error-text,#c53030);font-size:0.875rem\">\n                        <i class=\"fa-solid fa-exclamation-triangle\"></i> {{ ServerFormError }}\n                    </div>\n                }\n                <!-- Name -->\n                <div style=\"margin-bottom:16px\">\n                    <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Name <span style=\"color:var(--mj-status-error,#e53e3e)\">*</span></label>\n                    <input #sfName class=\"mj-input\" placeholder=\"e.g., GitHub MCP Server\" [value]=\"ServerForm.Name\" (input)=\"ServerForm.Name = sfName.value\" style=\"width:100%;box-sizing:border-box\" />\n                </div>\n                <!-- Description -->\n                <div style=\"margin-bottom:16px\">\n                    <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Description</label>\n                    <textarea #sfDesc class=\"mj-textarea\" placeholder=\"Optional description\" [value]=\"ServerForm.Description\" (input)=\"ServerForm.Description = sfDesc.value\" rows=\"3\" style=\"width:100%;box-sizing:border-box\"></textarea>\n                </div>\n                <!-- Transport Type -->\n                <div style=\"margin-bottom:16px\">\n                    <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Transport Type <span style=\"color:var(--mj-status-error,#e53e3e)\">*</span></label>\n                    <select #sfTransport class=\"mj-input\" [value]=\"ServerForm.TransportType\" (change)=\"ServerForm.TransportType = sfTransport.value\" style=\"width:100%;box-sizing:border-box\">\n                        @for (t of TransportTypes; track t.value) {\n                            <option [value]=\"t.value\">{{ t.label }}</option>\n                        }\n                    </select>\n                </div>\n                <!-- Server URL (for HTTP-based transports) -->\n                @if (ServerForm.TransportType === 'StreamableHTTP' || ServerForm.TransportType === 'SSE' || ServerForm.TransportType === 'WebSocket') {\n                    <div style=\"margin-bottom:16px\">\n                        <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Server URL <span style=\"color:var(--mj-status-error,#e53e3e)\">*</span></label>\n                        <input #sfUrl class=\"mj-input\" placeholder=\"https://api.example.com/mcp\" [value]=\"ServerForm.ServerURL\" (input)=\"ServerForm.ServerURL = sfUrl.value\" style=\"width:100%;box-sizing:border-box\" />\n                    </div>\n                }\n                <!-- Command (for Stdio) -->\n                @if (ServerForm.TransportType === 'Stdio') {\n                    <div style=\"margin-bottom:16px\">\n                        <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Command <span style=\"color:var(--mj-status-error,#e53e3e)\">*</span></label>\n                        <input #sfCmd class=\"mj-input\" placeholder=\"e.g., npx\" [value]=\"ServerForm.Command\" (input)=\"ServerForm.Command = sfCmd.value\" style=\"width:100%;box-sizing:border-box\" />\n                    </div>\n                }\n                <!-- Auth Type -->\n                <div style=\"margin-bottom:16px\">\n                    <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Default Auth Type</label>\n                    <select #sfAuth class=\"mj-input\" [value]=\"ServerForm.DefaultAuthType\" (change)=\"ServerForm.DefaultAuthType = sfAuth.value\" style=\"width:100%;box-sizing:border-box\">\n                        @for (a of AuthTypes; track a.value) {\n                            <option [value]=\"a.value\">{{ a.label }}</option>\n                        }\n                    </select>\n                </div>\n                <!-- Status -->\n                <div style=\"margin-bottom:16px\">\n                    <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Status</label>\n                    <select #sfStatus class=\"mj-input\" [value]=\"ServerForm.Status\" (change)=\"ServerForm.Status = sfStatus.value\" style=\"width:100%;box-sizing:border-box\">\n                        <option value=\"Active\">Active</option>\n                        <option value=\"Inactive\">Inactive</option>\n                    </select>\n                </div>\n            </div>\n            <!-- Actions -->\n            <div style=\"display:flex;align-items:center;gap:8px;padding:16px 20px;border-top:1px solid var(--mj-border-default,#e0e0e0);flex-shrink:0\">\n                <button mjButton variant=\"primary\" (click)=\"saveServerForm()\" [disabled]=\"ServerFormSaving\">\n                    @if (ServerFormSaving) { <i class=\"fa-solid fa-spinner fa-spin\"></i> }\n                    {{ EditingServer ? 'Update' : 'Create' }}\n                </button>\n                <button mjButton (click)=\"cancelServerForm()\">Cancel</button>\n            </div>\n        </div>\n    </div>\n}\n\n<!-- Connection Dialog (inline) -->\n@if (ShowConnectionDialog) {\n    <div style=\"position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center\" (click)=\"cancelConnectionForm()\">\n        <div style=\"display:flex;flex-direction:column;background:var(--mj-bg-surface,#fff);border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.3);overflow:hidden;width:560px;max-width:90vw;max-height:90vh\" (click)=\"$event.stopPropagation()\">\n            <div style=\"display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--mj-border-default,#e0e0e0);flex-shrink:0\">\n                <h2 style=\"margin:0;font-size:1.125rem;font-weight:600;color:var(--mj-text-primary,#333)\">Add Connection</h2>\n                <button style=\"display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;cursor:pointer;color:var(--mj-text-muted,#888);border-radius:4px\" (click)=\"cancelConnectionForm()\">\n                    <i class=\"fa-solid fa-times\"></i>\n                </button>\n            </div>\n            <div style=\"flex:1;overflow-y:auto;padding:20px;color:var(--mj-text-primary,#333)\">\n                @if (ConnectionFormError) {\n                    <div style=\"background:var(--mj-status-error-bg,#fff5f5);border:1px solid var(--mj-status-error-border,#feb2b2);border-radius:6px;padding:10px 14px;margin-bottom:16px;color:var(--mj-status-error-text,#c53030);font-size:0.875rem\">\n                        <i class=\"fa-solid fa-exclamation-triangle\"></i> {{ ConnectionFormError }}\n                    </div>\n                }\n                <div style=\"margin-bottom:16px\">\n                    <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Server <span style=\"color:var(--mj-status-error,#e53e3e)\">*</span></label>\n                    <select #cfServer class=\"mj-input\" [value]=\"ConnectionForm.MCPServerID\" (change)=\"ConnectionForm.MCPServerID = cfServer.value\" style=\"width:100%;box-sizing:border-box\">\n                        <option value=\"\">\u2014 select server \u2014</option>\n                        @for (s of servers; track s.ID) {\n                            <option [value]=\"s.ID\">{{ s.Name }}</option>\n                        }\n                    </select>\n                </div>\n                <div style=\"margin-bottom:16px\">\n                    <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Name <span style=\"color:var(--mj-status-error,#e53e3e)\">*</span></label>\n                    <input #cfName class=\"mj-input\" placeholder=\"e.g., Zapier Connection\" [value]=\"ConnectionForm.Name\" (input)=\"ConnectionForm.Name = cfName.value\" style=\"width:100%;box-sizing:border-box\" />\n                </div>\n                <div style=\"margin-bottom:16px\">\n                    <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Bearer Token</label>\n                    <input #cfToken class=\"mj-input\" placeholder=\"Paste bearer token here\" [value]=\"ConnectionForm.BearerToken\" (input)=\"ConnectionForm.BearerToken = cfToken.value\" style=\"width:100%;box-sizing:border-box;font-family:monospace;font-size:0.8rem\" />\n                    <span style=\"font-size:0.75rem;color:var(--mj-text-muted,#888)\">Will be stored as a Credential and linked to this connection</span>\n                </div>\n                <div style=\"margin-bottom:16px\">\n                    <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Status</label>\n                    <select #cfStatus class=\"mj-input\" [value]=\"ConnectionForm.Status\" (change)=\"ConnectionForm.Status = cfStatus.value\" style=\"width:100%;box-sizing:border-box\">\n                        <option value=\"Active\">Active</option>\n                        <option value=\"Inactive\">Inactive</option>\n                    </select>\n                </div>\n            </div>\n            <div style=\"display:flex;align-items:center;gap:8px;padding:16px 20px;border-top:1px solid var(--mj-border-default,#e0e0e0);flex-shrink:0\">\n                <button mjButton variant=\"primary\" (click)=\"saveConnectionForm()\" [disabled]=\"ConnectionFormSaving\">\n                    @if (ConnectionFormSaving) { <i class=\"fa-solid fa-spinner fa-spin\"></i> }\n                    Create\n                </button>\n                <button mjButton (click)=\"cancelConnectionForm()\">Cancel</button>\n            </div>\n        </div>\n    </div>\n}\n\n<!-- Test Tool Dialog (inline) -->\n@if (ShowTestToolDialog) {\n    <div style=\"position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center\" (click)=\"testCloseDialog()\">\n        <div style=\"display:flex;flex-direction:column;background:var(--mj-bg-surface,#fff);border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.3);overflow:hidden;width:640px;max-width:90vw;max-height:90vh\" (click)=\"$event.stopPropagation()\">\n            <!-- Title bar -->\n            <div style=\"display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--mj-border-default,#e0e0e0);flex-shrink:0\">\n                <h2 style=\"margin:0;font-size:1.125rem;font-weight:600;color:var(--mj-text-primary,#333)\">\n                    Test MCP Tool\n                    @if (TestStep !== 'select') {\n                        <span style=\"font-size:0.875rem;font-weight:400;color:var(--mj-text-muted,#888);margin-left:8px\">\u2014 {{ TestSelectedTool?.ToolTitle || TestSelectedTool?.ToolName }}</span>\n                    }\n                </h2>\n                <button style=\"display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;cursor:pointer;color:var(--mj-text-muted,#888);border-radius:4px\" (click)=\"testCloseDialog()\">\n                    <i class=\"fa-solid fa-times\"></i>\n                </button>\n            </div>\n            <!-- Step indicator -->\n            <div style=\"display:flex;gap:0;padding:10px 20px;background:var(--mj-bg-surface-card,#f9f9f9);border-bottom:1px solid var(--mj-border-default,#e0e0e0);flex-shrink:0\">\n                <span style=\"font-size:0.8rem;font-weight:500;\" [style.color]=\"TestStep==='select' ? 'var(--mj-brand-primary,#264FAF)' : 'var(--mj-text-muted,#888)'\">1. Select</span>\n                <span style=\"margin:0 8px;color:var(--mj-text-muted,#888)\">\u203A</span>\n                <span style=\"font-size:0.8rem;font-weight:500;\" [style.color]=\"TestStep==='configure' ? 'var(--mj-brand-primary,#264FAF)' : 'var(--mj-text-muted,#888)'\">2. Configure</span>\n                <span style=\"margin:0 8px;color:var(--mj-text-muted,#888)\">\u203A</span>\n                <span style=\"font-size:0.8rem;font-weight:500;\" [style.color]=\"TestStep==='results' ? 'var(--mj-brand-primary,#264FAF)' : 'var(--mj-text-muted,#888)'\">3. Results</span>\n            </div>\n            <!-- Body -->\n            <div style=\"flex:1;overflow-y:auto;padding:20px;color:var(--mj-text-primary,#333)\">\n                @if (TestStep === 'select') {\n                    <div style=\"margin-bottom:16px\">\n                        <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Server <span style=\"color:var(--mj-status-error,#e53e3e)\">*</span></label>\n                        <select #tSrv class=\"mj-input\" style=\"width:100%;box-sizing:border-box\" (change)=\"onTestServerChange(tSrv.value)\">\n                            <option value=\"\">\u2014 select server \u2014</option>\n                            @for (s of servers; track s.ID) {\n                                <option [value]=\"s.ID\" [selected]=\"TestToolServerID === s.ID\">{{ s.Name }}</option>\n                            }\n                        </select>\n                    </div>\n                    <div style=\"margin-bottom:16px\">\n                        <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Connection <span style=\"color:var(--mj-status-error,#e53e3e)\">*</span></label>\n                        <select #tConn class=\"mj-input\" style=\"width:100%;box-sizing:border-box\" [attr.disabled]=\"!TestToolServerID ? true : null\" (change)=\"onTestConnectionChange(tConn.value)\">\n                            <option value=\"\">\u2014 select connection \u2014</option>\n                            @for (c of TestFilteredConnections; track c.ID) {\n                                <option [value]=\"c.ID\" [selected]=\"TestToolConnectionID === c.ID\">{{ c.Name }}</option>\n                            }\n                        </select>\n                    </div>\n                    <div style=\"margin-bottom:16px\">\n                        <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">Tool <span style=\"color:var(--mj-status-error,#e53e3e)\">*</span></label>\n                        <input #tSearch type=\"text\" class=\"mj-input\" style=\"width:100%;box-sizing:border-box;margin-bottom:6px\" placeholder=\"Search tools\u2026 (Recently used appear first)\" [value]=\"TestToolSearch\" (input)=\"onTestToolSearchChange(tSearch.value)\" [attr.disabled]=\"!TestToolServerID ? true : null\" />\n                        <div style=\"max-height:220px;overflow-y:auto;border:1px solid var(--mj-border-default,#e0e0e0);border-radius:4px;background:var(--mj-bg-surface,#fff)\">\n                            @if (TestComboboxTools.length === 0) {\n                                <div style=\"padding:12px;text-align:center;font-size:0.8rem;color:var(--mj-text-muted,#888)\">No tools match.</div>\n                            }\n                            @for (t of TestComboboxTools; track t.ID) {\n                                <div (click)=\"pickTestTool(t.ID)\" style=\"padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--mj-border-subtle,#eee)\" [style.background]=\"TestToolID === t.ID ? 'color-mix(in srgb, var(--mj-brand-primary,#264FAF) 12%, var(--mj-bg-surface,#fff))' : null\">\n                                    @if (isRecentTestTool(t.ID)) {\n                                        <span style=\"font-size:0.65rem;background:var(--mj-brand-primary,#264FAF);color:#fff;padding:1px 6px;border-radius:8px;font-weight:600\">Recent</span>\n                                    }\n                                    <div style=\"flex:1;min-width:0\">\n                                        <div style=\"font-size:0.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap\">{{ t.ToolTitle || t.ToolName }}</div>\n                                        @if (t.ToolTitle && t.ToolName !== t.ToolTitle) {\n                                            <div style=\"font-size:0.7rem;color:var(--mj-text-muted,#888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap\">{{ t.ToolName }}</div>\n                                        }\n                                    </div>\n                                    @if (TestToolID === t.ID) {\n                                        <i class=\"fa-solid fa-check\" style=\"color:var(--mj-brand-primary,#264FAF)\"></i>\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </div>\n                } @else if (TestStep === 'configure') {\n                    @if (TestParamConfigs.length === 0) {\n                        <div style=\"text-align:center;padding:24px;color:var(--mj-text-muted,#888)\">\n                            <i class=\"fa-solid fa-check-circle\" style=\"font-size:2rem;margin-bottom:8px;display:block\"></i>\n                            <p>This tool requires no parameters.</p>\n                        </div>\n                    } @else {\n                        @for (p of TestParamConfigs; track p.name) {\n                            <div style=\"margin-bottom:16px\">\n                                <label style=\"display:block;font-size:0.875rem;font-weight:500;color:var(--mj-text-primary,#333);margin-bottom:4px\">\n                                    {{ p.name }} @if (p.required) { <span style=\"color:var(--mj-status-error,#e53e3e)\">*</span> }\n                                </label>\n                                @if (p.description) {\n                                    <p style=\"font-size:0.75rem;color:var(--mj-text-muted,#888);margin:0 0 4px 0\">{{ p.description }}</p>\n                                }\n                                @if (p.enumValues.length > 0) {\n                                    <select #enumEl class=\"mj-input\" style=\"width:100%;box-sizing:border-box\" (change)=\"testSetParam(p.name, enumEl.value)\">\n                                        <option value=\"\">\u2014 select \u2014</option>\n                                        @for (v of p.enumValues; track $index) { <option [value]=\"$any(v)\">{{ $any(v) }}</option> }\n                                    </select>\n                                } @else if (p.type === 'boolean') {\n                                    <select #boolEl class=\"mj-input\" style=\"width:100%;box-sizing:border-box\" (change)=\"testSetParam(p.name, boolEl.value)\">\n                                        <option value=\"false\">false</option>\n                                        <option value=\"true\">true</option>\n                                    </select>\n                                } @else if (p.type === 'array' || p.type === 'object') {\n                                    <textarea #jsonEl class=\"mj-textarea\" rows=\"3\" style=\"width:100%;box-sizing:border-box;font-family:monospace;font-size:0.8rem\" (input)=\"testSetParam(p.name, jsonEl.value)\" [placeholder]=\"'Enter JSON ' + p.type + '...'\"></textarea>\n                                } @else {\n                                    <input #strEl class=\"mj-input\" style=\"width:100%;box-sizing:border-box\" (input)=\"testSetParam(p.name, strEl.value)\" [placeholder]=\"p.description || 'Enter value...'\" />\n                                }\n                            </div>\n                        }\n                    }\n                } @else {\n                    @if (TestExecutionResult?.Success) {\n                        <div style=\"background:var(--mj-status-success-bg,#f0fff4);border:1px solid var(--mj-status-success-border,#9ae6b4);border-radius:6px;padding:12px 16px;margin-bottom:16px;color:var(--mj-status-success-text,#276749)\">\n                            <i class=\"fa-solid fa-check-circle\"></i> Execution Successful\n                            @if (TestExecutionResult?.DurationMs) { <span style=\"float:right;font-size:0.75rem\">{{ TestExecutionResult?.DurationMs }}ms</span> }\n                        </div>\n                    } @else {\n                        <div style=\"background:var(--mj-status-error-bg,#fff5f5);border:1px solid var(--mj-status-error-border,#feb2b2);border-radius:6px;padding:12px 16px;margin-bottom:16px;color:var(--mj-status-error-text,#c53030)\">\n                            <i class=\"fa-solid fa-times-circle\"></i> Execution Failed\n                        </div>\n                    }\n                    @if (TestExecutionResult?.ErrorMessage) {\n                        <div style=\"margin-bottom:16px\">\n                            <label style=\"display:block;font-size:0.875rem;font-weight:500;margin-bottom:4px\">Error</label>\n                            <pre style=\"background:var(--mj-bg-surface-sunken,#f0f0f0);border-radius:4px;padding:12px;font-size:0.8rem;white-space:pre-wrap;word-break:break-all;margin:0\">{{ TestExecutionResult?.ErrorMessage }}</pre>\n                        </div>\n                    }\n                    @if (TestExecutionResult?.Result) {\n                        <div>\n                            <label style=\"display:block;font-size:0.875rem;font-weight:500;margin-bottom:4px\">Result</label>\n                            <pre style=\"background:var(--mj-bg-surface-sunken,#f0f0f0);border-radius:4px;padding:12px;font-size:0.8rem;white-space:pre-wrap;word-break:break-all;overflow-y:auto;max-height:300px;margin:0\">{{ formatTestResult(TestExecutionResult?.Result) }}</pre>\n                        </div>\n                    }\n                }\n            </div>\n            <!-- Actions -->\n            <div style=\"display:flex;align-items:center;gap:8px;padding:16px 20px;border-top:1px solid var(--mj-border-default,#e0e0e0);flex-shrink:0\">\n                @if (TestStep === 'select') {\n                    <button mjButton variant=\"primary\" (click)=\"testProceedToConfig()\" [disabled]=\"!TestCanProceed\">Next <i class=\"fa-solid fa-arrow-right\"></i></button>\n                    <button mjButton (click)=\"testCloseDialog()\">Cancel</button>\n                } @else if (TestStep === 'configure') {\n                    <button mjButton variant=\"primary\" (click)=\"testExecuteTool()\" [disabled]=\"!TestIsValid || TestIsExecuting\">\n                        @if (TestIsExecuting) { <i class=\"fa-solid fa-spinner fa-spin\"></i> Executing... } @else { <i class=\"fa-solid fa-play\"></i> Execute }\n                    </button>\n                    <button mjButton (click)=\"testGoBack()\"><i class=\"fa-solid fa-arrow-left\"></i> Back</button>\n                } @else {\n                    <button mjButton variant=\"primary\" (click)=\"testRunAgain()\"><i class=\"fa-solid fa-redo\"></i> Run Again</button>\n                    <button mjButton (click)=\"testGoBack()\">Edit Params</button>\n                    <button mjButton (click)=\"testCloseDialog()\">Close</button>\n                }\n            </div>\n        </div>\n    </div>\n}\n\n<!-- Log Detail Panel (inlined) -->\n@if (ShowLogDetailPanel && SelectedLog) {\n    <div style=\"position:fixed;inset:0;z-index:10000;pointer-events:none\">\n        <div style=\"position:absolute;inset:0;background:rgba(0,0,0,0.35);pointer-events:auto\" (click)=\"onLogDetailClose()\"></div>\n        <div style=\"position:absolute;top:0;right:0;height:100%;width:560px;max-width:95vw;background:var(--mj-bg-surface,#fff);box-shadow:-4px 0 20px rgba(0,0,0,0.15);display:flex;flex-direction:column;pointer-events:auto\">\n            <div style=\"padding:16px 20px;border-bottom:1px solid var(--mj-border-default,#e0e0e0);display:flex;align-items:center;justify-content:space-between\">\n                <div>\n                    <h3 style=\"margin:0;font-size:1rem;font-weight:600\">{{ SelectedLog.ToolName }}</h3>\n                    <div style=\"font-size:0.75rem;color:var(--mj-text-muted,#888);margin-top:4px\">\n                        <span [class]=\"SelectedLog.Status === 'Success' ? 'status-success' : SelectedLog.Status === 'Error' ? 'status-error' : 'status-running'\" style=\"font-weight:600\">{{ SelectedLog.Status }}</span>\n                        <span style=\"margin:0 8px\">\u00B7</span>\n                        <span>{{ formatDate(SelectedLog.StartedAt) }}</span>\n                        @if (SelectedLog.DurationMs != null) {\n                            <span style=\"margin:0 8px\">\u00B7</span>\n                            <span>{{ formatDuration(SelectedLog.DurationMs) }}</span>\n                        }\n                    </div>\n                </div>\n                <button mjButton (click)=\"onLogDetailClose()\" aria-label=\"Close\"><i class=\"fa-solid fa-xmark\"></i></button>\n            </div>\n            <div style=\"flex:1;overflow-y:auto;padding:16px 20px\">\n                <div style=\"margin-bottom:16px\">\n                    <div style=\"font-size:0.75rem;color:var(--mj-text-muted,#888);margin-bottom:4px\">Connection</div>\n                    <div style=\"font-size:0.875rem\">{{ SelectedLog.ConnectionName || SelectedLog.ConnectionID }}</div>\n                    @if (SelectedLog.ServerName) {\n                        <div style=\"font-size:0.75rem;color:var(--mj-text-muted,#888);margin-top:2px\">{{ SelectedLog.ServerName }}</div>\n                    }\n                </div>\n                @if (SelectedLog.InputArgs) {\n                    <div style=\"margin-bottom:16px\">\n                        <label style=\"display:block;font-size:0.875rem;font-weight:500;margin-bottom:6px\">Input Arguments</label>\n                        <pre style=\"background:var(--mj-bg-surface-sunken,#f0f0f0);border-radius:4px;padding:12px;font-size:0.75rem;white-space:pre-wrap;word-break:break-all;overflow-y:auto;max-height:240px;margin:0\">{{ formatLogJson(SelectedLog.InputArgs) }}</pre>\n                    </div>\n                }\n                @if (SelectedLog.Result) {\n                    <div style=\"margin-bottom:16px\">\n                        <label style=\"display:block;font-size:0.875rem;font-weight:500;margin-bottom:6px\">Result</label>\n                        <pre style=\"background:var(--mj-bg-surface-sunken,#f0f0f0);border-radius:4px;padding:12px;font-size:0.75rem;white-space:pre-wrap;word-break:break-all;overflow-y:auto;max-height:360px;margin:0\">{{ formatLogJson(SelectedLog.Result) }}</pre>\n                    </div>\n                }\n                @if (SelectedLog.ErrorMessage) {\n                    <div style=\"margin-bottom:16px\">\n                        <label style=\"display:block;font-size:0.875rem;font-weight:500;margin-bottom:6px;color:var(--mj-status-error-text,#c53030)\">Error</label>\n                        <pre style=\"background:var(--mj-status-error-bg,#fff5f5);border:1px solid var(--mj-status-error-border,#feb2b2);border-radius:4px;padding:12px;font-size:0.75rem;white-space:pre-wrap;word-break:break-all;margin:0;color:var(--mj-status-error-text,#c53030)\">{{ SelectedLog.ErrorMessage }}</pre>\n                    </div>\n                }\n            </div>\n            <div style=\"padding:12px 20px;border-top:1px solid var(--mj-border-default,#e0e0e0);display:flex;gap:8px;justify-content:flex-start\">\n                @if (SelectedLog.ToolID) {\n                    <button mjButton variant=\"primary\" (click)=\"onRunAgainFromLog({ toolId: SelectedLog.ToolID!, connectionId: SelectedLog.ConnectionID })\"><i class=\"fa-solid fa-redo\"></i> Run Again</button>\n                }\n                <button mjButton (click)=\"onLogDetailClose()\">Close</button>\n            </div>\n        </div>\n    </div>\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-bg-page);\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: var(--mj-bg-surface);\n    border-bottom: 1px solid var(--mj-border-default);\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-primary);\n}\n\n.dashboard-title i {\n    color: var(--mj-brand-primary);\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: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    transition: all 0.2s ease;\n}\n\n.filter-toggle-btn:hover {\n    background: var(--mj-bg-surface-sunken);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-text-primary);\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);\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\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);\n    transition: all 0.2s ease;\n}\n\n.tab-btn:hover {\n    background: color-mix(in srgb, var(--mj-bg-surface) 70%, transparent);\n    color: var(--mj-text-primary);\n}\n\n.tab-btn.active {\n    background: var(--mj-bg-surface);\n    color: var(--mj-brand-primary);\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: var(--mj-border-default);\n    border-radius: 9px;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n}\n\n.tab-btn.active .tab-badge {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    color: var(--mj-brand-primary);\n}\n\n.tab-badge.has-errors {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\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: var(--mj-bg-surface);\n    border-right: 1px solid var(--mj-border-default);\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-brand-primary);\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: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error);\n    border-radius: 8px;\n    color: var(--mj-status-error);\n}\n\n.error-banner .close-btn {\n    margin-left: auto;\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-status-error);\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 var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    background: var(--mj-bg-surface);\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: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\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-brand-primary);\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);\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: var(--mj-status-error);\n}\n\n.detail .label {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--mj-text-disabled);\n    font-weight: 500;\n}\n\n.detail .value {\n    font-size: 13px;\n    color: var(--mj-text-primary);\n}\n\n.detail .value.url,\n.detail .value.command {\n    font-family: monospace;\n    font-size: 12px;\n    background: var(--mj-bg-surface-card);\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: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.status-inactive {\n    background: color-mix(in srgb, var(--mj-text-disabled) 10%, var(--mj-bg-surface));\n    color: var(--mj-text-disabled);\n}\n\n.status-error {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.status-deprecated {\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.status-unknown {\n    background: color-mix(in srgb, var(--mj-text-disabled) 10%, var(--mj-bg-surface));\n    color: var(--mj-text-disabled);\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n.sync-progress-banner i {\n    color: var(--mj-brand-primary);\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: color-mix(in srgb, var(--mj-status-success) 8%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-success) 20%, transparent);\n    color: var(--mj-color-success-700);\n}\n\n.sync-result-banner.success i {\n    color: var(--mj-status-success);\n}\n\n.sync-result-banner.error {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-error) 20%, transparent);\n    color: var(--mj-status-error);\n}\n\n.sync-result-banner.error i {\n    color: var(--mj-status-error);\n}\n\n/* Data Table */\n.data-table {\n    overflow: auto;\n    background: var(--mj-bg-surface);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\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 var(--mj-border-default);\n}\n\n.data-table th {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--mj-text-disabled);\n    font-weight: 600;\n    background: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\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: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\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-brand-primary);\n}\n\n.data-table .error-message {\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-status-error);\n    font-size: 12px;\n}\n\n.data-table .server-name {\n    color: var(--mj-text-secondary);\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: var(--mj-bg-surface-sunken);\n}\n\n.data-table th.sortable .sort-icon {\n    margin-left: 6px;\n    font-size: 10px;\n    color: var(--mj-border-strong);\n    transition: color 0.15s ease;\n}\n\n.data-table th.sortable:hover .sort-icon {\n    color: var(--mj-text-disabled);\n}\n\n.data-table th.sorted-asc .sort-icon,\n.data-table th.sorted-desc .sort-icon {\n    color: var(--mj-brand-primary);\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: var(--mj-bg-surface);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n}\n\n.empty-state i {\n    font-size: 48px;\n    color: var(--mj-border-default);\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-primary);\n}\n\n.empty-state .hint {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-bottom: 16px;\n}\n\n/* ========================================\n   View Mode Toggle\n   ======================================== */\n.view-toggle {\n    display: flex;\n    border: 1px solid var(--mj-border-default);\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-brand-primary);\n    color: var(--mj-color-neutral-0);\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: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\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: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.server-group-header:hover {\n    background: var(--mj-bg-surface-sunken);\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: var(--mj-text-disabled);\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-primary);\n}\n\n.tool-count {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\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 var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    transition: all 0.2s ease;\n    overflow: hidden;\n}\n\n.tool-card:hover {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.tool-card.expanded {\n    border-color: var(--mj-brand-primary);\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-brand-primary);\n    font-size: 14px;\n}\n\n.tool-title .name {\n    font-weight: 600;\n    font-size: 14px;\n    color: var(--mj-text-primary);\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: var(--mj-bg-surface-card);\n    border-radius: 10px;\n    font-size: 11px;\n    color: var(--mj-text-secondary);\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);\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 var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n/* Tool Details (Expanded) */\n.tool-details {\n    padding: 12px 14px;\n    background: var(--mj-bg-surface-card);\n    border-top: 1px solid var(--mj-border-default);\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);\n    font-weight: 500;\n}\n\n.tool-details .detail-value {\n    color: var(--mj-text-primary);\n}\n\n.tool-details .detail-value.mono {\n    font-family: 'Consolas', 'Monaco', monospace;\n    background: var(--mj-bg-surface);\n    padding: 2px 6px;\n    border-radius: 3px;\n    border: 1px solid var(--mj-border-default);\n}\n\n.schema-preview {\n    margin: 0;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\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 var(--mj-border-default);\n}\n\n.tools-list th {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--mj-text-disabled);\n    font-weight: 600;\n    background: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\n}\n\n.tools-list tbody tr.expanded {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\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-brand-primary);\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-primary);\n}\n\n.tool-name-info .tool-code {\n    font-size: 11px;\n    font-family: monospace;\n    color: var(--mj-text-secondary);\n}\n\n.description-cell {\n    max-width: 300px;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\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: var(--mj-bg-surface-card);\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\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: var(--mj-bg-surface-card);\n}\n\n.inline-details {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px;\n    border-top: 1px dashed var(--mj-border-default);\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);\n    font-weight: 500;\n}\n\n.inline-details .detail-value {\n    color: var(--mj-text-primary);\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 var(--mj-border-default);\n    }\n\n    .sidebar-header {\n        padding: 12px 16px;\n        border-bottom: none;\n        border-right: 1px solid var(--mj-border-default);\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 var(--mj-border-default);\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: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent) !important;\n}\n\n.clickable-row .action-cell {\n    color: var(--mj-border-strong);\n    transition: color 0.15s ease;\n}\n\n.clickable-row:hover .action-cell {\n    color: var(--mj-brand-primary);\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: var(--mj-bg-surface-sunken);\n}\n\n.expand-arrow {\n    font-size: 12px;\n    color: var(--mj-text-disabled);\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-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n/* ========================================\n   Expanded Tools Section (Server/Connection Cards)\n   ======================================== */\n.expanded-tools-section {\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\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-brand-primary);\n    border-bottom: 1px solid var(--mj-border-default);\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);\n    font-size: 13px;\n}\n\n.no-tools-message i {\n    color: var(--mj-text-disabled);\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: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    transition: all 0.15s ease;\n}\n\n.tool-mini-card:hover {\n    border-color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 2%, transparent);\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-primary);\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);\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: color-mix(in srgb, var(--mj-status-warning) 40%, var(--mj-bg-surface));\n    padding: 1px 2px;\n    border-radius: 2px;\n    font-weight: inherit;\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.MCPToolsService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MCPDashboardComponent, { className: "MCPDashboardComponent", filePath: "src/MCP/mcp-dashboard.component.ts", lineNumber: 194 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MCPDashboardComponent, { className: "MCPDashboardComponent", filePath: "src/MCP/mcp-dashboard.component.ts", lineNumber: 230 }); })();
 //# sourceMappingURL=mcp-dashboard.component.js.map