@memberjunction/ng-core-entity-forms 6.2.0-edge.0 → 6.2.0-edge.1

package/dist/lib/custom/ai-agent-run/ai-agent-run-analytics.component.js

@@ -892,16 +892,248 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             this.activeTimeouts.splice(index, 1);
         }
     }
+    /** @deprecated Use {@link ExpandedCharts}. */
+    get expandedCharts() {
+        return this.ExpandedCharts;
+    }
+    /** @deprecated Use {@link ExpandedCharts}. */
+    set expandedCharts(value) {
+        this.ExpandedCharts = value;
+    }
+    /** @deprecated Use {@link ViewMode}. */
+    get viewMode() {
+        return this.ViewMode;
+    }
+    /** @deprecated Use {@link ViewMode}. */
+    set viewMode(value) {
+        this.ViewMode = value;
+    }
+    /** @deprecated Use {@link AgentRun}. */
+    get agentRun() {
+        return this.AgentRun;
+    }
+    /** @deprecated Use {@link AgentRun}. */
+    set agentRun(value) {
+        this.AgentRun = value;
+    }
+    /** @deprecated Use {@link AllPromptRuns}. */
+    get allPromptRuns() {
+        return this.AllPromptRuns;
+    }
+    /** @deprecated Use {@link AllPromptRuns}. */
+    set allPromptRuns(value) {
+        this.AllPromptRuns = value;
+    }
+    /** @deprecated Use {@link AllActionLogs}. */
+    get allActionLogs() {
+        return this.AllActionLogs;
+    }
+    /** @deprecated Use {@link AllActionLogs}. */
+    set allActionLogs(value) {
+        this.AllActionLogs = value;
+    }
+    /** @deprecated Use {@link AllSteps}. */
+    get allSteps() {
+        return this.AllSteps;
+    }
+    /** @deprecated Use {@link AllSteps}. */
+    set allSteps(value) {
+        this.AllSteps = value;
+    }
+    /** @deprecated Use {@link SubAgentRuns}. */
+    get subAgentRuns() {
+        return this.SubAgentRuns;
+    }
+    /** @deprecated Use {@link SubAgentRuns}. */
+    set subAgentRuns(value) {
+        this.SubAgentRuns = value;
+    }
+    /** @deprecated Use {@link PromptMetrics}. */
+    get promptMetrics() {
+        return this.PromptMetrics;
+    }
+    /** @deprecated Use {@link PromptMetrics}. */
+    set promptMetrics(value) {
+        this.PromptMetrics = value;
+    }
+    /** @deprecated Use {@link ActionMetrics}. */
+    get actionMetrics() {
+        return this.ActionMetrics;
+    }
+    /** @deprecated Use {@link ActionMetrics}. */
+    set actionMetrics(value) {
+        this.ActionMetrics = value;
+    }
+    /** @deprecated Use {@link TimelineMetrics}. */
+    get timelineMetrics() {
+        return this.TimelineMetrics;
+    }
+    /** @deprecated Use {@link TimelineMetrics}. */
+    set timelineMetrics(value) {
+        this.TimelineMetrics = value;
+    }
+    /** @deprecated Use {@link ModelDistributionChartData}. */
+    get modelDistributionChartData() {
+        return this.ModelDistributionChartData;
+    }
+    /** @deprecated Use {@link ModelDistributionChartData}. */
+    set modelDistributionChartData(value) {
+        this.ModelDistributionChartData = value;
+    }
+    /** @deprecated Use {@link ExecutionTimeChartData}. */
+    get executionTimeChartData() {
+        return this.ExecutionTimeChartData;
+    }
+    /** @deprecated Use {@link ExecutionTimeChartData}. */
+    set executionTimeChartData(value) {
+        this.ExecutionTimeChartData = value;
+    }
+    /** @deprecated Use {@link CostByVendorChartData}. */
+    get costByVendorChartData() {
+        return this.CostByVendorChartData;
+    }
+    /** @deprecated Use {@link CostByVendorChartData}. */
+    set costByVendorChartData(value) {
+        this.CostByVendorChartData = value;
+    }
+    /** @deprecated Use {@link TokenUsageChartData}. */
+    get tokenUsageChartData() {
+        return this.TokenUsageChartData;
+    }
+    /** @deprecated Use {@link TokenUsageChartData}. */
+    set tokenUsageChartData(value) {
+        this.TokenUsageChartData = value;
+    }
+    /** @deprecated Use {@link ActionSuccessRateChartData}. */
+    get actionSuccessRateChartData() {
+        return this.ActionSuccessRateChartData;
+    }
+    /** @deprecated Use {@link ActionSuccessRateChartData}. */
+    set actionSuccessRateChartData(value) {
+        this.ActionSuccessRateChartData = value;
+    }
+    /** @deprecated Use {@link StepTypeDistributionChartData}. */
+    get stepTypeDistributionChartData() {
+        return this.StepTypeDistributionChartData;
+    }
+    /** @deprecated Use {@link StepTypeDistributionChartData}. */
+    set stepTypeDistributionChartData(value) {
+        this.StepTypeDistributionChartData = value;
+    }
+    /** @deprecated Use {@link PromptDetailsExpanded}. */
+    get promptDetailsExpanded() {
+        return this.PromptDetailsExpanded;
+    }
+    /** @deprecated Use {@link PromptDetailsExpanded}. */
+    set promptDetailsExpanded(value) {
+        this.PromptDetailsExpanded = value;
+    }
+    /** @deprecated Use {@link ActionDetailsExpanded}. */
+    get actionDetailsExpanded() {
+        return this.ActionDetailsExpanded;
+    }
+    /** @deprecated Use {@link ActionDetailsExpanded}. */
+    set actionDetailsExpanded(value) {
+        this.ActionDetailsExpanded = value;
+    }
+    /** @deprecated Use {@link PanelStates}. */
+    get panelStates() {
+        return this.PanelStates;
+    }
+    /** @deprecated Use {@link PanelStates}. */
+    set panelStates(value) {
+        this.PanelStates = value;
+    }
+    /** @deprecated Use {@link ModelDistributionChart}. */
+    get modelDistributionChart() {
+        return this.ModelDistributionChart;
+    }
+    /** @deprecated Use {@link ModelDistributionChart}. */
+    set modelDistributionChart(value) {
+        this.ModelDistributionChart = value;
+    }
+    /** @deprecated Use {@link ExecutionTimeChart}. */
+    get executionTimeChart() {
+        return this.ExecutionTimeChart;
+    }
+    /** @deprecated Use {@link ExecutionTimeChart}. */
+    set executionTimeChart(value) {
+        this.ExecutionTimeChart = value;
+    }
+    /** @deprecated Use {@link CostByVendorChart}. */
+    get costByVendorChart() {
+        return this.CostByVendorChart;
+    }
+    /** @deprecated Use {@link CostByVendorChart}. */
+    set costByVendorChart(value) {
+        this.CostByVendorChart = value;
+    }
+    /** @deprecated Use {@link TokenUsageChart}. */
+    get tokenUsageChart() {
+        return this.TokenUsageChart;
+    }
+    /** @deprecated Use {@link TokenUsageChart}. */
+    set tokenUsageChart(value) {
+        this.TokenUsageChart = value;
+    }
+    /** @deprecated Use {@link ActionSuccessRateChart}. */
+    get actionSuccessRateChart() {
+        return this.ActionSuccessRateChart;
+    }
+    /** @deprecated Use {@link ActionSuccessRateChart}. */
+    set actionSuccessRateChart(value) {
+        this.ActionSuccessRateChart = value;
+    }
+    /** @deprecated Use {@link StepTypeChart}. */
+    get stepTypeChart() {
+        return this.StepTypeChart;
+    }
+    /** @deprecated Use {@link StepTypeChart}. */
+    set stepTypeChart(value) {
+        this.StepTypeChart = value;
+    }
+    /** @deprecated Use {@link PromptTimeDistributionChart}. */
+    get promptTimeDistributionChart() {
+        return this.PromptTimeDistributionChart;
+    }
+    /** @deprecated Use {@link PromptTimeDistributionChart}. */
+    set promptTimeDistributionChart(value) {
+        this.PromptTimeDistributionChart = value;
+    }
+    /** @deprecated Use {@link PromptTokenDistributionChart}. */
+    get promptTokenDistributionChart() {
+        return this.PromptTokenDistributionChart;
+    }
+    /** @deprecated Use {@link PromptTokenDistributionChart}. */
+    set promptTokenDistributionChart(value) {
+        this.PromptTokenDistributionChart = value;
+    }
+    /** @deprecated Use {@link PromptCostDistributionChart}. */
+    get promptCostDistributionChart() {
+        return this.PromptCostDistributionChart;
+    }
+    /** @deprecated Use {@link PromptCostDistributionChart}. */
+    set promptCostDistributionChart(value) {
+        this.PromptCostDistributionChart = value;
+    }
+    /** @deprecated Use {@link PromptCountByNameChart}. */
+    get promptCountByNameChart() {
+        return this.PromptCountByNameChart;
+    }
+    /** @deprecated Use {@link PromptCountByNameChart}. */
+    set promptCountByNameChart(value) {
+        this.PromptCountByNameChart = value;
+    }
     constructor(cdr, costService) {
         super();
         this.cdr = cdr;
         this.costService = costService;
-        this.runTree = null;
+        this.runTree = null; // case-violation-ok-legacy-back-compat: the PascalCase name is already taken in this scope
         this.destroy$ = new Subject();
         /** Track active timeouts for cleanup */
         this.activeTimeouts = [];
         // Chart expansion states
-        this.expandedCharts = {
+        this.ExpandedCharts = {
             modelDistribution: false,
             executionTime: false,
             costByVendor: false,
@@ -913,27 +1145,27 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             actionSuccess: false,
             stepType: false
         };
-        this.viewMode = 'grid';
+        this.ViewMode = 'grid';
         // Loading state
         this.isLoading = true;
         this.error = null;
         // Data
-        this.agentRun = null;
-        this.allPromptRuns = [];
+        this.AgentRun = null;
+        this.AllPromptRuns = [];
         // Per model+vendor cache pricing (currency-per-token), loaded from AIModelCost for the cost split.
         this.cacheRates = new Map();
-        this.allActionLogs = [];
-        this.allSteps = [];
-        this.subAgentRuns = [];
+        this.AllActionLogs = [];
+        this.AllSteps = [];
+        this.SubAgentRuns = [];
         // Metrics
-        this.promptMetrics = this.initializePromptMetrics();
-        this.actionMetrics = this.initializeActionMetrics();
-        this.timelineMetrics = this.initializeTimelineMetrics();
+        this.PromptMetrics = this.initializePromptMetrics();
+        this.ActionMetrics = this.initializeActionMetrics();
+        this.TimelineMetrics = this.initializeTimelineMetrics();
         // Expanded sections
-        this.promptDetailsExpanded = false;
-        this.actionDetailsExpanded = false;
+        this.PromptDetailsExpanded = false;
+        this.ActionDetailsExpanded = false;
         // Expansion panel states
-        this.panelStates = {
+        this.PanelStates = {
             summary: true,
             prompts: true,
             actions: true,
@@ -962,16 +1194,16 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
     cleanupAllCharts() {
         // List of all chart element refs
         const chartRefs = [
-            this.modelDistributionChart,
-            this.executionTimeChart,
-            this.costByVendorChart,
-            this.tokenUsageChart,
-            this.actionSuccessRateChart,
-            this.stepTypeChart,
-            this.promptTimeDistributionChart,
-            this.promptTokenDistributionChart,
-            this.promptCostDistributionChart,
-            this.promptCountByNameChart
+            this.ModelDistributionChart,
+            this.ExecutionTimeChart,
+            this.CostByVendorChart,
+            this.TokenUsageChart,
+            this.ActionSuccessRateChart,
+            this.StepTypeChart,
+            this.PromptTimeDistributionChart,
+            this.PromptTokenDistributionChart,
+            this.PromptCostDistributionChart,
+            this.PromptCountByNameChart
         ];
         // More comprehensive D3 cleanup
         chartRefs.forEach(chartRef => {
@@ -1078,13 +1310,13 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
         ]);
         // Process results
         if (results[0].Success && results[0].Results && results[0].Results.length > 0) {
-            this.agentRun = results[0].Results[0];
+            this.AgentRun = results[0].Results[0];
         }
         if (results[1].Success) {
-            this.subAgentRuns = results[1].Results || [];
+            this.SubAgentRuns = results[1].Results || [];
         }
         // Load all prompt runs for the agent run hierarchy
-        this.allPromptRuns = await this.loadAllPromptRuns(agentRunIds);
+        this.AllPromptRuns = await this.loadAllPromptRuns(agentRunIds);
         // Load cache pricing so cost can be split (input/output) and cache savings computed
         await this.loadCacheRates();
         if (results[2].Success) {
@@ -1100,13 +1332,13 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
                         ExtraFilter: `ID IN ('${actionLogIds.join("','")}')`
                     });
                     if (actionResult.Success) {
-                        this.allActionLogs = actionResult.Results || [];
+                        this.AllActionLogs = actionResult.Results || [];
                     }
                 }
             }
         }
         if (results[3].Success) {
-            this.allSteps = results[3].Results || [];
+            this.AllSteps = results[3].Results || [];
         }
     }
     initializePromptMetrics() {
@@ -1200,7 +1432,7 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
     }
     calculatePromptMetrics() {
         const metrics = this.initializePromptMetrics();
-        for (const promptRun of this.allPromptRuns) {
+        for (const promptRun of this.AllPromptRuns) {
             metrics.totalCount++;
             // Calculate execution time
             const execTime = this.calculateExecutionTime(promptRun.RunAt, promptRun.CompletedAt);
@@ -1275,11 +1507,11 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
         if (metrics.totalCount > 0) {
             metrics.averageExecutionTime = metrics.totalExecutionTime / metrics.totalCount;
         }
-        this.promptMetrics = metrics;
+        this.PromptMetrics = metrics;
     }
     calculateActionMetrics() {
         const metrics = this.initializeActionMetrics();
-        for (const actionLog of this.allActionLogs) {
+        for (const actionLog of this.AllActionLogs) {
             metrics.totalCount++;
             // Calculate execution time
             const execTime = this.calculateExecutionTime(actionLog.StartedAt, actionLog.EndedAt);
@@ -1327,20 +1559,20 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
         if (metrics.totalCount > 0) {
             metrics.averageExecutionTime = metrics.totalExecutionTime / metrics.totalCount;
         }
-        this.actionMetrics = metrics;
+        this.ActionMetrics = metrics;
     }
     calculateTimelineMetrics() {
         const metrics = this.initializeTimelineMetrics();
-        metrics.totalSteps = this.allSteps.length;
+        metrics.totalSteps = this.AllSteps.length;
         // Count steps by type
-        for (const step of this.allSteps) {
+        for (const step of this.AllSteps) {
             const type = step.StepType || 'Unknown';
             const count = metrics.stepsByType.get(type) || 0;
             metrics.stepsByType.set(type, count + 1);
         }
         // TODO: Calculate parallel executions, deepest nesting, and critical path
         // This would require more complex analysis of the step relationships
-        this.timelineMetrics = metrics;
+        this.TimelineMetrics = metrics;
     }
     calculateExecutionTime(start, end) {
         if (!start || !end)
@@ -1349,66 +1581,66 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
     }
     prepareChartData() {
         // Model distribution pie chart
-        this.modelDistributionChartData = {
-            labels: Array.from(this.promptMetrics.byModel.keys()),
+        this.ModelDistributionChartData = {
+            labels: Array.from(this.PromptMetrics.byModel.keys()),
             datasets: [{
-                    data: Array.from(this.promptMetrics.byModel.values()).map(m => m.count),
-                    backgroundColor: this.generateColors(this.promptMetrics.byModel.size)
+                    data: Array.from(this.PromptMetrics.byModel.values()).map(m => m.count),
+                    backgroundColor: this.generateColors(this.PromptMetrics.byModel.size)
                 }]
         };
         // Execution time by vendor bar chart
-        this.executionTimeChartData = {
-            labels: Array.from(this.promptMetrics.byVendor.keys()),
+        this.ExecutionTimeChartData = {
+            labels: Array.from(this.PromptMetrics.byVendor.keys()),
             datasets: [{
                     label: 'Average Execution Time (ms)',
-                    data: Array.from(this.promptMetrics.byVendor.values()).map(v => v.avgTime),
+                    data: Array.from(this.PromptMetrics.byVendor.values()).map(v => v.avgTime),
                     backgroundColor: 'rgba(54, 162, 235, 0.5)',
                     borderColor: 'rgba(54, 162, 235, 1)',
                     borderWidth: 1
                 }]
         };
         // Cost by vendor doughnut chart
-        this.costByVendorChartData = {
-            labels: Array.from(this.promptMetrics.costBreakdown.byVendor.keys()),
+        this.CostByVendorChartData = {
+            labels: Array.from(this.PromptMetrics.costBreakdown.byVendor.keys()),
             datasets: [{
-                    data: Array.from(this.promptMetrics.costBreakdown.byVendor.values()),
-                    backgroundColor: this.generateColors(this.promptMetrics.costBreakdown.byVendor.size)
+                    data: Array.from(this.PromptMetrics.costBreakdown.byVendor.values()),
+                    backgroundColor: this.generateColors(this.PromptMetrics.costBreakdown.byVendor.size)
                 }]
         };
         // Token usage stacked bar chart
-        const tokenModels = Array.from(this.promptMetrics.tokenUsage.byModel.keys());
-        this.tokenUsageChartData = {
+        const tokenModels = Array.from(this.PromptMetrics.tokenUsage.byModel.keys());
+        this.TokenUsageChartData = {
             labels: tokenModels,
             datasets: [
                 {
                     label: 'Input Tokens',
-                    data: tokenModels.map(m => this.promptMetrics.tokenUsage.byModel.get(m)?.input || 0),
+                    data: tokenModels.map(m => this.PromptMetrics.tokenUsage.byModel.get(m)?.input || 0),
                     backgroundColor: 'rgba(255, 99, 132, 0.5)'
                 },
                 {
                     label: 'Output Tokens',
-                    data: tokenModels.map(m => this.promptMetrics.tokenUsage.byModel.get(m)?.output || 0),
+                    data: tokenModels.map(m => this.PromptMetrics.tokenUsage.byModel.get(m)?.output || 0),
                     backgroundColor: 'rgba(75, 192, 192, 0.5)'
                 }
             ]
         };
         // Action success rate bar chart
-        this.actionSuccessRateChartData = {
-            labels: Array.from(this.actionMetrics.byAction.keys()),
+        this.ActionSuccessRateChartData = {
+            labels: Array.from(this.ActionMetrics.byAction.keys()),
             datasets: [{
                     label: 'Success Rate (%)',
-                    data: Array.from(this.actionMetrics.byAction.values()).map(a => a.successRate * 100),
+                    data: Array.from(this.ActionMetrics.byAction.values()).map(a => a.successRate * 100),
                     backgroundColor: 'rgba(75, 192, 192, 0.5)',
                     borderColor: 'rgba(75, 192, 192, 1)',
                     borderWidth: 1
                 }]
         };
         // Step type distribution pie chart
-        this.stepTypeDistributionChartData = {
-            labels: Array.from(this.timelineMetrics.stepsByType.keys()),
+        this.StepTypeDistributionChartData = {
+            labels: Array.from(this.TimelineMetrics.stepsByType.keys()),
             datasets: [{
-                    data: Array.from(this.timelineMetrics.stepsByType.values()),
-                    backgroundColor: this.generateColors(this.timelineMetrics.stepsByType.size)
+                    data: Array.from(this.TimelineMetrics.stepsByType.values()),
+                    backgroundColor: this.generateColors(this.TimelineMetrics.stepsByType.size)
                 }]
         };
     }
@@ -1441,41 +1673,73 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             return `${Math.floor(ms / 60000)}m ${Math.floor((ms % 60000) / 1000)}s`;
         return `${Math.floor(ms / 3600000)}h ${Math.floor((ms % 3600000) / 60000)}m`;
     }
-    formatCost(cost) {
+    FormatCost(cost) {
         if (cost < 0.01)
             return `$${cost.toFixed(4)}`;
         if (cost < 1)
             return `$${cost.toFixed(3)}`;
         return `$${cost.toFixed(2)}`;
     }
+    /** @deprecated Use {@link FormatCost}. */
+    formatCost(cost) {
+        return this.FormatCost(cost);
+    }
     /** Total tokens the models processed across this run, including cached input (true throughput). */
-    get totalTokensProcessed() {
-        const u = this.promptMetrics.tokenUsage;
+    get TotalTokensProcessed() {
+        const u = this.PromptMetrics.tokenUsage;
         return u.totalInput + u.totalOutput + u.totalCacheRead + u.totalCacheWrite;
     }
+    /** @deprecated Use {@link TotalTokensProcessed}. */
+    get totalTokensProcessed() {
+        return this.TotalTokensProcessed;
+    }
     /** Rate-derived input-side dollars (uncached + cache read + cache write). */
-    get inputCost() { return this.promptMetrics.costBreakdown.inputCost; }
+    get InputCost() { return this.PromptMetrics.costBreakdown.inputCost; }
+    /** @deprecated Use {@link InputCost}. */
+    get inputCost() {
+        return this.InputCost;
+    }
     /** Rate-derived output dollars. */
-    get outputCost() { return this.promptMetrics.costBreakdown.outputCost; }
+    get OutputCost() { return this.PromptMetrics.costBreakdown.outputCost; }
+    /** @deprecated Use {@link OutputCost}. */
+    get outputCost() {
+        return this.OutputCost;
+    }
     /** Net dollars saved by caching vs. pricing all input at the full input rate. */
-    get cacheSavings() { return this.promptMetrics.costBreakdown.savings; }
+    get CacheSavings() { return this.PromptMetrics.costBreakdown.savings; }
+    /** @deprecated Use {@link CacheSavings}. */
+    get cacheSavings() {
+        return this.CacheSavings;
+    }
     /** Savings as a % of what the run would have cost with no caching. */
-    get cacheSavingsPct() {
-        const cb = this.promptMetrics.costBreakdown;
+    get CacheSavingsPct() {
+        const cb = this.PromptMetrics.costBreakdown;
         const fullPrice = cb.totalCost + cb.savings;
         return fullPrice > 0 ? (cb.savings / fullPrice) * 100 : 0;
     }
+    /** @deprecated Use {@link CacheSavingsPct}. */
+    get cacheSavingsPct() {
+        return this.CacheSavingsPct;
+    }
     /** Percentage of input tokens served from the provider's prompt cache across this agent run. */
-    get cacheHitRatePct() {
-        const u = this.promptMetrics.tokenUsage;
+    get CacheHitRatePct() {
+        const u = this.PromptMetrics.tokenUsage;
         const totalInput = u.totalInput + u.totalCacheRead + u.totalCacheWrite;
         return totalInput > 0 ? (u.totalCacheRead / totalInput) * 100 : 0;
     }
-    refresh() {
+    /** @deprecated Use {@link CacheHitRatePct}. */
+    get cacheHitRatePct() {
+        return this.CacheHitRatePct;
+    }
+    Refresh() {
         this.loadData();
     }
+    /** @deprecated Use {@link Refresh}. */
+    refresh() {
+        return this.Refresh();
+    }
     renderCharts() {
-        if (!this.modelDistributionChart)
+        if (!this.ModelDistributionChart)
             return; // Charts not ready yet
         this.renderModelDistributionChart();
         this.renderExecutionTimeChart();
@@ -1490,8 +1754,8 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
         this.renderPromptCountByNameChart();
     }
     renderModelDistributionChart() {
-        const element = this.modelDistributionChart.nativeElement;
-        const data = Array.from(this.promptMetrics.byModel.entries()).map(([name, metrics]) => ({
+        const element = this.ModelDistributionChart.nativeElement;
+        const data = Array.from(this.PromptMetrics.byModel.entries()).map(([name, metrics]) => ({
             name,
             value: metrics.count
         }));
@@ -1499,7 +1763,7 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             return;
         // Clear previous chart
         d3.select(element).selectAll('*').remove();
-        const isExpanded = this.expandedCharts['modelDistribution'];
+        const isExpanded = this.ExpandedCharts['modelDistribution'];
         const width = isExpanded ? 500 : 300;
         const height = isExpanded ? 400 : 220;
         const radius = Math.min(width, height) / 2 - 40;
@@ -1542,8 +1806,8 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             .text('Prompts by Model');
     }
     renderExecutionTimeChart() {
-        const element = this.executionTimeChart.nativeElement;
-        const data = Array.from(this.promptMetrics.byVendor.entries()).map(([name, metrics]) => ({
+        const element = this.ExecutionTimeChart.nativeElement;
+        const data = Array.from(this.PromptMetrics.byVendor.entries()).map(([name, metrics]) => ({
             name,
             value: metrics.avgTime
         }));
@@ -1551,7 +1815,7 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             return;
         // Clear previous chart
         d3.select(element).selectAll('*').remove();
-        const isExpanded = this.expandedCharts['executionTime'];
+        const isExpanded = this.ExpandedCharts['executionTime'];
         const margin = { top: 40, right: 20, bottom: 70, left: 60 };
         const width = (isExpanded ? 600 : 320) - margin.left - margin.right;
         const height = (isExpanded ? 350 : 200) - margin.top - margin.bottom;
@@ -1598,8 +1862,8 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             .text('Average Execution Time by Vendor');
     }
     renderCostByVendorChart() {
-        const element = this.costByVendorChart.nativeElement;
-        const data = Array.from(this.promptMetrics.costBreakdown.byVendor.entries()).map(([name, cost]) => ({
+        const element = this.CostByVendorChart.nativeElement;
+        const data = Array.from(this.PromptMetrics.costBreakdown.byVendor.entries()).map(([name, cost]) => ({
             name,
             value: cost
         }));
@@ -1642,17 +1906,17 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             .text('Cost Distribution by Vendor');
     }
     renderTokenUsageChart() {
-        const element = this.tokenUsageChart.nativeElement;
-        const models = Array.from(this.promptMetrics.tokenUsage.byModel.keys());
+        const element = this.TokenUsageChart.nativeElement;
+        const models = Array.from(this.PromptMetrics.tokenUsage.byModel.keys());
         const inputData = models.map(model => ({
             model,
             type: 'Input',
-            value: this.promptMetrics.tokenUsage.byModel.get(model)?.input || 0
+            value: this.PromptMetrics.tokenUsage.byModel.get(model)?.input || 0
         }));
         const outputData = models.map(model => ({
             model,
             type: 'Output',
-            value: this.promptMetrics.tokenUsage.byModel.get(model)?.output || 0
+            value: this.PromptMetrics.tokenUsage.byModel.get(model)?.output || 0
         }));
         const data = [...inputData, ...outputData];
         if (data.length === 0)
@@ -1735,8 +1999,8 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             .text('Token Usage by Model');
     }
     renderActionSuccessRateChart() {
-        const element = this.actionSuccessRateChart.nativeElement;
-        const data = Array.from(this.actionMetrics.byAction.entries()).map(([name, metrics]) => ({
+        const element = this.ActionSuccessRateChart.nativeElement;
+        const data = Array.from(this.ActionMetrics.byAction.entries()).map(([name, metrics]) => ({
             name,
             value: metrics.successRate * 100
         }));
@@ -1790,8 +2054,8 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             .text('Action Success Rates');
     }
     renderStepTypeChart() {
-        const element = this.stepTypeChart.nativeElement;
-        const data = Array.from(this.timelineMetrics.stepsByType.entries()).map(([name, value]) => ({
+        const element = this.StepTypeChart.nativeElement;
+        const data = Array.from(this.TimelineMetrics.stepsByType.entries()).map(([name, value]) => ({
             name,
             value
         }));
@@ -1843,45 +2107,61 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             .style('font-weight', 'bold')
             .text('Step Type Distribution');
     }
-    calculatePromptSuccessRate(promptName) {
-        const successfulRuns = this.allPromptRuns.filter(run => run.Prompt === promptName && run.Success === true).length;
-        const totalRuns = this.allPromptRuns.filter(run => run.Prompt === promptName).length;
+    CalculatePromptSuccessRate(promptName) {
+        const successfulRuns = this.AllPromptRuns.filter(run => run.Prompt === promptName && run.Success === true).length;
+        const totalRuns = this.AllPromptRuns.filter(run => run.Prompt === promptName).length;
         if (totalRuns === 0)
             return '0';
         return ((successfulRuns / totalRuns) * 100).toFixed(1);
     }
-    toggleChartExpansion(chartKey) {
-        this.expandedCharts[chartKey] = !this.expandedCharts[chartKey];
+    /** @deprecated Use {@link CalculatePromptSuccessRate}. */
+    calculatePromptSuccessRate(promptName) {
+        return this.CalculatePromptSuccessRate(promptName);
+    }
+    ToggleChartExpansion(chartKey) {
+        this.ExpandedCharts[chartKey] = !this.ExpandedCharts[chartKey];
         // Re-render the chart after expansion state changes
         this.setTrackedTimeout(() => {
             this.renderCharts();
         }, 100);
     }
-    toggleViewMode() {
-        if (this.viewMode === 'grid') {
-            this.viewMode = 'expanded';
+    /** @deprecated Use {@link ToggleChartExpansion}. */
+    toggleChartExpansion(chartKey) {
+        return this.ToggleChartExpansion(chartKey);
+    }
+    ToggleViewMode() {
+        if (this.ViewMode === 'grid') {
+            this.ViewMode = 'expanded';
             // Expand all charts
-            Object.keys(this.expandedCharts).forEach(key => {
-                this.expandedCharts[key] = true;
+            Object.keys(this.ExpandedCharts).forEach(key => {
+                this.ExpandedCharts[key] = true;
             });
         }
         else {
-            this.viewMode = 'grid';
+            this.ViewMode = 'grid';
             // Collapse all charts
-            Object.keys(this.expandedCharts).forEach(key => {
-                this.expandedCharts[key] = false;
+            Object.keys(this.ExpandedCharts).forEach(key => {
+                this.ExpandedCharts[key] = false;
             });
         }
         this.setTrackedTimeout(() => {
             this.renderCharts();
         }, 100);
     }
-    getActionType(actionName) {
+    /** @deprecated Use {@link ToggleViewMode}. */
+    toggleViewMode() {
+        return this.ToggleViewMode();
+    }
+    GetActionType(actionName) {
         // Action type is not directly available on MJActionExecutionLogEntity
         return 'Action';
     }
-    getTopErrors() {
-        return Array.from(this.actionMetrics.errorAnalysis.entries())
+    /** @deprecated Use {@link GetActionType}. */
+    getActionType(actionName) {
+        return this.GetActionType(actionName);
+    }
+    GetTopErrors() {
+        return Array.from(this.ActionMetrics.errorAnalysis.entries())
             .map(([message, count]) => {
             // Try to extract meaningful error message from potentially complex error strings
             let cleanMessage = message;
@@ -1898,9 +2178,13 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             .sort((a, b) => b.count - a.count)
             .slice(0, 5); // Top 5 errors
     }
-    getModelPerformanceData() {
+    /** @deprecated Use {@link GetTopErrors}. */
+    getTopErrors() {
+        return this.GetTopErrors();
+    }
+    GetModelPerformanceData() {
         const modelData = new Map();
-        for (const promptRun of this.allPromptRuns) {
+        for (const promptRun of this.AllPromptRuns) {
             const model = promptRun.Model || 'Unknown';
             const vendor = promptRun.Vendor || 'Unknown';
             const key = `${model}|${vendor}`;
@@ -1929,7 +2213,11 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
         }
         return Array.from(modelData.values()).sort((a, b) => b.count - a.count);
     }
-    getStepTypeIcon(stepType) {
+    /** @deprecated Use {@link GetModelPerformanceData}. */
+    getModelPerformanceData() {
+        return this.GetModelPerformanceData();
+    }
+    GetStepTypeIcon(stepType) {
         const iconMap = {
             'Prompts': 'fa-microchip',
             'Actions': 'fa-cog',
@@ -1942,7 +2230,11 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
         };
         return iconMap[stepType] || 'fa-circle';
     }
-    getModelColor(model) {
+    /** @deprecated Use {@link GetStepTypeIcon}. */
+    getStepTypeIcon(stepType) {
+        return this.GetStepTypeIcon(stepType);
+    }
+    GetModelColor(model) {
         // Return a color from the same palette used in generateColors
         const colors = [
             'rgba(255, 99, 132, 0.5)',
@@ -1963,9 +2255,13 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
         }
         return colors[Math.abs(hash) % colors.length];
     }
+    /** @deprecated Use {@link GetModelColor}. */
+    getModelColor(model) {
+        return this.GetModelColor(model);
+    }
     renderPromptTimeDistributionChart() {
-        const element = this.promptTimeDistributionChart.nativeElement;
-        const data = Array.from(this.promptMetrics.byPrompt.entries())
+        const element = this.PromptTimeDistributionChart.nativeElement;
+        const data = Array.from(this.PromptMetrics.byPrompt.entries())
             .map(([name, metrics]) => ({
             name: name.length > 20 ? name.substring(0, 20) + '...' : name,
             value: metrics.avgTime
@@ -2023,10 +2319,10 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             .text('Average Execution Time by Prompt');
     }
     renderPromptTokenDistributionChart() {
-        const element = this.promptTokenDistributionChart.nativeElement;
+        const element = this.PromptTokenDistributionChart.nativeElement;
         // Aggregate token data by prompt
         const promptTokenData = new Map();
-        for (const run of this.allPromptRuns) {
+        for (const run of this.AllPromptRuns) {
             const promptName = run.Prompt || 'Unknown';
             const existing = promptTokenData.get(promptName) || { input: 0, output: 0 };
             existing.input += run.TokensPrompt || 0;
@@ -2129,10 +2425,10 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             .text('Token Usage by Prompt');
     }
     renderPromptCostDistributionChart() {
-        const element = this.promptCostDistributionChart.nativeElement;
+        const element = this.PromptCostDistributionChart.nativeElement;
         // Aggregate cost data by prompt
         const promptCostData = new Map();
-        for (const run of this.allPromptRuns) {
+        for (const run of this.AllPromptRuns) {
             const promptName = run.Prompt || 'Unknown';
             const existing = promptCostData.get(promptName) || 0;
             promptCostData.set(promptName, existing + (run.TotalCost || 0));
@@ -2194,11 +2490,11 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             .attr('dy', '1em')
             .style('font-size', '18px')
             .style('font-weight', 'bold')
-            .text(this.formatCost(data.reduce((sum, d) => sum + d.value, 0)));
+            .text(this.FormatCost(data.reduce((sum, d) => sum + d.value, 0)));
     }
     renderPromptCountByNameChart() {
-        const element = this.promptCountByNameChart.nativeElement;
-        const data = Array.from(this.promptMetrics.byPrompt.entries())
+        const element = this.PromptCountByNameChart.nativeElement;
+        const data = Array.from(this.PromptMetrics.byPrompt.entries())
             .map(([name, metrics]) => ({
             name: name.length > 20 ? name.substring(0, 20) + '...' : name,
             value: metrics.count
@@ -2342,36 +2638,48 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
     /**
      * TrackBy function for keyvalue pipe
      */
-    trackByKey(index, item) {
+    TrackByKey(index, item) {
         return item.key;
     }
+    /** @deprecated Use {@link TrackByKey}. */
+    trackByKey(index, item) {
+        return this.TrackByKey(index, item);
+    }
     /**
      * TrackBy function for error messages
      */
-    trackByErrorMessage(index, error) {
+    TrackByErrorMessage(index, error) {
         return error.message;
     }
+    /** @deprecated Use {@link TrackByErrorMessage}. */
+    trackByErrorMessage(index, error) {
+        return this.TrackByErrorMessage(index, error);
+    }
     /**
      * TrackBy function for model performance data
      */
-    trackByModelName(index, model) {
+    TrackByModelName(index, model) {
         return model.name || index.toString();
     }
+    /** @deprecated Use {@link TrackByModelName}. */
+    trackByModelName(index, model) {
+        return this.TrackByModelName(index, model);
+    }
     static { this.ɵfac = function AIAgentRunAnalyticsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AIAgentRunAnalyticsComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.AIAgentRunCostService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentRunAnalyticsComponent, selectors: [["mj-ai-agent-run-analytics"]], viewQuery: function AIAgentRunAnalyticsComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5)(_c1, 5)(_c2, 5)(_c3, 5)(_c4, 5)(_c5, 5)(_c6, 5)(_c7, 5)(_c8, 5)(_c9, 5);
         } if (rf & 2) {
             let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modelDistributionChart = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.executionTimeChart = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.costByVendorChart = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tokenUsageChart = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.actionSuccessRateChart = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepTypeChart = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.promptTimeDistributionChart = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.promptTokenDistributionChart = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.promptCostDistributionChart = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.promptCountByNameChart = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ModelDistributionChart = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ExecutionTimeChart = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.CostByVendorChart = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.TokenUsageChart = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ActionSuccessRateChart = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.StepTypeChart = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.PromptTimeDistributionChart = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.PromptTokenDistributionChart = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.PromptCostDistributionChart = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.PromptCountByNameChart = _t.first);
         } }, inputs: { agentRunId: "agentRunId", RunTree: "RunTree" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 3, consts: [["actionSuccessRateChart", ""], ["stepTypeChart", ""], ["modelDistributionChart", ""], ["executionTimeChart", ""], ["costByVendorChart", ""], ["tokenUsageChart", ""], ["promptTimeDistributionChart", ""], ["promptTokenDistributionChart", ""], ["promptCostDistributionChart", ""], ["promptCountByNameChart", ""], [1, "analytics-container"], [1, "loading-state"], ["Variant", "error", "ActionText", "Retry", "ActionIcon", "fa-solid fa-arrows-rotate", 3, "Message"], [1, "analytics-content"], [1, "fas", "fa-spinner", "fa-spin", "fa-2x"], ["Variant", "error", "ActionText", "Retry", "ActionIcon", "fa-solid fa-arrows-rotate", 3, "Action", "Message"], [3, "Expanded"], ["mjAccordionTitle", ""], [1, "summary-cards"], [1, "summary-card"], [1, "card-icon", "prompts"], [1, "fas", "fa-microchip"], [1, "card-content"], [1, "metric-value"], [1, "metric-detail"], [1, "success"], [1, "failed"], [1, "card-icon", "actions"], [1, "fas", "fa-cog"], [1, "card-icon", "cost"], [1, "fas", "fa-dollar-sign"], [1, "metric-detail", "cache-detail"], [1, "card-icon", "cache"], [1, "fas", "fa-bolt"], [1, "card-icon", "time"], [1, "fas", "fa-clock"], [1, "analytics-panel"], [1, "view-mode-toggle"], ["Icon", "fa-solid fa-circle-info", "Title", "No prompt executions found in this agent run.", "Message", "This agent run may have only executed actions without any AI prompts."], [1, "charts-grid"], [1, "charts-grid", 2, "margin-top", "20px"], [1, "detailed-metrics"], ["mjButton", "", "variant", "flat", 3, "click"], [1, "fas", 3, "ngClass"], [1, "metrics-table"], [1, "chart-card"], [1, "chart-card-header", 3, "click"], [1, "fas", "fa-chart-bar"], [1, "expand-btn"], ["aria-hidden", "true", 1, "fas", 3, "ngClass"], [1, "chart-card-body"], [1, "chart-container"], ["id", "actionSuccessRateChart"], [1, "fas", "fa-layer-group"], ["id", "stepTypeChart"], [1, "error-analysis-section"], [1, "error-analysis"], ["Variant", "success", "Message", "No action errors detected in this run. All actions completed successfully!"], [1, "model-comparison"], [1, "timeline-stats"], [1, "stat-item"], [1, "stat-label"], [1, "stat-value"], [1, "step-breakdown"], [1, "step-type-list"], [1, "step-type-item"], [1, "fas", "fa-tachometer-alt"], [1, "fas", "fa-chart-pie"], ["id", "modelDistributionChart"], [1, "chart-legend"], ["id", "executionTimeChart"], ["id", "costByVendorChart"], [1, "chart-total"], [1, "fas", "fa-coins"], ["id", "tokenUsageChart"], [1, "legend-item"], [1, "legend-color"], [1, "legend-label"], [1, "fas", "fa-hourglass-half"], ["id", "promptTimeDistributionChart"], [1, "fas", "fa-database"], ["id", "promptTokenDistributionChart"], ["id", "promptCostDistributionChart"], [1, "fas", "fa-list-ol"], ["id", "promptCountByNameChart"], [1, "success-rate"], [1, "fas", "fa-exclamation-triangle"], [1, "error-analysis-description"], [1, "error-list"], [1, "error-item"], [1, "error-count"], [1, "error-message"], [1, "fas", "fa-chart-line"], [1, "fas", "fa-stream"], [1, "type-name"], [1, "type-count"], [1, "type-percentage"]], template: function AIAgentRunAnalyticsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 10);
             i0.ɵɵconditionalCreate(1, AIAgentRunAnalyticsComponent_Conditional_1_Template, 4, 0, "div", 11);
@@ -2394,34 +2702,34 @@ export class AIAgentRunAnalyticsComponent extends BaseAngularComponent {
             type: Input
         }], RunTree: [{
             type: Input
-        }], modelDistributionChart: [{
+        }], ModelDistributionChart: [{
             type: ViewChild,
             args: ['modelDistributionChart', { static: false }]
-        }], executionTimeChart: [{
+        }], ExecutionTimeChart: [{
             type: ViewChild,
             args: ['executionTimeChart', { static: false }]
-        }], costByVendorChart: [{
+        }], CostByVendorChart: [{
             type: ViewChild,
             args: ['costByVendorChart', { static: false }]
-        }], tokenUsageChart: [{
+        }], TokenUsageChart: [{
             type: ViewChild,
             args: ['tokenUsageChart', { static: false }]
-        }], actionSuccessRateChart: [{
+        }], ActionSuccessRateChart: [{
             type: ViewChild,
             args: ['actionSuccessRateChart', { static: false }]
-        }], stepTypeChart: [{
+        }], StepTypeChart: [{
             type: ViewChild,
             args: ['stepTypeChart', { static: false }]
-        }], promptTimeDistributionChart: [{
+        }], PromptTimeDistributionChart: [{
             type: ViewChild,
             args: ['promptTimeDistributionChart', { static: false }]
-        }], promptTokenDistributionChart: [{
+        }], PromptTokenDistributionChart: [{
             type: ViewChild,
             args: ['promptTokenDistributionChart', { static: false }]
-        }], promptCostDistributionChart: [{
+        }], PromptCostDistributionChart: [{
             type: ViewChild,
             args: ['promptCostDistributionChart', { static: false }]
-        }], promptCountByNameChart: [{
+        }], PromptCountByNameChart: [{
             type: ViewChild,
             args: ['promptCountByNameChart', { static: false }]
         }] }); })();