npm - @memberjunction/ng-dashboards - Versions diffs - 5.11.0 → 5.13.0 - Mend

@memberjunction/ng-dashboards 5.11.0 → 5.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (229) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"performance-heatmap.component.js","sourceRoot":"","sources":["../../../../src/AI/components/charts/performance-heatmap.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit, AfterViewInit, ViewChild, ElementRef, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';\nimport * as d3 from 'd3';\n\nexport interface HeatmapData {\n agent: string;\n model: string;\n avgTime: number;\n successRate: number;\n value?: number; // Computed performance score\n}\n\nexport interface HeatmapConfig {\n width?: number;\n height?: number;\n margin?: { top: number; right: number; bottom: number; left: number };\n colorScheme?: string[];\n showTooltip?: boolean;\n animationDuration?: number;\n}\n\n@Component({\n standalone: false,\n selector: 'app-performance-heatmap',\n template: `\n <div class=\"performance-heatmap\">\n <div class=\"chart-header\">\n <h4 class=\"chart-title\">{{ title \|\| 'Agent vs Model Performance' }}</h4>\n <div class=\"chart-controls\">\n <div class=\"metric-selector\">\n <label>Metric:</label>\n <select [(ngModel)]=\"selectedMetric\" (change)=\"updateChart()\">\n <option value=\"performance\">Performance Score</option>\n <option value=\"avgTime\">Avg Execution Time</option>\n <option value=\"successRate\">Success Rate</option>\n </select>\n </div>\n </div>\n </div>\n \n <div class=\"chart-container\">\n <svg #chartSvg></svg>\n <div class=\"chart-tooltip\" #tooltip style=\"display: none;\"></div>\n </div>\n \n <div class=\"chart-legend\">\n <div class=\"legend-title\">{{ getLegendTitle() }}</div>\n <div class=\"legend-gradient\" #legendGradient></div>\n <div class=\"legend-labels\">\n <span class=\"legend-min\">{{ formatLegendValue(minValue) }}</span>\n <span class=\"legend-max\">{{ formatLegendValue(maxValue) }}</span>\n </div>\n </div>\n </div>\n `,\n 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 `]\n})\nexport class PerformanceHeatmapComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {\n @Input() data: HeatmapData[] = [];\n @Input() title?: string;\n @Input() config: HeatmapConfig = {};\n\n @ViewChild('chartSvg', { static: true }) chartSvg!: ElementRef<SVGElement>;\n @ViewChild('tooltip', { static: true }) tooltip!: ElementRef<HTMLDivElement>;\n @ViewChild('legendGradient', { static: true }) legendGradient!: ElementRef<HTMLDivElement>;\n\n private svg!: d3.Selection<SVGElement, unknown, null, undefined>;\n private width = 0;\n private height = 0;\n private margin = { top: 40, right: 20, bottom: 60, left: 80 };\n\n // Chart configuration\n private defaultColorScheme = ['#f7fbff', '#deebf7', '#c6dbef', '#9ecae1', '#6baed6', '#4292c6', '#2171b5', '#08519c', '#08306b'];\n \n // Data processing\n selectedMetric = 'performance';\n processedData: HeatmapData[] = [];\n uniqueAgents: string[] = [];\n uniqueModels: string[] = [];\n minValue = 0;\n maxValue = 1;\n\n ngOnInit() {\n this.applyConfig();\n }\n\n ngAfterViewInit() {\n this.initChart();\n this.processData();\n this.updateChart();\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['data'] && !changes['data'].firstChange) {\n this.processData();\n this.updateChart();\n }\n if (changes['config'] && !changes['config'].firstChange) {\n this.applyConfig();\n this.updateChart();\n }\n }\n\n ngOnDestroy() {\n d3.select(window).on('resize.heatmap', null);\n }\n\n private applyConfig() {\n const config = this.config;\n this.margin = { ...this.margin, ...config.margin };\n }\n\n private initChart() {\n this.svg = d3.select(this.chartSvg.nativeElement);\n this.initLegend();\n \n // Set up responsive behavior\n d3.select(window).on('resize.heatmap', () => this.updateChart());\n }\n\n private processData() {\n if (!this.data \|\| this.data.length === 0) {\n this.processedData = [];\n this.uniqueAgents = [];\n this.uniqueModels = [];\n return;\n }\n\n // Calculate performance scores and process data\n this.processedData = this.data.map(d => ({\n ...d,\n value: this.calculatePerformanceScore(d)\n }));\n\n // Get unique agents and models\n this.uniqueAgents = Array.from(new Set(this.processedData.map(d => d.agent))).sort();\n this.uniqueModels = Array.from(new Set(this.processedData.map(d => d.model))).sort();\n\n // Update value range based on selected metric\n this.updateValueRange();\n }\n\n private calculatePerformanceScore(data: HeatmapData): number {\n // Normalize avgTime (lower is better, scale 0-1)\n const maxTime = Math.max(...this.data.map(d => d.avgTime));\n const normalizedTime = maxTime > 0 ? 1 - (data.avgTime / maxTime) : 1;\n \n // Success rate is already 0-1\n const normalizedSuccess = data.successRate;\n \n // Weighted combination (60% success rate, 40% speed)\n return normalizedSuccess 0.6 + normalizedTime * 0.4;\n }\n\n private updateValueRange() {\n let values: number[];\n \n switch (this.selectedMetric) {\n case 'avgTime':\n values = this.processedData.map(d => d.avgTime);\n break;\n case 'successRate':\n values = this.processedData.map(d => d.successRate);\n break;\n case 'performance':\n default:\n values = this.processedData.map(d => d.value \|\| 0);\n break;\n }\n\n this.minValue = Math.min(...values);\n this.maxValue = Math.max(...values);\n\n // Ensure reasonable range\n if (this.minValue === this.maxValue) {\n this.maxValue = this.minValue + 1;\n }\n }\n\n updateChart() {\n if (!this.processedData \|\| this.processedData.length === 0) {\n this.svg.selectAll('').remove();\n return;\n }\n\n this.calculateDimensions();\n this.svg.selectAll('').remove();\n this.drawChart();\n this.updateLegend();\n }\n\n private calculateDimensions() {\n const container = this.chartSvg.nativeElement.parentElement!;\n this.width = (this.config.width \|\| container.clientWidth) - this.margin.left - this.margin.right;\n this.height = (this.config.height \|\| Math.max(300, this.uniqueAgents.length * 30 + 100)) - this.margin.top - this.margin.bottom;\n \n this.svg\n .attr('width', this.width + this.margin.left + this.margin.right)\n .attr('height', this.height + this.margin.top + this.margin.bottom);\n }\n\n private drawChart() {\n const g = this.svg.append('g')\n .attr('transform', `translate(${this.margin.left},${this.margin.top})`);\n\n // Create scales\n const xScale = d3.scaleBand()\n .domain(this.uniqueModels)\n .range([0, this.width])\n .padding(0.05);\n\n const yScale = d3.scaleBand()\n .domain(this.uniqueAgents)\n .range([0, this.height])\n .padding(0.05);\n\n const colorScale = d3.scaleSequential()\n .domain([this.minValue, this.maxValue])\n .interpolator(d3.interpolateBlues);\n\n // Draw cells\n const cells = g.selectAll('.heatmap-cell')\n .data(this.processedData)\n .enter().append('rect')\n .attr('class', 'heatmap-cell')\n .attr('x', d => xScale(d.model) \|\| 0)\n .attr('y', d => yScale(d.agent) \|\| 0)\n .attr('width', xScale.bandwidth())\n .attr('height', yScale.bandwidth())\n .attr('fill', d => colorScale(this.getMetricValue(d)))\n .on('mouseover', (event, d) => this.showTooltip(event, d))\n .on('mouseout', () => this.hideTooltip());\n\n // Add animation\n if (this.config.animationDuration !== 0) {\n cells\n .attr('opacity', 0)\n .transition()\n .duration(this.config.animationDuration \|\| 500)\n .delay((d, i) => i * 20)\n .attr('opacity', 1);\n }\n\n // Draw axes\n this.drawAxes(g, xScale, yScale);\n\n // Add value labels on cells (for smaller datasets)\n if (this.processedData.length <= 50) {\n g.selectAll('.cell-label')\n .data(this.processedData)\n .enter().append('text')\n .attr('class', 'cell-label')\n .attr('x', d => (xScale(d.model) \|\| 0) + xScale.bandwidth() / 2)\n .attr('y', d => (yScale(d.agent) \|\| 0) + yScale.bandwidth() / 2)\n .attr('text-anchor', 'middle')\n .attr('dominant-baseline', 'middle')\n .attr('font-size', '10px')\n .attr('font-weight', '500')\n .attr('fill', d => this.getTextColor(colorScale(this.getMetricValue(d))))\n .text(d => this.formatCellValue(this.getMetricValue(d)));\n }\n }\n\n private drawAxes(g: any, xScale: any, yScale: any) {\n // X axis (models)\n g.append('g')\n .attr('class', 'axis axis-x')\n .attr('transform', `translate(0,${this.height})`)\n .call(d3.axisBottom(xScale))\n .selectAll('text')\n .style('text-anchor', 'end')\n .attr('dx', '-.8em')\n .attr('dy', '.15em')\n .attr('transform', 'rotate(-45)');\n\n // Y axis (agents)\n g.append('g')\n .attr('class', 'axis axis-y')\n .call(d3.axisLeft(yScale));\n\n // Axis labels\n g.append('text')\n .attr('class', 'axis-label')\n .attr('transform', 'rotate(-90)')\n .attr('y', 0 - this.margin.left)\n .attr('x', 0 - (this.height / 2))\n .attr('dy', '1em')\n .style('text-anchor', 'middle')\n .text('MJ: AI Agents');\n\n g.append('text')\n .attr('class', 'axis-label')\n .attr('transform', `translate(${this.width / 2}, ${this.height + this.margin.bottom - 10})`)\n .style('text-anchor', 'middle')\n .text('MJ: AI Models');\n }\n\n private getMetricValue(data: HeatmapData): number {\n switch (this.selectedMetric) {\n case 'avgTime':\n return data.avgTime;\n case 'successRate':\n return data.successRate;\n case 'performance':\n default:\n return data.value \|\| 0;\n }\n }\n\n private getTextColor(backgroundColor: string): string {\n // Convert color to RGB and calculate luminance\n const rgb = d3.rgb(backgroundColor);\n const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;\n return luminance > 0.5 ? '#333' : '#fff';\n }\n\n private formatCellValue(value: number): string {\n switch (this.selectedMetric) {\n case 'avgTime':\n return `${(value / 1000).toFixed(1)}s`;\n case 'successRate':\n return `${(value * 100).toFixed(0)}%`;\n case 'performance':\n default:\n return value.toFixed(2);\n }\n }\n\n private showTooltip(event: MouseEvent, data: HeatmapData) {\n const tooltip = d3.select(this.tooltip.nativeElement);\n \n const content = `\n <div><strong>${data.agent} × ${data.model}</strong></div>\n <div>Performance Score: ${(data.value \|\| 0).toFixed(3)}</div>\n <div>Success Rate: ${(data.successRate * 100).toFixed(1)}%</div>\n <div>Avg Time: ${(data.avgTime / 1000).toFixed(2)}s</div>\n `;\n\n tooltip\n .style('display', 'block')\n .html(content)\n .style('left', (event.offsetX + 10) + 'px')\n .style('top', (event.offsetY - 10) + 'px');\n }\n\n private hideTooltip() {\n d3.select(this.tooltip.nativeElement)\n .style('display', 'none');\n }\n\n private initLegend() {\n // Create gradient for legend\n const gradient = d3.select(this.legendGradient.nativeElement)\n .append('svg')\n .attr('width', '100%')\n .attr('height', '100%')\n .append('defs')\n .append('linearGradient')\n .attr('id', 'legend-gradient')\n .attr('x1', '0%')\n .attr('x2', '100%');\n\n // Add color stops\n const colorScheme = this.config.colorScheme \|\| this.defaultColorScheme;\n colorScheme.forEach((color, i) => {\n gradient.append('stop')\n .attr('offset', `${(i / (colorScheme.length - 1)) * 100}%`)\n .attr('stop-color', color);\n });\n\n d3.select(this.legendGradient.nativeElement)\n .select('svg')\n .append('rect')\n .attr('width', '100%')\n .attr('height', '100%')\n .style('fill', 'url(#legend-gradient)');\n }\n\n private updateLegend() {\n // Update gradient colors based on current color scale\n const gradient = d3.select(this.legendGradient.nativeElement)\n .select('linearGradient');\n\n gradient.selectAll('stop').remove();\n\n const colorScale = d3.scaleSequential()\n .domain([this.minValue, this.maxValue])\n .interpolator(d3.interpolateBlues);\n\n // Create 10 color stops\n for (let i = 0; i <= 10; i++) {\n const t = i / 10;\n const value = this.minValue + t * (this.maxValue - this.minValue);\n gradient.append('stop')\n .attr('offset', `${t * 100}%`)\n .attr('stop-color', colorScale(value));\n }\n }\n\n getLegendTitle(): string {\n switch (this.selectedMetric) {\n case 'avgTime':\n return 'Execution Time';\n case 'successRate':\n return 'Success Rate';\n case 'performance':\n default:\n return 'Performance Score';\n }\n }\n\n formatLegendValue(value: number): string {\n switch (this.selectedMetric) {\n case 'avgTime':\n return `${(value / 1000).toFixed(1)}s`;\n case 'successRate':\n return `${(value * 100).toFixed(0)}%`;\n case 'performance':\n default:\n return value.toFixed(2);\n }\n }\n}"]}
1	+ {"version":3,"file":"performance-heatmap.component.js","sourceRoot":"","sources":["../../../../src/AI/components/charts/performance-heatmap.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit, AfterViewInit, ViewChild, ElementRef, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';\nimport * as d3 from 'd3';\n\nexport interface HeatmapData {\n agent: string;\n model: string;\n avgTime: number;\n successRate: number;\n value?: number; // Computed performance score\n}\n\nexport interface HeatmapConfig {\n width?: number;\n height?: number;\n margin?: { top: number; right: number; bottom: number; left: number };\n colorScheme?: string[];\n showTooltip?: boolean;\n animationDuration?: number;\n}\n\n@Component({\n standalone: false,\n selector: 'app-performance-heatmap',\n template: `\n <div class=\"performance-heatmap\">\n <div class=\"chart-header\">\n <h4 class=\"chart-title\">{{ title \|\| 'Agent vs Model Performance' }}</h4>\n <div class=\"chart-controls\">\n <div class=\"metric-selector\">\n <label>Metric:</label>\n <select [(ngModel)]=\"selectedMetric\" (change)=\"updateChart()\">\n <option value=\"performance\">Performance Score</option>\n <option value=\"avgTime\">Avg Execution Time</option>\n <option value=\"successRate\">Success Rate</option>\n </select>\n </div>\n </div>\n </div>\n \n <div class=\"chart-container\">\n <svg #chartSvg></svg>\n <div class=\"chart-tooltip\" #tooltip style=\"display: none;\"></div>\n </div>\n \n <div class=\"chart-legend\">\n <div class=\"legend-title\">{{ getLegendTitle() }}</div>\n <div class=\"legend-gradient\" #legendGradient></div>\n <div class=\"legend-labels\">\n <span class=\"legend-min\">{{ formatLegendValue(minValue) }}</span>\n <span class=\"legend-max\">{{ formatLegendValue(maxValue) }}</span>\n </div>\n </div>\n </div>\n `,\n styles: [`\n .performance-heatmap {\n background: var(--mj-bg-surface);\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: var(--mj-text-primary);\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: var(--mj-text-muted);\n font-weight: 500;\n }\n\n .metric-selector select {\n padding: 4px 8px;\n border: 1px solid var(--mj-border-default);\n border-radius: 4px;\n font-size: 11px;\n background: var(--mj-bg-surface);\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: var(--mj-text-inverse);\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: var(--mj-text-muted);\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: var(--mj-text-muted);\n font-weight: 500;\n }\n\n /* Chart styles /\n :host ::ng-deep .heatmap-cell {\n stroke: var(--mj-bg-surface);\n stroke-width: 1;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n :host ::ng-deep .heatmap-cell:hover {\n stroke: var(--mj-text-primary);\n stroke-width: 2;\n }\n\n :host ::ng-deep .axis {\n font-size: 10px;\n color: var(--mj-text-muted);\n }\n\n :host ::ng-deep .axis path {\n stroke: var(--mj-border-default);\n }\n\n :host ::ng-deep .axis .tick line {\n stroke: var(--mj-border-default);\n }\n\n :host ::ng-deep .axis .tick text {\n fill: var(--mj-text-muted);\n }\n\n :host ::ng-deep .axis-label {\n font-size: 11px;\n font-weight: 500;\n fill: var(--mj-text-primary);\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: var(--mj-text-disabled);\n gap: 12px;\n }\n\n .no-data i {\n font-size: 32px;\n color: var(--mj-border-default);\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 `]\n})\nexport class PerformanceHeatmapComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {\n @Input() data: HeatmapData[] = [];\n @Input() title?: string;\n @Input() config: HeatmapConfig = {};\n\n @ViewChild('chartSvg', { static: true }) chartSvg!: ElementRef<SVGElement>;\n @ViewChild('tooltip', { static: true }) tooltip!: ElementRef<HTMLDivElement>;\n @ViewChild('legendGradient', { static: true }) legendGradient!: ElementRef<HTMLDivElement>;\n\n private svg!: d3.Selection<SVGElement, unknown, null, undefined>;\n private width = 0;\n private height = 0;\n private margin = { top: 40, right: 20, bottom: 60, left: 80 };\n\n // Chart configuration\n private defaultColorScheme: string[] = [];\n\n private getColorScheme(): string[] {\n const style = getComputedStyle(document.documentElement);\n const surface = style.getPropertyValue('--mj-bg-surface').trim() \|\| '#ffffff';\n const brandPrimary = style.getPropertyValue('--mj-brand-primary').trim() \|\| '#0076b6';\n // Build a 9-stop scale from surface white through brand primary to dark brand\n const toSurface = d3.interpolateRgb(surface, brandPrimary);\n const toDark = d3.interpolateRgb(brandPrimary, d3.rgb(brandPrimary).darker(2).formatHex());\n return [\n surface,\n toSurface(0.15),\n toSurface(0.3),\n toSurface(0.5),\n toSurface(0.7),\n toSurface(0.85),\n brandPrimary,\n toDark(0.5),\n toDark(1),\n ];\n }\n \n // Data processing\n selectedMetric = 'performance';\n processedData: HeatmapData[] = [];\n uniqueAgents: string[] = [];\n uniqueModels: string[] = [];\n minValue = 0;\n maxValue = 1;\n\n ngOnInit() {\n this.applyConfig();\n }\n\n ngAfterViewInit() {\n this.initChart();\n this.processData();\n this.updateChart();\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['data'] && !changes['data'].firstChange) {\n this.processData();\n this.updateChart();\n }\n if (changes['config'] && !changes['config'].firstChange) {\n this.applyConfig();\n this.updateChart();\n }\n }\n\n ngOnDestroy() {\n d3.select(window).on('resize.heatmap', null);\n }\n\n private applyConfig() {\n const config = this.config;\n this.margin = { ...this.margin, ...config.margin };\n }\n\n private initChart() {\n this.svg = d3.select(this.chartSvg.nativeElement);\n this.initLegend();\n \n // Set up responsive behavior\n d3.select(window).on('resize.heatmap', () => this.updateChart());\n }\n\n private processData() {\n if (!this.data \|\| this.data.length === 0) {\n this.processedData = [];\n this.uniqueAgents = [];\n this.uniqueModels = [];\n return;\n }\n\n // Calculate performance scores and process data\n this.processedData = this.data.map(d => ({\n ...d,\n value: this.calculatePerformanceScore(d)\n }));\n\n // Get unique agents and models\n this.uniqueAgents = Array.from(new Set(this.processedData.map(d => d.agent))).sort();\n this.uniqueModels = Array.from(new Set(this.processedData.map(d => d.model))).sort();\n\n // Update value range based on selected metric\n this.updateValueRange();\n }\n\n private calculatePerformanceScore(data: HeatmapData): number {\n // Normalize avgTime (lower is better, scale 0-1)\n const maxTime = Math.max(...this.data.map(d => d.avgTime));\n const normalizedTime = maxTime > 0 ? 1 - (data.avgTime / maxTime) : 1;\n \n // Success rate is already 0-1\n const normalizedSuccess = data.successRate;\n \n // Weighted combination (60% success rate, 40% speed)\n return normalizedSuccess 0.6 + normalizedTime * 0.4;\n }\n\n private updateValueRange() {\n let values: number[];\n \n switch (this.selectedMetric) {\n case 'avgTime':\n values = this.processedData.map(d => d.avgTime);\n break;\n case 'successRate':\n values = this.processedData.map(d => d.successRate);\n break;\n case 'performance':\n default:\n values = this.processedData.map(d => d.value \|\| 0);\n break;\n }\n\n this.minValue = Math.min(...values);\n this.maxValue = Math.max(...values);\n\n // Ensure reasonable range\n if (this.minValue === this.maxValue) {\n this.maxValue = this.minValue + 1;\n }\n }\n\n updateChart() {\n if (!this.processedData \|\| this.processedData.length === 0) {\n this.svg.selectAll('').remove();\n return;\n }\n\n this.calculateDimensions();\n this.svg.selectAll('').remove();\n this.drawChart();\n this.updateLegend();\n }\n\n private calculateDimensions() {\n const container = this.chartSvg.nativeElement.parentElement!;\n this.width = (this.config.width \|\| container.clientWidth) - this.margin.left - this.margin.right;\n this.height = (this.config.height \|\| Math.max(300, this.uniqueAgents.length * 30 + 100)) - this.margin.top - this.margin.bottom;\n \n this.svg\n .attr('width', this.width + this.margin.left + this.margin.right)\n .attr('height', this.height + this.margin.top + this.margin.bottom);\n }\n\n private drawChart() {\n const g = this.svg.append('g')\n .attr('transform', `translate(${this.margin.left},${this.margin.top})`);\n\n // Create scales\n const xScale = d3.scaleBand()\n .domain(this.uniqueModels)\n .range([0, this.width])\n .padding(0.05);\n\n const yScale = d3.scaleBand()\n .domain(this.uniqueAgents)\n .range([0, this.height])\n .padding(0.05);\n\n const colorScale = d3.scaleSequential()\n .domain([this.minValue, this.maxValue])\n .interpolator(d3.interpolateBlues);\n\n // Draw cells\n const cells = g.selectAll('.heatmap-cell')\n .data(this.processedData)\n .enter().append('rect')\n .attr('class', 'heatmap-cell')\n .attr('x', d => xScale(d.model) \|\| 0)\n .attr('y', d => yScale(d.agent) \|\| 0)\n .attr('width', xScale.bandwidth())\n .attr('height', yScale.bandwidth())\n .attr('fill', d => colorScale(this.getMetricValue(d)))\n .on('mouseover', (event, d) => this.showTooltip(event, d))\n .on('mouseout', () => this.hideTooltip());\n\n // Add animation\n if (this.config.animationDuration !== 0) {\n cells\n .attr('opacity', 0)\n .transition()\n .duration(this.config.animationDuration \|\| 500)\n .delay((d, i) => i * 20)\n .attr('opacity', 1);\n }\n\n // Draw axes\n this.drawAxes(g, xScale, yScale);\n\n // Add value labels on cells (for smaller datasets)\n if (this.processedData.length <= 50) {\n g.selectAll('.cell-label')\n .data(this.processedData)\n .enter().append('text')\n .attr('class', 'cell-label')\n .attr('x', d => (xScale(d.model) \|\| 0) + xScale.bandwidth() / 2)\n .attr('y', d => (yScale(d.agent) \|\| 0) + yScale.bandwidth() / 2)\n .attr('text-anchor', 'middle')\n .attr('dominant-baseline', 'middle')\n .attr('font-size', '10px')\n .attr('font-weight', '500')\n .attr('fill', d => this.getTextColor(colorScale(this.getMetricValue(d))))\n .text(d => this.formatCellValue(this.getMetricValue(d)));\n }\n }\n\n private drawAxes(g: any, xScale: any, yScale: any) {\n // X axis (models)\n g.append('g')\n .attr('class', 'axis axis-x')\n .attr('transform', `translate(0,${this.height})`)\n .call(d3.axisBottom(xScale))\n .selectAll('text')\n .style('text-anchor', 'end')\n .attr('dx', '-.8em')\n .attr('dy', '.15em')\n .attr('transform', 'rotate(-45)');\n\n // Y axis (agents)\n g.append('g')\n .attr('class', 'axis axis-y')\n .call(d3.axisLeft(yScale));\n\n // Axis labels\n g.append('text')\n .attr('class', 'axis-label')\n .attr('transform', 'rotate(-90)')\n .attr('y', 0 - this.margin.left)\n .attr('x', 0 - (this.height / 2))\n .attr('dy', '1em')\n .style('text-anchor', 'middle')\n .text('MJ: AI Agents');\n\n g.append('text')\n .attr('class', 'axis-label')\n .attr('transform', `translate(${this.width / 2}, ${this.height + this.margin.bottom - 10})`)\n .style('text-anchor', 'middle')\n .text('MJ: AI Models');\n }\n\n private getMetricValue(data: HeatmapData): number {\n switch (this.selectedMetric) {\n case 'avgTime':\n return data.avgTime;\n case 'successRate':\n return data.successRate;\n case 'performance':\n default:\n return data.value \|\| 0;\n }\n }\n\n private getTextColor(backgroundColor: string): string {\n // Convert color to RGB and calculate luminance\n const rgb = d3.rgb(backgroundColor);\n const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;\n const style = getComputedStyle(document.documentElement);\n const darkText = style.getPropertyValue('--mj-text-primary').trim() \|\| '#1e293b';\n const lightText = style.getPropertyValue('--mj-text-inverse').trim() \|\| '#ffffff';\n return luminance > 0.5 ? darkText : lightText;\n }\n\n private formatCellValue(value: number): string {\n switch (this.selectedMetric) {\n case 'avgTime':\n return `${(value / 1000).toFixed(1)}s`;\n case 'successRate':\n return `${(value * 100).toFixed(0)}%`;\n case 'performance':\n default:\n return value.toFixed(2);\n }\n }\n\n private showTooltip(event: MouseEvent, data: HeatmapData) {\n const tooltip = d3.select(this.tooltip.nativeElement);\n \n const content = `\n <div><strong>${data.agent} × ${data.model}</strong></div>\n <div>Performance Score: ${(data.value \|\| 0).toFixed(3)}</div>\n <div>Success Rate: ${(data.successRate * 100).toFixed(1)}%</div>\n <div>Avg Time: ${(data.avgTime / 1000).toFixed(2)}s</div>\n `;\n\n tooltip\n .style('display', 'block')\n .html(content)\n .style('left', (event.offsetX + 10) + 'px')\n .style('top', (event.offsetY - 10) + 'px');\n }\n\n private hideTooltip() {\n d3.select(this.tooltip.nativeElement)\n .style('display', 'none');\n }\n\n private initLegend() {\n // Create gradient for legend\n const gradient = d3.select(this.legendGradient.nativeElement)\n .append('svg')\n .attr('width', '100%')\n .attr('height', '100%')\n .append('defs')\n .append('linearGradient')\n .attr('id', 'legend-gradient')\n .attr('x1', '0%')\n .attr('x2', '100%');\n\n // Add color stops\n const colorScheme = this.config.colorScheme \|\| this.getColorScheme();\n colorScheme.forEach((color, i) => {\n gradient.append('stop')\n .attr('offset', `${(i / (colorScheme.length - 1)) * 100}%`)\n .attr('stop-color', color);\n });\n\n d3.select(this.legendGradient.nativeElement)\n .select('svg')\n .append('rect')\n .attr('width', '100%')\n .attr('height', '100%')\n .style('fill', 'url(#legend-gradient)');\n }\n\n private updateLegend() {\n // Update gradient colors based on current color scale\n const gradient = d3.select(this.legendGradient.nativeElement)\n .select('linearGradient');\n\n gradient.selectAll('stop').remove();\n\n const colorScale = d3.scaleSequential()\n .domain([this.minValue, this.maxValue])\n .interpolator(d3.interpolateBlues);\n\n // Create 10 color stops\n for (let i = 0; i <= 10; i++) {\n const t = i / 10;\n const value = this.minValue + t * (this.maxValue - this.minValue);\n gradient.append('stop')\n .attr('offset', `${t * 100}%`)\n .attr('stop-color', colorScale(value));\n }\n }\n\n getLegendTitle(): string {\n switch (this.selectedMetric) {\n case 'avgTime':\n return 'Execution Time';\n case 'successRate':\n return 'Success Rate';\n case 'performance':\n default:\n return 'Performance Score';\n }\n }\n\n formatLegendValue(value: number): string {\n switch (this.selectedMetric) {\n case 'avgTime':\n return `${(value / 1000).toFixed(1)}s`;\n case 'successRate':\n return `${(value * 100).toFixed(0)}%`;\n case 'performance':\n default:\n return value.toFixed(2);\n }\n }\n}"]}

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

@@ -39,6 +39,11 @@ export declare class TimeSeriesChartComponent implements OnInit, OnDestroy, Afte
     visibleMetrics: string[];
     private hiddenMetrics;
     ngOnInit(): void;
+    /**
+     * Reads chart-series colors from CSS custom properties so D3 can use
+     * resolved values for color interpolation while remaining themeable.
+     */
+    private getDefaultColors;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;

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

	@@ -1 +1 @@
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,qBAuLa,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;IASlC,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,mBAAmB;~~yCA1gBhB~~,wBAAwB;2CAAxB,wBAAwB;~~CAqiBpC~~"}
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,qBAuLa,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,CAAgB;IAGrC,cAAc,WAAyD;IACvE,OAAO,CAAC,aAAa,CAAqB;IAG1C,QAAQ;IAKR;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAWxB,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;IASlC,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,mBAAmB;yCA1hBhB,wBAAwB;2CAAxB,wBAAwB;CAqjBpC"}

package/dist/AI/components/charts/time-series-chart.component.js CHANGED Viewed

@@ -56,14 +56,29 @@ export class TimeSeriesChartComponent {
     width = 0;
     height = 0;
     margin = { top: 10, right: 70, bottom: 50, left: 70 }; // Increased bottom margin for x-axis labels
-    // Chart configuration
-    defaultColors = ['#2196f3', '#4caf50', '#ff9800', '#f44336', '#9c27b0'];
+    // Chart configuration — resolved from CSS custom properties for D3 color interpolation
+    defaultColors = [];
     // Metrics configuration
     visibleMetrics = ['executions', 'cost', 'tokens', 'avgTime', 'errors'];
     hiddenMetrics = new Set();
     ngOnInit() {
+        this.defaultColors = this.getDefaultColors();
         this.applyConfig();
     }
+    /**
+     * Reads chart-series colors from CSS custom properties so D3 can use
+     * resolved values for color interpolation while remaining themeable.
+     */
+    getDefaultColors() {
+        const style = getComputedStyle(document.documentElement);
+        return [
+            style.getPropertyValue('--mj-brand-primary').trim() || '#0076b6',
+            style.getPropertyValue('--mj-status-success').trim() || '#22c55e',
+            style.getPropertyValue('--mj-status-warning').trim() || '#f59e0b',
+            style.getPropertyValue('--mj-status-error').trim() || '#ef4444',
+            style.getPropertyValue('--mj-brand-primary').trim() || '#8b5cf6',
+        ];
+    }
     ngAfterViewInit() {
         this.initChart();
         this.updateChart();
@@ -241,7 +256,7 @@ export class TimeSeriesChartComponent {
                     .attr('x', 0 - (this.height / 2))
                     .style('text-anchor', 'middle')
                     .style('font-size', '12px')
-                    .style('fill', '#666')
+                    .style('fill', 'var(--mj-text-muted)')
                     .text('Cost ($) / Time (s)');
             }
             // Right Y axis (counts)
@@ -269,7 +284,7 @@ export class TimeSeriesChartComponent {
                     .attr('x', this.height / 2)
                     .style('text-anchor', 'middle')
                     .style('font-size', '12px')
-                    .style('fill', '#666')
+                    .style('fill', 'var(--mj-text-muted)')
                     .text('Count (Executions / Tokens)');
             }
         }
@@ -358,7 +373,7 @@ export class TimeSeriesChartComponent {
                 .attr('r', 4) // Slightly larger for easier clicking
                 .attr('stroke', color)
                 .attr('stroke-width', 2)
-                .attr('fill', 'white')
+                .attr('fill', 'var(--mj-bg-surface)')
                 .style('cursor', 'pointer')
                 .style('pointer-events', 'all') // Ensure clicks are captured
                 .style('z-index', 1000) // Ensure dots are on top
@@ -416,7 +431,7 @@ export class TimeSeriesChartComponent {
       <div>Tokens: ${data.tokens.toLocaleString()}</div>
       <div>Avg Time: ${(data.avgTime / 1000).toFixed(1)}s</div>
       <div>Errors: ${data.errors}</div>
-      <div style="margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,0.3); font-size: 11px; color: rgba(255,255,255,0.8);">
+      <div style="margin-top: 8px; padding-top: 8px; border-top: 1px solid color-mix(in srgb, var(--mj-bg-surface) 30%, transparent); font-size: 11px; color: color-mix(in srgb, var(--mj-bg-surface) 80%, transparent);">
         Click data points to drill down
       </div>
     `;
@@ -540,7 +555,7 @@ export class TimeSeriesChartComponent {
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.title ? 1 : -1);
-        } }, styles: [".time-series-chart[_ngcontent-%COMP%] {\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      padding: 12px;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden; \n\n    }\n\n    .chart-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 8px;\n      flex-wrap: wrap;\n      gap: 12px;\n      flex-shrink: 0; \n\n    }\n\n    .chart-title[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: #333;\n    }\n\n    .chart-legend[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .legend-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      cursor: pointer;\n      transition: opacity 0.2s ease;\n      font-size: 11px;\n    }\n\n    .legend-item--disabled[_ngcontent-%COMP%] {\n      opacity: 0.4;\n    }\n\n    .legend-color[_ngcontent-%COMP%] {\n      width: 12px;\n      height: 12px;\n      border-radius: 2px;\n    }\n\n    .legend-label[_ngcontent-%COMP%] {\n      color: #666;\n      font-weight: 500;\n    }\n\n    .chart-container[_ngcontent-%COMP%] {\n      flex: 1;\n      position: relative;\n      overflow: hidden;\n      min-height: 0; \n\n    }\n\n    .chart-container[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {\n      width: 100%;\n      height: 100%;\n    }\n\n    .chart-tooltip[_ngcontent-%COMP%] {\n      position: absolute;\n      background: rgba(0, 0, 0, 0.8);\n      color: white;\n      padding: 8px 12px;\n      border-radius: 4px;\n      font-size: 12px;\n      pointer-events: none;\n      z-index: 1000;\n      max-width: 200px;\n    }\n\n\n    \n\n    [_nghost-%COMP%]     .chart-line {\n      fill: none;\n      stroke-width: 2;\n    }\n\n    [_nghost-%COMP%]     .chart-area {\n      fill-opacity: 0.1;\n    }\n\n    [_nghost-%COMP%]     .chart-dot {\n      transition: r 0.1s ease;\n    }\n\n    [_nghost-%COMP%]     .chart-dot:hover {\n      filter: drop-shadow(0 0 4px rgba(0,0,0,0.3));\n    }\n\n    [_nghost-%COMP%]     .grid-line {\n      stroke: #f0f0f0;\n      stroke-width: 1;\n    }\n\n    [_nghost-%COMP%]     .axis {\n      font-size: 11px;\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-y-left {\n      color: #2196f3;\n    }\n\n    [_nghost-%COMP%]     .axis-y-right {\n      color: #4caf50;\n    }\n\n    [_nghost-%COMP%]     .axis-label {\n      font-weight: 500;\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        width: 100%;\n        justify-content: flex-start;\n      }\n      \n      .chart-controls[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n      }\n    }"] });
+        } }, styles: [".time-series-chart[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      padding: 12px;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden; \n\n    }\n\n    .chart-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 8px;\n      flex-wrap: wrap;\n      gap: 12px;\n      flex-shrink: 0; \n\n    }\n\n    .chart-title[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .chart-legend[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .legend-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      cursor: pointer;\n      transition: opacity 0.2s ease;\n      font-size: 11px;\n    }\n\n    .legend-item--disabled[_ngcontent-%COMP%] {\n      opacity: 0.4;\n    }\n\n    .legend-color[_ngcontent-%COMP%] {\n      width: 12px;\n      height: 12px;\n      border-radius: 2px;\n    }\n\n    .legend-label[_ngcontent-%COMP%] {\n      color: var(--mj-text-muted);\n      font-weight: 500;\n    }\n\n    .chart-container[_ngcontent-%COMP%] {\n      flex: 1;\n      position: relative;\n      overflow: hidden;\n      min-height: 0; \n\n    }\n\n    .chart-container[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {\n      width: 100%;\n      height: 100%;\n    }\n\n    .chart-tooltip[_ngcontent-%COMP%] {\n      position: absolute;\n      background: rgba(0, 0, 0, 0.8);\n      color: var(--mj-text-inverse);\n      padding: 8px 12px;\n      border-radius: 4px;\n      font-size: 12px;\n      pointer-events: none;\n      z-index: 1000;\n      max-width: 200px;\n    }\n\n\n    \n\n    [_nghost-%COMP%]     .chart-line {\n      fill: none;\n      stroke-width: 2;\n    }\n\n    [_nghost-%COMP%]     .chart-area {\n      fill-opacity: 0.1;\n    }\n\n    [_nghost-%COMP%]     .chart-dot {\n      transition: r 0.1s ease;\n    }\n\n    [_nghost-%COMP%]     .chart-dot:hover {\n      filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));\n    }\n\n    [_nghost-%COMP%]     .grid-line {\n      stroke: var(--mj-bg-surface-sunken);\n      stroke-width: 1;\n    }\n\n    [_nghost-%COMP%]     .axis {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    [_nghost-%COMP%]     .axis path {\n      stroke: var(--mj-border-default);\n    }\n\n    [_nghost-%COMP%]     .axis .tick line {\n      stroke: var(--mj-border-default);\n    }\n\n    [_nghost-%COMP%]     .axis-y-left {\n      color: var(--mj-brand-primary);\n    }\n\n    [_nghost-%COMP%]     .axis-y-right {\n      color: var(--mj-status-success);\n    }\n\n    [_nghost-%COMP%]     .axis-label {\n      font-weight: 500;\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        width: 100%;\n        justify-content: flex-start;\n      }\n      \n      .chart-controls[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n      }\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimeSeriesChartComponent, [{
         type: Component,
@@ -574,7 +589,7 @@ export class TimeSeriesChartComponent {
         <div class="chart-tooltip" #tooltip style="display: none;"></div>
       </div>
     </div>
-  `, styles: ["\n    .time-series-chart {\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      padding: 12px;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden; /* Ensure content doesn't overflow */\n    }\n\n    .chart-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 8px;\n      flex-wrap: wrap;\n      gap: 12px;\n      flex-shrink: 0; /* Prevent header from being squeezed */\n    }\n\n    .chart-title {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: #333;\n    }\n\n    .chart-legend {\n      display: flex;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .legend-item {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      cursor: pointer;\n      transition: opacity 0.2s ease;\n      font-size: 11px;\n    }\n\n    .legend-item--disabled {\n      opacity: 0.4;\n    }\n\n    .legend-color {\n      width: 12px;\n      height: 12px;\n      border-radius: 2px;\n    }\n\n    .legend-label {\n      color: #666;\n      font-weight: 500;\n    }\n\n    .chart-container {\n      flex: 1;\n      position: relative;\n      overflow: hidden;\n      min-height: 0; /* Important: allows flex child to shrink below content size */\n    }\n\n    .chart-container svg {\n      width: 100%;\n      height: 100%;\n    }\n\n    .chart-tooltip {\n      position: absolute;\n      background: rgba(0, 0, 0, 0.8);\n      color: white;\n      padding: 8px 12px;\n      border-radius: 4px;\n      font-size: 12px;\n      pointer-events: none;\n      z-index: 1000;\n      max-width: 200px;\n    }\n\n\n    /* Chart styles */\n    :host ::ng-deep .chart-line {\n      fill: none;\n      stroke-width: 2;\n    }\n\n    :host ::ng-deep .chart-area {\n      fill-opacity: 0.1;\n    }\n\n    :host ::ng-deep .chart-dot {\n      transition: r 0.1s ease;\n    }\n\n    :host ::ng-deep .chart-dot:hover {\n      filter: drop-shadow(0 0 4px rgba(0,0,0,0.3));\n    }\n\n    :host ::ng-deep .grid-line {\n      stroke: #f0f0f0;\n      stroke-width: 1;\n    }\n\n    :host ::ng-deep .axis {\n      font-size: 11px;\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-y-left {\n      color: #2196f3;\n    }\n\n    :host ::ng-deep .axis-y-right {\n      color: #4caf50;\n    }\n\n    :host ::ng-deep .axis-label {\n      font-weight: 500;\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        width: 100%;\n        justify-content: flex-start;\n      }\n      \n      .chart-controls {\n        flex-wrap: wrap;\n      }\n    }\n  "] }]
+  `, styles: ["\n    .time-series-chart {\n      background: var(--mj-bg-surface);\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      padding: 12px;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden; /* Ensure content doesn't overflow */\n    }\n\n    .chart-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 8px;\n      flex-wrap: wrap;\n      gap: 12px;\n      flex-shrink: 0; /* Prevent header from being squeezed */\n    }\n\n    .chart-title {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .chart-legend {\n      display: flex;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .legend-item {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      cursor: pointer;\n      transition: opacity 0.2s ease;\n      font-size: 11px;\n    }\n\n    .legend-item--disabled {\n      opacity: 0.4;\n    }\n\n    .legend-color {\n      width: 12px;\n      height: 12px;\n      border-radius: 2px;\n    }\n\n    .legend-label {\n      color: var(--mj-text-muted);\n      font-weight: 500;\n    }\n\n    .chart-container {\n      flex: 1;\n      position: relative;\n      overflow: hidden;\n      min-height: 0; /* Important: allows flex child to shrink below content size */\n    }\n\n    .chart-container svg {\n      width: 100%;\n      height: 100%;\n    }\n\n    .chart-tooltip {\n      position: absolute;\n      background: rgba(0, 0, 0, 0.8);\n      color: var(--mj-text-inverse);\n      padding: 8px 12px;\n      border-radius: 4px;\n      font-size: 12px;\n      pointer-events: none;\n      z-index: 1000;\n      max-width: 200px;\n    }\n\n\n    /* Chart styles */\n    :host ::ng-deep .chart-line {\n      fill: none;\n      stroke-width: 2;\n    }\n\n    :host ::ng-deep .chart-area {\n      fill-opacity: 0.1;\n    }\n\n    :host ::ng-deep .chart-dot {\n      transition: r 0.1s ease;\n    }\n\n    :host ::ng-deep .chart-dot:hover {\n      filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));\n    }\n\n    :host ::ng-deep .grid-line {\n      stroke: var(--mj-bg-surface-sunken);\n      stroke-width: 1;\n    }\n\n    :host ::ng-deep .axis {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    :host ::ng-deep .axis path {\n      stroke: var(--mj-border-default);\n    }\n\n    :host ::ng-deep .axis .tick line {\n      stroke: var(--mj-border-default);\n    }\n\n    :host ::ng-deep .axis-y-left {\n      color: var(--mj-brand-primary);\n    }\n\n    :host ::ng-deep .axis-y-right {\n      color: var(--mj-status-success);\n    }\n\n    :host ::ng-deep .axis-label {\n      font-weight: 500;\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        width: 100%;\n        justify-content: flex-start;\n      }\n      \n      .chart-controls {\n        flex-wrap: wrap;\n      }\n    }\n  "] }]
     }], null, { data: [{
             type: Input
         }], title: [{

package/dist/AI/components/charts/time-series-chart.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time-series-chart.component.js","sourceRoot":"","sources":["../../../../src/AI/components/charts/time-series-chart.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit, OnDestroy, AfterViewInit, ViewChild, ElementRef, OnChanges, SimpleChanges, Output, EventEmitter } from '@angular/core';\nimport * as d3 from 'd3';\nimport { TrendData } from '../../services/ai-instrumentation.service';\n\nexport interface TimeSeriesConfig {\n width?: number;\n height?: number;\n margin?: { top: number; right: number; bottom: number; left: number };\n showGrid?: boolean;\n showTooltip?: boolean;\n animationDuration?: number;\n colors?: string[];\n useDualAxis?: boolean;\n}\n\nexport interface DataPointClickEvent {\n data: TrendData;\n metric: string;\n event: MouseEvent;\n}\n\n@Component({\n standalone: false,\n selector: 'app-time-series-chart',\n template: `\n <div class=\"time-series-chart\">\n @if (title) {\n <div class=\"chart-header\">\n <h4 class=\"chart-title\">{{ title }}</h4>\n @if (showLegend) {\n <div class=\"chart-legend\">\n @for (metric of visibleMetrics; track metric) {\n <div \n class=\"legend-item\"\n (click)=\"toggleMetric(metric)\"\n [class.legend-item--disabled]=\"!isMetricVisible(metric)\"\n >\n <div \n class=\"legend-color\"\n [style.background-color]=\"getMetricColor(metric)\"\n ></div>\n <span class=\"legend-label\">{{ getMetricLabel(metric) }}</span>\n </div>\n }\n </div>\n }\n </div>\n }\n \n <div class=\"chart-container\">\n <svg #chartSvg></svg>\n <div class=\"chart-tooltip\" #tooltip style=\"display: none;\"></div>\n </div>\n </div>\n `,\n styles: [`\n .time-series-chart {\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n padding: 12px;\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow: hidden; /* Ensure content doesn't overflow /\n }\n\n .chart-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n flex-wrap: wrap;\n gap: 12px;\n flex-shrink: 0; / Prevent header from being squeezed /\n }\n\n .chart-title {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: #333;\n }\n\n .chart-legend {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n }\n\n .legend-item {\n display: flex;\n align-items: center;\n gap: 4px;\n cursor: pointer;\n transition: opacity 0.2s ease;\n font-size: 11px;\n }\n\n .legend-item--disabled {\n opacity: 0.4;\n }\n\n .legend-color {\n width: 12px;\n height: 12px;\n border-radius: 2px;\n }\n\n .legend-label {\n color: #666;\n font-weight: 500;\n }\n\n .chart-container {\n flex: 1;\n position: relative;\n overflow: hidden;\n min-height: 0; / Important: allows flex child to shrink below content size /\n }\n\n .chart-container svg {\n width: 100%;\n height: 100%;\n }\n\n .chart-tooltip {\n position: absolute;\n background: rgba(0, 0, 0, 0.8);\n color: white;\n padding: 8px 12px;\n border-radius: 4px;\n font-size: 12px;\n pointer-events: none;\n z-index: 1000;\n max-width: 200px;\n }\n\n\n / Chart styles /\n :host ::ng-deep .chart-line {\n fill: none;\n stroke-width: 2;\n }\n\n :host ::ng-deep .chart-area {\n fill-opacity: 0.1;\n }\n\n :host ::ng-deep .chart-dot {\n transition: r 0.1s ease;\n }\n\n :host ::ng-deep .chart-dot:hover {\n filter: drop-shadow(0 0 4px rgba(0,0,0,0.3));\n }\n\n :host ::ng-deep .grid-line {\n stroke: #f0f0f0;\n stroke-width: 1;\n }\n\n :host ::ng-deep .axis {\n font-size: 11px;\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-y-left {\n color: #2196f3;\n }\n\n :host ::ng-deep .axis-y-right {\n color: #4caf50;\n }\n\n :host ::ng-deep .axis-label {\n font-weight: 500;\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 width: 100%;\n justify-content: flex-start;\n }\n \n .chart-controls {\n flex-wrap: wrap;\n }\n }\n `]\n})\nexport class TimeSeriesChartComponent implements OnInit, OnDestroy, AfterViewInit, OnChanges {\n @Input() data: TrendData[] = [];\n @Input() title?: string;\n @Input() config: TimeSeriesConfig = {};\n @Input() showLegend = true;\n @Input() showControls = true;\n \n @Output() dataPointClick: EventEmitter<DataPointClickEvent> = new EventEmitter<DataPointClickEvent>();\n @Output() timeRangeChange = new EventEmitter<string>();\n\n @ViewChild('chartSvg', { static: true }) chartSvg!: ElementRef<SVGElement>;\n @ViewChild('tooltip', { static: true }) tooltip!: ElementRef<HTMLDivElement>;\n\n private svg!: d3.Selection<SVGElement, unknown, null, undefined>;\n private width = 0;\n private height = 0;\n private margin = { top: 10, right: 70, bottom: 50, left: 70 }; // Increased bottom margin for x-axis labels\n\n // Chart configuration\n private defaultColors = ['#2196f3', '#4caf50', '#ff9800', '#f44336', '#9c27b0'];\n \n // Metrics configuration\n visibleMetrics = ['executions', 'cost', 'tokens', 'avgTime', 'errors'];\n private hiddenMetrics = new Set<string>();\n\n\n ngOnInit() {\n this.applyConfig();\n }\n\n ngAfterViewInit() {\n this.initChart();\n this.updateChart();\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['data'] && !changes['data'].firstChange) {\n this.updateChart();\n }\n if (changes['config'] && !changes['config'].firstChange) {\n this.applyConfig();\n this.updateChart();\n }\n }\n\n ngOnDestroy() {\n // Cleanup D3 event listeners\n d3.select(window).on('resize.timeseries', null);\n }\n\n private applyConfig() {\n const config = this.config;\n this.margin = { ...this.margin, ...config.margin };\n }\n\n private initChart() {\n this.svg = d3.select(this.chartSvg.nativeElement);\n \n // Set up responsive behavior\n d3.select(window).on('resize.timeseries', () => this.updateChart());\n }\n\n private updateChart() {\n if (!this.data \|\| this.data.length === 0) {\n this.svg.selectAll('').remove();\n return;\n }\n\n this.calculateDimensions();\n this.svg.selectAll('').remove();\n this.drawChart();\n }\n\n private calculateDimensions() {\n const container = this.chartSvg.nativeElement.parentElement!;\n const containerWidth = container.clientWidth;\n const containerHeight = container.clientHeight;\n \n // Use config dimensions or fallback to container dimensions\n this.width = (this.config.width \|\| containerWidth) - this.margin.left - this.margin.right;\n this.height = (this.config.height \|\| Math.max(containerHeight, 200)) - this.margin.top - this.margin.bottom;\n \n // Ensure minimum dimensions for usability\n this.width = Math.max(this.width, 200);\n this.height = Math.max(this.height, 150);\n \n this.svg\n .attr('width', this.width + this.margin.left + this.margin.right)\n .attr('height', this.height + this.margin.top + this.margin.bottom);\n }\n\n private drawChart() {\n const g = this.svg.append('g')\n .attr('transform', `translate(${this.margin.left},${this.margin.top})`);\n\n // Create scales\n const xScale = d3.scaleTime()\n .domain(d3.extent(this.data, d => d.timestamp) as [Date, Date])\n .range([0, this.width]);\n\n // Create separate scales for different metrics\n const scales = this.createMetricScales();\n\n // Draw grid\n if (this.config.showGrid !== false) {\n this.drawGrid(g, xScale, scales);\n }\n\n // Draw axes\n this.drawAxes(g, xScale, scales);\n\n // Draw data lines and areas\n this.drawMetrics(g, xScale, scales);\n\n // Draw interactive elements\n this.drawInteractiveElements(g, xScale, scales);\n }\n\n private createMetricScales() {\n const scales: { [key: string]: d3.ScaleLinear<number, number> } = {};\n\n if (this.config.useDualAxis !== false) {\n // Dual axis mode: Left axis (cost, avgTime), Right axis (executions, tokens, errors)\n const leftAxisMetrics = ['cost', 'avgTime'];\n const rightAxisMetrics = ['executions', 'tokens', 'errors'];\n\n // Create left axis scale (cost and time)\n const leftValues = leftAxisMetrics.flatMap(metric =>\n this.data.map(d => {\n const value = this.getMetricValue(d, metric);\n // Normalize avgTime to seconds for better scale comparison with cost\n return metric === 'avgTime' ? (value \|\| 0) / 1000 : (value \|\| 0);\n }).filter((v): v is number => v != null)\n );\n\n if (leftValues.length > 0) {\n const maxLeftValue = Math.max(...leftValues);\n const leftScale = d3.scaleLinear()\n .domain([0, maxLeftValue])\n .range([this.height, 0])\n .nice();\n\n leftAxisMetrics.forEach(metric => scales[metric] = leftScale);\n }\n\n // Create right axis scale (count-based metrics)\n const rightValues = rightAxisMetrics.flatMap(metric =>\n this.data.map(d => this.getMetricValue(d, metric)).filter((v): v is number => v != null)\n );\n\n if (rightValues.length > 0) {\n const maxRightValue = Math.max(...rightValues);\n const rightScale = d3.scaleLinear()\n .domain([0, maxRightValue])\n .range([this.height, 0])\n .nice();\n\n rightAxisMetrics.forEach(metric => scales[metric] = rightScale);\n }\n } else {\n // Single axis mode (original behavior)\n const metricGroups = {\n count: ['executions', 'errors'],\n cost: ['cost'],\n tokens: ['tokens'],\n time: ['avgTime']\n };\n\n Object.entries(metricGroups).forEach(([groupName, metrics]) => {\n const allValues = metrics.flatMap(metric =>\n this.data.map(d => this.getMetricValue(d, metric)).filter((v): v is number => v != null)\n );\n\n if (allValues.length > 0) {\n const maxValue = Math.max(...allValues);\n const scale = d3.scaleLinear()\n .domain([0, maxValue])\n .range([this.height, 0])\n .nice();\n\n metrics.forEach(metric => scales[metric] = scale);\n }\n });\n }\n\n return scales;\n }\n\n private drawGrid(g: any, xScale: any, scales: any) {\n // Vertical grid lines\n g.selectAll('.grid-line-x')\n .data(xScale.ticks(6))\n .enter().append('line')\n .attr('class', 'grid-line grid-line-x')\n .attr('x1', (d: Date) => xScale(d))\n .attr('x2', (d: Date) => xScale(d))\n .attr('y1', 0)\n .attr('y2', this.height);\n\n // Horizontal grid lines (use first scale)\n const firstScale = Object.values(scales)[0] as d3.ScaleLinear<number, number>;\n if (firstScale) {\n g.selectAll('.grid-line-y')\n .data(firstScale.ticks(5))\n .enter().append('line')\n .attr('class', 'grid-line grid-line-y')\n .attr('x1', 0)\n .attr('x2', this.width)\n .attr('y1', (d: number) => firstScale(d))\n .attr('y2', (d: number) => firstScale(d));\n }\n }\n\n private drawAxes(g: any, xScale: any, scales: any) {\n // X axis\n g.append('g')\n .attr('class', 'axis axis-x')\n .attr('transform', `translate(0,${this.height})`)\n .call(d3.axisBottom(xScale)\n .ticks(this.getOptimalTickCount())\n .tickFormat(this.getTimeFormat() as any));\n\n if (this.config.useDualAxis !== false) {\n // Dual Y-axis mode\n const leftAxisMetrics = ['cost', 'avgTime'];\n const rightAxisMetrics = ['executions', 'tokens', 'errors'];\n\n // Left Y axis (cost, time)\n const leftScale = scales[leftAxisMetrics[0]];\n if (leftScale) {\n g.append('g')\n .attr('class', 'axis axis-y axis-y-left')\n .call(d3.axisLeft(leftScale)\n .ticks(5)\n .tickFormat((d) => {\n const value = d as number;\n // Format based on value range - if > 1, likely cost, else time in seconds\n return value > 1 ? `$${value.toFixed(2)}` : `${value.toFixed(1)}s`;\n }));\n\n // Left axis label\n g.append('text')\n .attr('class', 'axis-label axis-label-left')\n .attr('transform', 'rotate(-90)')\n .attr('y', 0 - this.margin.left + 20)\n .attr('x', 0 - (this.height / 2))\n .style('text-anchor', 'middle')\n .style('font-size', '12px')\n .style('fill', '#666')\n .text('Cost ($) / Time (s)');\n }\n\n // Right Y axis (counts)\n const rightScale = scales[rightAxisMetrics[0]];\n if (rightScale) {\n g.append('g')\n .attr('class', 'axis axis-y axis-y-right')\n .attr('transform', `translate(${this.width},0)`)\n .call(d3.axisRight(rightScale)\n .ticks(5)\n .tickFormat((d) => {\n const value = d as number;\n // Format large numbers with K/M suffixes\n if (value >= 1000000) return `${(value / 1000000).toFixed(1)}M`;\n if (value >= 1000) return `${(value / 1000).toFixed(1)}K`;\n return value.toString();\n }));\n\n // Right axis label\n g.append('text')\n .attr('class', 'axis-label axis-label-right')\n .attr('transform', 'rotate(90)')\n .attr('y', 0 - this.width - this.margin.right + 20)\n .attr('x', this.height / 2)\n .style('text-anchor', 'middle')\n .style('font-size', '12px')\n .style('fill', '#666')\n .text('Count (Executions / Tokens)');\n }\n } else {\n // Single Y axis (original behavior)\n const firstScale = Object.values(scales)[0] as d3.ScaleLinear<number, number>;\n if (firstScale) {\n g.append('g')\n .attr('class', 'axis axis-y')\n .call(d3.axisLeft(firstScale).ticks(5));\n }\n }\n }\n\n private drawMetrics(g: any, xScale: any, scales: any) {\n // Create a group for lines and areas\n const linesGroup = g.append('g').attr('class', 'lines-group');\n \n // First draw all lines and areas\n this.visibleMetrics.forEach((metric) => {\n if (this.hiddenMetrics.has(metric) \|\| !scales[metric]) return;\n\n const color = this.getMetricColor(metric);\n const scale = scales[metric];\n\n // Create line generator with proper value transformation\n const line = d3.line<TrendData>()\n .x(d => xScale(d.timestamp))\n .y(d => {\n const value = this.getMetricValue(d, metric) \|\| 0;\n // Normalize avgTime to seconds if using dual axis\n const transformedValue = (this.config.useDualAxis !== false && metric === 'avgTime') \n ? value / 1000 : value;\n return scale(transformedValue);\n })\n .curve(d3.curveMonotoneX);\n\n // Create area generator with proper value transformation\n const area = d3.area<TrendData>()\n .x(d => xScale(d.timestamp))\n .y0(this.height)\n .y1(d => {\n const value = this.getMetricValue(d, metric) \|\| 0;\n // Normalize avgTime to seconds if using dual axis\n const transformedValue = (this.config.useDualAxis !== false && metric === 'avgTime') \n ? value / 1000 : value;\n return scale(transformedValue);\n })\n .curve(d3.curveMonotoneX);\n\n // Draw area (optional)\n if (metric === 'executions' \|\| metric === 'cost') {\n linesGroup.append('path')\n .datum(this.data)\n .attr('class', `chart-area chart-area--${metric}`)\n .attr('d', area)\n .attr('fill', color);\n }\n\n // Draw line\n linesGroup.append('path')\n .datum(this.data)\n .attr('class', `chart-line chart-line--${metric}`)\n .attr('d', line)\n .attr('stroke', color);\n });\n \n // Then create dots group on top of everything\n const dotsGroup = g.append('g').attr('class', 'dots-group').style('pointer-events', 'all');\n \n // Draw all dots in a separate pass so they're all on top\n this.visibleMetrics.forEach((metric) => {\n if (this.hiddenMetrics.has(metric) \|\| !scales[metric]) return;\n \n const color = this.getMetricColor(metric);\n const scale = scales[metric];\n \n // Draw dots with click events - only for non-zero values\n const dotsData = this.data.filter(d => {\n const value = this.getMetricValue(d, metric);\n return value != null && value > 0;\n });\n \n const dots = dotsGroup.selectAll(`.chart-dot--${metric}`)\n .data(dotsData)\n .enter().append('circle')\n .attr('class', `chart-dot chart-dot--${metric}`)\n .attr('cx', (d: TrendData) => xScale(d.timestamp))\n .attr('cy', (d: TrendData) => {\n const value = this.getMetricValue(d, metric) \|\| 0;\n // Normalize avgTime to seconds if using dual axis\n const transformedValue = (this.config.useDualAxis !== false && metric === 'avgTime') \n ? value / 1000 : value;\n return scale(transformedValue);\n })\n .attr('r', 4) // Slightly larger for easier clicking\n .attr('stroke', color)\n .attr('stroke-width', 2)\n .attr('fill', 'white')\n .style('cursor', 'pointer')\n .style('pointer-events', 'all') // Ensure clicks are captured\n .style('z-index', 1000) // Ensure dots are on top\n .attr('data-metric', metric) // Add data attribute for debugging\n .on('mouseenter', (event: MouseEvent, d: TrendData) => {\n // Bring to front on hover\n const dot = d3.select(event.currentTarget as SVGCircleElement);\n dot.raise();\n dot.attr('r', 6);\n // Show tooltip\n if (this.config.showTooltip !== false) {\n this.showTooltip(event, d);\n }\n })\n .on('mouseleave', (event: MouseEvent, d: TrendData) => {\n const dot = d3.select(event.currentTarget as SVGCircleElement);\n dot.attr('r', 4);\n // Hide tooltip\n if (this.config.showTooltip !== false) {\n this.hideTooltip();\n }\n })\n .on('click', (event: MouseEvent, d: TrendData) => {\n event.stopPropagation();\n event.preventDefault();\n // Only emit if there's actual data\n const value = this.getMetricValue(d, metric);\n if (value != null && value > 0) {\n this.dataPointClick.emit({ data: d, metric, event });\n }\n });\n });\n }\n\n private drawInteractiveElements(g: any, xScale: any, scales: any) {\n if (this.config.showTooltip === false) return;\n\n // Note: We don't need an overlay for tooltips as the dots themselves handle interactions\n // The overlay was preventing click events on dots\n }\n\n private findClosestDataPoint(targetDate: Date): TrendData \| null {\n if (!this.data.length) return null;\n\n return this.data.reduce((closest, current) => {\n const currentDiff = Math.abs(current.timestamp.getTime() - targetDate.getTime());\n const closestDiff = Math.abs(closest.timestamp.getTime() - targetDate.getTime());\n return currentDiff < closestDiff ? current : closest;\n });\n }\n\n private showTooltip(event: MouseEvent, data: TrendData) {\n const tooltip = d3.select(this.tooltip.nativeElement);\n \n const content = `\n <div><strong>${d3.timeFormat('%H:%M')(data.timestamp)}</strong></div>\n <div>Executions: ${data.executions.toLocaleString()}</div>\n <div>Cost: $${data.cost.toFixed(4)}</div>\n <div>Tokens: ${data.tokens.toLocaleString()}</div>\n <div>Avg Time: ${(data.avgTime / 1000).toFixed(1)}s</div>\n <div>Errors: ${data.errors}</div>\n <div style=\"margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,0.3); font-size: 11px; color: rgba(255,255,255,0.8);\">\n Click data points to drill down\n </div>\n `;\n\n tooltip\n .style('display', 'block')\n .html(content)\n .style('left', (event.offsetX + 10) + 'px')\n .style('top', (event.offsetY - 10) + 'px');\n }\n\n private hideTooltip() {\n d3.select(this.tooltip.nativeElement)\n .style('display', 'none');\n }\n\n private getMetricValue(data: TrendData, metric: string): number \| null {\n switch (metric) {\n case 'executions': return data.executions;\n case 'cost': return data.cost;\n case 'tokens': return data.tokens;\n case 'avgTime': return data.avgTime;\n case 'errors': return data.errors;\n default: return null;\n }\n }\n\n getMetricColor(metric: string): string {\n const colors = this.config.colors \|\| this.defaultColors;\n const index = this.visibleMetrics.indexOf(metric);\n return colors[index % colors.length];\n }\n\n getMetricLabel(metric: string): string {\n const labels: { [key: string]: string } = {\n executions: 'Executions',\n cost: 'Cost ($)',\n tokens: 'Tokens',\n avgTime: 'Avg Time (ms)',\n errors: 'Errors'\n };\n return labels[metric] \|\| metric;\n }\n\n isMetricVisible(metric: string): boolean {\n return !this.hiddenMetrics.has(metric);\n }\n\n toggleMetric(metric: string): void {\n if (this.hiddenMetrics.has(metric)) {\n this.hiddenMetrics.delete(metric);\n } else {\n this.hiddenMetrics.add(metric);\n }\n this.updateChart();\n }\n \n private getTimeFormat(): (date: Date) => string {\n if (this.data.length < 2) {\n return d3.timeFormat('%H:%M');\n }\n \n // Calculate the time span of the data\n const firstDate = this.data[0].timestamp;\n const lastDate = this.data[this.data.length - 1].timestamp;\n const timeDiff = lastDate.getTime() - firstDate.getTime();\n const hours = timeDiff / (1000 60 * 60);\n const days = hours / 24;\n \n // Choose format based on time span\n if (hours <= 24) {\n // For up to 24 hours, show hours and minutes\n return d3.timeFormat('%H:%M');\n } else if (days <= 7) {\n // For up to 7 days, show day and time\n return d3.timeFormat('%a %H:%M'); // e.g., \"Mon 14:00\"\n } else if (days <= 30) {\n // For up to 30 days, show month/day\n return d3.timeFormat('%m/%d'); // e.g., \"06/13\"\n } else {\n // For longer periods, show month/day/year\n return d3.timeFormat('%m/%d/%y'); // e.g., \"06/13/25\"\n }\n }\n \n private getOptimalTickCount(): number {\n if (this.data.length < 2) {\n return 6;\n }\n \n // Calculate the time span of the data\n const firstDate = this.data[0].timestamp;\n const lastDate = this.data[this.data.length - 1].timestamp;\n const timeDiff = lastDate.getTime() - firstDate.getTime();\n const hours = timeDiff / (1000 * 60 * 60);\n const days = hours / 24;\n \n // Adjust tick count based on time span and chart width\n const pixelsPerTick = 100; // Minimum pixels between ticks\n const maxTicks = Math.floor(this.width / pixelsPerTick);\n \n if (days <= 1) {\n return Math.min(8, maxTicks); // Show more ticks for hourly data\n } else if (days <= 7) {\n return Math.min(7, maxTicks); // One per day for weekly view\n } else if (days <= 30) {\n return Math.min(6, maxTicks); // Fewer ticks for monthly view\n } else {\n return Math.min(5, maxTicks); // Even fewer for longer periods\n }\n }\n\n}"]}
1	+ {"version":3,"file":"time-series-chart.component.js","sourceRoot":"","sources":["../../../../src/AI/components/charts/time-series-chart.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit, OnDestroy, AfterViewInit, ViewChild, ElementRef, OnChanges, SimpleChanges, Output, EventEmitter } from '@angular/core';\nimport * as d3 from 'd3';\nimport { TrendData } from '../../services/ai-instrumentation.service';\n\nexport interface TimeSeriesConfig {\n width?: number;\n height?: number;\n margin?: { top: number; right: number; bottom: number; left: number };\n showGrid?: boolean;\n showTooltip?: boolean;\n animationDuration?: number;\n colors?: string[];\n useDualAxis?: boolean;\n}\n\nexport interface DataPointClickEvent {\n data: TrendData;\n metric: string;\n event: MouseEvent;\n}\n\n@Component({\n standalone: false,\n selector: 'app-time-series-chart',\n template: `\n <div class=\"time-series-chart\">\n @if (title) {\n <div class=\"chart-header\">\n <h4 class=\"chart-title\">{{ title }}</h4>\n @if (showLegend) {\n <div class=\"chart-legend\">\n @for (metric of visibleMetrics; track metric) {\n <div \n class=\"legend-item\"\n (click)=\"toggleMetric(metric)\"\n [class.legend-item--disabled]=\"!isMetricVisible(metric)\"\n >\n <div \n class=\"legend-color\"\n [style.background-color]=\"getMetricColor(metric)\"\n ></div>\n <span class=\"legend-label\">{{ getMetricLabel(metric) }}</span>\n </div>\n }\n </div>\n }\n </div>\n }\n \n <div class=\"chart-container\">\n <svg #chartSvg></svg>\n <div class=\"chart-tooltip\" #tooltip style=\"display: none;\"></div>\n </div>\n </div>\n `,\n styles: [`\n .time-series-chart {\n background: var(--mj-bg-surface);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n padding: 12px;\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow: hidden; /* Ensure content doesn't overflow /\n }\n\n .chart-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n flex-wrap: wrap;\n gap: 12px;\n flex-shrink: 0; / Prevent header from being squeezed /\n }\n\n .chart-title {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: var(--mj-text-primary);\n }\n\n .chart-legend {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n }\n\n .legend-item {\n display: flex;\n align-items: center;\n gap: 4px;\n cursor: pointer;\n transition: opacity 0.2s ease;\n font-size: 11px;\n }\n\n .legend-item--disabled {\n opacity: 0.4;\n }\n\n .legend-color {\n width: 12px;\n height: 12px;\n border-radius: 2px;\n }\n\n .legend-label {\n color: var(--mj-text-muted);\n font-weight: 500;\n }\n\n .chart-container {\n flex: 1;\n position: relative;\n overflow: hidden;\n min-height: 0; / Important: allows flex child to shrink below content size /\n }\n\n .chart-container svg {\n width: 100%;\n height: 100%;\n }\n\n .chart-tooltip {\n position: absolute;\n background: rgba(0, 0, 0, 0.8);\n color: var(--mj-text-inverse);\n padding: 8px 12px;\n border-radius: 4px;\n font-size: 12px;\n pointer-events: none;\n z-index: 1000;\n max-width: 200px;\n }\n\n\n / Chart styles /\n :host ::ng-deep .chart-line {\n fill: none;\n stroke-width: 2;\n }\n\n :host ::ng-deep .chart-area {\n fill-opacity: 0.1;\n }\n\n :host ::ng-deep .chart-dot {\n transition: r 0.1s ease;\n }\n\n :host ::ng-deep .chart-dot:hover {\n filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));\n }\n\n :host ::ng-deep .grid-line {\n stroke: var(--mj-bg-surface-sunken);\n stroke-width: 1;\n }\n\n :host ::ng-deep .axis {\n font-size: 11px;\n color: var(--mj-text-muted);\n }\n\n :host ::ng-deep .axis path {\n stroke: var(--mj-border-default);\n }\n\n :host ::ng-deep .axis .tick line {\n stroke: var(--mj-border-default);\n }\n\n :host ::ng-deep .axis-y-left {\n color: var(--mj-brand-primary);\n }\n\n :host ::ng-deep .axis-y-right {\n color: var(--mj-status-success);\n }\n\n :host ::ng-deep .axis-label {\n font-weight: 500;\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 width: 100%;\n justify-content: flex-start;\n }\n \n .chart-controls {\n flex-wrap: wrap;\n }\n }\n `]\n})\nexport class TimeSeriesChartComponent implements OnInit, OnDestroy, AfterViewInit, OnChanges {\n @Input() data: TrendData[] = [];\n @Input() title?: string;\n @Input() config: TimeSeriesConfig = {};\n @Input() showLegend = true;\n @Input() showControls = true;\n \n @Output() dataPointClick: EventEmitter<DataPointClickEvent> = new EventEmitter<DataPointClickEvent>();\n @Output() timeRangeChange = new EventEmitter<string>();\n\n @ViewChild('chartSvg', { static: true }) chartSvg!: ElementRef<SVGElement>;\n @ViewChild('tooltip', { static: true }) tooltip!: ElementRef<HTMLDivElement>;\n\n private svg!: d3.Selection<SVGElement, unknown, null, undefined>;\n private width = 0;\n private height = 0;\n private margin = { top: 10, right: 70, bottom: 50, left: 70 }; // Increased bottom margin for x-axis labels\n\n // Chart configuration — resolved from CSS custom properties for D3 color interpolation\n private defaultColors: string[] = [];\n \n // Metrics configuration\n visibleMetrics = ['executions', 'cost', 'tokens', 'avgTime', 'errors'];\n private hiddenMetrics = new Set<string>();\n\n\n ngOnInit() {\n this.defaultColors = this.getDefaultColors();\n this.applyConfig();\n }\n\n /\n Reads chart-series colors from CSS custom properties so D3 can use\n * resolved values for color interpolation while remaining themeable.\n /\n private getDefaultColors(): string[] {\n const style = getComputedStyle(document.documentElement);\n return [\n style.getPropertyValue('--mj-brand-primary').trim() \|\| '#0076b6',\n style.getPropertyValue('--mj-status-success').trim() \|\| '#22c55e',\n style.getPropertyValue('--mj-status-warning').trim() \|\| '#f59e0b',\n style.getPropertyValue('--mj-status-error').trim() \|\| '#ef4444',\n style.getPropertyValue('--mj-brand-primary').trim() \|\| '#8b5cf6',\n ];\n }\n\n ngAfterViewInit() {\n this.initChart();\n this.updateChart();\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['data'] && !changes['data'].firstChange) {\n this.updateChart();\n }\n if (changes['config'] && !changes['config'].firstChange) {\n this.applyConfig();\n this.updateChart();\n }\n }\n\n ngOnDestroy() {\n // Cleanup D3 event listeners\n d3.select(window).on('resize.timeseries', null);\n }\n\n private applyConfig() {\n const config = this.config;\n this.margin = { ...this.margin, ...config.margin };\n }\n\n private initChart() {\n this.svg = d3.select(this.chartSvg.nativeElement);\n \n // Set up responsive behavior\n d3.select(window).on('resize.timeseries', () => this.updateChart());\n }\n\n private updateChart() {\n if (!this.data \|\| this.data.length === 0) {\n this.svg.selectAll('').remove();\n return;\n }\n\n this.calculateDimensions();\n this.svg.selectAll('').remove();\n this.drawChart();\n }\n\n private calculateDimensions() {\n const container = this.chartSvg.nativeElement.parentElement!;\n const containerWidth = container.clientWidth;\n const containerHeight = container.clientHeight;\n \n // Use config dimensions or fallback to container dimensions\n this.width = (this.config.width \|\| containerWidth) - this.margin.left - this.margin.right;\n this.height = (this.config.height \|\| Math.max(containerHeight, 200)) - this.margin.top - this.margin.bottom;\n \n // Ensure minimum dimensions for usability\n this.width = Math.max(this.width, 200);\n this.height = Math.max(this.height, 150);\n \n this.svg\n .attr('width', this.width + this.margin.left + this.margin.right)\n .attr('height', this.height + this.margin.top + this.margin.bottom);\n }\n\n private drawChart() {\n const g = this.svg.append('g')\n .attr('transform', `translate(${this.margin.left},${this.margin.top})`);\n\n // Create scales\n const xScale = d3.scaleTime()\n .domain(d3.extent(this.data, d => d.timestamp) as [Date, Date])\n .range([0, this.width]);\n\n // Create separate scales for different metrics\n const scales = this.createMetricScales();\n\n // Draw grid\n if (this.config.showGrid !== false) {\n this.drawGrid(g, xScale, scales);\n }\n\n // Draw axes\n this.drawAxes(g, xScale, scales);\n\n // Draw data lines and areas\n this.drawMetrics(g, xScale, scales);\n\n // Draw interactive elements\n this.drawInteractiveElements(g, xScale, scales);\n }\n\n private createMetricScales() {\n const scales: { [key: string]: d3.ScaleLinear<number, number> } = {};\n\n if (this.config.useDualAxis !== false) {\n // Dual axis mode: Left axis (cost, avgTime), Right axis (executions, tokens, errors)\n const leftAxisMetrics = ['cost', 'avgTime'];\n const rightAxisMetrics = ['executions', 'tokens', 'errors'];\n\n // Create left axis scale (cost and time)\n const leftValues = leftAxisMetrics.flatMap(metric =>\n this.data.map(d => {\n const value = this.getMetricValue(d, metric);\n // Normalize avgTime to seconds for better scale comparison with cost\n return metric === 'avgTime' ? (value \|\| 0) / 1000 : (value \|\| 0);\n }).filter((v): v is number => v != null)\n );\n\n if (leftValues.length > 0) {\n const maxLeftValue = Math.max(...leftValues);\n const leftScale = d3.scaleLinear()\n .domain([0, maxLeftValue])\n .range([this.height, 0])\n .nice();\n\n leftAxisMetrics.forEach(metric => scales[metric] = leftScale);\n }\n\n // Create right axis scale (count-based metrics)\n const rightValues = rightAxisMetrics.flatMap(metric =>\n this.data.map(d => this.getMetricValue(d, metric)).filter((v): v is number => v != null)\n );\n\n if (rightValues.length > 0) {\n const maxRightValue = Math.max(...rightValues);\n const rightScale = d3.scaleLinear()\n .domain([0, maxRightValue])\n .range([this.height, 0])\n .nice();\n\n rightAxisMetrics.forEach(metric => scales[metric] = rightScale);\n }\n } else {\n // Single axis mode (original behavior)\n const metricGroups = {\n count: ['executions', 'errors'],\n cost: ['cost'],\n tokens: ['tokens'],\n time: ['avgTime']\n };\n\n Object.entries(metricGroups).forEach(([groupName, metrics]) => {\n const allValues = metrics.flatMap(metric =>\n this.data.map(d => this.getMetricValue(d, metric)).filter((v): v is number => v != null)\n );\n\n if (allValues.length > 0) {\n const maxValue = Math.max(...allValues);\n const scale = d3.scaleLinear()\n .domain([0, maxValue])\n .range([this.height, 0])\n .nice();\n\n metrics.forEach(metric => scales[metric] = scale);\n }\n });\n }\n\n return scales;\n }\n\n private drawGrid(g: any, xScale: any, scales: any) {\n // Vertical grid lines\n g.selectAll('.grid-line-x')\n .data(xScale.ticks(6))\n .enter().append('line')\n .attr('class', 'grid-line grid-line-x')\n .attr('x1', (d: Date) => xScale(d))\n .attr('x2', (d: Date) => xScale(d))\n .attr('y1', 0)\n .attr('y2', this.height);\n\n // Horizontal grid lines (use first scale)\n const firstScale = Object.values(scales)[0] as d3.ScaleLinear<number, number>;\n if (firstScale) {\n g.selectAll('.grid-line-y')\n .data(firstScale.ticks(5))\n .enter().append('line')\n .attr('class', 'grid-line grid-line-y')\n .attr('x1', 0)\n .attr('x2', this.width)\n .attr('y1', (d: number) => firstScale(d))\n .attr('y2', (d: number) => firstScale(d));\n }\n }\n\n private drawAxes(g: any, xScale: any, scales: any) {\n // X axis\n g.append('g')\n .attr('class', 'axis axis-x')\n .attr('transform', `translate(0,${this.height})`)\n .call(d3.axisBottom(xScale)\n .ticks(this.getOptimalTickCount())\n .tickFormat(this.getTimeFormat() as any));\n\n if (this.config.useDualAxis !== false) {\n // Dual Y-axis mode\n const leftAxisMetrics = ['cost', 'avgTime'];\n const rightAxisMetrics = ['executions', 'tokens', 'errors'];\n\n // Left Y axis (cost, time)\n const leftScale = scales[leftAxisMetrics[0]];\n if (leftScale) {\n g.append('g')\n .attr('class', 'axis axis-y axis-y-left')\n .call(d3.axisLeft(leftScale)\n .ticks(5)\n .tickFormat((d) => {\n const value = d as number;\n // Format based on value range - if > 1, likely cost, else time in seconds\n return value > 1 ? `$${value.toFixed(2)}` : `${value.toFixed(1)}s`;\n }));\n\n // Left axis label\n g.append('text')\n .attr('class', 'axis-label axis-label-left')\n .attr('transform', 'rotate(-90)')\n .attr('y', 0 - this.margin.left + 20)\n .attr('x', 0 - (this.height / 2))\n .style('text-anchor', 'middle')\n .style('font-size', '12px')\n .style('fill', 'var(--mj-text-muted)')\n .text('Cost ($) / Time (s)');\n }\n\n // Right Y axis (counts)\n const rightScale = scales[rightAxisMetrics[0]];\n if (rightScale) {\n g.append('g')\n .attr('class', 'axis axis-y axis-y-right')\n .attr('transform', `translate(${this.width},0)`)\n .call(d3.axisRight(rightScale)\n .ticks(5)\n .tickFormat((d) => {\n const value = d as number;\n // Format large numbers with K/M suffixes\n if (value >= 1000000) return `${(value / 1000000).toFixed(1)}M`;\n if (value >= 1000) return `${(value / 1000).toFixed(1)}K`;\n return value.toString();\n }));\n\n // Right axis label\n g.append('text')\n .attr('class', 'axis-label axis-label-right')\n .attr('transform', 'rotate(90)')\n .attr('y', 0 - this.width - this.margin.right + 20)\n .attr('x', this.height / 2)\n .style('text-anchor', 'middle')\n .style('font-size', '12px')\n .style('fill', 'var(--mj-text-muted)')\n .text('Count (Executions / Tokens)');\n }\n } else {\n // Single Y axis (original behavior)\n const firstScale = Object.values(scales)[0] as d3.ScaleLinear<number, number>;\n if (firstScale) {\n g.append('g')\n .attr('class', 'axis axis-y')\n .call(d3.axisLeft(firstScale).ticks(5));\n }\n }\n }\n\n private drawMetrics(g: any, xScale: any, scales: any) {\n // Create a group for lines and areas\n const linesGroup = g.append('g').attr('class', 'lines-group');\n \n // First draw all lines and areas\n this.visibleMetrics.forEach((metric) => {\n if (this.hiddenMetrics.has(metric) \|\| !scales[metric]) return;\n\n const color = this.getMetricColor(metric);\n const scale = scales[metric];\n\n // Create line generator with proper value transformation\n const line = d3.line<TrendData>()\n .x(d => xScale(d.timestamp))\n .y(d => {\n const value = this.getMetricValue(d, metric) \|\| 0;\n // Normalize avgTime to seconds if using dual axis\n const transformedValue = (this.config.useDualAxis !== false && metric === 'avgTime') \n ? value / 1000 : value;\n return scale(transformedValue);\n })\n .curve(d3.curveMonotoneX);\n\n // Create area generator with proper value transformation\n const area = d3.area<TrendData>()\n .x(d => xScale(d.timestamp))\n .y0(this.height)\n .y1(d => {\n const value = this.getMetricValue(d, metric) \|\| 0;\n // Normalize avgTime to seconds if using dual axis\n const transformedValue = (this.config.useDualAxis !== false && metric === 'avgTime') \n ? value / 1000 : value;\n return scale(transformedValue);\n })\n .curve(d3.curveMonotoneX);\n\n // Draw area (optional)\n if (metric === 'executions' \|\| metric === 'cost') {\n linesGroup.append('path')\n .datum(this.data)\n .attr('class', `chart-area chart-area--${metric}`)\n .attr('d', area)\n .attr('fill', color);\n }\n\n // Draw line\n linesGroup.append('path')\n .datum(this.data)\n .attr('class', `chart-line chart-line--${metric}`)\n .attr('d', line)\n .attr('stroke', color);\n });\n \n // Then create dots group on top of everything\n const dotsGroup = g.append('g').attr('class', 'dots-group').style('pointer-events', 'all');\n \n // Draw all dots in a separate pass so they're all on top\n this.visibleMetrics.forEach((metric) => {\n if (this.hiddenMetrics.has(metric) \|\| !scales[metric]) return;\n \n const color = this.getMetricColor(metric);\n const scale = scales[metric];\n \n // Draw dots with click events - only for non-zero values\n const dotsData = this.data.filter(d => {\n const value = this.getMetricValue(d, metric);\n return value != null && value > 0;\n });\n \n const dots = dotsGroup.selectAll(`.chart-dot--${metric}`)\n .data(dotsData)\n .enter().append('circle')\n .attr('class', `chart-dot chart-dot--${metric}`)\n .attr('cx', (d: TrendData) => xScale(d.timestamp))\n .attr('cy', (d: TrendData) => {\n const value = this.getMetricValue(d, metric) \|\| 0;\n // Normalize avgTime to seconds if using dual axis\n const transformedValue = (this.config.useDualAxis !== false && metric === 'avgTime') \n ? value / 1000 : value;\n return scale(transformedValue);\n })\n .attr('r', 4) // Slightly larger for easier clicking\n .attr('stroke', color)\n .attr('stroke-width', 2)\n .attr('fill', 'var(--mj-bg-surface)')\n .style('cursor', 'pointer')\n .style('pointer-events', 'all') // Ensure clicks are captured\n .style('z-index', 1000) // Ensure dots are on top\n .attr('data-metric', metric) // Add data attribute for debugging\n .on('mouseenter', (event: MouseEvent, d: TrendData) => {\n // Bring to front on hover\n const dot = d3.select(event.currentTarget as SVGCircleElement);\n dot.raise();\n dot.attr('r', 6);\n // Show tooltip\n if (this.config.showTooltip !== false) {\n this.showTooltip(event, d);\n }\n })\n .on('mouseleave', (event: MouseEvent, d: TrendData) => {\n const dot = d3.select(event.currentTarget as SVGCircleElement);\n dot.attr('r', 4);\n // Hide tooltip\n if (this.config.showTooltip !== false) {\n this.hideTooltip();\n }\n })\n .on('click', (event: MouseEvent, d: TrendData) => {\n event.stopPropagation();\n event.preventDefault();\n // Only emit if there's actual data\n const value = this.getMetricValue(d, metric);\n if (value != null && value > 0) {\n this.dataPointClick.emit({ data: d, metric, event });\n }\n });\n });\n }\n\n private drawInteractiveElements(g: any, xScale: any, scales: any) {\n if (this.config.showTooltip === false) return;\n\n // Note: We don't need an overlay for tooltips as the dots themselves handle interactions\n // The overlay was preventing click events on dots\n }\n\n private findClosestDataPoint(targetDate: Date): TrendData \| null {\n if (!this.data.length) return null;\n\n return this.data.reduce((closest, current) => {\n const currentDiff = Math.abs(current.timestamp.getTime() - targetDate.getTime());\n const closestDiff = Math.abs(closest.timestamp.getTime() - targetDate.getTime());\n return currentDiff < closestDiff ? current : closest;\n });\n }\n\n private showTooltip(event: MouseEvent, data: TrendData) {\n const tooltip = d3.select(this.tooltip.nativeElement);\n \n const content = `\n <div><strong>${d3.timeFormat('%H:%M')(data.timestamp)}</strong></div>\n <div>Executions: ${data.executions.toLocaleString()}</div>\n <div>Cost: $${data.cost.toFixed(4)}</div>\n <div>Tokens: ${data.tokens.toLocaleString()}</div>\n <div>Avg Time: ${(data.avgTime / 1000).toFixed(1)}s</div>\n <div>Errors: ${data.errors}</div>\n <div style=\"margin-top: 8px; padding-top: 8px; border-top: 1px solid color-mix(in srgb, var(--mj-bg-surface) 30%, transparent); font-size: 11px; color: color-mix(in srgb, var(--mj-bg-surface) 80%, transparent);\">\n Click data points to drill down\n </div>\n `;\n\n tooltip\n .style('display', 'block')\n .html(content)\n .style('left', (event.offsetX + 10) + 'px')\n .style('top', (event.offsetY - 10) + 'px');\n }\n\n private hideTooltip() {\n d3.select(this.tooltip.nativeElement)\n .style('display', 'none');\n }\n\n private getMetricValue(data: TrendData, metric: string): number \| null {\n switch (metric) {\n case 'executions': return data.executions;\n case 'cost': return data.cost;\n case 'tokens': return data.tokens;\n case 'avgTime': return data.avgTime;\n case 'errors': return data.errors;\n default: return null;\n }\n }\n\n getMetricColor(metric: string): string {\n const colors = this.config.colors \|\| this.defaultColors;\n const index = this.visibleMetrics.indexOf(metric);\n return colors[index % colors.length];\n }\n\n getMetricLabel(metric: string): string {\n const labels: { [key: string]: string } = {\n executions: 'Executions',\n cost: 'Cost ($)',\n tokens: 'Tokens',\n avgTime: 'Avg Time (ms)',\n errors: 'Errors'\n };\n return labels[metric] \|\| metric;\n }\n\n isMetricVisible(metric: string): boolean {\n return !this.hiddenMetrics.has(metric);\n }\n\n toggleMetric(metric: string): void {\n if (this.hiddenMetrics.has(metric)) {\n this.hiddenMetrics.delete(metric);\n } else {\n this.hiddenMetrics.add(metric);\n }\n this.updateChart();\n }\n \n private getTimeFormat(): (date: Date) => string {\n if (this.data.length < 2) {\n return d3.timeFormat('%H:%M');\n }\n \n // Calculate the time span of the data\n const firstDate = this.data[0].timestamp;\n const lastDate = this.data[this.data.length - 1].timestamp;\n const timeDiff = lastDate.getTime() - firstDate.getTime();\n const hours = timeDiff / (1000 60 * 60);\n const days = hours / 24;\n \n // Choose format based on time span\n if (hours <= 24) {\n // For up to 24 hours, show hours and minutes\n return d3.timeFormat('%H:%M');\n } else if (days <= 7) {\n // For up to 7 days, show day and time\n return d3.timeFormat('%a %H:%M'); // e.g., \"Mon 14:00\"\n } else if (days <= 30) {\n // For up to 30 days, show month/day\n return d3.timeFormat('%m/%d'); // e.g., \"06/13\"\n } else {\n // For longer periods, show month/day/year\n return d3.timeFormat('%m/%d/%y'); // e.g., \"06/13/25\"\n }\n }\n \n private getOptimalTickCount(): number {\n if (this.data.length < 2) {\n return 6;\n }\n \n // Calculate the time span of the data\n const firstDate = this.data[0].timestamp;\n const lastDate = this.data[this.data.length - 1].timestamp;\n const timeDiff = lastDate.getTime() - firstDate.getTime();\n const hours = timeDiff / (1000 * 60 * 60);\n const days = hours / 24;\n \n // Adjust tick count based on time span and chart width\n const pixelsPerTick = 100; // Minimum pixels between ticks\n const maxTicks = Math.floor(this.width / pixelsPerTick);\n \n if (days <= 1) {\n return Math.min(8, maxTicks); // Show more ticks for hourly data\n } else if (days <= 7) {\n return Math.min(7, maxTicks); // One per day for weekly view\n } else if (days <= 30) {\n return Math.min(6, maxTicks); // Fewer ticks for monthly view\n } else {\n return Math.min(5, maxTicks); // Even fewer for longer periods\n }\n }\n\n}"]}