@eric-emg/symphiq-components 1.3.52 → 1.3.55

package/fesm2022/symphiq-components.mjs

@@ -104050,7 +104050,7 @@ class UnifiedDashboardModalComponent {
     onMetricClick(metric) {
         const data = this.unifiedGoalData();
         const allCharts = data?.allCharts || [];
-        const metricCharts = allCharts.filter(chart => chart.performanceItemId === metric.performanceItemId);
+        const metricCharts = this.getChartsForMetric(metric, allCharts);
         this.modalService.openMetricModal(metric, metricCharts, this.currentModalState() ?? undefined);
     }
     onContributingMetricsClick() {
@@ -104078,17 +104078,38 @@ class UnifiedDashboardModalComponent {
     onRelatedMetricClick(metric) {
         const data = this.relatedMetricsData();
         const allCharts = data?.allCharts || [];
-        const metricCharts = allCharts.filter(chart => chart.performanceItemId === metric.performanceItemId);
+        const metricCharts = this.getChartsForMetric(metric, allCharts);
         console.log('[UnifiedDashboardModal] onRelatedMetricClick:', {
             metricName: metric.metric,
             metricPerformanceItemId: metric.performanceItemId,
             allChartsCount: allCharts.length,
-            allChartsPerformanceItemIds: allCharts.map(c => c.performanceItemId),
             filteredChartsCount: metricCharts.length,
             currentModalState: this.currentModalState()?.type
         });
         this.modalService.openMetricModal(metric, metricCharts, this.currentModalState() ?? undefined);
     }
+    getChartsForMetric(metric, allCharts) {
+        const metricEnum = metric.metric;
+        const metricId = metric.performanceItemId;
+        if (!metricEnum && !metricId) {
+            return [];
+        }
+        const matchingCharts = [];
+        for (const chart of allCharts) {
+            if (metricEnum && chart.metrics?.includes(metricEnum)) {
+                matchingCharts.push(chart);
+                continue;
+            }
+            if (metricId) {
+                const chartId = chart.performanceItemId || '';
+                const prefix = metricId + '_';
+                if (chartId === metricId || chartId.startsWith(prefix)) {
+                    matchingCharts.push(chart);
+                }
+            }
+        }
+        return matchingCharts;
+    }
     navigateToBreadcrumb(index) {
         this.modalService.navigateToStackIndex(index);
     }
@@ -104699,17 +104720,17 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             return normalized?.metrics || [];
         }, ...(ngDevMode ? [{ debugName: "allMetrics" }] : []));
         this.allCharts = computed(() => {
-            const analysis = this.funnelAnalysisSignal();
+            const analysis = this.funnelAnalysis();
             if (!analysis)
                 return [];
-            const normalized = normalizeToV3(analysis);
+            const normalized = normalizeToV3(analysis.performanceOverviewStructured);
             return normalized?.charts || [];
         }, ...(ngDevMode ? [{ debugName: "allCharts" }] : []));
         this.allInsights = computed(() => {
-            const analysis = this.funnelAnalysisSignal();
+            const analysis = this.funnelAnalysis();
             if (!analysis)
                 return [];
-            const normalized = normalizeToV3(analysis);
+            const normalized = normalizeToV3(analysis.performanceOverviewStructured);
             return normalized?.insights || [];
         }, ...(ngDevMode ? [{ debugName: "allInsights" }] : []));
         this.unifiedTimeline = computed(() => {