@memberjunction/ng-conversations 2.104.0

package/dist/lib/components/agent/agent-process-panel.component.d.ts

@@ -0,0 +1,30 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { UserInfo } from '@memberjunction/core';
+import { AIAgentRunEntity } from '@memberjunction/core-entities';
+import { DialogService } from '../../services/dialog.service';
+import { AgentStateService, AgentStatus, AgentWithStatus } from '../../services/agent-state.service';
+import * as i0 from "@angular/core";
+interface AgentProcess extends AgentWithStatus {
+    expanded: boolean;
+}
+export declare class AgentProcessPanelComponent implements OnInit, OnDestroy {
+    private dialogService;
+    private agentStateService;
+    conversationId?: string;
+    currentUser: UserInfo;
+    activeProcesses: AgentProcess[];
+    isMinimized: boolean;
+    private subscription?;
+    constructor(dialogService: DialogService, agentStateService: AgentStateService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    toggleProcess(process: AgentProcess): void;
+    getStatusText(status: AgentStatus): string;
+    getElapsedTime(run: AIAgentRunEntity): string | null;
+    onCancelProcess(process: AgentProcess): Promise<void>;
+    onViewDetails(process: AgentProcess): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AgentProcessPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AgentProcessPanelComponent, "mj-agent-process-panel", never, { "conversationId": { "alias": "conversationId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; }, {}, never, never, false, never>;
+}
+export {};
+//# sourceMappingURL=agent-process-panel.component.d.ts.map

package/dist/lib/components/agent/agent-process-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-process-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/agent/agent-process-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAW,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;;AAErG,UAAU,YAAa,SAAQ,eAAe;IAC5C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,qBA8Sa,0BAA2B,YAAW,MAAM,EAAE,SAAS;IAUhE,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,iBAAiB;IAVlB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAG,QAAQ,CAAC;IAEzB,eAAe,EAAE,YAAY,EAAE,CAAM;IACrC,WAAW,EAAE,OAAO,CAAS;IAEpC,OAAO,CAAC,YAAY,CAAC,CAAe;gBAG1B,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB;IAG9C,QAAQ,IAAI,IAAI;IAmBhB,WAAW,IAAI,IAAI;IAKnB,aAAa,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;IAI1C,aAAa,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM;IAW1C,cAAc,CAAC,GAAG,EAAE,gBAAgB,GAAG,MAAM,GAAG,IAAI;IAoB9C,eAAe,CAAC,OAAO,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAqB3D,aAAa,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;yCA9F/B,0BAA0B;2CAA1B,0BAA0B;CAkGtC"}

package/dist/lib/components/agent/agent-process-panel.component.js

@@ -0,0 +1,333 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/dialog.service";
+import * as i2 from "../../services/agent-state.service";
+import * as i3 from "@angular/common";
+const _forTrack0 = ($index, $item) => $item.run.ID;
+function AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 12);
+} }
+function AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelement(1, "i", 18);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const process_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("title", "Confidence: " + (process_r4.confidence * 100).toFixed(0) + "%");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", (process_r4.confidence * 100).toFixed(0), "%");
+} }
+function AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_13_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵelement(1, "i", 24);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "date");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const process_r4 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("Started: ", i0.ɵɵpipeBind2(4, 1, process_r4.run.StartedAt, "short"), "");
+} }
+function AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_13_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵelement(1, "i", 25);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const process_r4 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("Duration: ", ctx_r1.getElapsedTime(process_r4.run), "");
+} }
+function AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_13_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 26);
+    i0.ɵɵlistener("click", function AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_13_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const process_r4 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onCancelProcess(process_r4)); });
+    i0.ɵɵelement(1, "i", 27);
+    i0.ɵɵtext(2, " Cancel ");
+    i0.ɵɵelementEnd();
+} }
+function AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵtemplate(1, AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_13_Conditional_1_Template, 5, 4, "div", 19)(2, AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_13_Conditional_2_Template, 4, 1, "div", 19);
+    i0.ɵɵelementStart(3, "div", 20);
+    i0.ɵɵtemplate(4, AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_13_Conditional_4_Template, 3, 0, "button", 21);
+    i0.ɵɵelementStart(5, "button", 22);
+    i0.ɵɵlistener("click", function AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_13_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r5); const process_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onViewDetails(process_r4)); });
+    i0.ɵɵelement(6, "i", 23);
+    i0.ɵɵtext(7, " View Details ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const process_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(process_r4.run.StartedAt ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.getElapsedTime(process_r4.run) ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(process_r4.run.Status === "Running" || process_r4.run.Status === "Paused" ? 4 : -1);
+} }
+function AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 9);
+    i0.ɵɵlistener("click", function AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Template_div_click_1_listener() { const process_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleProcess(process_r4)); });
+    i0.ɵɵelementStart(2, "div", 10)(3, "div", 11);
+    i0.ɵɵelement(4, "i", 3);
+    i0.ɵɵtemplate(5, AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_5_Template, 1, 0, "div", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 13)(7, "span", 14);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 15);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(11, AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_11_Template, 4, 2, "div", 16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(12, "i", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(13, AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Conditional_13_Template, 8, 3, "div", 17);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const process_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("status-acknowledging", process_r4.status === "acknowledging")("status-working", process_r4.status === "working")("status-completing", process_r4.status === "completing")("status-completed", process_r4.status === "completed")("status-error", process_r4.status === "error");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(process_r4.status !== "completed" ? 5 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(process_r4.run.Agent || "Agent");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("status-" + process_r4.status);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getStatusText(process_r4.status), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(process_r4.confidence != null ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", process_r4.expanded ? "fa-chevron-up" : "fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(process_r4.expanded ? 13 : -1);
+} }
+function AgentProcessPanelComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵrepeaterCreate(1, AgentProcessPanelComponent_Conditional_0_Conditional_8_For_2_Template, 14, 18, "div", 8, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.activeProcesses);
+} }
+function AgentProcessPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "h3");
+    i0.ɵɵelement(3, "i", 3);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 4)(6, "button", 5);
+    i0.ɵɵlistener("click", function AgentProcessPanelComponent_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.isMinimized = !ctx_r1.isMinimized); });
+    i0.ɵɵelement(7, "i", 6);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(8, AgentProcessPanelComponent_Conditional_0_Conditional_8_Template, 3, 0, "div", 7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("minimized", ctx_r1.isMinimized);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" Active Agents (", ctx_r1.activeProcesses.length, ") ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", ctx_r1.isMinimized ? "Expand" : "Minimize");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.isMinimized ? "fa-chevron-up" : "fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.isMinimized ? 8 : -1);
+} }
+export class AgentProcessPanelComponent {
+    dialogService;
+    agentStateService;
+    conversationId;
+    currentUser;
+    activeProcesses = [];
+    isMinimized = false;
+    subscription;
+    constructor(dialogService, agentStateService) {
+        this.dialogService = dialogService;
+        this.agentStateService = agentStateService;
+    }
+    ngOnInit() {
+        // Start polling for active agents
+        this.agentStateService.startPolling(this.currentUser, this.conversationId);
+        // Subscribe to active agents
+        this.subscription = this.agentStateService
+            .getActiveAgents(this.conversationId)
+            .subscribe(agents => {
+            // Preserve expanded state for existing processes
+            this.activeProcesses = agents.map(agent => {
+                const existing = this.activeProcesses.find(p => p.run.ID === agent.run.ID);
+                return {
+                    ...agent,
+                    expanded: existing ? existing.expanded : false
+                };
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.subscription?.unsubscribe();
+        // Note: We don't stop polling here as other components may be using the service
+    }
+    toggleProcess(process) {
+        process.expanded = !process.expanded;
+    }
+    getStatusText(status) {
+        switch (status) {
+            case 'acknowledging': return 'Acknowledging';
+            case 'working': return 'Working';
+            case 'completing': return 'Completing';
+            case 'completed': return 'Completed';
+            case 'error': return 'Error';
+            default: return 'Active';
+        }
+    }
+    getElapsedTime(run) {
+        if (!run.StartedAt)
+            return null;
+        const start = new Date(run.StartedAt).getTime();
+        const end = run.CompletedAt ? new Date(run.CompletedAt).getTime() : Date.now();
+        const elapsed = end - start;
+        const seconds = Math.floor(elapsed / 1000);
+        const minutes = Math.floor(seconds / 60);
+        const hours = Math.floor(minutes / 60);
+        if (hours > 0) {
+            return `${hours}h ${minutes % 60}m`;
+        }
+        else if (minutes > 0) {
+            return `${minutes}m ${seconds % 60}s`;
+        }
+        else {
+            return `${seconds}s`;
+        }
+    }
+    async onCancelProcess(process) {
+        const confirmed = await this.dialogService.confirm({
+            title: 'Cancel Agent',
+            message: `Cancel agent "${process.run.Agent || 'Agent'}"?`,
+            okText: 'Cancel Agent',
+            cancelText: 'Keep Running'
+        });
+        if (!confirmed)
+            return;
+        try {
+            const success = await this.agentStateService.cancelAgent(process.run.ID);
+            if (!success) {
+                await this.dialogService.alert('Error', 'Failed to cancel agent process');
+            }
+        }
+        catch (error) {
+            console.error('Failed to cancel agent process:', error);
+            await this.dialogService.alert('Error', 'Failed to cancel agent process');
+        }
+    }
+    onViewDetails(process) {
+        // TODO: Navigate to agent run details page or open modal
+        console.log('View agent run details:', process.run.ID);
+    }
+    static ɵfac = function AgentProcessPanelComponent_Factory(t) { return new (t || AgentProcessPanelComponent)(i0.ɵɵdirectiveInject(i1.DialogService), i0.ɵɵdirectiveInject(i2.AgentStateService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AgentProcessPanelComponent, selectors: [["mj-agent-process-panel"]], inputs: { conversationId: "conversationId", currentUser: "currentUser" }, decls: 1, vars: 1, consts: [[1, "agent-panel", 3, "minimized"], [1, "agent-panel"], [1, "panel-header"], [1, "fas", "fa-robot"], [1, "header-actions"], [1, "header-btn", 3, "click", "title"], [1, "fas", 3, "ngClass"], [1, "panel-content"], [1, "process-item"], [1, "process-header", 3, "click"], [1, "process-info"], [1, "agent-avatar-small"], [1, "pulse-dot"], [1, "agent-details"], [1, "process-name"], [1, "process-status"], [1, "confidence-indicator", 3, "title"], [1, "process-details"], [1, "fas", "fa-gauge-high"], [1, "detail-row"], [1, "process-actions"], [1, "btn-action", "btn-cancel"], [1, "btn-action", 3, "click"], [1, "fas", "fa-external-link-alt"], [1, "fas", "fa-clock"], [1, "fas", "fa-hourglass-half"], [1, "btn-action", "btn-cancel", 3, "click"], [1, "fas", "fa-stop"]], template: function AgentProcessPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, AgentProcessPanelComponent_Conditional_0_Template, 9, 6, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.activeProcesses.length > 0 ? 0 : -1);
+        } }, dependencies: [i3.NgClass, i3.DatePipe], styles: [".agent-panel[_ngcontent-%COMP%] {\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n      width: 450px;\n      max-height: 600px;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 8px 32px rgba(0,0,0,0.12);\n      z-index: 1000;\n      transition: all 300ms ease;\n      overflow: hidden;\n    }\n    .agent-panel.minimized[_ngcontent-%COMP%] { width: 280px; max-height: 60px; }\n\n    .panel-header[_ngcontent-%COMP%] {\n      padding: 16px 20px;\n      border-bottom: 1px solid #E5E7EB;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background: linear-gradient(135deg, #F9FAFB, #F3F4F6);\n      border-radius: 12px 12px 0 0;\n    }\n    .panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 15px;\n      font-weight: 600;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      color: #111827;\n    }\n    .header-actions[_ngcontent-%COMP%] { display: flex; gap: 4px; }\n    .header-btn[_ngcontent-%COMP%] {\n      padding: 8px;\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      border-radius: 6px;\n      color: #6B7280;\n      transition: all 150ms ease;\n    }\n    .header-btn[_ngcontent-%COMP%]:hover { background: rgba(0,0,0,0.08); color: #111827; }\n\n    .panel-content[_ngcontent-%COMP%] {\n      max-height: 500px;\n      overflow-y: auto;\n      overflow-x: hidden;\n    }\n\n    .process-item[_ngcontent-%COMP%] {\n      border-bottom: 1px solid #F3F4F6;\n      transition: background 150ms ease;\n    }\n    .process-item[_ngcontent-%COMP%]:last-child { border-bottom: none; }\n    .process-item[_ngcontent-%COMP%]:hover { background: #FAFAFA; }\n\n    .process-header[_ngcontent-%COMP%] {\n      padding: 14px 20px;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .process-info[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .agent-avatar-small[_ngcontent-%COMP%] {\n      position: relative;\n      width: 36px;\n      height: 36px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 14px;\n      color: white;\n      flex-shrink: 0;\n    }\n\n    .agent-avatar-small.status-acknowledging[_ngcontent-%COMP%] { background: linear-gradient(135deg, #3B82F6, #2563EB); }\n    .agent-avatar-small.status-working[_ngcontent-%COMP%] { background: linear-gradient(135deg, #F59E0B, #D97706); }\n    .agent-avatar-small.status-completing[_ngcontent-%COMP%] { background: linear-gradient(135deg, #10B981, #059669); }\n    .agent-avatar-small.status-completed[_ngcontent-%COMP%] { background: linear-gradient(135deg, #6B7280, #4B5563); opacity: 0.6; }\n    .agent-avatar-small.status-error[_ngcontent-%COMP%] { background: linear-gradient(135deg, #EF4444, #DC2626); }\n\n    .pulse-dot[_ngcontent-%COMP%] {\n      position: absolute;\n      top: -2px;\n      right: -2px;\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: #10B981;\n      animation: _ngcontent-%COMP%_pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    }\n\n    @keyframes _ngcontent-%COMP%_pulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50% { opacity: 0.5; transform: scale(1.5); }\n    }\n\n    .agent-details[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .process-name[_ngcontent-%COMP%] {\n      font-size: 14px;\n      font-weight: 500;\n      color: #111827;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .process-status[_ngcontent-%COMP%] {\n      padding: 3px 8px;\n      border-radius: 4px;\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      display: inline-block;\n      width: fit-content;\n    }\n\n    .status-acknowledging[_ngcontent-%COMP%] { background: #DBEAFE; color: #1E40AF; }\n    .status-working[_ngcontent-%COMP%] { background: #FEF3C7; color: #B45309; }\n    .status-completing[_ngcontent-%COMP%] { background: #D1FAE5; color: #065F46; }\n    .status-completed[_ngcontent-%COMP%] { background: #F3F4F6; color: #6B7280; }\n    .status-error[_ngcontent-%COMP%] { background: #FEE2E2; color: #991B1B; }\n\n    .confidence-indicator[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      padding: 4px 8px;\n      background: #F3F4F6;\n      border-radius: 6px;\n      font-size: 11px;\n      font-weight: 600;\n      color: #374151;\n      flex-shrink: 0;\n    }\n\n    .process-details[_ngcontent-%COMP%] {\n      padding: 0 20px 16px 68px;\n      animation: _ngcontent-%COMP%_slideDown 200ms ease;\n    }\n\n    @keyframes _ngcontent-%COMP%_slideDown {\n      from { opacity: 0; transform: translateY(-10px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .detail-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 6px 0;\n      font-size: 13px;\n      color: #6B7280;\n    }\n    .detail-row[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      width: 16px;\n      color: #9CA3AF;\n      text-align: center;\n    }\n\n    .process-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 8px;\n      margin-top: 12px;\n      padding-top: 12px;\n      border-top: 1px solid #F3F4F6;\n    }\n\n    .btn-action[_ngcontent-%COMP%] {\n      padding: 8px 14px;\n      background: #3B82F6;\n      color: white;\n      border: none;\n      border-radius: 6px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 500;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 150ms ease;\n    }\n    .btn-action[_ngcontent-%COMP%]:hover {\n      background: #2563EB;\n      transform: translateY(-1px);\n      box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);\n    }\n\n    .btn-cancel[_ngcontent-%COMP%] {\n      background: #EF4444;\n    }\n    .btn-cancel[_ngcontent-%COMP%]:hover {\n      background: #DC2626;\n      box-shadow: 0 2px 4px rgba(239, 68, 68, 0.3);\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AgentProcessPanelComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-agent-process-panel', template: `
+    @if (activeProcesses.length > 0) {
+      <div class="agent-panel" [class.minimized]="isMinimized">
+        <div class="panel-header">
+          <h3>
+            <i class="fas fa-robot"></i>
+            Active Agents ({{ activeProcesses.length }})
+          </h3>
+          <div class="header-actions">
+            <button class="header-btn" (click)="isMinimized = !isMinimized" [title]="isMinimized ? 'Expand' : 'Minimize'">
+              <i class="fas" [ngClass]="isMinimized ? 'fa-chevron-up' : 'fa-chevron-down'"></i>
+            </button>
+          </div>
+        </div>
+
+        @if (!isMinimized) {
+          <div class="panel-content">
+            @for (process of activeProcesses; track process.run.ID) {
+              <div class="process-item">
+                <div class="process-header" (click)="toggleProcess(process)">
+                  <div class="process-info">
+                    <div class="agent-avatar-small"
+                         [class.status-acknowledging]="process.status === 'acknowledging'"
+                         [class.status-working]="process.status === 'working'"
+                         [class.status-completing]="process.status === 'completing'"
+                         [class.status-completed]="process.status === 'completed'"
+                         [class.status-error]="process.status === 'error'">
+                      <i class="fas fa-robot"></i>
+                      @if (process.status !== 'completed') {
+                        <div class="pulse-dot"></div>
+                      }
+                    </div>
+                    <div class="agent-details">
+                      <span class="process-name">{{ process.run.Agent || 'Agent' }}</span>
+                      <span class="process-status" [class]="'status-' + process.status">
+                        {{ getStatusText(process.status) }}
+                      </span>
+                    </div>
+                    @if (process.confidence != null) {
+                      <div class="confidence-indicator" [title]="'Confidence: ' + (process.confidence * 100).toFixed(0) + '%'">
+                        <i class="fas fa-gauge-high"></i>
+                        <span>{{ (process.confidence * 100).toFixed(0) }}%</span>
+                      </div>
+                    }
+                  </div>
+                  <i class="fas" [ngClass]="process.expanded ? 'fa-chevron-up' : 'fa-chevron-down'"></i>
+                </div>
+
+                @if (process.expanded) {
+                  <div class="process-details">
+                    @if (process.run.StartedAt) {
+                      <div class="detail-row">
+                        <i class="fas fa-clock"></i>
+                        <span>Started: {{ process.run.StartedAt | date:'short' }}</span>
+                      </div>
+                    }
+                    @if (getElapsedTime(process.run)) {
+                      <div class="detail-row">
+                        <i class="fas fa-hourglass-half"></i>
+                        <span>Duration: {{ getElapsedTime(process.run) }}</span>
+                      </div>
+                    }
+                    <div class="process-actions">
+                      @if (process.run.Status === 'Running' || process.run.Status === 'Paused') {
+                        <button class="btn-action btn-cancel" (click)="onCancelProcess(process)">
+                          <i class="fas fa-stop"></i> Cancel
+                        </button>
+                      }
+                      <button class="btn-action" (click)="onViewDetails(process)">
+                        <i class="fas fa-external-link-alt"></i> View Details
+                      </button>
+                    </div>
+                  </div>
+                }
+              </div>
+            }
+          </div>
+        }
+      </div>
+    }
+  `, styles: ["\n    .agent-panel {\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n      width: 450px;\n      max-height: 600px;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 8px 32px rgba(0,0,0,0.12);\n      z-index: 1000;\n      transition: all 300ms ease;\n      overflow: hidden;\n    }\n    .agent-panel.minimized { width: 280px; max-height: 60px; }\n\n    .panel-header {\n      padding: 16px 20px;\n      border-bottom: 1px solid #E5E7EB;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background: linear-gradient(135deg, #F9FAFB, #F3F4F6);\n      border-radius: 12px 12px 0 0;\n    }\n    .panel-header h3 {\n      margin: 0;\n      font-size: 15px;\n      font-weight: 600;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      color: #111827;\n    }\n    .header-actions { display: flex; gap: 4px; }\n    .header-btn {\n      padding: 8px;\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      border-radius: 6px;\n      color: #6B7280;\n      transition: all 150ms ease;\n    }\n    .header-btn:hover { background: rgba(0,0,0,0.08); color: #111827; }\n\n    .panel-content {\n      max-height: 500px;\n      overflow-y: auto;\n      overflow-x: hidden;\n    }\n\n    .process-item {\n      border-bottom: 1px solid #F3F4F6;\n      transition: background 150ms ease;\n    }\n    .process-item:last-child { border-bottom: none; }\n    .process-item:hover { background: #FAFAFA; }\n\n    .process-header {\n      padding: 14px 20px;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .process-info {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .agent-avatar-small {\n      position: relative;\n      width: 36px;\n      height: 36px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 14px;\n      color: white;\n      flex-shrink: 0;\n    }\n\n    .agent-avatar-small.status-acknowledging { background: linear-gradient(135deg, #3B82F6, #2563EB); }\n    .agent-avatar-small.status-working { background: linear-gradient(135deg, #F59E0B, #D97706); }\n    .agent-avatar-small.status-completing { background: linear-gradient(135deg, #10B981, #059669); }\n    .agent-avatar-small.status-completed { background: linear-gradient(135deg, #6B7280, #4B5563); opacity: 0.6; }\n    .agent-avatar-small.status-error { background: linear-gradient(135deg, #EF4444, #DC2626); }\n\n    .pulse-dot {\n      position: absolute;\n      top: -2px;\n      right: -2px;\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: #10B981;\n      animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50% { opacity: 0.5; transform: scale(1.5); }\n    }\n\n    .agent-details {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .process-name {\n      font-size: 14px;\n      font-weight: 500;\n      color: #111827;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .process-status {\n      padding: 3px 8px;\n      border-radius: 4px;\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      display: inline-block;\n      width: fit-content;\n    }\n\n    .status-acknowledging { background: #DBEAFE; color: #1E40AF; }\n    .status-working { background: #FEF3C7; color: #B45309; }\n    .status-completing { background: #D1FAE5; color: #065F46; }\n    .status-completed { background: #F3F4F6; color: #6B7280; }\n    .status-error { background: #FEE2E2; color: #991B1B; }\n\n    .confidence-indicator {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      padding: 4px 8px;\n      background: #F3F4F6;\n      border-radius: 6px;\n      font-size: 11px;\n      font-weight: 600;\n      color: #374151;\n      flex-shrink: 0;\n    }\n\n    .process-details {\n      padding: 0 20px 16px 68px;\n      animation: slideDown 200ms ease;\n    }\n\n    @keyframes slideDown {\n      from { opacity: 0; transform: translateY(-10px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .detail-row {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 6px 0;\n      font-size: 13px;\n      color: #6B7280;\n    }\n    .detail-row i {\n      width: 16px;\n      color: #9CA3AF;\n      text-align: center;\n    }\n\n    .process-actions {\n      display: flex;\n      gap: 8px;\n      margin-top: 12px;\n      padding-top: 12px;\n      border-top: 1px solid #F3F4F6;\n    }\n\n    .btn-action {\n      padding: 8px 14px;\n      background: #3B82F6;\n      color: white;\n      border: none;\n      border-radius: 6px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 500;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 150ms ease;\n    }\n    .btn-action:hover {\n      background: #2563EB;\n      transform: translateY(-1px);\n      box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);\n    }\n\n    .btn-cancel {\n      background: #EF4444;\n    }\n    .btn-cancel:hover {\n      background: #DC2626;\n      box-shadow: 0 2px 4px rgba(239, 68, 68, 0.3);\n    }\n  "] }]
+    }], () => [{ type: i1.DialogService }, { type: i2.AgentStateService }], { conversationId: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AgentProcessPanelComponent, { className: "AgentProcessPanelComponent", filePath: "src/lib/components/agent/agent-process-panel.component.ts", lineNumber: 315 }); })();
+//# sourceMappingURL=agent-process-panel.component.js.map

package/dist/lib/components/agent/agent-process-panel.component.js.map

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

package/dist/lib/components/artifact/artifact-panel.component.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '@angular/core';
+import { UserInfo } from '@memberjunction/core';
+import { ArtifactStateService } from '../../services/artifact-state.service';
+import * as i0 from "@angular/core";
+type ArtifactTab = 'preview' | 'source' | 'history';
+export declare class ArtifactPanelComponent {
+    private artifactState;
+    currentUser: UserInfo;
+    close: EventEmitter<void>;
+    activeTab: ArtifactTab;
+    activeArtifact: any;
+    constructor(artifactState: ArtifactStateService);
+    switchTab(tab: ArtifactTab): void;
+    shareArtifact(): void;
+    copyContent(): void;
+    downloadArtifact(): void;
+    maximizeArtifact(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArtifactPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArtifactPanelComponent, "mj-artifact-panel", never, { "currentUser": { "alias": "currentUser"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
+}
+export {};
+//# sourceMappingURL=artifact-panel.component.d.ts.map

package/dist/lib/components/artifact/artifact-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifact-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/artifact/artifact-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;;AAE7E,KAAK,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpD,qBAkNa,sBAAsB;IAOrB,OAAO,CAAC,aAAa;IANxB,WAAW,EAAG,QAAQ,CAAC;IACtB,KAAK,qBAA4B;IAEpC,SAAS,EAAE,WAAW,CAAa;IACnC,cAAc,EAAE,GAAG,CAAQ;gBAEd,aAAa,EAAE,oBAAoB;IAOvD,SAAS,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI;IAIjC,aAAa,IAAI,IAAI;IAIrB,WAAW,IAAI,IAAI;IAInB,gBAAgB,IAAI,IAAI;IAIxB,gBAAgB,IAAI,IAAI;yCA9Bb,sBAAsB;2CAAtB,sBAAsB;CAiClC"}