@memberjunction/ng-dashboards 2.48.0 → 2.49.0

package/dist/AI/components/charts/performance-heatmap.component.js

@@ -0,0 +1,428 @@
+import { Component, Input, ViewChild } from '@angular/core';
+import * as d3 from 'd3';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _c0 = ["chartSvg"];
+const _c1 = ["tooltip"];
+const _c2 = ["legendGradient"];
+export class PerformanceHeatmapComponent {
+    data = [];
+    title;
+    config = {};
+    chartSvg;
+    tooltip;
+    legendGradient;
+    svg;
+    width = 0;
+    height = 0;
+    margin = { top: 40, right: 20, bottom: 60, left: 80 };
+    // Chart configuration
+    defaultColorScheme = ['#f7fbff', '#deebf7', '#c6dbef', '#9ecae1', '#6baed6', '#4292c6', '#2171b5', '#08519c', '#08306b'];
+    // Data processing
+    selectedMetric = 'performance';
+    processedData = [];
+    uniqueAgents = [];
+    uniqueModels = [];
+    minValue = 0;
+    maxValue = 1;
+    ngOnInit() {
+        this.applyConfig();
+    }
+    ngAfterViewInit() {
+        this.initChart();
+        this.processData();
+        this.updateChart();
+    }
+    ngOnChanges(changes) {
+        if (changes['data'] && !changes['data'].firstChange) {
+            this.processData();
+            this.updateChart();
+        }
+        if (changes['config'] && !changes['config'].firstChange) {
+            this.applyConfig();
+            this.updateChart();
+        }
+    }
+    ngOnDestroy() {
+        d3.select(window).on('resize.heatmap', null);
+    }
+    applyConfig() {
+        const config = this.config;
+        this.margin = { ...this.margin, ...config.margin };
+    }
+    initChart() {
+        this.svg = d3.select(this.chartSvg.nativeElement);
+        this.initLegend();
+        // Set up responsive behavior
+        d3.select(window).on('resize.heatmap', () => this.updateChart());
+    }
+    processData() {
+        if (!this.data || this.data.length === 0) {
+            this.processedData = [];
+            this.uniqueAgents = [];
+            this.uniqueModels = [];
+            return;
+        }
+        // Calculate performance scores and process data
+        this.processedData = this.data.map(d => ({
+            ...d,
+            value: this.calculatePerformanceScore(d)
+        }));
+        // Get unique agents and models
+        this.uniqueAgents = Array.from(new Set(this.processedData.map(d => d.agent))).sort();
+        this.uniqueModels = Array.from(new Set(this.processedData.map(d => d.model))).sort();
+        // Update value range based on selected metric
+        this.updateValueRange();
+    }
+    calculatePerformanceScore(data) {
+        // Normalize avgTime (lower is better, scale 0-1)
+        const maxTime = Math.max(...this.data.map(d => d.avgTime));
+        const normalizedTime = maxTime > 0 ? 1 - (data.avgTime / maxTime) : 1;
+        // Success rate is already 0-1
+        const normalizedSuccess = data.successRate;
+        // Weighted combination (60% success rate, 40% speed)
+        return normalizedSuccess * 0.6 + normalizedTime * 0.4;
+    }
+    updateValueRange() {
+        let values;
+        switch (this.selectedMetric) {
+            case 'avgTime':
+                values = this.processedData.map(d => d.avgTime);
+                break;
+            case 'successRate':
+                values = this.processedData.map(d => d.successRate);
+                break;
+            case 'performance':
+            default:
+                values = this.processedData.map(d => d.value || 0);
+                break;
+        }
+        this.minValue = Math.min(...values);
+        this.maxValue = Math.max(...values);
+        // Ensure reasonable range
+        if (this.minValue === this.maxValue) {
+            this.maxValue = this.minValue + 1;
+        }
+    }
+    updateChart() {
+        if (!this.processedData || this.processedData.length === 0) {
+            this.svg.selectAll('*').remove();
+            return;
+        }
+        this.calculateDimensions();
+        this.svg.selectAll('*').remove();
+        this.drawChart();
+        this.updateLegend();
+    }
+    calculateDimensions() {
+        const container = this.chartSvg.nativeElement.parentElement;
+        this.width = (this.config.width || container.clientWidth) - this.margin.left - this.margin.right;
+        this.height = (this.config.height || Math.max(300, this.uniqueAgents.length * 30 + 100)) - this.margin.top - this.margin.bottom;
+        this.svg
+            .attr('width', this.width + this.margin.left + this.margin.right)
+            .attr('height', this.height + this.margin.top + this.margin.bottom);
+    }
+    drawChart() {
+        const g = this.svg.append('g')
+            .attr('transform', `translate(${this.margin.left},${this.margin.top})`);
+        // Create scales
+        const xScale = d3.scaleBand()
+            .domain(this.uniqueModels)
+            .range([0, this.width])
+            .padding(0.05);
+        const yScale = d3.scaleBand()
+            .domain(this.uniqueAgents)
+            .range([0, this.height])
+            .padding(0.05);
+        const colorScale = d3.scaleSequential()
+            .domain([this.minValue, this.maxValue])
+            .interpolator(d3.interpolateBlues);
+        // Draw cells
+        const cells = g.selectAll('.heatmap-cell')
+            .data(this.processedData)
+            .enter().append('rect')
+            .attr('class', 'heatmap-cell')
+            .attr('x', d => xScale(d.model) || 0)
+            .attr('y', d => yScale(d.agent) || 0)
+            .attr('width', xScale.bandwidth())
+            .attr('height', yScale.bandwidth())
+            .attr('fill', d => colorScale(this.getMetricValue(d)))
+            .on('mouseover', (event, d) => this.showTooltip(event, d))
+            .on('mouseout', () => this.hideTooltip());
+        // Add animation
+        if (this.config.animationDuration !== 0) {
+            cells
+                .attr('opacity', 0)
+                .transition()
+                .duration(this.config.animationDuration || 500)
+                .delay((d, i) => i * 20)
+                .attr('opacity', 1);
+        }
+        // Draw axes
+        this.drawAxes(g, xScale, yScale);
+        // Add value labels on cells (for smaller datasets)
+        if (this.processedData.length <= 50) {
+            g.selectAll('.cell-label')
+                .data(this.processedData)
+                .enter().append('text')
+                .attr('class', 'cell-label')
+                .attr('x', d => (xScale(d.model) || 0) + xScale.bandwidth() / 2)
+                .attr('y', d => (yScale(d.agent) || 0) + yScale.bandwidth() / 2)
+                .attr('text-anchor', 'middle')
+                .attr('dominant-baseline', 'middle')
+                .attr('font-size', '10px')
+                .attr('font-weight', '500')
+                .attr('fill', d => this.getTextColor(colorScale(this.getMetricValue(d))))
+                .text(d => this.formatCellValue(this.getMetricValue(d)));
+        }
+    }
+    drawAxes(g, xScale, yScale) {
+        // X axis (models)
+        g.append('g')
+            .attr('class', 'axis axis-x')
+            .attr('transform', `translate(0,${this.height})`)
+            .call(d3.axisBottom(xScale))
+            .selectAll('text')
+            .style('text-anchor', 'end')
+            .attr('dx', '-.8em')
+            .attr('dy', '.15em')
+            .attr('transform', 'rotate(-45)');
+        // Y axis (agents)
+        g.append('g')
+            .attr('class', 'axis axis-y')
+            .call(d3.axisLeft(yScale));
+        // Axis labels
+        g.append('text')
+            .attr('class', 'axis-label')
+            .attr('transform', 'rotate(-90)')
+            .attr('y', 0 - this.margin.left)
+            .attr('x', 0 - (this.height / 2))
+            .attr('dy', '1em')
+            .style('text-anchor', 'middle')
+            .text('AI Agents');
+        g.append('text')
+            .attr('class', 'axis-label')
+            .attr('transform', `translate(${this.width / 2}, ${this.height + this.margin.bottom - 10})`)
+            .style('text-anchor', 'middle')
+            .text('AI Models');
+    }
+    getMetricValue(data) {
+        switch (this.selectedMetric) {
+            case 'avgTime':
+                return data.avgTime;
+            case 'successRate':
+                return data.successRate;
+            case 'performance':
+            default:
+                return data.value || 0;
+        }
+    }
+    getTextColor(backgroundColor) {
+        // Convert color to RGB and calculate luminance
+        const rgb = d3.rgb(backgroundColor);
+        const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;
+        return luminance > 0.5 ? '#333' : '#fff';
+    }
+    formatCellValue(value) {
+        switch (this.selectedMetric) {
+            case 'avgTime':
+                return `${(value / 1000).toFixed(1)}s`;
+            case 'successRate':
+                return `${(value * 100).toFixed(0)}%`;
+            case 'performance':
+            default:
+                return value.toFixed(2);
+        }
+    }
+    showTooltip(event, data) {
+        const tooltip = d3.select(this.tooltip.nativeElement);
+        const content = `
+      <div><strong>${data.agent} × ${data.model}</strong></div>
+      <div>Performance Score: ${(data.value || 0).toFixed(3)}</div>
+      <div>Success Rate: ${(data.successRate * 100).toFixed(1)}%</div>
+      <div>Avg Time: ${(data.avgTime / 1000).toFixed(2)}s</div>
+    `;
+        tooltip
+            .style('display', 'block')
+            .html(content)
+            .style('left', (event.offsetX + 10) + 'px')
+            .style('top', (event.offsetY - 10) + 'px');
+    }
+    hideTooltip() {
+        d3.select(this.tooltip.nativeElement)
+            .style('display', 'none');
+    }
+    initLegend() {
+        // Create gradient for legend
+        const gradient = d3.select(this.legendGradient.nativeElement)
+            .append('svg')
+            .attr('width', '100%')
+            .attr('height', '100%')
+            .append('defs')
+            .append('linearGradient')
+            .attr('id', 'legend-gradient')
+            .attr('x1', '0%')
+            .attr('x2', '100%');
+        // Add color stops
+        const colorScheme = this.config.colorScheme || this.defaultColorScheme;
+        colorScheme.forEach((color, i) => {
+            gradient.append('stop')
+                .attr('offset', `${(i / (colorScheme.length - 1)) * 100}%`)
+                .attr('stop-color', color);
+        });
+        d3.select(this.legendGradient.nativeElement)
+            .select('svg')
+            .append('rect')
+            .attr('width', '100%')
+            .attr('height', '100%')
+            .style('fill', 'url(#legend-gradient)');
+    }
+    updateLegend() {
+        // Update gradient colors based on current color scale
+        const gradient = d3.select(this.legendGradient.nativeElement)
+            .select('linearGradient');
+        gradient.selectAll('stop').remove();
+        const colorScale = d3.scaleSequential()
+            .domain([this.minValue, this.maxValue])
+            .interpolator(d3.interpolateBlues);
+        // Create 10 color stops
+        for (let i = 0; i <= 10; i++) {
+            const t = i / 10;
+            const value = this.minValue + t * (this.maxValue - this.minValue);
+            gradient.append('stop')
+                .attr('offset', `${t * 100}%`)
+                .attr('stop-color', colorScale(value));
+        }
+    }
+    getLegendTitle() {
+        switch (this.selectedMetric) {
+            case 'avgTime':
+                return 'Execution Time';
+            case 'successRate':
+                return 'Success Rate';
+            case 'performance':
+            default:
+                return 'Performance Score';
+        }
+    }
+    formatLegendValue(value) {
+        switch (this.selectedMetric) {
+            case 'avgTime':
+                return `${(value / 1000).toFixed(1)}s`;
+            case 'successRate':
+                return `${(value * 100).toFixed(0)}%`;
+            case 'performance':
+            default:
+                return value.toFixed(2);
+        }
+    }
+    static ɵfac = function PerformanceHeatmapComponent_Factory(t) { return new (t || PerformanceHeatmapComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PerformanceHeatmapComponent, selectors: [["app-performance-heatmap"]], viewQuery: function PerformanceHeatmapComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 7);
+            i0.ɵɵviewQuery(_c1, 7);
+            i0.ɵɵviewQuery(_c2, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartSvg = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tooltip = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.legendGradient = _t.first);
+        } }, inputs: { data: "data", title: "title", config: "config" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 5, consts: [["chartSvg", ""], ["tooltip", ""], ["legendGradient", ""], [1, "performance-heatmap"], [1, "chart-header"], [1, "chart-title"], [1, "chart-controls"], [1, "metric-selector"], [3, "ngModelChange", "change", "ngModel"], ["value", "performance"], ["value", "avgTime"], ["value", "successRate"], [1, "chart-container"], [1, "chart-tooltip", 2, "display", "none"], [1, "chart-legend"], [1, "legend-title"], [1, "legend-gradient"], [1, "legend-labels"], [1, "legend-min"], [1, "legend-max"]], template: function PerformanceHeatmapComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 3)(1, "div", 4)(2, "h4", 5);
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 6)(5, "div", 7)(6, "label");
+            i0.ɵɵtext(7, "Metric:");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "select", 8);
+            i0.ɵɵtwoWayListener("ngModelChange", function PerformanceHeatmapComponent_Template_select_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.selectedMetric, $event) || (ctx.selectedMetric = $event); return i0.ɵɵresetView($event); });
+            i0.ɵɵlistener("change", function PerformanceHeatmapComponent_Template_select_change_8_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.updateChart()); });
+            i0.ɵɵelementStart(9, "option", 9);
+            i0.ɵɵtext(10, "Performance Score");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(11, "option", 10);
+            i0.ɵɵtext(12, "Avg Execution Time");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "option", 11);
+            i0.ɵɵtext(14, "Success Rate");
+            i0.ɵɵelementEnd()()()()();
+            i0.ɵɵelementStart(15, "div", 12);
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelement(16, "svg", null, 0);
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelement(18, "div", 13, 1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(20, "div", 14)(21, "div", 15);
+            i0.ɵɵtext(22);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(23, "div", 16, 2);
+            i0.ɵɵelementStart(25, "div", 17)(26, "span", 18);
+            i0.ɵɵtext(27);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(28, "span", 19);
+            i0.ɵɵtext(29);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.title || "Agent vs Model Performance");
+            i0.ɵɵadvance(5);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.selectedMetric);
+            i0.ɵɵadvance(14);
+            i0.ɵɵtextInterpolate(ctx.getLegendTitle());
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.formatLegendValue(ctx.minValue));
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.formatLegendValue(ctx.maxValue));
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel], styles: [".performance-heatmap[_ngcontent-%COMP%] {\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      padding: 20px;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .chart-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 16px;\n      flex-wrap: wrap;\n      gap: 12px;\n    }\n\n    .chart-title[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: #333;\n    }\n\n    .chart-controls[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 16px;\n      align-items: center;\n    }\n\n    .metric-selector[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12px;\n    }\n\n    .metric-selector[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n      color: #666;\n      font-weight: 500;\n    }\n\n    .metric-selector[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n      padding: 4px 8px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      font-size: 11px;\n      background: white;\n    }\n\n    .chart-container[_ngcontent-%COMP%] {\n      flex: 1;\n      position: relative;\n      overflow: hidden;\n      min-height: 200px;\n    }\n\n    .chart-tooltip[_ngcontent-%COMP%] {\n      position: absolute;\n      background: rgba(0, 0, 0, 0.85);\n      color: white;\n      padding: 10px 12px;\n      border-radius: 4px;\n      font-size: 12px;\n      pointer-events: none;\n      z-index: 1000;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n      max-width: 250px;\n    }\n\n    .chart-legend[_ngcontent-%COMP%] {\n      margin-top: 16px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 11px;\n    }\n\n    .legend-title[_ngcontent-%COMP%] {\n      color: #666;\n      font-weight: 500;\n      white-space: nowrap;\n    }\n\n    .legend-gradient[_ngcontent-%COMP%] {\n      flex: 1;\n      height: 16px;\n      border-radius: 8px;\n      position: relative;\n    }\n\n    .legend-labels[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      min-width: 80px;\n      color: #666;\n      font-weight: 500;\n    }\n\n    \n\n    [_nghost-%COMP%]     .heatmap-cell {\n      stroke: white;\n      stroke-width: 1;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    [_nghost-%COMP%]     .heatmap-cell:hover {\n      stroke: #333;\n      stroke-width: 2;\n    }\n\n    [_nghost-%COMP%]     .axis {\n      font-size: 10px;\n      color: #666;\n    }\n\n    [_nghost-%COMP%]     .axis path {\n      stroke: #ddd;\n    }\n\n    [_nghost-%COMP%]     .axis .tick line {\n      stroke: #ddd;\n    }\n\n    [_nghost-%COMP%]     .axis .tick text {\n      fill: #666;\n    }\n\n    [_nghost-%COMP%]     .axis-label {\n      font-size: 11px;\n      font-weight: 500;\n      fill: #333;\n    }\n\n    .no-data[_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-data[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 32px;\n      color: #ddd;\n    }\n\n    @media (max-width: 768px) {\n      .chart-header[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .chart-legend[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 8px;\n      }\n      \n      .legend-gradient[_ngcontent-%COMP%] {\n        width: 100%;\n        max-width: 200px;\n      }\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PerformanceHeatmapComponent, [{
+        type: Component,
+        args: [{ selector: 'app-performance-heatmap', template: `
+    <div class="performance-heatmap">
+      <div class="chart-header">
+        <h4 class="chart-title">{{ title || 'Agent vs Model Performance' }}</h4>
+        <div class="chart-controls">
+          <div class="metric-selector">
+            <label>Metric:</label>
+            <select [(ngModel)]="selectedMetric" (change)="updateChart()">
+              <option value="performance">Performance Score</option>
+              <option value="avgTime">Avg Execution Time</option>
+              <option value="successRate">Success Rate</option>
+            </select>
+          </div>
+        </div>
+      </div>
+      
+      <div class="chart-container">
+        <svg #chartSvg></svg>
+        <div class="chart-tooltip" #tooltip style="display: none;"></div>
+      </div>
+      
+      <div class="chart-legend">
+        <div class="legend-title">{{ getLegendTitle() }}</div>
+        <div class="legend-gradient" #legendGradient></div>
+        <div class="legend-labels">
+          <span class="legend-min">{{ formatLegendValue(minValue) }}</span>
+          <span class="legend-max">{{ formatLegendValue(maxValue) }}</span>
+        </div>
+      </div>
+    </div>
+  `, styles: ["\n    .performance-heatmap {\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      padding: 20px;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .chart-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 16px;\n      flex-wrap: wrap;\n      gap: 12px;\n    }\n\n    .chart-title {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: #333;\n    }\n\n    .chart-controls {\n      display: flex;\n      gap: 16px;\n      align-items: center;\n    }\n\n    .metric-selector {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12px;\n    }\n\n    .metric-selector label {\n      color: #666;\n      font-weight: 500;\n    }\n\n    .metric-selector select {\n      padding: 4px 8px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      font-size: 11px;\n      background: white;\n    }\n\n    .chart-container {\n      flex: 1;\n      position: relative;\n      overflow: hidden;\n      min-height: 200px;\n    }\n\n    .chart-tooltip {\n      position: absolute;\n      background: rgba(0, 0, 0, 0.85);\n      color: white;\n      padding: 10px 12px;\n      border-radius: 4px;\n      font-size: 12px;\n      pointer-events: none;\n      z-index: 1000;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n      max-width: 250px;\n    }\n\n    .chart-legend {\n      margin-top: 16px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 11px;\n    }\n\n    .legend-title {\n      color: #666;\n      font-weight: 500;\n      white-space: nowrap;\n    }\n\n    .legend-gradient {\n      flex: 1;\n      height: 16px;\n      border-radius: 8px;\n      position: relative;\n    }\n\n    .legend-labels {\n      display: flex;\n      justify-content: space-between;\n      min-width: 80px;\n      color: #666;\n      font-weight: 500;\n    }\n\n    /* Chart styles */\n    :host ::ng-deep .heatmap-cell {\n      stroke: white;\n      stroke-width: 1;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    :host ::ng-deep .heatmap-cell:hover {\n      stroke: #333;\n      stroke-width: 2;\n    }\n\n    :host ::ng-deep .axis {\n      font-size: 10px;\n      color: #666;\n    }\n\n    :host ::ng-deep .axis path {\n      stroke: #ddd;\n    }\n\n    :host ::ng-deep .axis .tick line {\n      stroke: #ddd;\n    }\n\n    :host ::ng-deep .axis .tick text {\n      fill: #666;\n    }\n\n    :host ::ng-deep .axis-label {\n      font-size: 11px;\n      font-weight: 500;\n      fill: #333;\n    }\n\n    .no-data {\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-data i {\n      font-size: 32px;\n      color: #ddd;\n    }\n\n    @media (max-width: 768px) {\n      .chart-header {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .chart-legend {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 8px;\n      }\n      \n      .legend-gradient {\n        width: 100%;\n        max-width: 200px;\n      }\n    }\n  "] }]
+    }], null, { data: [{
+            type: Input
+        }], title: [{
+            type: Input
+        }], config: [{
+            type: Input
+        }], chartSvg: [{
+            type: ViewChild,
+            args: ['chartSvg', { static: true }]
+        }], tooltip: [{
+            type: ViewChild,
+            args: ['tooltip', { static: true }]
+        }], legendGradient: [{
+            type: ViewChild,
+            args: ['legendGradient', { static: true }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PerformanceHeatmapComponent, { className: "PerformanceHeatmapComponent", filePath: "src/AI/components/charts/performance-heatmap.component.ts", lineNumber: 226 }); })();
+//# sourceMappingURL=performance-heatmap.component.js.map

package/dist/AI/components/charts/performance-heatmap.component.js.map

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

package/dist/AI/components/charts/time-series-chart.component.d.ts

@@ -0,0 +1,66 @@
+import { OnInit, OnDestroy, AfterViewInit, ElementRef, OnChanges, SimpleChanges, EventEmitter } from '@angular/core';
+import { TrendData } from '../../services/ai-instrumentation.service';
+import * as i0 from "@angular/core";
+export interface TimeSeriesConfig {
+    width?: number;
+    height?: number;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    animationDuration?: number;
+    colors?: string[];
+    useDualAxis?: boolean;
+}
+export interface DataPointClickEvent {
+    data: TrendData;
+    metric: string;
+    event: MouseEvent;
+}
+export declare class TimeSeriesChartComponent implements OnInit, OnDestroy, AfterViewInit, OnChanges {
+    data: TrendData[];
+    title?: string;
+    config: TimeSeriesConfig;
+    showLegend: boolean;
+    showControls: boolean;
+    dataPointClick: EventEmitter<DataPointClickEvent>;
+    timeRangeChange: EventEmitter<string>;
+    chartSvg: ElementRef<SVGElement>;
+    tooltip: ElementRef<HTMLDivElement>;
+    private svg;
+    private width;
+    private height;
+    private margin;
+    private defaultColors;
+    visibleMetrics: string[];
+    private hiddenMetrics;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private applyConfig;
+    private initChart;
+    private updateChart;
+    private calculateDimensions;
+    private drawChart;
+    private createMetricScales;
+    private drawGrid;
+    private drawAxes;
+    private drawMetrics;
+    private drawInteractiveElements;
+    private findClosestDataPoint;
+    private showTooltip;
+    private hideTooltip;
+    private getMetricValue;
+    getMetricColor(metric: string): string;
+    getMetricLabel(metric: string): string;
+    isMetricVisible(metric: string): boolean;
+    toggleMetric(metric: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimeSeriesChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimeSeriesChartComponent, "app-time-series-chart", never, { "data": { "alias": "data"; "required": false; }; "title": { "alias": "title"; "required": false; }; "config": { "alias": "config"; "required": false; }; "showLegend": { "alias": "showLegend"; "required": false; }; "showControls": { "alias": "showControls"; "required": false; }; }, { "dataPointClick": "dataPointClick"; "timeRangeChange": "timeRangeChange"; }, never, never, false, never>;
+}
+//# sourceMappingURL=time-series-chart.component.d.ts.map

package/dist/AI/components/charts/time-series-chart.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-series-chart.component.d.ts","sourceRoot":"","sources":["../../../../src/AI/components/charts/time-series-chart.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,SAAS,EAAE,aAAa,EAAa,UAAU,EAAE,SAAS,EAAE,aAAa,EAAU,YAAY,EAAE,MAAM,eAAe,CAAC;AAE1J,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;;AAEtE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,qBAsLa,wBAAyB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS;IACjF,IAAI,EAAE,SAAS,EAAE,CAAM;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,gBAAgB,CAAM;IAC9B,UAAU,UAAQ;IAClB,YAAY,UAAQ;IAEnB,cAAc,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAA2C;IAC5F,eAAe,uBAA8B;IAEd,QAAQ,EAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE7E,OAAO,CAAC,GAAG,CAAsD;IACjE,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,MAAM,CAAgD;IAG9D,OAAO,CAAC,aAAa,CAA2D;IAGhF,cAAc,WAAyD;IACvE,OAAO,CAAC,aAAa,CAAqB;IAG1C,QAAQ;IAIR,eAAe;IAKf,WAAW,CAAC,OAAO,EAAE,aAAa;IAUlC,WAAW;IAKX,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,SAAS;IA2BjB,OAAO,CAAC,kBAAkB;IAsE1B,OAAO,CAAC,QAAQ;IAyBhB,OAAO,CAAC,QAAQ;IA6EhB,OAAO,CAAC,WAAW;IAuHnB,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,WAAW;IAsBnB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,cAAc;IAWtB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAMtC,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAWtC,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAIxC,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;yCArevB,wBAAwB;2CAAxB,wBAAwB;CA8epC"}