@eric-emg/symphiq-components 1.3.40 → 1.3.41

package/fesm2022/symphiq-components.mjs

@@ -101984,13 +101984,12 @@ function UnifiedDashboardModalComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵelementStart(11, "div", 12);
     i0.ɵɵconditionalCreate(12, UnifiedDashboardModalComponent_Conditional_0_Conditional_12_Template, 1, 2, "symphiq-priority-badge", 13);
     i0.ɵɵconditionalCreate(13, UnifiedDashboardModalComponent_Conditional_0_Conditional_13_Template, 1, 2, "symphiq-timeframe-badge", 14);
-    i0.ɵɵelementEnd();
     i0.ɵɵelementStart(14, "button", 15);
     i0.ɵɵlistener("click", function UnifiedDashboardModalComponent_Conditional_0_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeModal()); });
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(15, "svg", 16);
     i0.ɵɵelement(16, "path", 17);
-    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementEnd()()()()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(17, "div", 18, 1);
     i0.ɵɵconditionalCreate(19, UnifiedDashboardModalComponent_Conditional_0_Conditional_19_Template, 1, 7, "symphiq-unified-goal-detail-modal-content", 19);
@@ -102307,9 +102306,8 @@ class UnifiedDashboardModalComponent {
                 @if (currentGoal()?.timeframe) {
                   <symphiq-timeframe-badge [timeframe]="currentGoal()!.timeframe" [viewMode]="viewMode()" />
                 }
-              </div>
 
-              <button
+                <button
                 type="button"
                 (click)="closeModal()"
                 [ngClass]="isLightMode() ? 'text-slate-600 hover:text-slate-900 hover:bg-slate-100' : 'text-slate-400 hover:text-white hover:bg-slate-700'"
@@ -102319,6 +102317,7 @@ class UnifiedDashboardModalComponent {
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                 </svg>
               </button>
+              </div>
             </div>
           </div>
 
@@ -103354,9 +103353,20 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         }, ...(ngDevMode ? [{ debugName: "totalGoalsCardClasses" }] : []));
         this.allMetrics = computed(() => {
             const analysis = this.funnelAnalysisSignal();
+            console.log('[UnifiedDashboard] allMetrics computed - funnelAnalysisSignal:', {
+                hasAnalysis: !!analysis,
+                hasPerformanceOverviewStructured: !!analysis?.performanceOverviewStructured,
+                performanceOverviewStructuredKeys: analysis?.performanceOverviewStructured ? Object.keys(analysis.performanceOverviewStructured) : []
+            });
             if (!analysis)
                 return [];
             const normalized = normalizeToV3(analysis.performanceOverviewStructured);
+            console.log('[UnifiedDashboard] allMetrics computed - normalizeToV3 result:', {
+                hasNormalized: !!normalized,
+                normalizedKeys: normalized ? Object.keys(normalized) : [],
+                metricsCount: normalized?.metrics?.length || 0,
+                metricsPreview: normalized?.metrics?.slice(0, 3).map(m => m.metric)
+            });
             return normalized?.metrics || [];
         }, ...(ngDevMode ? [{ debugName: "allMetrics" }] : []));
         this.allCharts = computed(() => {
@@ -103513,7 +103523,12 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
     }
     ngOnChanges(changes) {
         if (changes['funnelAnalysis']) {
-            this.funnelAnalysisSignal.set(this.funnelAnalysis());
+            const fa = this.funnelAnalysis();
+            console.log('[UnifiedDashboard] ngOnChanges - funnelAnalysis changed:', {
+                hasFunnelAnalysis: !!fa,
+                hasPerformanceOverviewStructured: !!fa?.performanceOverviewStructured
+            });
+            this.funnelAnalysisSignal.set(fa);
         }
     }
     onScroll() {
@@ -103587,7 +103602,13 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         this.markAsReviewedClick.emit();
     }
     onGoalClick(goal) {
-        this.modalService.openUnifiedGoalModal(goal, this.allMetrics(), this.allCharts(), this.loadedSourceAnalysisIds().map(String), this.viewMode(), this.loadingSourceAnalysisId() !== undefined ? String(this.loadingSourceAnalysisId()) : undefined);
+        const metrics = this.allMetrics();
+        console.log('[UnifiedDashboard] onGoalClick - passing to modal:', {
+            goalTitle: goal.title,
+            metricsCount: metrics.length,
+            metricNames: metrics.map(m => m.metric)
+        });
+        this.modalService.openUnifiedGoalModal(goal, metrics, this.allCharts(), this.loadedSourceAnalysisIds().map(String), this.viewMode(), this.loadingSourceAnalysisId() !== undefined ? String(this.loadingSourceAnalysisId()) : undefined);
     }
     onSourceBadgeClick(event, source, goal) {
         event.stopPropagation();