@memberjunction/ng-dashboards 3.3.0 → 3.4.0

package/dist/MCP/components/mcp-log-detail-panel.component.js

@@ -0,0 +1,535 @@
+/**
+ * @fileoverview MCP Log Detail Slide-Out Panel Component
+ *
+ * Displays detailed information about an MCP tool execution log
+ * in a slide-out panel from the right side.
+ */
+import { Component, Input, Output, EventEmitter, HostListener } from '@angular/core';
+import { Subject } from 'rxjs';
+import { debounceTime, takeUntil } from 'rxjs/operators';
+import { trigger, transition, style, animate } from '@angular/animations';
+import { UserInfoEngine } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-buttons";
+import * as i4 from "@memberjunction/ng-code-editor";
+function MCPLogDetailPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵlistener("click", function MCPLogDetailPanelComponent_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closePanel()); });
+    i0.ɵɵelementEnd();
+} }
+function MCPLogDetailPanelComponent_div_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵlistener("mousedown", function MCPLogDetailPanelComponent_div_1_Conditional_1_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onResizeStart($event)); });
+    i0.ɵɵelement(1, "div", 29);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("active", ctx_r1.IsResizing);
+} }
+function MCPLogDetailPanelComponent_div_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 13);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.formatDuration(ctx_r1.Log.DurationMs));
+} }
+function MCPLogDetailPanelComponent_div_1_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18)(1, "span", 19);
+    i0.ɵɵtext(2, "Server");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 21);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.Log.ServerName);
+} }
+function MCPLogDetailPanelComponent_div_1_Conditional_50_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37)(1, "pre", 38);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.Log.ErrorMessage);
+} }
+function MCPLogDetailPanelComponent_div_1_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 23)(1, "div", 30);
+    i0.ɵɵlistener("click", function MCPLogDetailPanelComponent_div_1_Conditional_50_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleSection(ctx_r1.ErrorSection)); });
+    i0.ɵɵelementStart(2, "div", 31);
+    i0.ɵɵelement(3, "i", 32);
+    i0.ɵɵelementStart(4, "h3", 33);
+    i0.ɵɵelement(5, "i", 34);
+    i0.ɵɵtext(6, " Error ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "button", 35);
+    i0.ɵɵlistener("click", function MCPLogDetailPanelComponent_div_1_Conditional_50_Template_button_click_7_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.copyError(); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(8, "i", 36);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(9, MCPLogDetailPanelComponent_div_1_Conditional_50_Conditional_9_Template, 3, 1, "div", 37);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("expanded", ctx_r1.ErrorSection.expanded);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.ErrorSection.expanded ? 9 : -1);
+} }
+function MCPLogDetailPanelComponent_div_1_Conditional_51_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41);
+    i0.ɵɵelement(1, "mj-code-editor", 42);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngModel", ctx_r1.FormattedInputArgs)("language", "json")("readonly", true);
+} }
+function MCPLogDetailPanelComponent_div_1_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 24)(1, "div", 30);
+    i0.ɵɵlistener("click", function MCPLogDetailPanelComponent_div_1_Conditional_51_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleSection(ctx_r1.InputArgsSection)); });
+    i0.ɵɵelementStart(2, "div", 31);
+    i0.ɵɵelement(3, "i", 32);
+    i0.ɵɵelementStart(4, "h3", 15);
+    i0.ɵɵelement(5, "i", 39);
+    i0.ɵɵtext(6, " Input Arguments ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "button", 40);
+    i0.ɵɵlistener("click", function MCPLogDetailPanelComponent_div_1_Conditional_51_Template_button_click_7_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.copyInputArgs(); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(8, "i", 36);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(9, MCPLogDetailPanelComponent_div_1_Conditional_51_Conditional_9_Template, 2, 3, "div", 41);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("expanded", ctx_r1.InputArgsSection.expanded);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.InputArgsSection.expanded ? 9 : -1);
+} }
+function MCPLogDetailPanelComponent_div_1_Conditional_52_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41);
+    i0.ɵɵelement(1, "mj-code-editor", 42);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngModel", ctx_r1.FormattedResult)("language", "json")("readonly", true);
+} }
+function MCPLogDetailPanelComponent_div_1_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 24)(1, "div", 30);
+    i0.ɵɵlistener("click", function MCPLogDetailPanelComponent_div_1_Conditional_52_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleSection(ctx_r1.ResultSection)); });
+    i0.ɵɵelementStart(2, "div", 31);
+    i0.ɵɵelement(3, "i", 32);
+    i0.ɵɵelementStart(4, "h3", 15);
+    i0.ɵɵelement(5, "i", 43);
+    i0.ɵɵtext(6, " Result ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "button", 44);
+    i0.ɵɵlistener("click", function MCPLogDetailPanelComponent_div_1_Conditional_52_Template_button_click_7_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.copyResult(); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(8, "i", 36);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(9, MCPLogDetailPanelComponent_div_1_Conditional_52_Conditional_9_Template, 2, 3, "div", 41);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("expanded", ctx_r1.ResultSection.expanded);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.ResultSection.expanded ? 9 : -1);
+} }
+function MCPLogDetailPanelComponent_div_1_Conditional_53_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14)(1, "h3", 15);
+    i0.ɵɵelement(2, "i", 45);
+    i0.ɵɵtext(3, " Executed By ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 17)(5, "div", 18)(6, "span", 19);
+    i0.ɵɵtext(7, "User");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 21);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵtextInterpolate(ctx_r1.Log.UserName);
+} }
+function MCPLogDetailPanelComponent_div_1_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 46);
+    i0.ɵɵlistener("click", function MCPLogDetailPanelComponent_div_1_Conditional_55_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onRunAgain()); });
+    i0.ɵɵelement(1, "i", 47);
+    i0.ɵɵtext(2, " Run Again ");
+    i0.ɵɵelementEnd();
+} }
+function MCPLogDetailPanelComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtemplate(1, MCPLogDetailPanelComponent_div_1_Conditional_1_Template, 2, 2, "div", 4);
+    i0.ɵɵelementStart(2, "div", 5)(3, "h2", 6);
+    i0.ɵɵelement(4, "i", 7);
+    i0.ɵɵtext(5, " Execution Details ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 8);
+    i0.ɵɵlistener("click", function MCPLogDetailPanelComponent_div_1_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closePanel()); });
+    i0.ɵɵelement(7, "i", 9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 10)(9, "div", 11);
+    i0.ɵɵelement(10, "i");
+    i0.ɵɵelementStart(11, "span", 12);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(13, MCPLogDetailPanelComponent_div_1_Conditional_13_Template, 2, 1, "span", 13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "div", 14)(15, "h3", 15);
+    i0.ɵɵelement(16, "i", 16);
+    i0.ɵɵtext(17, " Tool ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "div", 17)(19, "div", 18)(20, "span", 19);
+    i0.ɵɵtext(21, "Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "span", 20);
+    i0.ɵɵtext(23);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(24, MCPLogDetailPanelComponent_div_1_Conditional_24_Template, 5, 1, "div", 18);
+    i0.ɵɵelementStart(25, "div", 18)(26, "span", 19);
+    i0.ɵɵtext(27, "Connection");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "span", 21);
+    i0.ɵɵtext(29);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(30, "div", 14)(31, "h3", 15);
+    i0.ɵɵelement(32, "i", 22);
+    i0.ɵɵtext(33, " Timing ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(34, "div", 17)(35, "div", 18)(36, "span", 19);
+    i0.ɵɵtext(37, "Started");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(38, "span", 21);
+    i0.ɵɵtext(39);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(40, "div", 18)(41, "span", 19);
+    i0.ɵɵtext(42, "Completed");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(43, "span", 21);
+    i0.ɵɵtext(44);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(45, "div", 18)(46, "span", 19);
+    i0.ɵɵtext(47, "Duration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(48, "span", 21);
+    i0.ɵɵtext(49);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵtemplate(50, MCPLogDetailPanelComponent_div_1_Conditional_50_Template, 10, 3, "div", 23)(51, MCPLogDetailPanelComponent_div_1_Conditional_51_Template, 10, 3, "div", 24)(52, MCPLogDetailPanelComponent_div_1_Conditional_52_Template, 10, 3, "div", 24)(53, MCPLogDetailPanelComponent_div_1_Conditional_53_Template, 10, 1, "div", 14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(54, "div", 25);
+    i0.ɵɵtemplate(55, MCPLogDetailPanelComponent_div_1_Conditional_55_Template, 3, 0, "button", 26);
+    i0.ɵɵelementStart(56, "button", 27);
+    i0.ɵɵlistener("click", function MCPLogDetailPanelComponent_div_1_Template_button_click_56_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closePanel()); });
+    i0.ɵɵtext(57, "Close");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("width", ctx_r1.IsMobileMode ? null : ctx_r1.PanelWidth, "px");
+    i0.ɵɵclassProp("mobile", ctx_r1.IsMobileMode)("resizing", ctx_r1.IsResizing);
+    i0.ɵɵproperty("@slideIn", undefined);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.IsMobileMode ? 1 : -1);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass(ctx_r1.Log.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.getStatusIcon(ctx_r1.Log.Status));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.Log.Status);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Log.DurationMs ? 13 : -1);
+    i0.ɵɵadvance(10);
+    i0.ɵɵtextInterpolate(ctx_r1.Log.ToolName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Log.ServerName ? 24 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.Log.ConnectionName);
+    i0.ɵɵadvance(10);
+    i0.ɵɵtextInterpolate(ctx_r1.formatDate(ctx_r1.Log.StartedAt));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.formatDate(ctx_r1.Log.CompletedAt));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.formatDuration(ctx_r1.Log.DurationMs));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Log.ErrorMessage ? 50 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Log.InputArgs ? 51 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Log.Result ? 52 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Log.UserName ? 53 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.Log.ToolID ? 55 : -1);
+} }
+export class MCPLogDetailPanelComponent {
+    cdr;
+    // ========================================
+    // Inputs
+    // ========================================
+    Visible = false;
+    Log = null;
+    // ========================================
+    // Outputs
+    // ========================================
+    Close = new EventEmitter();
+    RunAgain = new EventEmitter();
+    // ========================================
+    // Expandable Sections State
+    // ========================================
+    InputArgsSection = { expanded: true };
+    ResultSection = { expanded: true };
+    ErrorSection = { expanded: true };
+    // ========================================
+    // Panel Width / Resize State
+    // ========================================
+    PANEL_WIDTH_SETTING_KEY = 'mcp-log-detail-panel/width';
+    MIN_PANEL_WIDTH = 320;
+    MAX_PANEL_WIDTH = 800;
+    DEFAULT_PANEL_WIDTH = 500;
+    MOBILE_BREAKPOINT = 768;
+    PanelWidth = this.DEFAULT_PANEL_WIDTH;
+    IsResizing = false;
+    get IsMobileMode() {
+        return typeof window !== 'undefined' && window.innerWidth <= this.MOBILE_BREAKPOINT;
+    }
+    widthPersistSubject = new Subject();
+    destroy$ = new Subject();
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.widthPersistSubject.pipe(debounceTime(500), takeUntil(this.destroy$)).subscribe(width => {
+            this.persistPanelWidth(width);
+        });
+    }
+    ngOnInit() {
+        this.loadSavedPanelWidth();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    // ========================================
+    // Panel Resize Handlers
+    // ========================================
+    onResizeStart(event) {
+        if (this.IsMobileMode)
+            return;
+        event.preventDefault();
+        this.IsResizing = true;
+        document.body.style.cursor = 'ew-resize';
+        document.body.style.userSelect = 'none';
+    }
+    onMouseMove(event) {
+        if (!this.IsResizing)
+            return;
+        const newWidth = window.innerWidth - event.clientX;
+        this.PanelWidth = Math.min(Math.max(newWidth, this.MIN_PANEL_WIDTH), Math.min(this.MAX_PANEL_WIDTH, window.innerWidth - 50));
+        this.cdr.detectChanges();
+    }
+    onMouseUp() {
+        if (this.IsResizing) {
+            this.IsResizing = false;
+            document.body.style.cursor = '';
+            document.body.style.userSelect = '';
+            this.widthPersistSubject.next(this.PanelWidth);
+        }
+    }
+    onWindowResize() {
+        if (this.IsMobileMode) {
+            this.PanelWidth = window.innerWidth;
+        }
+        else if (this.PanelWidth > window.innerWidth - 50) {
+            this.PanelWidth = Math.max(this.MIN_PANEL_WIDTH, window.innerWidth - 50);
+        }
+        this.cdr.detectChanges();
+    }
+    loadSavedPanelWidth() {
+        if (this.IsMobileMode) {
+            this.PanelWidth = window.innerWidth;
+            return;
+        }
+        try {
+            const savedWidth = UserInfoEngine.Instance.GetSetting(this.PANEL_WIDTH_SETTING_KEY);
+            if (savedWidth) {
+                const width = parseInt(savedWidth, 10);
+                if (!isNaN(width) && width >= this.MIN_PANEL_WIDTH && width <= this.MAX_PANEL_WIDTH) {
+                    this.PanelWidth = width;
+                }
+            }
+        }
+        catch (error) {
+            console.warn('[MCPLogDetailPanel] Failed to load saved panel width:', error);
+        }
+    }
+    async persistPanelWidth(width) {
+        try {
+            await UserInfoEngine.Instance.SetSetting(this.PANEL_WIDTH_SETTING_KEY, String(width));
+        }
+        catch (error) {
+            console.warn('[MCPLogDetailPanel] Failed to persist panel width:', error);
+        }
+    }
+    // ========================================
+    // Actions
+    // ========================================
+    closePanel() {
+        this.Close.emit();
+    }
+    onRunAgain() {
+        if (this.Log?.ToolID && this.Log?.ConnectionID) {
+            this.RunAgain.emit({
+                toolId: this.Log.ToolID,
+                connectionId: this.Log.ConnectionID
+            });
+        }
+    }
+    // ========================================
+    // Section Toggle & Copy Actions
+    // ========================================
+    toggleSection(section) {
+        section.expanded = !section.expanded;
+        this.cdr.detectChanges();
+    }
+    async copyInputArgs() {
+        await this.copyToClipboard(this.FormattedInputArgs, 'Input arguments copied to clipboard');
+    }
+    async copyResult() {
+        await this.copyToClipboard(this.FormattedResult, 'Result copied to clipboard');
+    }
+    async copyError() {
+        await this.copyToClipboard(this.Log?.ErrorMessage || '', 'Error message copied to clipboard');
+    }
+    async copyToClipboard(text, successMessage) {
+        if (!text)
+            return;
+        try {
+            await navigator.clipboard.writeText(text);
+            // Could emit an event or show a toast here
+            console.log(successMessage);
+        }
+        catch (error) {
+            console.error('Failed to copy to clipboard:', error);
+        }
+    }
+    // ========================================
+    // Formatting Helpers
+    // ========================================
+    formatDate(date) {
+        if (!date)
+            return 'N/A';
+        const d = typeof date === 'string' ? new Date(date) : date;
+        return d.toLocaleString();
+    }
+    formatDuration(ms) {
+        if (ms === null)
+            return '-';
+        if (ms < 1000)
+            return `${ms}ms`;
+        return `${(ms / 1000).toFixed(2)}s`;
+    }
+    formatJson(jsonString) {
+        if (!jsonString)
+            return '';
+        try {
+            const parsed = JSON.parse(jsonString);
+            return JSON.stringify(parsed, null, 2);
+        }
+        catch {
+            return jsonString;
+        }
+    }
+    get FormattedInputArgs() {
+        return this.formatJson(this.Log?.InputArgs);
+    }
+    get FormattedResult() {
+        return this.formatJson(this.Log?.Result);
+    }
+    getStatusIcon(status) {
+        switch (status) {
+            case 'Success': return 'fa-solid fa-check-circle';
+            case 'Error': return 'fa-solid fa-times-circle';
+            case 'Running': return 'fa-solid fa-spinner fa-spin';
+            default: return 'fa-solid fa-question-circle';
+        }
+    }
+    getStatusClass(status) {
+        switch (status) {
+            case 'Success': return 'status-success';
+            case 'Error': return 'status-error';
+            case 'Running': return 'status-running';
+            default: return 'status-unknown';
+        }
+    }
+    static ɵfac = function MCPLogDetailPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MCPLogDetailPanelComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MCPLogDetailPanelComponent, selectors: [["mj-mcp-log-detail-panel"]], hostBindings: function MCPLogDetailPanelComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("mousemove", function MCPLogDetailPanelComponent_mousemove_HostBindingHandler($event) { return ctx.onMouseMove($event); }, false, i0.ɵɵresolveDocument)("mouseup", function MCPLogDetailPanelComponent_mouseup_HostBindingHandler() { return ctx.onMouseUp(); }, false, i0.ɵɵresolveDocument)("resize", function MCPLogDetailPanelComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, false, i0.ɵɵresolveWindow);
+        } }, inputs: { Visible: "Visible", Log: "Log" }, outputs: { Close: "Close", RunAgain: "RunAgain" }, decls: 2, vars: 2, consts: [[1, "panel-backdrop"], ["class", "slide-out-panel", 3, "width", "mobile", "resizing", 4, "ngIf"], [1, "panel-backdrop", 3, "click"], [1, "slide-out-panel"], ["title", "Drag to resize", 1, "resize-handle", 3, "active"], [1, "panel-header"], [1, "panel-title"], [1, "fa-solid", "fa-list-check"], ["title", "Close", 1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "panel-content"], [1, "status-banner", 3, "ngClass"], [1, "status-text"], [1, "duration"], [1, "info-section"], [1, "section-title"], [1, "fa-solid", "fa-wrench"], [1, "info-card"], [1, "info-row"], [1, "info-label"], [1, "info-value", "tool-name"], [1, "info-value"], [1, "fa-solid", "fa-clock"], [1, "info-section", "error-section", "expandable-section"], [1, "info-section", "expandable-section"], [1, "panel-actions"], ["kendoButton", "", "themeColor", "primary"], ["kendoButton", "", "fillMode", "flat", 3, "click"], ["title", "Drag to resize", 1, "resize-handle", 3, "mousedown"], [1, "resize-grip"], [1, "section-header", "clickable", 3, "click"], [1, "section-title-row"], [1, "fa-solid", "fa-chevron-right", "expand-icon"], [1, "section-title", "error"], [1, "fa-solid", "fa-exclamation-triangle"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Copy error", 3, "click"], [1, "fa-solid", "fa-copy"], [1, "error-card"], [1, "error-message"], [1, "fa-solid", "fa-arrow-right-to-bracket"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Copy input arguments", 3, "click"], [1, "code-card"], [3, "ngModel", "language", "readonly"], [1, "fa-solid", "fa-arrow-right-from-bracket"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Copy result", 3, "click"], [1, "fa-solid", "fa-user"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "fa-solid", "fa-play"]], template: function MCPLogDetailPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, MCPLogDetailPanelComponent_Conditional_0_Template, 1, 0, "div", 0)(1, MCPLogDetailPanelComponent_div_1_Template, 58, 24, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.Visible ? 0 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.Visible && ctx.Log);
+        } }, dependencies: [i1.NgClass, i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.ButtonComponent, i4.CodeEditorComponent], styles: ["\n\n\n\n\n\n\n.panel-backdrop[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.4);\n    z-index: 1000;\n    animation: _ngcontent-%COMP%_fadeIn 0.2s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n\n\n\n\n.slide-out-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    background: white;\n    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n    z-index: 1001;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.slide-out-panel.mobile[_ngcontent-%COMP%] {\n    width: 100% !important;\n    left: 0;\n}\n\n.slide-out-panel.resizing[_ngcontent-%COMP%] {\n    user-select: none;\n    transition: none;\n}\n\n\n\n\n\n.resize-handle[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    width: 6px;\n    cursor: ew-resize;\n    background: transparent;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.15s ease;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover, \n.resize-handle.active[_ngcontent-%COMP%] {\n    background: rgba(33, 150, 243, 0.1);\n}\n\n.resize-grip[_ngcontent-%COMP%] {\n    width: 3px;\n    height: 40px;\n    background: #ccc;\n    border-radius: 2px;\n    opacity: 0;\n    transition: opacity 0.15s ease;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover   .resize-grip[_ngcontent-%COMP%], \n.resize-handle.active[_ngcontent-%COMP%]   .resize-grip[_ngcontent-%COMP%] {\n    opacity: 1;\n    background: var(--mj-primary-color, #2196f3);\n}\n\n\n\n\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    background: white;\n    border-bottom: 1px solid #e0e0e0;\n    flex-shrink: 0;\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-color, #333);\n}\n\n.panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.close-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border: none;\n    background: transparent;\n    border-radius: 50%;\n    cursor: pointer;\n    color: #666;\n    transition: all 0.15s ease;\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n    background: #f5f5f5;\n    color: #333;\n}\n\n.close-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 18px;\n}\n\n\n\n\n\n.panel-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n\n\n\n\n.status-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    border-radius: 8px;\n    margin-bottom: 20px;\n    font-weight: 600;\n    font-size: 16px;\n}\n\n.status-banner.status-success[_ngcontent-%COMP%] {\n    background: rgba(76, 175, 80, 0.1);\n    color: #388e3c;\n}\n\n.status-banner.status-success[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: #4caf50;\n}\n\n.status-banner.status-error[_ngcontent-%COMP%] {\n    background: rgba(244, 67, 54, 0.1);\n    color: #c62828;\n}\n\n.status-banner.status-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: #f44336;\n}\n\n.status-banner.status-running[_ngcontent-%COMP%] {\n    background: rgba(33, 150, 243, 0.1);\n    color: #1976d2;\n}\n\n.status-banner.status-running[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: #2196f3;\n}\n\n.status-banner[_ngcontent-%COMP%]   .status-text[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.status-banner[_ngcontent-%COMP%]   .duration[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: normal;\n    background: rgba(0, 0, 0, 0.05);\n    padding: 4px 10px;\n    border-radius: 4px;\n}\n\n\n\n\n\n.info-section[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.section-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary-color, #666);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.section-title.error[_ngcontent-%COMP%] {\n    color: #c62828;\n}\n\n.section-title.error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #f44336;\n}\n\n\n\n\n\n.expandable-section[_ngcontent-%COMP%]   .section-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.expandable-section[_ngcontent-%COMP%]   .section-header.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    padding: 8px 12px;\n    margin: -8px -12px 12px -12px;\n    border-radius: 6px;\n    transition: background 0.15s ease;\n}\n\n.expandable-section[_ngcontent-%COMP%]   .section-header.clickable[_ngcontent-%COMP%]:hover {\n    background: rgba(0, 0, 0, 0.03);\n}\n\n.section-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: #999;\n    transition: transform 0.2s ease;\n}\n\n.expand-icon.expanded[_ngcontent-%COMP%] {\n    transform: rotate(90deg);\n}\n\n\n\n\n\n.info-card[_ngcontent-%COMP%] {\n    background: #fafafa;\n    border-radius: 8px;\n    border: 1px solid #e8e8e8;\n    padding: 12px 16px;\n}\n\n.info-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 0;\n    font-size: 14px;\n}\n\n.info-row[_ngcontent-%COMP%]:not(:last-child) {\n    border-bottom: 1px solid #e8e8e8;\n}\n\n.info-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.info-value[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-color, #333);\n}\n\n.info-value.tool-name[_ngcontent-%COMP%] {\n    font-family: 'Consolas', 'Monaco', monospace;\n    background: rgba(33, 150, 243, 0.1);\n    padding: 2px 8px;\n    border-radius: 4px;\n    color: var(--mj-primary-color, #2196f3);\n}\n\n\n\n\n\n.error-card[_ngcontent-%COMP%] {\n    background: #fff5f5;\n    border: 1px solid rgba(244, 67, 54, 0.2);\n    border-radius: 8px;\n    padding: 16px;\n}\n\n.error-message[_ngcontent-%COMP%] {\n    margin: 0;\n    font-family: monospace;\n    font-size: 13px;\n    line-height: 1.5;\n    color: #c62828;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n\n\n\n\n.code-card[_ngcontent-%COMP%] {\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    overflow: hidden;\n    height: 200px;\n}\n\n.code-card[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n}\n\n\n\n\n\n.panel-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    padding: 16px 20px;\n    background: white;\n    border-top: 1px solid #e0e0e0;\n    flex-shrink: 0;\n}\n\n.panel-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    min-width: 100px;\n}\n\n.panel-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-right: 6px;\n}\n\n\n\n\n\n@media (max-width: 768px) {\n    .slide-out-panel[_ngcontent-%COMP%] {\n        width: 100% !important;\n        left: 0;\n    }\n\n    .resize-handle[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    .panel-content[_ngcontent-%COMP%] {\n        padding: 16px;\n    }\n\n    .status-banner[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n    }\n\n    .panel-actions[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n    }\n\n    .panel-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n        flex: 1;\n        min-width: 80px;\n    }\n\n    .code-card[_ngcontent-%COMP%] {\n        height: 150px;\n    }\n}"], data: { animation: [
+                trigger('slideIn', [
+                    transition(':enter', [
+                        style({ transform: 'translateX(100%)', opacity: 0 }),
+                        animate('250ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))
+                    ]),
+                    transition(':leave', [
+                        animate('200ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))
+                    ])
+                ])
+            ] } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MCPLogDetailPanelComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-mcp-log-detail-panel', animations: [
+                    trigger('slideIn', [
+                        transition(':enter', [
+                            style({ transform: 'translateX(100%)', opacity: 0 }),
+                            animate('250ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))
+                        ]),
+                        transition(':leave', [
+                            animate('200ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))
+                        ])
+                    ])
+                ], template: "<!-- Backdrop -->\n@if (Visible) {\n    <div class=\"panel-backdrop\" (click)=\"closePanel()\"></div>\n}\n\n<!-- Slide-out Panel -->\n<div class=\"slide-out-panel\"\n     *ngIf=\"Visible && Log\"\n     @slideIn\n     [style.width.px]=\"IsMobileMode ? null : PanelWidth\"\n     [class.mobile]=\"IsMobileMode\"\n     [class.resizing]=\"IsResizing\">\n\n    <!-- Resize Handle -->\n    @if (!IsMobileMode) {\n        <div class=\"resize-handle\"\n             (mousedown)=\"onResizeStart($event)\"\n             [class.active]=\"IsResizing\"\n             title=\"Drag to resize\">\n            <div class=\"resize-grip\"></div>\n        </div>\n    }\n\n    <!-- Panel Header -->\n    <div class=\"panel-header\">\n        <h2 class=\"panel-title\">\n            <i class=\"fa-solid fa-list-check\"></i>\n            Execution Details\n        </h2>\n        <button class=\"close-btn\" (click)=\"closePanel()\" title=\"Close\">\n            <i class=\"fa-solid fa-times\"></i>\n        </button>\n    </div>\n\n    <!-- Panel Content -->\n    <div class=\"panel-content\">\n        <!-- Status Banner -->\n        <div class=\"status-banner\" [ngClass]=\"getStatusClass(Log.Status)\">\n            <i [class]=\"getStatusIcon(Log.Status)\"></i>\n            <span class=\"status-text\">{{ Log.Status }}</span>\n            @if (Log.DurationMs) {\n                <span class=\"duration\">{{ formatDuration(Log.DurationMs) }}</span>\n            }\n        </div>\n\n        <!-- Tool Info -->\n        <div class=\"info-section\">\n            <h3 class=\"section-title\">\n                <i class=\"fa-solid fa-wrench\"></i>\n                Tool\n            </h3>\n            <div class=\"info-card\">\n                <div class=\"info-row\">\n                    <span class=\"info-label\">Name</span>\n                    <span class=\"info-value tool-name\">{{ Log.ToolName }}</span>\n                </div>\n                @if (Log.ServerName) {\n                    <div class=\"info-row\">\n                        <span class=\"info-label\">Server</span>\n                        <span class=\"info-value\">{{ Log.ServerName }}</span>\n                    </div>\n                }\n                <div class=\"info-row\">\n                    <span class=\"info-label\">Connection</span>\n                    <span class=\"info-value\">{{ Log.ConnectionName }}</span>\n                </div>\n            </div>\n        </div>\n\n        <!-- Timing Info -->\n        <div class=\"info-section\">\n            <h3 class=\"section-title\">\n                <i class=\"fa-solid fa-clock\"></i>\n                Timing\n            </h3>\n            <div class=\"info-card\">\n                <div class=\"info-row\">\n                    <span class=\"info-label\">Started</span>\n                    <span class=\"info-value\">{{ formatDate(Log.StartedAt) }}</span>\n                </div>\n                <div class=\"info-row\">\n                    <span class=\"info-label\">Completed</span>\n                    <span class=\"info-value\">{{ formatDate(Log.CompletedAt) }}</span>\n                </div>\n                <div class=\"info-row\">\n                    <span class=\"info-label\">Duration</span>\n                    <span class=\"info-value\">{{ formatDuration(Log.DurationMs) }}</span>\n                </div>\n            </div>\n        </div>\n\n        <!-- Error Message (if any) -->\n        @if (Log.ErrorMessage) {\n            <div class=\"info-section error-section expandable-section\">\n                <div class=\"section-header clickable\" (click)=\"toggleSection(ErrorSection)\">\n                    <div class=\"section-title-row\">\n                        <i class=\"fa-solid fa-chevron-right expand-icon\" [class.expanded]=\"ErrorSection.expanded\"></i>\n                        <h3 class=\"section-title error\">\n                            <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                            Error\n                        </h3>\n                    </div>\n                    <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"copyError(); $event.stopPropagation()\" title=\"Copy error\">\n                        <i class=\"fa-solid fa-copy\"></i>\n                    </button>\n                </div>\n                @if (ErrorSection.expanded) {\n                    <div class=\"error-card\">\n                        <pre class=\"error-message\">{{ Log.ErrorMessage }}</pre>\n                    </div>\n                }\n            </div>\n        }\n\n        <!-- Input Arguments -->\n        @if (Log.InputArgs) {\n            <div class=\"info-section expandable-section\">\n                <div class=\"section-header clickable\" (click)=\"toggleSection(InputArgsSection)\">\n                    <div class=\"section-title-row\">\n                        <i class=\"fa-solid fa-chevron-right expand-icon\" [class.expanded]=\"InputArgsSection.expanded\"></i>\n                        <h3 class=\"section-title\">\n                            <i class=\"fa-solid fa-arrow-right-to-bracket\"></i>\n                            Input Arguments\n                        </h3>\n                    </div>\n                    <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"copyInputArgs(); $event.stopPropagation()\" title=\"Copy input arguments\">\n                        <i class=\"fa-solid fa-copy\"></i>\n                    </button>\n                </div>\n                @if (InputArgsSection.expanded) {\n                    <div class=\"code-card\">\n                        <mj-code-editor\n                            [ngModel]=\"FormattedInputArgs\"\n                            [language]=\"'json'\"\n                            [readonly]=\"true\">\n                        </mj-code-editor>\n                    </div>\n                }\n            </div>\n        }\n\n        <!-- Result -->\n        @if (Log.Result) {\n            <div class=\"info-section expandable-section\">\n                <div class=\"section-header clickable\" (click)=\"toggleSection(ResultSection)\">\n                    <div class=\"section-title-row\">\n                        <i class=\"fa-solid fa-chevron-right expand-icon\" [class.expanded]=\"ResultSection.expanded\"></i>\n                        <h3 class=\"section-title\">\n                            <i class=\"fa-solid fa-arrow-right-from-bracket\"></i>\n                            Result\n                        </h3>\n                    </div>\n                    <button kendoButton fillMode=\"flat\" size=\"small\" (click)=\"copyResult(); $event.stopPropagation()\" title=\"Copy result\">\n                        <i class=\"fa-solid fa-copy\"></i>\n                    </button>\n                </div>\n                @if (ResultSection.expanded) {\n                    <div class=\"code-card\">\n                        <mj-code-editor\n                            [ngModel]=\"FormattedResult\"\n                            [language]=\"'json'\"\n                            [readonly]=\"true\">\n                        </mj-code-editor>\n                    </div>\n                }\n            </div>\n        }\n\n        <!-- User Info -->\n        @if (Log.UserName) {\n            <div class=\"info-section\">\n                <h3 class=\"section-title\">\n                    <i class=\"fa-solid fa-user\"></i>\n                    Executed By\n                </h3>\n                <div class=\"info-card\">\n                    <div class=\"info-row\">\n                        <span class=\"info-label\">User</span>\n                        <span class=\"info-value\">{{ Log.UserName }}</span>\n                    </div>\n                </div>\n            </div>\n        }\n    </div>\n\n    <!-- Panel Actions -->\n    <div class=\"panel-actions\">\n        @if (Log.ToolID) {\n            <button kendoButton themeColor=\"primary\" (click)=\"onRunAgain()\">\n                <i class=\"fa-solid fa-play\"></i>\n                Run Again\n            </button>\n        }\n        <button kendoButton fillMode=\"flat\" (click)=\"closePanel()\">Close</button>\n    </div>\n</div>\n", styles: ["/* MCP Log Detail Panel Styles */\n\n/* ========================================\n   Backdrop\n   ======================================== */\n.panel-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.4);\n    z-index: 1000;\n    animation: fadeIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n/* ========================================\n   Slide-Out Panel\n   ======================================== */\n.slide-out-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    background: white;\n    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n    z-index: 1001;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.slide-out-panel.mobile {\n    width: 100% !important;\n    left: 0;\n}\n\n.slide-out-panel.resizing {\n    user-select: none;\n    transition: none;\n}\n\n/* ========================================\n   Resize Handle\n   ======================================== */\n.resize-handle {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    width: 6px;\n    cursor: ew-resize;\n    background: transparent;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.15s ease;\n}\n\n.resize-handle:hover,\n.resize-handle.active {\n    background: rgba(33, 150, 243, 0.1);\n}\n\n.resize-grip {\n    width: 3px;\n    height: 40px;\n    background: #ccc;\n    border-radius: 2px;\n    opacity: 0;\n    transition: opacity 0.15s ease;\n}\n\n.resize-handle:hover .resize-grip,\n.resize-handle.active .resize-grip {\n    opacity: 1;\n    background: var(--mj-primary-color, #2196f3);\n}\n\n/* ========================================\n   Panel Header\n   ======================================== */\n.panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    background: white;\n    border-bottom: 1px solid #e0e0e0;\n    flex-shrink: 0;\n}\n\n.panel-title {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-color, #333);\n}\n\n.panel-title i {\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.close-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border: none;\n    background: transparent;\n    border-radius: 50%;\n    cursor: pointer;\n    color: #666;\n    transition: all 0.15s ease;\n}\n\n.close-btn:hover {\n    background: #f5f5f5;\n    color: #333;\n}\n\n.close-btn i {\n    font-size: 18px;\n}\n\n/* ========================================\n   Panel Content\n   ======================================== */\n.panel-content {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n/* ========================================\n   Status Banner\n   ======================================== */\n.status-banner {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    border-radius: 8px;\n    margin-bottom: 20px;\n    font-weight: 600;\n    font-size: 16px;\n}\n\n.status-banner.status-success {\n    background: rgba(76, 175, 80, 0.1);\n    color: #388e3c;\n}\n\n.status-banner.status-success i {\n    font-size: 24px;\n    color: #4caf50;\n}\n\n.status-banner.status-error {\n    background: rgba(244, 67, 54, 0.1);\n    color: #c62828;\n}\n\n.status-banner.status-error i {\n    font-size: 24px;\n    color: #f44336;\n}\n\n.status-banner.status-running {\n    background: rgba(33, 150, 243, 0.1);\n    color: #1976d2;\n}\n\n.status-banner.status-running i {\n    font-size: 24px;\n    color: #2196f3;\n}\n\n.status-banner .status-text {\n    flex: 1;\n}\n\n.status-banner .duration {\n    font-size: 14px;\n    font-weight: normal;\n    background: rgba(0, 0, 0, 0.05);\n    padding: 4px 10px;\n    border-radius: 4px;\n}\n\n/* ========================================\n   Info Sections\n   ======================================== */\n.info-section {\n    margin-bottom: 20px;\n}\n\n.section-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary-color, #666);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.section-title i {\n    font-size: 14px;\n    color: var(--mj-primary-color, #2196f3);\n}\n\n.section-title.error {\n    color: #c62828;\n}\n\n.section-title.error i {\n    color: #f44336;\n}\n\n/* ========================================\n   Expandable Sections\n   ======================================== */\n.expandable-section .section-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.expandable-section .section-header.clickable {\n    cursor: pointer;\n    padding: 8px 12px;\n    margin: -8px -12px 12px -12px;\n    border-radius: 6px;\n    transition: background 0.15s ease;\n}\n\n.expandable-section .section-header.clickable:hover {\n    background: rgba(0, 0, 0, 0.03);\n}\n\n.section-title-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.expand-icon {\n    font-size: 12px;\n    color: #999;\n    transition: transform 0.2s ease;\n}\n\n.expand-icon.expanded {\n    transform: rotate(90deg);\n}\n\n/* ========================================\n   Info Cards\n   ======================================== */\n.info-card {\n    background: #fafafa;\n    border-radius: 8px;\n    border: 1px solid #e8e8e8;\n    padding: 12px 16px;\n}\n\n.info-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 0;\n    font-size: 14px;\n}\n\n.info-row:not(:last-child) {\n    border-bottom: 1px solid #e8e8e8;\n}\n\n.info-label {\n    color: var(--mj-text-secondary-color, #666);\n}\n\n.info-value {\n    font-weight: 500;\n    color: var(--mj-text-color, #333);\n}\n\n.info-value.tool-name {\n    font-family: 'Consolas', 'Monaco', monospace;\n    background: rgba(33, 150, 243, 0.1);\n    padding: 2px 8px;\n    border-radius: 4px;\n    color: var(--mj-primary-color, #2196f3);\n}\n\n/* ========================================\n   Error Card\n   ======================================== */\n.error-card {\n    background: #fff5f5;\n    border: 1px solid rgba(244, 67, 54, 0.2);\n    border-radius: 8px;\n    padding: 16px;\n}\n\n.error-message {\n    margin: 0;\n    font-family: monospace;\n    font-size: 13px;\n    line-height: 1.5;\n    color: #c62828;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n/* ========================================\n   Code Card\n   ======================================== */\n.code-card {\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    overflow: hidden;\n    height: 200px;\n}\n\n.code-card mj-code-editor {\n    width: 100%;\n    height: 100%;\n}\n\n/* ========================================\n   Panel Actions\n   ======================================== */\n.panel-actions {\n    display: flex;\n    gap: 8px;\n    padding: 16px 20px;\n    background: white;\n    border-top: 1px solid #e0e0e0;\n    flex-shrink: 0;\n}\n\n.panel-actions button {\n    min-width: 100px;\n}\n\n.panel-actions button i {\n    margin-right: 6px;\n}\n\n/* ========================================\n   Responsive / Mobile\n   ======================================== */\n@media (max-width: 768px) {\n    .slide-out-panel {\n        width: 100% !important;\n        left: 0;\n    }\n\n    .resize-handle {\n        display: none;\n    }\n\n    .panel-content {\n        padding: 16px;\n    }\n\n    .status-banner {\n        flex-wrap: wrap;\n    }\n\n    .panel-actions {\n        flex-wrap: wrap;\n    }\n\n    .panel-actions button {\n        flex: 1;\n        min-width: 80px;\n    }\n\n    .code-card {\n        height: 150px;\n    }\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { Visible: [{
+            type: Input
+        }], Log: [{
+            type: Input
+        }], Close: [{
+            type: Output
+        }], RunAgain: [{
+            type: Output
+        }], onMouseMove: [{
+            type: HostListener,
+            args: ['document:mousemove', ['$event']]
+        }], onMouseUp: [{
+            type: HostListener,
+            args: ['document:mouseup']
+        }], onWindowResize: [{
+            type: HostListener,
+            args: ['window:resize']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MCPLogDetailPanelComponent, { className: "MCPLogDetailPanelComponent", filePath: "src/MCP/components/mcp-log-detail-panel.component.ts", lineNumber: 47 }); })();
+/**
+ * Tree-shaking prevention function
+ */
+export function LoadMCPLogDetailPanel() {
+    // Ensures the component is not tree-shaken
+}
+//# sourceMappingURL=mcp-log-detail-panel.component.js.map

package/dist/MCP/components/mcp-log-detail-panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-log-detail-panel.component.js","sourceRoot":"","sources":["../../../src/MCP/components/mcp-log-detail-panel.component.ts","../../../src/MCP/components/mcp-log-detail-panel.component.html"],"names":[],"mappings":"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"}