@memberjunction/ng-dashboards 2.48.0 → 2.50.0

package/dist/AI/components/widgets/live-execution-widget.component.js

@@ -0,0 +1,298 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.id;
+function LiveExecutionWidgetComponent_Conditional_7_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 16);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const execution_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.formatCurrency(execution_r2.cost), " ");
+} }
+function LiveExecutionWidgetComponent_Conditional_7_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 20);
+    i0.ɵɵelement(2, "circle", 21)(3, "circle", 22);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(4, "span", 23);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const execution_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵstyleProp("stroke-dasharray", ctx_r2.circumference)("stroke-dashoffset", ctx_r2.getProgressOffset(execution_r2.progress));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", execution_r2.progress.toFixed(0), "%");
+} }
+function LiveExecutionWidgetComponent_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵlistener("click", function LiveExecutionWidgetComponent_Conditional_7_For_2_Template_div_click_0_listener() { const execution_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onExecutionClick(execution_r2)); });
+    i0.ɵɵelementStart(1, "div", 10);
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 11)(4, "div", 12);
+    i0.ɵɵtext(5);
+    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, LiveExecutionWidgetComponent_Conditional_7_For_2_Conditional_11_Template, 2, 1, "span", 16);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 17);
+    i0.ɵɵtemplate(13, LiveExecutionWidgetComponent_Conditional_7_For_2_Conditional_13_Template, 6, 5, "div", 18);
+    i0.ɵɵelementStart(14, "div", 19);
+    i0.ɵɵelement(15, "i");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const execution_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassMap("execution-item--" + execution_r2.status);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r2.getExecutionIcon(execution_r2));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(execution_r2.name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(execution_r2.type);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.formatDuration(execution_r2.duration));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(execution_r2.cost ? 11 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(execution_r2.status === "running" && execution_r2.progress ? 13 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("status-indicator--" + execution_r2.status);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r2.getStatusIcon(execution_r2.status));
+} }
+function LiveExecutionWidgetComponent_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "button", 24);
+    i0.ɵɵlistener("click", function LiveExecutionWidgetComponent_Conditional_7_Conditional_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleShowAll()); });
+    i0.ɵɵtext(2);
+    i0.ɵɵelement(3, "i");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.showAll ? "Show Less" : "Show All (" + ctx_r2.executions.length + ")", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r2.showAll ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down");
+} }
+function LiveExecutionWidgetComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵrepeaterCreate(1, LiveExecutionWidgetComponent_Conditional_7_For_2_Template, 16, 13, "div", 7, _forTrack0);
+    i0.ɵɵtemplate(3, LiveExecutionWidgetComponent_Conditional_7_Conditional_3_Template, 4, 3, "div", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.executions.slice(0, ctx_r2.maxVisible));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.executions.length > ctx_r2.maxVisible ? 3 : -1);
+} }
+function LiveExecutionWidgetComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "i", 25);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No recent executions");
+    i0.ɵɵelementEnd()();
+} }
+export class LiveExecutionWidgetComponent {
+    executions = [];
+    maxVisible = 8;
+    executionClick = new EventEmitter();
+    showAll = false;
+    circumference = 2 * Math.PI * 10; // r=10
+    ngOnInit() { }
+    ngOnDestroy() { }
+    trackByExecutionId(index, execution) {
+        return execution.id;
+    }
+    hasActiveExecutions() {
+        return this.executions.some(e => e.status === 'running');
+    }
+    getActiveCount() {
+        return this.executions.filter(e => e.status === 'running').length;
+    }
+    getExecutionIcon(execution) {
+        if (execution.type === 'agent') {
+            return 'fa-solid fa-robot';
+        }
+        else {
+            return 'fa-solid fa-comment-dots';
+        }
+    }
+    getStatusIcon(status) {
+        switch (status) {
+            case 'running':
+                return 'fa-solid fa-play';
+            case 'completed':
+                return 'fa-solid fa-check';
+            case 'failed':
+                return 'fa-solid fa-times';
+            default:
+                return 'fa-solid fa-question';
+        }
+    }
+    formatDuration(duration) {
+        if (!duration)
+            return '0s';
+        const seconds = Math.floor(duration / 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`;
+        }
+    }
+    getProgressOffset(progress) {
+        return this.circumference - (progress / 100) * this.circumference;
+    }
+    toggleShowAll() {
+        this.showAll = !this.showAll;
+        this.maxVisible = this.showAll ? this.executions.length : 8;
+    }
+    onExecutionClick(execution) {
+        this.executionClick.emit(execution);
+    }
+    formatCurrency(amount) {
+        return `$${amount.toFixed(4)}`;
+    }
+    static ɵfac = function LiveExecutionWidgetComponent_Factory(t) { return new (t || LiveExecutionWidgetComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LiveExecutionWidgetComponent, selectors: [["app-live-execution-widget"]], inputs: { executions: "executions", maxVisible: "maxVisible" }, outputs: { executionClick: "executionClick" }, decls: 9, vars: 4, consts: [[1, "live-execution-widget"], [1, "widget-header"], [1, "widget-title"], [1, "fa-solid", "fa-bolt"], [1, "active-count"], [1, "execution-list"], [1, "no-executions"], [1, "execution-item", 3, "class"], [1, "show-more"], [1, "execution-item", 3, "click"], [1, "execution-icon"], [1, "execution-info"], [1, "execution-name"], [1, "execution-meta"], [1, "execution-type"], [1, "execution-duration"], [1, "execution-cost"], [1, "execution-status"], [1, "progress-ring"], [1, "status-indicator"], ["width", "24", "height", "24"], ["cx", "12", "cy", "12", "r", "10", "fill", "none", "stroke", "#e0e0e0", "stroke-width", "2"], ["cx", "12", "cy", "12", "r", "10", "fill", "none", "stroke", "#2196f3", "stroke-width", "2", "stroke-linecap", "round", 1, "progress-circle"], [1, "progress-text"], [1, "show-more-btn", 3, "click"], [1, "fa-solid", "fa-circle-check"]], template: function LiveExecutionWidgetComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "h3", 2);
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵtext(4, " Live Executions ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "div", 4);
+            i0.ɵɵtext(6);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(7, LiveExecutionWidgetComponent_Conditional_7_Template, 4, 1, "div", 5)(8, LiveExecutionWidgetComponent_Conditional_8_Template, 4, 0, "div", 6);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(5);
+            i0.ɵɵclassProp("pulsing", ctx.hasActiveExecutions());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.getActiveCount(), " active ");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.executions.length > 0 ? 7 : 8);
+        } }, styles: [".live-execution-widget[_ngcontent-%COMP%] {\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      height: 400px;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .widget-header[_ngcontent-%COMP%] {\n      padding: 20px 20px 16px;\n      border-bottom: 1px solid #f0f0f0;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .widget-title[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: #333;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .widget-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #2196f3;\n    }\n\n    .active-count[_ngcontent-%COMP%] {\n      background: #e3f2fd;\n      color: #2196f3;\n      padding: 4px 12px;\n      border-radius: 12px;\n      font-size: 12px;\n      font-weight: 600;\n      transition: all 0.3s ease;\n    }\n\n    .active-count.pulsing[_ngcontent-%COMP%] {\n      animation: _ngcontent-%COMP%_pulse 2s infinite;\n    }\n\n    @keyframes _ngcontent-%COMP%_pulse {\n      0% { opacity: 1; }\n      50% { opacity: 0.7; }\n      100% { opacity: 1; }\n    }\n\n    .execution-list[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow-y: auto;\n      padding: 8px 0;\n    }\n\n    .execution-item[_ngcontent-%COMP%] {\n      padding: 12px 20px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      border-left: 3px solid transparent;\n    }\n\n    .execution-item[_ngcontent-%COMP%]:hover {\n      background: #f8f9fa;\n    }\n\n    .execution-item--running[_ngcontent-%COMP%] {\n      border-left-color: #2196f3;\n      background: rgba(33, 150, 243, 0.02);\n    }\n\n    .execution-item--completed[_ngcontent-%COMP%] {\n      border-left-color: #4caf50;\n    }\n\n    .execution-item--failed[_ngcontent-%COMP%] {\n      border-left-color: #f44336;\n      background: rgba(244, 67, 54, 0.02);\n    }\n\n    .execution-icon[_ngcontent-%COMP%] {\n      width: 32px;\n      height: 32px;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    .execution-item--running[_ngcontent-%COMP%]   .execution-icon[_ngcontent-%COMP%] {\n      background: rgba(33, 150, 243, 0.1);\n      color: #2196f3;\n    }\n\n    .execution-item--completed[_ngcontent-%COMP%]   .execution-icon[_ngcontent-%COMP%] {\n      background: rgba(76, 175, 80, 0.1);\n      color: #4caf50;\n    }\n\n    .execution-item--failed[_ngcontent-%COMP%]   .execution-icon[_ngcontent-%COMP%] {\n      background: rgba(244, 67, 54, 0.1);\n      color: #f44336;\n    }\n\n    .execution-info[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .execution-name[_ngcontent-%COMP%] {\n      font-weight: 500;\n      color: #333;\n      font-size: 14px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n    }\n\n    .execution-meta[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 11px;\n      color: #666;\n    }\n\n    .execution-type[_ngcontent-%COMP%] {\n      background: #f0f0f0;\n      padding: 2px 6px;\n      border-radius: 3px;\n      font-weight: 500;\n    }\n\n    .execution-duration[_ngcontent-%COMP%] {\n      color: #999;\n    }\n\n    .execution-cost[_ngcontent-%COMP%] {\n      color: #ff9800;\n      font-weight: 500;\n    }\n\n    .execution-status[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex-shrink: 0;\n    }\n\n    .progress-ring[_ngcontent-%COMP%] {\n      position: relative;\n      width: 24px;\n      height: 24px;\n    }\n\n    .progress-circle[_ngcontent-%COMP%] {\n      transform: rotate(-90deg);\n      transform-origin: center;\n      transition: stroke-dashoffset 0.3s ease;\n    }\n\n    .progress-text[_ngcontent-%COMP%] {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      font-size: 8px;\n      font-weight: 600;\n      color: #2196f3;\n    }\n\n    .status-indicator[_ngcontent-%COMP%] {\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 10px;\n    }\n\n    .status-indicator--running[_ngcontent-%COMP%] {\n      background: #2196f3;\n      color: white;\n      animation: _ngcontent-%COMP%_pulse 2s infinite;\n    }\n\n    .status-indicator--completed[_ngcontent-%COMP%] {\n      background: #4caf50;\n      color: white;\n    }\n\n    .status-indicator--failed[_ngcontent-%COMP%] {\n      background: #f44336;\n      color: white;\n    }\n\n    .show-more[_ngcontent-%COMP%] {\n      padding: 12px 20px;\n      border-top: 1px solid #f0f0f0;\n    }\n\n    .show-more-btn[_ngcontent-%COMP%] {\n      width: 100%;\n      background: none;\n      border: none;\n      color: #2196f3;\n      font-size: 12px;\n      font-weight: 500;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 4px;\n      padding: 8px;\n      border-radius: 4px;\n      transition: background 0.2s ease;\n    }\n\n    .show-more-btn[_ngcontent-%COMP%]:hover {\n      background: rgba(33, 150, 243, 0.1);\n    }\n\n    .no-executions[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      color: #999;\n      gap: 12px;\n    }\n\n    .no-executions[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 32px;\n      color: #ddd;\n    }\n\n    .no-executions[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    \n\n    .execution-list[_ngcontent-%COMP%]::-webkit-scrollbar {\n      width: 4px;\n    }\n\n    .execution-list[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n      background: #f1f1f1;\n    }\n\n    .execution-list[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n      background: #ccc;\n      border-radius: 2px;\n    }\n\n    .execution-list[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n      background: #999;\n    }\n\n    @media (max-width: 768px) {\n      .execution-item[_ngcontent-%COMP%] {\n        padding: 10px 16px;\n      }\n      \n      .execution-meta[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 4px;\n      }\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LiveExecutionWidgetComponent, [{
+        type: Component,
+        args: [{ selector: 'app-live-execution-widget', template: `
+    <div class="live-execution-widget">
+      <div class="widget-header">
+        <h3 class="widget-title">
+          <i class="fa-solid fa-bolt"></i>
+          Live Executions
+        </h3>
+        <div class="active-count" [class.pulsing]="hasActiveExecutions()">
+          {{ getActiveCount() }} active
+        </div>
+      </div>
+
+      @if (executions.length > 0) {
+        <div class="execution-list">
+          @for (execution of executions.slice(0, maxVisible); track execution.id) {
+            <div 
+              class="execution-item"
+              [class]="'execution-item--' + execution.status"
+              (click)="onExecutionClick(execution)"
+            >
+          <div class="execution-icon">
+            <i [class]="getExecutionIcon(execution)"></i>
+          </div>
+          
+          <div class="execution-info">
+            <div class="execution-name">{{ execution.name }}</div>
+            <div class="execution-meta">
+              <span class="execution-type">{{ execution.type }}</span>
+              <span class="execution-duration">{{ formatDuration(execution.duration) }}</span>
+              @if (execution.cost) {
+                <span class="execution-cost">
+                  {{ formatCurrency(execution.cost) }}
+                </span>
+              }
+            </div>
+          </div>
+
+          <div class="execution-status">
+            @if (execution.status === 'running' && execution.progress) {
+              <div class="progress-ring">
+              <svg width="24" height="24">
+                <circle
+                  cx="12"
+                  cy="12"
+                  r="10"
+                  fill="none"
+                  stroke="#e0e0e0"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="12"
+                  cy="12"
+                  r="10"
+                  fill="none"
+                  stroke="#2196f3"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  [style.stroke-dasharray]="circumference"
+                  [style.stroke-dashoffset]="getProgressOffset(execution.progress)"
+                  class="progress-circle"
+                />
+              </svg>
+                <span class="progress-text">{{ execution.progress.toFixed(0) }}%</span>
+              </div>
+            }
+            
+            <div class="status-indicator" [class]="'status-indicator--' + execution.status">
+              <i [class]="getStatusIcon(execution.status)"></i>
+            </div>
+          </div>
+            </div>
+          }
+
+          @if (executions.length > maxVisible) {
+            <div class="show-more">
+          <button 
+            class="show-more-btn"
+            (click)="toggleShowAll()"
+          >
+              {{ showAll ? 'Show Less' : 'Show All (' + executions.length + ')' }}
+              <i [class]="showAll ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'"></i>
+            </button>
+            </div>
+          }
+        </div>
+      } @else {
+        <div class="no-executions">
+          <i class="fa-solid fa-circle-check"></i>
+          <p>No recent executions</p>
+        </div>
+      }
+    </div>
+  `, styles: ["\n    .live-execution-widget {\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      height: 400px;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .widget-header {\n      padding: 20px 20px 16px;\n      border-bottom: 1px solid #f0f0f0;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .widget-title {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: #333;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .widget-title i {\n      color: #2196f3;\n    }\n\n    .active-count {\n      background: #e3f2fd;\n      color: #2196f3;\n      padding: 4px 12px;\n      border-radius: 12px;\n      font-size: 12px;\n      font-weight: 600;\n      transition: all 0.3s ease;\n    }\n\n    .active-count.pulsing {\n      animation: pulse 2s infinite;\n    }\n\n    @keyframes pulse {\n      0% { opacity: 1; }\n      50% { opacity: 0.7; }\n      100% { opacity: 1; }\n    }\n\n    .execution-list {\n      flex: 1;\n      overflow-y: auto;\n      padding: 8px 0;\n    }\n\n    .execution-item {\n      padding: 12px 20px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      border-left: 3px solid transparent;\n    }\n\n    .execution-item:hover {\n      background: #f8f9fa;\n    }\n\n    .execution-item--running {\n      border-left-color: #2196f3;\n      background: rgba(33, 150, 243, 0.02);\n    }\n\n    .execution-item--completed {\n      border-left-color: #4caf50;\n    }\n\n    .execution-item--failed {\n      border-left-color: #f44336;\n      background: rgba(244, 67, 54, 0.02);\n    }\n\n    .execution-icon {\n      width: 32px;\n      height: 32px;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    .execution-item--running .execution-icon {\n      background: rgba(33, 150, 243, 0.1);\n      color: #2196f3;\n    }\n\n    .execution-item--completed .execution-icon {\n      background: rgba(76, 175, 80, 0.1);\n      color: #4caf50;\n    }\n\n    .execution-item--failed .execution-icon {\n      background: rgba(244, 67, 54, 0.1);\n      color: #f44336;\n    }\n\n    .execution-info {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .execution-name {\n      font-weight: 500;\n      color: #333;\n      font-size: 14px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      margin-bottom: 4px;\n    }\n\n    .execution-meta {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 11px;\n      color: #666;\n    }\n\n    .execution-type {\n      background: #f0f0f0;\n      padding: 2px 6px;\n      border-radius: 3px;\n      font-weight: 500;\n    }\n\n    .execution-duration {\n      color: #999;\n    }\n\n    .execution-cost {\n      color: #ff9800;\n      font-weight: 500;\n    }\n\n    .execution-status {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex-shrink: 0;\n    }\n\n    .progress-ring {\n      position: relative;\n      width: 24px;\n      height: 24px;\n    }\n\n    .progress-circle {\n      transform: rotate(-90deg);\n      transform-origin: center;\n      transition: stroke-dashoffset 0.3s ease;\n    }\n\n    .progress-text {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      font-size: 8px;\n      font-weight: 600;\n      color: #2196f3;\n    }\n\n    .status-indicator {\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 10px;\n    }\n\n    .status-indicator--running {\n      background: #2196f3;\n      color: white;\n      animation: pulse 2s infinite;\n    }\n\n    .status-indicator--completed {\n      background: #4caf50;\n      color: white;\n    }\n\n    .status-indicator--failed {\n      background: #f44336;\n      color: white;\n    }\n\n    .show-more {\n      padding: 12px 20px;\n      border-top: 1px solid #f0f0f0;\n    }\n\n    .show-more-btn {\n      width: 100%;\n      background: none;\n      border: none;\n      color: #2196f3;\n      font-size: 12px;\n      font-weight: 500;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 4px;\n      padding: 8px;\n      border-radius: 4px;\n      transition: background 0.2s ease;\n    }\n\n    .show-more-btn:hover {\n      background: rgba(33, 150, 243, 0.1);\n    }\n\n    .no-executions {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      color: #999;\n      gap: 12px;\n    }\n\n    .no-executions i {\n      font-size: 32px;\n      color: #ddd;\n    }\n\n    .no-executions p {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    /* Custom scrollbar */\n    .execution-list::-webkit-scrollbar {\n      width: 4px;\n    }\n\n    .execution-list::-webkit-scrollbar-track {\n      background: #f1f1f1;\n    }\n\n    .execution-list::-webkit-scrollbar-thumb {\n      background: #ccc;\n      border-radius: 2px;\n    }\n\n    .execution-list::-webkit-scrollbar-thumb:hover {\n      background: #999;\n    }\n\n    @media (max-width: 768px) {\n      .execution-item {\n        padding: 10px 16px;\n      }\n      \n      .execution-meta {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 4px;\n      }\n    }\n  "] }]
+    }], null, { executions: [{
+            type: Input
+        }], maxVisible: [{
+            type: Input
+        }], executionClick: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LiveExecutionWidgetComponent, { className: "LiveExecutionWidgetComponent", filePath: "src/AI/components/widgets/live-execution-widget.component.ts", lineNumber: 382 }); })();
+//# sourceMappingURL=live-execution-widget.component.js.map

package/dist/AI/components/widgets/live-execution-widget.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-execution-widget.component.js","sourceRoot":"","sources":["../../../../src/AI/components/widgets/live-execution-widget.component.ts"],"names":[],"mappings":"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"}

package/dist/AI/index.d.ts

@@ -0,0 +1,7 @@
+export * from './services/ai-instrumentation.service';
+export * from './components/execution-monitoring.component';
+export * from './components/widgets/kpi-card.component';
+export * from './components/widgets/live-execution-widget.component';
+export * from './components/charts/time-series-chart.component';
+export * from './components/charts/performance-heatmap.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/AI/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AI/index.ts"],"names":[],"mappings":"AACA,cAAc,uCAAuC,CAAC;AAGtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,sDAAsD,CAAC;AACrE,cAAc,iDAAiD,CAAC;AAChE,cAAc,mDAAmD,CAAC"}

package/dist/AI/index.js

@@ -0,0 +1,9 @@
+// Services
+export * from './services/ai-instrumentation.service';
+// Components
+export * from './components/execution-monitoring.component';
+export * from './components/widgets/kpi-card.component';
+export * from './components/widgets/live-execution-widget.component';
+export * from './components/charts/time-series-chart.component';
+export * from './components/charts/performance-heatmap.component';
+//# sourceMappingURL=index.js.map

package/dist/AI/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AI/index.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,cAAc,uCAAuC,CAAC;AAEtD,aAAa;AACb,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,sDAAsD,CAAC;AACrE,cAAc,iDAAiD,CAAC;AAChE,cAAc,mDAAmD,CAAC"}

package/dist/AI/services/ai-instrumentation.service.d.ts

@@ -0,0 +1,109 @@
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface DashboardKPIs {
+    totalExecutions: number;
+    activeExecutions: number;
+    totalCost: number;
+    costCurrency: string;
+    avgExecutionTime: number;
+    successRate: number;
+    totalTokens: number;
+    costPerToken: number;
+    topModel: string;
+    topAgent: string;
+    errorRate: number;
+    dailyCostBurn: number;
+}
+export interface TrendData {
+    timestamp: Date;
+    executions: number;
+    cost: number;
+    tokens: number;
+    avgTime: number;
+    errors: number;
+}
+export interface LiveExecution {
+    id: string;
+    type: 'prompt' | 'agent';
+    name: string;
+    status: 'running' | 'completed' | 'failed';
+    startTime: Date;
+    duration?: number;
+    cost?: number;
+    tokens?: number;
+    progress?: number;
+}
+export interface ExecutionDetails {
+    id: string;
+    type: 'prompt' | 'agent';
+    name: string;
+    status: string;
+    startTime: Date;
+    endTime?: Date;
+    cost: number;
+    tokens: number;
+    success: boolean;
+    errorMessage?: string;
+    parentId?: string;
+    children: ExecutionDetails[];
+    model?: string;
+    vendor?: string;
+}
+export interface ChartData {
+    executionTrends: TrendData[];
+    costByModel: {
+        model: string;
+        cost: number;
+        tokens: number;
+    }[];
+    performanceMatrix: {
+        agent: string;
+        model: string;
+        avgTime: number;
+        successRate: number;
+    }[];
+    tokenEfficiency: {
+        inputTokens: number;
+        outputTokens: number;
+        cost: number;
+        model: string;
+    }[];
+}
+export declare class AIInstrumentationService {
+    private readonly _refreshInterval$;
+    private readonly _dateRange$;
+    constructor();
+    readonly kpis$: Observable<DashboardKPIs>;
+    readonly trends$: Observable<TrendData[]>;
+    readonly liveExecutions$: Observable<LiveExecution[]>;
+    readonly chartData$: Observable<ChartData>;
+    setRefreshInterval(intervalMs: number): void;
+    setDateRange(start: Date, end: Date): void;
+    private createRefreshableStream;
+    private loadKPIs;
+    private loadTrends;
+    private loadLiveExecutions;
+    private loadChartData;
+    private countActiveExecutions;
+    private sumCosts;
+    private sumTokens;
+    private calculateAverageExecutionTime;
+    private calculateSuccessRate;
+    private countErrors;
+    private calculateDailyCostBurn;
+    private createHourlyBuckets;
+    private getPromptName;
+    private getAgentName;
+    private getTopModel;
+    private getTopAgent;
+    private analyzeCostByModel;
+    private analyzePerformanceMatrix;
+    private analyzeTokenEfficiency;
+    private getModelName;
+    getExecutionDetails(executionId: string, type: 'prompt' | 'agent'): Promise<ExecutionDetails | null>;
+    private getPromptExecutionDetails;
+    private getAgentExecutionDetails;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AIInstrumentationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AIInstrumentationService>;
+}
+//# sourceMappingURL=ai-instrumentation.service.d.ts.map

package/dist/AI/services/ai-instrumentation.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-instrumentation.service.d.ts","sourceRoot":"","sources":["../../../src/AI/services/ai-instrumentation.service.ts"],"names":[],"mappings":"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"}