@eric-emg/symphiq-components 1.2.544 → 1.2.546

package/fesm2022/symphiq-components.mjs

@@ -69688,9 +69688,9 @@ function MetricExecutiveSummaryComponent_Conditional_11_Template(rf, ctx) { if (
     i0.ɵɵproperty("grade", ctx_r0.summary().overallGrade)("gradeRationale", ctx_r0.summary().gradeRationale || "")("viewMode", ctx_r0.viewMode());
 } }
 function MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23);
-    i0.ɵɵelement(1, "symphiq-icon", 20);
-    i0.ɵɵelementStart(2, "span", 24);
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵelement(1, "symphiq-icon", 23);
+    i0.ɵɵelementStart(2, "span", 27);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -69703,15 +69703,15 @@ function MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template(r
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().yoyChange, " YoY ");
 } }
 function MetricExecutiveSummaryComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
-    i0.ɵɵelement(2, "symphiq-icon", 20);
-    i0.ɵɵelementStart(3, "span", 21);
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 22);
+    i0.ɵɵelement(2, "symphiq-icon", 23);
+    i0.ɵɵelementStart(3, "span", 24);
     i0.ɵɵtext(4, " Current Value ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 22);
+    i0.ɵɵelementStart(5, "div", 25);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template, 4, 7, "div", 23);
+    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template, 4, 7, "div", 26);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -69728,12 +69728,12 @@ function MetricExecutiveSummaryComponent_Conditional_14_Template(rf, ctx) { if (
     i0.ɵɵconditional(ctx_r0.summary().yoyChange ? 7 : -1);
 } }
 function MetricExecutiveSummaryComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
-    i0.ɵɵelement(2, "symphiq-icon", 20);
-    i0.ɵɵelementStart(3, "span", 21);
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 22);
+    i0.ɵɵelement(2, "symphiq-icon", 23);
+    i0.ɵɵelementStart(3, "span", 24);
     i0.ɵɵtext(4, " Target ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 22);
+    i0.ɵɵelementStart(5, "div", 25);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -69749,12 +69749,12 @@ function MetricExecutiveSummaryComponent_Conditional_15_Template(rf, ctx) { if (
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().targetValue, " ");
 } }
 function MetricExecutiveSummaryComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
-    i0.ɵɵelement(2, "symphiq-icon", 20);
-    i0.ɵɵelementStart(3, "span", 21);
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 22);
+    i0.ɵɵelement(2, "symphiq-icon", 23);
+    i0.ɵɵelementStart(3, "span", 24);
     i0.ɵɵtext(4, " Projected ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 22);
+    i0.ɵɵelementStart(5, "div", 25);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -69770,12 +69770,12 @@ function MetricExecutiveSummaryComponent_Conditional_16_Template(rf, ctx) { if (
     i0.ɵɵtextInterpolate1(" ", ctx_r0.projectedValue(), " ");
 } }
 function MetricExecutiveSummaryComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
-    i0.ɵɵelement(2, "symphiq-icon", 20);
-    i0.ɵɵelementStart(3, "span", 21);
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 22);
+    i0.ɵɵelement(2, "symphiq-icon", 23);
+    i0.ɵɵelementStart(3, "span", 24);
     i0.ɵɵtext(4, " Pacing ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 25);
+    i0.ɵɵelementStart(5, "div", 28);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -69790,47 +69790,61 @@ function MetricExecutiveSummaryComponent_Conditional_17_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().pacingStatus, " ");
 } }
+function MetricExecutiveSummaryComponent_Conditional_18_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("libSymphiqTooltip", ctx_r0.summary().metricHealthDescription)("tooltipPosition", "top")("ngClass", ctx_r0.healthDescriptionClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().metricHealthDescription, " ");
+} }
 function MetricExecutiveSummaryComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
-    i0.ɵɵelement(2, "symphiq-icon", 20);
-    i0.ɵɵelementStart(3, "span", 21);
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 22);
+    i0.ɵɵelement(2, "symphiq-icon", 23);
+    i0.ɵɵelementStart(3, "span", 24);
     i0.ɵɵtext(4, " Health ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 25);
+    i0.ɵɵelementStart(5, "div", 28);
     i0.ɵɵtext(6);
-    i0.ɵɵelementEnd()();
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_18_Conditional_7_Template, 2, 4, "div", 29);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_6_0;
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.metricCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c6$1, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c6$1, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getHealthValueClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", (tmp_6_0 = ctx_r0.summary().metricHealth) == null ? null : tmp_6_0.replace("_", " "), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.summary().metricHealthDescription ? 7 : -1);
 } }
-function MetricExecutiveSummaryComponent_Conditional_24_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 31);
+function MetricExecutiveSummaryComponent_Conditional_30_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 35);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("visual", ctx_r0.summary().napkinVisual)("viewMode", ctx_r0.viewMode());
 } }
-function MetricExecutiveSummaryComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16)(1, "h3", 26);
+function MetricExecutiveSummaryComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19)(1, "h3", 30);
     i0.ɵɵtext(2, " Analysis Narrative ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 27);
-    i0.ɵɵconditionalCreate(4, MetricExecutiveSummaryComponent_Conditional_24_Conditional_4_Template, 2, 2, "div", 28);
-    i0.ɵɵelementStart(5, "p", 29);
+    i0.ɵɵelementStart(3, "div", 31);
+    i0.ɵɵconditionalCreate(4, MetricExecutiveSummaryComponent_Conditional_30_Conditional_4_Template, 2, 2, "div", 32);
+    i0.ɵɵelementStart(5, "p", 33);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "div", 30);
+    i0.ɵɵelement(7, "div", 34);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_3_0;
@@ -69845,13 +69859,13 @@ function MetricExecutiveSummaryComponent_Conditional_24_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().narrative, " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_25_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "div", 41);
-    i0.ɵɵelement(2, "symphiq-icon", 42);
-    i0.ɵɵelementStart(3, "div")(4, "span", 43);
+function MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 44)(1, "div", 45);
+    i0.ɵɵelement(2, "symphiq-icon", 46);
+    i0.ɵɵelementStart(3, "div")(4, "span", 47);
     i0.ɵɵtext(5, " Expected Impact ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 44);
+    i0.ɵɵelementStart(6, "p", 48);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -69867,20 +69881,20 @@ function MetricExecutiveSummaryComponent_Conditional_25_For_5_Conditional_8_Temp
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", priority_r4.expectedImpact, " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_25_For_5_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_31_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 35);
-    i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Conditional_25_For_5_Template_button_click_0_listener() { const ctx_r2 = i0.ɵɵrestoreView(_r2); const priority_r4 = ctx_r2.$implicit; const $index_r5 = ctx_r2.$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.priorityDetailClick.emit({ priority: priority_r4, index: $index_r5 })); });
-    i0.ɵɵelementStart(1, "div", 36)(2, "span", 37);
+    i0.ɵɵelementStart(0, "button", 39);
+    i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Conditional_31_For_5_Template_button_click_0_listener() { const ctx_r2 = i0.ɵɵrestoreView(_r2); const priority_r4 = ctx_r2.$implicit; const $index_r5 = ctx_r2.$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.priorityDetailClick.emit({ priority: priority_r4, index: $index_r5 })); });
+    i0.ɵɵelementStart(1, "div", 40)(2, "span", 41);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "h4", 38);
+    i0.ɵɵelementStart(4, "h4", 42);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "p", 39);
+    i0.ɵɵelementStart(6, "p", 43);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, MetricExecutiveSummaryComponent_Conditional_25_For_5_Conditional_8_Template, 8, 8, "div", 40);
+    i0.ɵɵconditionalCreate(8, MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_8_Template, 8, 8, "div", 44);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const priority_r4 = ctx.$implicit;
@@ -69902,12 +69916,12 @@ function MetricExecutiveSummaryComponent_Conditional_25_For_5_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵconditional(priority_r4.expectedImpact ? 8 : -1);
 } }
-function MetricExecutiveSummaryComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17)(1, "h3", 32);
+function MetricExecutiveSummaryComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20)(1, "h3", 36);
     i0.ɵɵtext(2, "Top Priorities");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 33);
-    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_25_For_5_Template, 9, 8, "button", 34, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(3, "div", 37);
+    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_31_For_5_Template, 9, 8, "button", 38, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -69916,8 +69930,8 @@ function MetricExecutiveSummaryComponent_Conditional_25_Template(rf, ctx) { if (
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r0.summary().topPriorities);
 } }
-function MetricExecutiveSummaryComponent_Conditional_26_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 53);
+function MetricExecutiveSummaryComponent_Conditional_32_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 57);
     i0.ɵɵelement(1, "symphiq-icon", 15);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
@@ -69931,11 +69945,11 @@ function MetricExecutiveSummaryComponent_Conditional_26_For_5_Conditional_12_Tem
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(win_r6.estimatedTimeframe);
 } }
-function MetricExecutiveSummaryComponent_Conditional_26_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 54)(1, "h4", 21);
+function MetricExecutiveSummaryComponent_Conditional_32_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 58)(1, "h4", 24);
     i0.ɵɵtext(2, " Related Goal ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "symphiq-related-goal-chips", 55);
+    i0.ɵɵelement(3, "symphiq-related-goal-chips", 59);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const win_r6 = i0.ɵɵnextContext().$implicit;
@@ -69945,21 +69959,21 @@ function MetricExecutiveSummaryComponent_Conditional_26_For_5_Conditional_13_Tem
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c9, win_r6.relatedGoalId))("allGoals", ctx_r0.allGoals() || i0.ɵɵpureFunction0(6, _c10))("viewMode", ctx_r0.viewMode());
 } }
-function MetricExecutiveSummaryComponent_Conditional_26_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 47)(1, "div", 48)(2, "div", 49)(3, "span", 37);
+function MetricExecutiveSummaryComponent_Conditional_32_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 51)(1, "div", 52)(2, "div", 53)(3, "span", 41);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 50);
+    i0.ɵɵelementStart(5, "p", 54);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 51)(8, "span", 52);
+    i0.ɵɵelementStart(7, "div", 55)(8, "span", 56);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 52);
+    i0.ɵɵelementStart(10, "span", 56);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_26_For_5_Conditional_12_Template, 4, 5, "div", 53);
-    i0.ɵɵconditionalCreate(13, MetricExecutiveSummaryComponent_Conditional_26_For_5_Conditional_13_Template, 4, 7, "div", 54);
+    i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_32_For_5_Conditional_12_Template, 4, 5, "div", 57);
+    i0.ɵɵconditionalCreate(13, MetricExecutiveSummaryComponent_Conditional_32_For_5_Conditional_13_Template, 4, 7, "div", 58);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const win_r6 = ctx.$implicit;
@@ -69987,12 +70001,12 @@ function MetricExecutiveSummaryComponent_Conditional_26_For_5_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵconditional(win_r6.relatedGoalId && ctx_r0.allGoals() ? 13 : -1);
 } }
-function MetricExecutiveSummaryComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18)(1, "h3", 45);
+function MetricExecutiveSummaryComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 21)(1, "h3", 49);
     i0.ɵɵtext(2, "Quick Wins");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 46);
-    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_26_For_5_Template, 14, 11, "div", 47, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(3, "div", 50);
+    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_32_For_5_Template, 14, 11, "div", 51, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -70010,6 +70024,7 @@ class MetricExecutiveSummaryComponent {
         this.topPrioritiesClick = output();
         this.priorityDetailClick = output();
         this.viewMetricDetailsClick = output();
+        this.viewReportClick = output();
         this.iconSource = IconSourceEnum.HEROICONS;
         this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
         this.projectedValue = computed(() => this.summary().projectedValue, ...(ngDevMode ? [{ debugName: "projectedValue" }] : []));
@@ -70058,6 +70073,9 @@ class MetricExecutiveSummaryComponent {
         this.viewDetailsButtonClasses = computed(() => this.isDark()
             ? 'bg-blue-500/20 text-blue-300 border border-blue-500/40 hover:bg-blue-500/30'
             : 'bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100', ...(ngDevMode ? [{ debugName: "viewDetailsButtonClasses" }] : []));
+        this.viewReportButtonClasses = computed(() => this.isDark()
+            ? 'bg-slate-700/50 text-slate-300 border border-slate-600 hover:bg-slate-600/50'
+            : 'bg-slate-100 text-slate-700 border border-slate-300 hover:bg-slate-200', ...(ngDevMode ? [{ debugName: "viewReportButtonClasses" }] : []));
         this.metricLabelClasses = computed(() => this.isDark() ? 'text-slate-400' : 'text-slate-600', ...(ngDevMode ? [{ debugName: "metricLabelClasses" }] : []));
         this.metricValueClasses = computed(() => this.isDark() ? 'text-slate-100' : 'text-slate-900', ...(ngDevMode ? [{ debugName: "metricValueClasses" }] : []));
         this.yoyChangeClasses = computed(() => {
@@ -70072,6 +70090,7 @@ class MetricExecutiveSummaryComponent {
             }
             return this.metricLabelClasses();
         }, ...(ngDevMode ? [{ debugName: "yoyChangeClasses" }] : []));
+        this.healthDescriptionClasses = computed(() => this.isDark() ? 'text-slate-400' : 'text-slate-500', ...(ngDevMode ? [{ debugName: "healthDescriptionClasses" }] : []));
         this.narrativeClasses = computed(() => this.isDark()
             ? 'bg-slate-800/50 border border-slate-600/20'
             : 'bg-white border border-slate-200', ...(ngDevMode ? [{ debugName: "narrativeClasses" }] : []));
@@ -70107,6 +70126,10 @@ class MetricExecutiveSummaryComponent {
         this.viewMetricDetailsClick.emit();
         console.log('[MetricExecutiveSummary] Event emitted');
     }
+    handleViewReportClick() {
+        console.log('[MetricExecutiveSummary] View Report button clicked!');
+        this.viewReportClick.emit();
+    }
     getYoyIcon() {
         const change = this.summary().yoyChange;
         if (!change)
@@ -70198,7 +70221,7 @@ class MetricExecutiveSummaryComponent {
         return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
     }
     static { this.ɵfac = function MetricExecutiveSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MetricExecutiveSummaryComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricExecutiveSummaryComponent, selectors: [["symphiq-metric-executive-summary"]], inputs: { viewMode: [1, "viewMode"], summary: [1, "summary"], metricName: [1, "metricName"], allGoals: [1, "allGoals"] }, outputs: { topPrioritiesClick: "topPrioritiesClick", priorityDetailClick: "priorityDetailClick", viewMetricDetailsClick: "viewMetricDetailsClick" }, decls: 27, vars: 23, consts: [["id", "section-metric-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "flex", "items-center", "gap-3", "mb-3"], [3, "icon", "size", "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], ["type", "button", 1, "w-full", "text-left", "cursor-pointer", "group", 3, "click"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-4"], [1, "rounded-xl", "p-4", "transition-all", "duration-200", "group-hover:scale-[1.02]", "group-hover:shadow-lg", 3, "ngClass"], [1, "flex", "items-center", "justify-center", "mt-4"], [1, "inline-flex", "items-center", "gap-2", "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", "duration-200", "group-hover:scale-105", 3, "ngClass"], ["size", "w-4 h-4", 3, "icon"], [1, "rounded-xl", "p-6", "mt-6", 3, "ngClass"], [1, "mt-6"], ["id", "quick-wins-section", 1, "mt-8", "scroll-mt-24"], [1, "flex", "items-center", "gap-2", "mb-2"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "flex", "items-center", "gap-1", "mt-2"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "ngClass"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "text-lg", "font-semibold", "flex-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-3", 3, "ngClass"], [1, "rounded-lg", "p-3", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["size", "w-4 h-4", 1, "mt-0.5", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "block", "mb-1", 3, "ngClass"], [1, "text-xs", "leading-relaxed", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], [3, "relatedGoalIds", "allGoals", "viewMode"]], template: function MetricExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricExecutiveSummaryComponent, selectors: [["symphiq-metric-executive-summary"]], inputs: { viewMode: [1, "viewMode"], summary: [1, "summary"], metricName: [1, "metricName"], allGoals: [1, "allGoals"] }, outputs: { topPrioritiesClick: "topPrioritiesClick", priorityDetailClick: "priorityDetailClick", viewMetricDetailsClick: "viewMetricDetailsClick", viewReportClick: "viewReportClick" }, decls: 33, vars: 24, consts: [["id", "section-metric-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "flex", "items-center", "gap-3", "mb-3"], [3, "icon", "size", "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], ["type", "button", 1, "w-full", "text-left", "cursor-pointer", "group", 3, "click"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-4"], [1, "rounded-xl", "p-4", "transition-all", "duration-200", "group-hover:scale-[1.02]", "group-hover:shadow-lg", 3, "ngClass"], [1, "flex", "items-center", "justify-center", "mt-4"], [1, "inline-flex", "items-center", "gap-2", "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", "duration-200", "group-hover:scale-105", 3, "ngClass"], ["size", "w-4 h-4", 3, "icon"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "rounded-xl", "p-6", "mt-6", 3, "ngClass"], [1, "mt-6"], ["id", "quick-wins-section", 1, "mt-8", "scroll-mt-24"], [1, "flex", "items-center", "gap-2", "mb-2"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "flex", "items-center", "gap-1", "mt-2"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-xs", "mt-1", "truncate", "max-w-full", "cursor-help", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "ngClass"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "text-lg", "font-semibold", "flex-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-3", 3, "ngClass"], [1, "rounded-lg", "p-3", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["size", "w-4 h-4", 1, "mt-0.5", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "block", "mb-1", 3, "ngClass"], [1, "text-xs", "leading-relaxed", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], [3, "relatedGoalIds", "allGoals", "viewMode"]], template: function MetricExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "section", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5);
             i0.ɵɵelement(6, "symphiq-icon", 6);
             i0.ɵɵelementStart(7, "h2", 7);
@@ -70216,24 +70239,34 @@ class MetricExecutiveSummaryComponent {
             i0.ɵɵconditionalCreate(15, MetricExecutiveSummaryComponent_Conditional_15_Template, 7, 8, "div", 12);
             i0.ɵɵconditionalCreate(16, MetricExecutiveSummaryComponent_Conditional_16_Template, 7, 8, "div", 12);
             i0.ɵɵconditionalCreate(17, MetricExecutiveSummaryComponent_Conditional_17_Template, 7, 8, "div", 12);
-            i0.ɵɵconditionalCreate(18, MetricExecutiveSummaryComponent_Conditional_18_Template, 7, 8, "div", 12);
+            i0.ɵɵconditionalCreate(18, MetricExecutiveSummaryComponent_Conditional_18_Template, 8, 9, "div", 12);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(19, "div", 13)(20, "div", 14)(21, "span");
             i0.ɵɵtext(22, "View Metric Details");
             i0.ɵɵelementEnd();
             i0.ɵɵelement(23, "symphiq-icon", 15);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(24, MetricExecutiveSummaryComponent_Conditional_24_Template, 8, 5, "div", 16);
-            i0.ɵɵconditionalCreate(25, MetricExecutiveSummaryComponent_Conditional_25_Template, 6, 1, "div", 17);
-            i0.ɵɵconditionalCreate(26, MetricExecutiveSummaryComponent_Conditional_26_Template, 6, 1, "div", 18);
+            i0.ɵɵelementStart(24, "div", 13)(25, "button", 16);
+            i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Template_button_click_25_listener() { return ctx.handleViewReportClick(); });
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(26, "svg", 17);
+            i0.ɵɵelement(27, "path", 18);
+            i0.ɵɵelementEnd();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(28, "span");
+            i0.ɵɵtext(29, "View Report");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵconditionalCreate(30, MetricExecutiveSummaryComponent_Conditional_30_Template, 8, 5, "div", 19);
+            i0.ɵɵconditionalCreate(31, MetricExecutiveSummaryComponent_Conditional_31_Template, 6, 1, "div", 20);
+            i0.ɵɵconditionalCreate(32, MetricExecutiveSummaryComponent_Conditional_32_Template, 6, 1, "div", 21);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
-            let tmp_17_0;
             let tmp_18_0;
+            let tmp_19_0;
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.bannerClasses());
             i0.ɵɵadvance(5);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(19, _c0$u, ctx.iconSource))("size", "w-8 h-8")("ngClass", ctx.iconClasses());
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(20, _c0$u, ctx.iconSource))("size", "w-8 h-8")("ngClass", ctx.iconClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
             i0.ɵɵadvance();
@@ -70257,17 +70290,20 @@ class MetricExecutiveSummaryComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.viewDetailsButtonClasses());
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(21, _c1$d, ctx.iconSource));
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().narrative ? 24 : -1);
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(22, _c1$d, ctx.iconSource));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.viewReportButtonClasses());
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.summary().narrative ? 30 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().topPriorities && (((tmp_17_0 = ctx.summary().topPriorities) == null ? null : tmp_17_0.length) ?? 0) > 0 ? 25 : -1);
+            i0.ɵɵconditional(ctx.summary().topPriorities && (((tmp_18_0 = ctx.summary().topPriorities) == null ? null : tmp_18_0.length) ?? 0) > 0 ? 31 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().quickWins && (((tmp_18_0 = ctx.summary().quickWins) == null ? null : tmp_18_0.length) ?? 0) > 0 ? 26 : -1);
+            i0.ɵɵconditional(ctx.summary().quickWins && (((tmp_19_0 = ctx.summary().quickWins) == null ? null : tmp_19_0.length) ?? 0) > 0 ? 32 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, GradeBadgeComponent,
             SymphiqIconComponent,
             NapkinVisualPlaceholderComponent,
-            RelatedGoalChipsComponent], encapsulation: 2, changeDetection: 0 }); }
+            RelatedGoalChipsComponent,
+            TooltipDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MetricExecutiveSummaryComponent, [{
         type: Component,
@@ -70279,7 +70315,8 @@ class MetricExecutiveSummaryComponent {
                     GradeBadgeComponent,
                     SymphiqIconComponent,
                     NapkinVisualPlaceholderComponent,
-                    RelatedGoalChipsComponent
+                    RelatedGoalChipsComponent,
+                    TooltipDirective
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
@@ -70425,6 +70462,16 @@ class MetricExecutiveSummaryComponent {
                 <div [ngClass]="getHealthValueClasses()" class="text-xl font-bold">
                   {{ summary().metricHealth?.replace('_', ' ') }}
                 </div>
+                @if (summary().metricHealthDescription) {
+                  <div
+                    [libSymphiqTooltip]="summary().metricHealthDescription!"
+                    [tooltipPosition]="'top'"
+                    [ngClass]="healthDescriptionClasses()"
+                    class="text-xs mt-1 truncate max-w-full cursor-help"
+                  >
+                    {{ summary().metricHealthDescription }}
+                  </div>
+                }
               </div>
             }
           </div>
@@ -70441,6 +70488,20 @@ class MetricExecutiveSummaryComponent {
             </div>
           </button>
 
+          <!-- View Report Button -->
+          <div class="flex items-center justify-center mt-4">
+            <button
+              type="button"
+              (click)="handleViewReportClick()"
+              [ngClass]="viewReportButtonClasses()"
+              class="inline-flex items-center gap-2 px-4 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 hover:scale-105">
+              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+              </svg>
+              <span>View Report</span>
+            </button>
+          </div>
+
           <!-- Narrative with Napkin Visual -->
           @if (summary().narrative) {
             <div [ngClass]="narrativeClasses()" class="rounded-xl p-6 mt-6">
@@ -70576,8 +70637,8 @@ class MetricExecutiveSummaryComponent {
     </section>
   `
             }]
-    }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: true }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], topPrioritiesClick: [{ type: i0.Output, args: ["topPrioritiesClick"] }], priorityDetailClick: [{ type: i0.Output, args: ["priorityDetailClick"] }], viewMetricDetailsClick: [{ type: i0.Output, args: ["viewMetricDetailsClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricExecutiveSummaryComponent, { className: "MetricExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-executive-summary.component.ts", lineNumber: 314 }); })();
+    }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: true }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], topPrioritiesClick: [{ type: i0.Output, args: ["topPrioritiesClick"] }], priorityDetailClick: [{ type: i0.Output, args: ["priorityDetailClick"] }], viewMetricDetailsClick: [{ type: i0.Output, args: ["viewMetricDetailsClick"] }], viewReportClick: [{ type: i0.Output, args: ["viewReportClick"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricExecutiveSummaryComponent, { className: "MetricExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-executive-summary.component.ts", lineNumber: 340 }); })();
 
 const _c0$t = a0 => ({ name: "chevron-right", source: a0 });
 function GoalCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
@@ -75008,7 +75069,7 @@ class PerformanceMetricsCardComponent {
             pacingStatus: PacingStatusEnum.ON_TRACK,
             percentToTarget: '0%',
             trendDirection: ProfileAnalysisTrendDirectionEnum.STABLE,
-            projectedValue: undefined
+            projectedValue: ''
         }, ...(ngDevMode ? [{ debugName: "metrics" }] : []));
         this.viewMode = signal(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.iconSource = IconSourceEnum.HEROICONS;
@@ -75151,7 +75212,7 @@ class PerformanceMetricsCardComponent {
                     pacingStatus: val.pacingStatus ?? PacingStatusEnum.ON_TRACK,
                     percentToTarget: val.percentToTarget ?? '0%',
                     trendDirection: val.trendDirection ?? ProfileAnalysisTrendDirectionEnum.STABLE,
-                    projectedValue: valWithProjected.projectedValue
+                    projectedValue: valWithProjected.projectedValue ?? ''
                 });
             }
         });
@@ -75729,7 +75790,8 @@ class MetricComparisonStatsComponent {
             targetValue: '0',
             pacingStatus: PacingStatusEnum.ON_TRACK,
             percentToTarget: '0%',
-            trendDirection: ProfileAnalysisTrendDirectionEnum.STABLE
+            trendDirection: ProfileAnalysisTrendDirectionEnum.STABLE,
+            projectedValue: ''
         }, ...(ngDevMode ? [{ debugName: "stats" }] : []));
         this.viewMode = signal(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.iconSource = IconSourceEnum.HEROICONS;
@@ -75883,7 +75945,8 @@ class MetricComparisonStatsComponent {
                     targetValue: val.targetValue ?? '0',
                     pacingStatus: val.pacingStatus ?? PacingStatusEnum.ON_TRACK,
                     percentToTarget: val.percentToTarget ?? '0%',
-                    trendDirection: val.trendDirection ?? ProfileAnalysisTrendDirectionEnum.STABLE
+                    trendDirection: val.trendDirection ?? ProfileAnalysisTrendDirectionEnum.STABLE,
+                    projectedValue: val.projectedValue ?? ''
                 });
             }
         });
@@ -77795,9 +77858,36 @@ class ProfileSectionContentComponent {
                 normalizedName.includes(m.metric?.toUpperCase() || ''));
         }
         if (metric) {
-            this.modalService.openMetricModal(metric, this.allCharts());
+            const charts = this.chartsForMetric(metric);
+            this.modalService.openMetricModal(metric, charts);
         }
     }
+    chartsForMetric(metric) {
+        const metricId = metric.performanceItemId;
+        const metricName = metric.metric;
+        if (!metricId && !metricName) {
+            return [];
+        }
+        const allChartsArr = this.allCharts();
+        const matchingCharts = [];
+        const metricNameLower = metricName?.toLowerCase() || '';
+        const metricNameNormalized = metricNameLower.replace(/\s+/g, '_');
+        for (const chart of allChartsArr) {
+            const chartId = chart.performanceItemId || '';
+            const chartIdLower = chartId.toLowerCase();
+            if (metricId) {
+                const prefix = metricId + '_';
+                if (chartId === metricId || chartId.startsWith(prefix)) {
+                    matchingCharts.push(chart);
+                    continue;
+                }
+            }
+            if (metricName && chartIdLower.includes(metricNameNormalized)) {
+                matchingCharts.push(chart);
+            }
+        }
+        return matchingCharts;
+    }
     getEffortBadgeClasses(effort) {
         if (!effort)
             return '';
@@ -85742,7 +85832,7 @@ function CollapsibleAnalysisSectionGroupComponent_For_23_Conditional_7_Template(
 function CollapsibleAnalysisSectionGroupComponent_For_23_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 32);
-    i0.ɵɵlistener("topPrioritiesClick", function CollapsibleAnalysisSectionGroupComponent_For_23_Conditional_13_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.handleMetricTopPrioritiesClick()); })("priorityDetailClick", function CollapsibleAnalysisSectionGroupComponent_For_23_Conditional_13_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.handleMetricPriorityDetailClick($event)); });
+    i0.ɵɵlistener("topPrioritiesClick", function CollapsibleAnalysisSectionGroupComponent_For_23_Conditional_13_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.handleMetricTopPrioritiesClick()); })("priorityDetailClick", function CollapsibleAnalysisSectionGroupComponent_For_23_Conditional_13_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.handleMetricPriorityDetailClick($event)); })("viewMetricDetailsClick", function CollapsibleAnalysisSectionGroupComponent_For_23_Conditional_13_Template_symphiq_metric_executive_summary_viewMetricDetailsClick_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.handleViewMetricDetailsClick()); })("viewReportClick", function CollapsibleAnalysisSectionGroupComponent_For_23_Conditional_13_Template_symphiq_metric_executive_summary_viewReportClick_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.handleViewReportClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -85876,6 +85966,7 @@ class CollapsibleAnalysisSectionGroupComponent {
         this.allCharts = input([], ...(ngDevMode ? [{ debugName: "allCharts" }] : []));
         this.allInsights = input([], ...(ngDevMode ? [{ debugName: "allInsights" }] : []));
         this.businessProfile = input(undefined, ...(ngDevMode ? [{ debugName: "businessProfile" }] : []));
+        this.viewReportClick = output();
         this.modalService = inject(ModalService);
         this.profileContextService = inject(ProfileContextService);
         this.expandedSections = signal([], ...(ngDevMode ? [{ debugName: "expandedSections" }] : []));
@@ -86040,6 +86131,49 @@ class CollapsibleAnalysisSectionGroupComponent {
             this.modalService.navigateToTopPriorityDetail(event.priority, event.index, this.viewMode(), this.metricName(), totalCount);
         }
     }
+    handleViewMetricDetailsClick() {
+        console.log('[CollapsibleAnalysisSectionGroup] handleViewMetricDetailsClick called');
+        const metricKey = this.metricExecutiveSummary()?.metric;
+        console.log('[CollapsibleAnalysisSectionGroup] metricKey:', metricKey);
+        if (!metricKey) {
+            console.log('[CollapsibleAnalysisSectionGroup] No metricKey found');
+            return;
+        }
+        const allMetrics = this.allMetrics();
+        const metric = allMetrics.find(m => m.metric === metricKey);
+        console.log('[CollapsibleAnalysisSectionGroup] Found metric:', !!metric);
+        if (metric) {
+            const allCharts = this.allCharts();
+            const metricCharts = allCharts.filter(chart => {
+                const chartId = chart.performanceItemId?.toLowerCase() || '';
+                const metricId = metricKey.toLowerCase();
+                return chartId.includes(metricId) || chartId.startsWith(metricId);
+            });
+            console.log('[CollapsibleAnalysisSectionGroup] Opening modal with metric and', metricCharts.length, 'charts');
+            this.modalService.openMetricModal(metric, metricCharts);
+        }
+        else {
+            const summary = this.metricExecutiveSummary();
+            if (summary) {
+                const constructedMetric = {
+                    metric: metricKey,
+                    currentValue: typeof summary.currentValue === 'string' ? parseFloat(summary.currentValue) || 0 : (summary.currentValue ?? 0),
+                    targetValue: typeof summary.targetValue === 'string' ? parseFloat(summary.targetValue) || 0 : (summary.targetValue ?? 0),
+                    description: summary.gradeRationale
+                };
+                console.log('[CollapsibleAnalysisSectionGroup] Opening modal with constructed metric');
+                this.modalService.openMetricModal(constructedMetric, []);
+            }
+        }
+    }
+    handleViewReportClick() {
+        console.log('[CollapsibleAnalysisSectionGroup] handleViewReportClick called');
+        const metricKey = this.metricExecutiveSummary()?.metric;
+        console.log('[CollapsibleAnalysisSectionGroup] Emitting viewReportClick with metricKey:', metricKey);
+        if (metricKey) {
+            this.viewReportClick.emit(metricKey);
+        }
+    }
     formatDescription(description) {
         if (!description)
             return description;
@@ -86058,7 +86192,7 @@ class CollapsibleAnalysisSectionGroupComponent {
         });
     }
     static { this.ɵfac = function CollapsibleAnalysisSectionGroupComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollapsibleAnalysisSectionGroupComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleAnalysisSectionGroupComponent, selectors: [["symphiq-collapsible-analysis-section-group"]], inputs: { sections: [1, "sections"], viewMode: [1, "viewMode"], executiveSummary: [1, "executiveSummary"], focusAreaExecutiveSummary: [1, "focusAreaExecutiveSummary"], metricExecutiveSummary: [1, "metricExecutiveSummary"], metricName: [1, "metricName"], allGoals: [1, "allGoals"], allMetrics: [1, "allMetrics"], allCharts: [1, "allCharts"], allInsights: [1, "allInsights"], businessProfile: [1, "businessProfile"] }, decls: 24, vars: 12, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "line-clamp-1", "transition-colors", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", "p-6", 3, "ngClass"], [3, "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "summary", "allGoals"], ["size", "w-4 h-4", 3, "icon"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "metricName", "allGoals"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [1, "mb-6"], [3, "section", "viewMode", "sectionIndex", "executiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [1, "relative"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[50%]"], [1, "mb-6", "lg:float-right", "lg:ml-6", "lg:mb-4", "lg:max-w-[50%]"], [3, "visual", "viewMode"]], template: function CollapsibleAnalysisSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleAnalysisSectionGroupComponent, selectors: [["symphiq-collapsible-analysis-section-group"]], inputs: { sections: [1, "sections"], viewMode: [1, "viewMode"], executiveSummary: [1, "executiveSummary"], focusAreaExecutiveSummary: [1, "focusAreaExecutiveSummary"], metricExecutiveSummary: [1, "metricExecutiveSummary"], metricName: [1, "metricName"], allGoals: [1, "allGoals"], allMetrics: [1, "allMetrics"], allCharts: [1, "allCharts"], allInsights: [1, "allInsights"], businessProfile: [1, "businessProfile"] }, outputs: { viewReportClick: "viewReportClick" }, decls: 24, vars: 12, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "line-clamp-1", "transition-colors", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", "p-6", 3, "ngClass"], [3, "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "summary", "allGoals"], ["size", "w-4 h-4", 3, "icon"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewReportClick", "viewMode", "summary", "metricName", "allGoals"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [1, "mb-6"], [3, "section", "viewMode", "sectionIndex", "executiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [1, "relative"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[50%]"], [1, "mb-6", "lg:float-right", "lg:ml-6", "lg:mb-4", "lg:max-w-[50%]"], [3, "visual", "viewMode"]], template: function CollapsibleAnalysisSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(5, "svg", 5);
@@ -86208,6 +86342,8 @@ class CollapsibleAnalysisSectionGroupComponent {
                         [allGoals]="allGoals()"
                         (topPrioritiesClick)="handleMetricTopPrioritiesClick()"
                         (priorityDetailClick)="handleMetricPriorityDetailClick($event)"
+                        (viewMetricDetailsClick)="handleViewMetricDetailsClick()"
+                        (viewReportClick)="handleViewReportClick()"
                       />
                     } @else if (section.id === 'focus-area-executive-summary' && focusAreaExecutiveSummary()) {
                       <symphiq-focus-area-executive-summary
@@ -86275,8 +86411,8 @@ class CollapsibleAnalysisSectionGroupComponent {
     </div>
   `
             }]
-    }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], executiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "executiveSummary", required: false }] }], focusAreaExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaExecutiveSummary", required: false }] }], metricExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricExecutiveSummary", required: false }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], businessProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessProfile", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleAnalysisSectionGroupComponent, { className: "CollapsibleAnalysisSectionGroupComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/collapsible-analysis-section-group.component.ts", lineNumber: 172 }); })();
+    }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], executiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "executiveSummary", required: false }] }], focusAreaExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaExecutiveSummary", required: false }] }], metricExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricExecutiveSummary", required: false }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], businessProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessProfile", required: false }] }], viewReportClick: [{ type: i0.Output, args: ["viewReportClick"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleAnalysisSectionGroupComponent, { className: "CollapsibleAnalysisSectionGroupComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/collapsible-analysis-section-group.component.ts", lineNumber: 174 }); })();
 
 const _forTrack0$g = ($index, $item) => $item.code;
 function BillingCurrencySelectorCardComponent_For_15_Template(rf, ctx) { if (rf & 1) {
@@ -99917,12 +100053,12 @@ class SymphiqProfileMetricDashboardComponent {
 const _c0$5 = ["funnelModalComponent"];
 const _forTrack0$5 = ($index, $item) => $item.id;
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23)(1, "div", 24);
-    i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 25);
-    i0.ɵɵelementStart(3, "div", 26)(4, "h3", 27);
+    i0.ɵɵelementStart(0, "div", 24)(1, "div", 25);
+    i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 26);
+    i0.ɵɵelementStart(3, "div", 27)(4, "h3", 28);
     i0.ɵɵtext(5, " Loading Your Metric Analysis ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 28);
+    i0.ɵɵelementStart(6, "p", 29);
     i0.ɵɵtext(7, " Please wait while we prepare your personalized insights... ");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -99936,10 +100072,10 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditiona
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵelement(1, "symphiq-metric-welcome-banner", 22);
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "symphiq-metric-welcome-banner", 23);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 23);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 24);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
@@ -99948,8 +100084,8 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Template(r
     i0.ɵɵconditional(ctx_r1.isLoading() ? 2 : -1);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵelement(1, "symphiq-content-generation-progress", 32);
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress", 33);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -99959,7 +100095,7 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditiona
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 33);
+    i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 34);
     i0.ɵɵlistener("viewMoreClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template_symphiq_strategic_goals_tiled_grid_viewMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openGoalModal($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -99967,8 +100103,8 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditiona
     i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Conditional_1_Template, 2, 3, "div", 30)(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 31);
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Conditional_1_Template, 2, 3, "div", 31)(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 32);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -99976,16 +100112,17 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditiona
     i0.ɵɵconditional(ctx_r1.isProfileAnalysisGenerating() ? 1 : 2);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 34);
-    i0.ɵɵelementEnd();
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "symphiq-collapsible-analysis-section-group", 35);
+    i0.ɵɵlistener("viewReportClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_1_Template_symphiq_collapsible_analysis_section_group_viewReportClick_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleViewReportClick($event)); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("sections", ctx_r1.nonStrategicSections())("viewMode", ctx_r1.viewMode())("metricExecutiveSummary", ctx_r1.metricExecutiveSummary())("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Template, 3, 1, "div", 29);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Template, 3, 1, "div", 30);
     i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_1_Template, 2, 9, "div");
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -99994,115 +100131,115 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Template(r
     i0.ɵɵconditional(ctx_r1.nonStrategicSections().length > 0 ? 1 : -1);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 37);
-    i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); })("viewMetricDetailsClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_metric_executive_summary_viewMetricDetailsClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleViewMetricDetailsClick()); });
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 38);
+    i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); })("viewMetricDetailsClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_metric_executive_summary_viewMetricDetailsClick_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleViewMetricDetailsClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals());
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 38);
+    i0.ɵɵelement(0, "symphiq-section-divider", 39);
 } if (rf & 2) {
-    const sectionList_r5 = i0.ɵɵnextContext();
+    const sectionList_r6 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r5[0].icon);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r6[0].icon);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider", 38);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider", 39);
 } if (rf & 2) {
-    const sectionList_r5 = ctx;
-    i0.ɵɵconditional(sectionList_r5.length > 0 && sectionList_r5[0].icon ? 0 : -1);
+    const sectionList_r6 = ctx;
+    i0.ɵɵconditional(sectionList_r6.length > 0 && sectionList_r6[0].icon ? 0 : -1);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 41);
-    i0.ɵɵelement(1, "symphiq-icon", 46);
+    i0.ɵɵelementStart(0, "div", 42);
+    i0.ɵɵelement(1, "symphiq-icon", 47);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const section_r6 = i0.ɵɵnextContext().$implicit;
+    const section_r7 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.getSectionIconClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", section_r6.icon);
+    i0.ɵɵproperty("icon", section_r7.icon);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 48);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 50);
+    i0.ɵɵelementStart(0, "div", 49);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 51);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const section_r6 = i0.ɵɵnextContext(2).$implicit;
+    const section_r7 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("visual", section_r6.visual)("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("visual", section_r7.visual)("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51)(1, "p", 52);
+    i0.ɵɵelementStart(0, "div", 52)(1, "p", 53);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const section_r6 = i0.ɵɵnextContext(2).$implicit;
+    const section_r7 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("lg:w-1/3", section_r6.visual && section_r6.visual.enabled)("lg:w-full", !section_r6.visual || !section_r6.visual.enabled);
+    i0.ɵɵclassProp("lg:w-1/3", section_r7.visual && section_r7.visual.enabled)("lg:w-full", !section_r7.visual || !section_r7.visual.enabled);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getSectionDescriptionClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", section_r6.description, " ");
+    i0.ɵɵtextInterpolate1(" ", section_r7.description, " ");
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 47);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 48);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 49);
+    i0.ɵɵelementStart(0, "div", 48);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 49);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 50);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext();
-    const section_r6 = ctx_r6.$implicit;
-    const ɵ$index_63_r8 = ctx_r6.$index;
-    i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_63_r8 % 2 === 0);
+    const ctx_r7 = i0.ɵɵnextContext();
+    const section_r7 = ctx_r7.$implicit;
+    const ɵ$index_63_r9 = ctx_r7.$index;
+    i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_63_r9 % 2 === 0);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(section_r6.visual && section_r6.visual.enabled ? 1 : -1);
+    i0.ɵɵconditional(section_r7.visual && section_r7.visual.enabled ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(section_r6.description ? 2 : -1);
+    i0.ɵɵconditional(section_r7.description ? 2 : -1);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 38);
+    i0.ɵɵelement(0, "symphiq-section-divider", 39);
 } if (rf & 2) {
-    const ɵ$index_63_r8 = i0.ɵɵnextContext().$index;
-    const sectionList_r9 = i0.ɵɵnextContext();
+    const ɵ$index_63_r9 = i0.ɵɵnextContext().$index;
+    const sectionList_r10 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r9[ɵ$index_63_r8 + 1].icon);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r10[ɵ$index_63_r9 + 1].icon);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39)(1, "div", 40);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div", 41);
-    i0.ɵɵelementStart(3, "div", 42)(4, "h3", 43);
+    i0.ɵɵelementStart(0, "div", 40)(1, "div", 41);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div", 42);
+    i0.ɵɵelementStart(3, "div", 43)(4, "h3", 44);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div", 44);
-    i0.ɵɵelement(7, "symphiq-profile-section-content", 45);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div", 45);
+    i0.ɵɵelement(7, "symphiq-profile-section-content", 46);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 38);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 39);
 } if (rf & 2) {
-    const section_r6 = ctx.$implicit;
-    const ɵ$index_63_r8 = ctx.$index;
-    const ɵ$count_63_r10 = ctx.$count;
+    const section_r7 = ctx.$implicit;
+    const ɵ$index_63_r9 = ctx.$index;
+    const ɵ$count_63_r11 = ctx.$count;
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("id", "section-" + section_r6.id)("ngClass", ctx_r1.getSectionCardClasses());
+    i0.ɵɵproperty("id", "section-" + section_r7.id)("ngClass", ctx_r1.getSectionCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(section_r6.icon ? 2 : -1);
+    i0.ɵɵconditional(section_r7.icon ? 2 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getSectionTitleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", section_r6.title, " ");
+    i0.ɵɵtextInterpolate1(" ", section_r7.title, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(section_r6.description || section_r6.visual && section_r6.visual.enabled ? 6 : -1);
+    i0.ɵɵconditional(section_r7.description || section_r7.visual && section_r7.visual.enabled ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("section", section_r6)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_63_r8)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
+    i0.ɵɵproperty("section", section_r7)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_63_r9)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ɵ$index_63_r8 === ɵ$count_63_r10 - 1) ? 8 : -1);
+    i0.ɵɵconditional(!(ɵ$index_63_r9 === ɵ$count_63_r11 - 1) ? 8 : -1);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 36);
+    i0.ɵɵelementStart(0, "section", 37);
     i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Template, 9, 15, null, null, _forTrack0$5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -100110,9 +100247,9 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditiona
     i0.ɵɵrepeater(ctx);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template, 1, 4, "symphiq-metric-executive-summary", 35);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template, 1, 4, "symphiq-metric-executive-summary", 36);
     i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_1_Template, 1, 1);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_Template, 3, 0, "section", 36);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_Template, 3, 0, "section", 37);
 } if (rf & 2) {
     let tmp_2_0;
     let tmp_3_0;
@@ -100139,55 +100276,55 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_11_Template(
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-goal-card", 11);
 } if (rf & 2) {
-    const data_r11 = ctx;
+    const data_r12 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("goal", data_r11.goal)("viewMode", data_r11.viewMode)("isInModal", true)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("currentModalState", ctx_r1.getCurrentModalState())("businessProfile", ctx_r1.profile());
+    i0.ɵɵproperty("goal", data_r12.goal)("viewMode", data_r12.viewMode)("isInModal", true)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("currentModalState", ctx_r1.getCurrentModalState())("businessProfile", ctx_r1.profile());
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content", 12);
 } if (rf & 2) {
-    const data_r12 = ctx;
-    i0.ɵɵproperty("goal", data_r12.goal)("viewMode", data_r12.viewMode);
+    const data_r13 = ctx;
+    i0.ɵɵproperty("goal", data_r13.goal)("viewMode", data_r13.viewMode);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content", 13);
 } if (rf & 2) {
-    const data_r13 = ctx;
-    i0.ɵɵproperty("objective", data_r13.objective)("goalTitle", data_r13.goalTitle)("viewMode", data_r13.viewMode);
+    const data_r14 = ctx;
+    i0.ɵɵproperty("objective", data_r14.objective)("goalTitle", data_r14.goalTitle)("viewMode", data_r14.viewMode);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 14);
 } if (rf & 2) {
-    const data_r14 = ctx;
+    const data_r15 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("strategy", data_r14.strategy)("objectiveTitle", data_r14.objectiveTitle)("goalTitle", data_r14.goalTitle)("viewMode", data_r14.viewMode)("expandedRecommendationId", data_r14.expandedRecommendationId)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("allBusinessInsights", ctx_r1.allBusinessInsights())("currentModalState", ctx_r1.getCurrentModalState());
+    i0.ɵɵproperty("strategy", data_r15.strategy)("objectiveTitle", data_r15.objectiveTitle)("goalTitle", data_r15.goalTitle)("viewMode", data_r15.viewMode)("expandedRecommendationId", data_r15.expandedRecommendationId)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("allBusinessInsights", ctx_r1.allBusinessInsights())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-category-detail-modal-content", 15);
 } if (rf & 2) {
-    const data_r15 = ctx;
-    i0.ɵɵproperty("category", data_r15.category)("viewMode", data_r15.viewMode)("scrollToSection", data_r15.scrollToSection);
+    const data_r16 = ctx;
+    i0.ɵɵproperty("category", data_r16.category)("viewMode", data_r16.viewMode)("scrollToSection", data_r16.scrollToSection);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-strength-detail-modal-content", 16);
 } if (rf & 2) {
-    const data_r16 = ctx;
+    const data_r17 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("strength", data_r16.strength)("viewMode", data_r16.viewMode)("allFunnelStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
+    i0.ɵɵproperty("strength", data_r17.strength)("viewMode", data_r17.viewMode)("allFunnelStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-gap-detail-modal-content", 17);
 } if (rf & 2) {
-    const data_r17 = ctx;
+    const data_r18 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("gap", data_r17.gap)("viewMode", data_r17.viewMode)("allGoals", ctx_r1.allGoals())("allWeaknesses", ctx_r1.funnelWeaknesses())("currentModalState", ctx_r1.getCurrentModalState());
+    i0.ɵɵproperty("gap", data_r18.gap)("viewMode", data_r18.viewMode)("allGoals", ctx_r1.allGoals())("allWeaknesses", ctx_r1.funnelWeaknesses())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-opportunity-detail-modal-content", 18);
 } if (rf & 2) {
-    const data_r18 = ctx;
+    const data_r19 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("opportunity", data_r18.opportunity)("viewMode", data_r18.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
+    i0.ɵɵproperty("opportunity", data_r19.opportunity)("viewMode", data_r19.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 class SymphiqProfileAnalysisMetricDashboardComponent {
     constructor() {
@@ -100203,6 +100340,11 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
         this.funnelMetric = input(...(ngDevMode ? [undefined, { debugName: "funnelMetric" }] : []));
         this.itemStatusProfileAnalysis = input(...(ngDevMode ? [undefined, { debugName: "itemStatusProfileAnalysis" }] : []));
         this.isMarkingAsReviewed = input(false, ...(ngDevMode ? [{ debugName: "isMarkingAsReviewed" }] : []));
+        this.pacingResponse = input(...(ngDevMode ? [undefined, { debugName: "pacingResponse" }] : []));
+        this.targets = input(...(ngDevMode ? [undefined, { debugName: "targets" }] : []));
+        this.trendUiData = input(...(ngDevMode ? [undefined, { debugName: "trendUiData" }] : []));
+        this.funnelMetrics = input([], ...(ngDevMode ? [{ debugName: "funnelMetrics" }] : []));
+        this.mainUiData = input(...(ngDevMode ? [undefined, { debugName: "mainUiData" }] : []));
         this.nextStepClick = output();
         this.markAsReviewedClick = output();
         this.viewMetricDetailsClick = output();
@@ -100220,6 +100362,8 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
         this.modalType = signal(null, ...(ngDevMode ? [{ debugName: "modalType" }] : []));
         this.modalData = signal(null, ...(ngDevMode ? [{ debugName: "modalData" }] : []));
         this.currentModalNavigationStack = signal([], ...(ngDevMode ? [{ debugName: "currentModalNavigationStack" }] : []));
+        this.isMetricReportOpen = signal(false, ...(ngDevMode ? [{ debugName: "isMetricReportOpen" }] : []));
+        this.selectedMetricEnum = signal('', ...(ngDevMode ? [{ debugName: "selectedMetricEnum" }] : []));
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
         this.isSimplifiedView = computed(() => this.currentDisplayMode() === DisplayModeEnum.SIMPLIFIED, ...(ngDevMode ? [{ debugName: "isSimplifiedView" }] : []));
         this.isProfileAnalysisGenerating = computed(() => {
@@ -100239,6 +100383,50 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             return profileAnalysis.selfContentStatus === AiDynamicContentStatusEnum.GENERATED &&
                 profileAnalysis.reviewStatus === ProfileAnalysisReviewStatusEnum.NOT_REVIEWED;
         }, ...(ngDevMode ? [{ debugName: "shouldShowReviewFooter" }] : []));
+        this.currencySymbol = computed(() => {
+            return this.pacingResponse()?.currencySymbol || '$';
+        }, ...(ngDevMode ? [{ debugName: "currencySymbol" }] : []));
+        this.displayedMetricCalculations = computed(() => {
+            const targets = this.targets();
+            if (!targets || targets.length === 0) {
+                return [];
+            }
+            return this.buildCalculationsFromTargets(targets);
+        }, ...(ngDevMode ? [{ debugName: "displayedMetricCalculations" }] : []));
+        this.selectedMetricData = computed(() => {
+            const metricEnum = this.selectedMetricEnum();
+            const calcs = this.displayedMetricCalculations();
+            return calcs.find(c => c.metric === metricEnum);
+        }, ...(ngDevMode ? [{ debugName: "selectedMetricData" }] : []));
+        this.selectedContributingMetrics = computed(() => {
+            const metricEnum = this.selectedMetricEnum();
+            const calcs = this.displayedMetricCalculations();
+            const selectedMetric = calcs.find(c => c.metric === metricEnum);
+            if (!selectedMetric || !selectedMetric.isFunnelStage) {
+                return [];
+            }
+            return calcs.filter(c => !c.isFunnelStage && c.funnelMetric === selectedMetric.metric);
+        }, ...(ngDevMode ? [{ debugName: "selectedContributingMetrics" }] : []));
+        this.revenueChartData = computed(() => {
+            const trendData = this.trendUiData();
+            if (!trendData?.convertedDataResults) {
+                return null;
+            }
+            const metricEnum = this.selectedMetricEnum() || MetricEnum.PURCHASE_REVENUE;
+            const series = transformTrendUiDataToChartSeries(trendData, metricEnum);
+            if (series.length === 0) {
+                return null;
+            }
+            return {
+                title: MetricEnumUtil.title(metricEnum) + ' Trend',
+                areaChartData: {
+                    series: series.map(s => ({
+                        name: s.name,
+                        data: s.data
+                    }))
+                }
+            };
+        }, ...(ngDevMode ? [{ debugName: "revenueChartData" }] : []));
         this.COLLAPSE_THRESHOLD = 20;
         this.EXPAND_THRESHOLD = 10;
         this.embeddedScrollEffect = effect(() => {
@@ -100622,6 +100810,18 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
         }
         console.log('[ViewMetricDetails] openMetricModal called - check FunnelAnalysisModal logs');
     }
+    handleViewReportClick(metricKey) {
+        console.log('[ViewReport] Handler called with metricKey:', metricKey);
+        this.openMetricReport(metricKey);
+    }
+    openMetricReport(metricEnum) {
+        this.selectedMetricEnum.set(metricEnum);
+        this.isMetricReportOpen.set(true);
+    }
+    closeMetricReport() {
+        this.isMetricReportOpen.set(false);
+        this.selectedMetricEnum.set('');
+    }
     getCurrentModalState() {
         return {
             type: this.modalType(),
@@ -100734,6 +100934,57 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             .replace(/F_PLUS/g, 'F+')
             .replace(/F_MINUS/g, 'F-');
     }
+    buildCalculationsFromTargets(targets) {
+        const results = [];
+        const funnelMetricsList = this.funnelMetrics();
+        for (const target of targets) {
+            const metric = target.metric;
+            if (!metric)
+                continue;
+            const targetValue = target.amount ?? 0;
+            const currentValue = sumMetricFromUiData(this.mainUiData(), metric, 'priorYear');
+            const isPercentageMetric = MetricEnumUtil.numberType(metric) === NumberTypeEnum.PERCENTAGE;
+            let percentageIncrease = 0;
+            if (currentValue > 0) {
+                if (isPercentageMetric) {
+                    const normalizedCurrent = currentValue * 100;
+                    percentageIncrease = ((targetValue - normalizedCurrent) / normalizedCurrent) * 100;
+                }
+                else {
+                    percentageIncrease = ((targetValue - currentValue) / currentValue) * 100;
+                }
+            }
+            const funnelMetricMatch = funnelMetricsList.find(fm => fm.funnelMetric === metric && fm.funnelMetric === fm.relatedMetric);
+            const relatedMetricMatch = funnelMetricsList.find(fm => fm.relatedMetric === metric && fm.funnelMetric !== fm.relatedMetric);
+            if (funnelMetricMatch) {
+                results.push({
+                    metric,
+                    funnelMetric: metric,
+                    currentValue,
+                    targetValue,
+                    percentageIncrease,
+                    isFunnelStage: true,
+                    funnelInd: funnelMetricMatch.funnelInd,
+                    relatedInd: 0,
+                    description: funnelMetricMatch.funnelMetricDescription
+                });
+            }
+            else if (relatedMetricMatch) {
+                results.push({
+                    metric,
+                    funnelMetric: relatedMetricMatch.funnelMetric,
+                    currentValue,
+                    targetValue,
+                    percentageIncrease,
+                    isFunnelStage: false,
+                    funnelInd: relatedMetricMatch.funnelInd,
+                    relatedInd: relatedMetricMatch.relatedInd,
+                    description: relatedMetricMatch.relatedMetricDescription
+                });
+            }
+        }
+        return results;
+    }
     static { this.ɵfac = function SymphiqProfileAnalysisMetricDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileAnalysisMetricDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileAnalysisMetricDashboardComponent, selectors: [["symphiq-profile-analysis-metric-dashboard"]], viewQuery: function SymphiqProfileAnalysisMetricDashboardComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$5, 5);
@@ -100742,7 +100993,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
         } }, hostBindings: function SymphiqProfileAnalysisMetricDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisMetricDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], funnelMetric: [1, "funnelMetric"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick", viewMetricDetailsClick: "viewMetricDetailsClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 28, vars: 49, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], [1, "mb-12"], [3, "viewMode", "metricName", "isOnboarded"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Metric Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisMetricDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], funnelMetric: [1, "funnelMetric"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], pacingResponse: [1, "pacingResponse"], targets: [1, "targets"], trendUiData: [1, "trendUiData"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick", viewMetricDetailsClick: "viewMetricDetailsClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 29, vars: 57, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], [3, "closed", "viewMode", "metricEnum", "metricData", "contributingMetrics", "pacingResponse", "trendChartData", "currencySymbol", "isOpen"], [1, "mb-12"], [3, "viewMode", "metricName", "isOnboarded"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Metric Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewReportClick", "sections", "viewMode", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisMetricDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "div", 2);
@@ -100780,7 +101031,9 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             i0.ɵɵlistener("markAsReviewedClick", function SymphiqProfileAnalysisMetricDashboardComponent_Template_symphiq_mark_as_reviewed_footer_markAsReviewedClick_26_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMarkAsReviewedClick()); });
             i0.ɵɵelementEnd();
             i0.ɵɵelement(27, "symphiq-tooltip-container");
-            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(28, "symphiq-metric-report-modal", 21);
+            i0.ɵɵlistener("closed", function SymphiqProfileAnalysisMetricDashboardComponent_Template_symphiq_metric_report_modal_closed_28_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeMetricReport()); });
+            i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             let tmp_14_0;
             let tmp_32_0;
@@ -100842,6 +101095,8 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             i0.ɵɵproperty("isLightMode", ctx.isLightMode());
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_42_0 = ctx.profileAnalysis()) == null ? null : tmp_42_0.reviewStatus)("selfContentStatus", (tmp_43_0 = ctx.profileAnalysis()) == null ? null : tmp_43_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("metricEnum", ctx.selectedMetricEnum())("metricData", ctx.selectedMetricData())("contributingMetrics", ctx.selectedContributingMetrics())("pacingResponse", ctx.pacingResponse())("trendChartData", ctx.revenueChartData())("currencySymbol", ctx.currencySymbol())("isOpen", ctx.isMetricReportOpen());
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent,
             SearchModalComponent,
             ViewModeSwitcherModalComponent,
@@ -100869,7 +101124,8 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             CollapsibleAnalysisSectionGroupComponent,
             ContentGenerationProgressComponent,
             IndeterminateSpinnerComponent,
-            MarkAsReviewedFooterComponent], encapsulation: 2, changeDetection: 0 }); }
+            MarkAsReviewedFooterComponent,
+            MetricReportModalComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileAnalysisMetricDashboardComponent, [{
         type: Component,
@@ -100905,7 +101161,8 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
                     CollapsibleAnalysisSectionGroupComponent,
                     ContentGenerationProgressComponent,
                     IndeterminateSpinnerComponent,
-                    MarkAsReviewedFooterComponent
+                    MarkAsReviewedFooterComponent,
+                    MetricReportModalComponent
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
@@ -101009,6 +101266,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
                     [allCharts]="allCharts()"
                     [allInsights]="allInsights()"
                     [businessProfile]="profile()"
+                    (viewReportClick)="handleViewReportClick($event)"
                 />
               </div>
             }
@@ -101249,6 +101507,19 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
 
         <!-- Tooltip Container -->
         <symphiq-tooltip-container />
+
+        <!-- Metric Report Modal -->
+        <symphiq-metric-report-modal
+            [viewMode]="viewMode()"
+            [metricEnum]="selectedMetricEnum()"
+            [metricData]="selectedMetricData()"
+            [contributingMetrics]="selectedContributingMetrics()"
+            [pacingResponse]="pacingResponse()"
+            [trendChartData]="revenueChartData()"
+            [currencySymbol]="currencySymbol()"
+            [isOpen]="isMetricReportOpen()"
+            (closed)="closeMetricReport()"
+        />
       </div>
     </div>
   `
@@ -101256,11 +101527,11 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
     }], null, { funnelModalComponent: [{
             type: ViewChild,
             args: ['funnelModalComponent']
-        }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], profileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalysis", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], funnelMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetric", required: false }] }], itemStatusProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusProfileAnalysis", required: false }] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], markAsReviewedClick: [{ type: i0.Output, args: ["markAsReviewedClick"] }], viewMetricDetailsClick: [{ type: i0.Output, args: ["viewMetricDetailsClick"] }], onWindowScroll: [{
+        }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], profileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalysis", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], funnelMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetric", required: false }] }], itemStatusProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusProfileAnalysis", required: false }] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], pacingResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingResponse", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }], trendUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendUiData", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], mainUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainUiData", required: false }] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], markAsReviewedClick: [{ type: i0.Output, args: ["markAsReviewedClick"] }], viewMetricDetailsClick: [{ type: i0.Output, args: ["viewMetricDetailsClick"] }], onWindowScroll: [{
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisMetricDashboardComponent, { className: "SymphiqProfileAnalysisMetricDashboardComponent", filePath: "lib/components/profile-analysis-metric-dashboard/symphiq-profile-analysis-metric-dashboard.component.ts", lineNumber: 490 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisMetricDashboardComponent, { className: "SymphiqProfileAnalysisMetricDashboardComponent", filePath: "lib/components/profile-analysis-metric-dashboard/symphiq-profile-analysis-metric-dashboard.component.ts", lineNumber: 512 }); })();
 
 const _forTrack0$4 = ($index, $item) => $item.id;
 function ShopProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {