@eric-emg/symphiq-components 1.2.533 → 1.2.535

package/fesm2022/symphiq-components.mjs

@@ -858,16 +858,18 @@ class ModalService {
         const data = { priorities, viewMode, focusAreaName };
         this.modalState.next({ type: 'top-priorities-list', data, charts: [], previousState: null, navigationStack: [] });
     }
-    navigateToTopPriorityDetail(priority, index, viewMode, focusAreaName) {
+    navigateToTopPriorityDetail(priority, index, viewMode, focusAreaName, providedTotalCount) {
         const currentState = this.modalState.value;
-        let totalCount = 1;
-        if (currentState.type === 'top-priorities-list' && currentState.data) {
-            const listData = currentState.data;
-            totalCount = listData.priorities.length;
-        }
-        else if (currentState.type === 'top-priority-detail' && currentState.data) {
-            const detailData = currentState.data;
-            totalCount = detailData.totalCount;
+        let totalCount = providedTotalCount ?? 1;
+        if (!providedTotalCount) {
+            if (currentState.type === 'top-priorities-list' && currentState.data) {
+                const listData = currentState.data;
+                totalCount = listData.priorities.length;
+            }
+            else if (currentState.type === 'top-priority-detail' && currentState.data) {
+                const detailData = currentState.data;
+                totalCount = detailData.totalCount;
+            }
         }
         const data = { priority, index, totalCount, viewMode, focusAreaName };
         const currentStack = currentState.navigationStack || [];
@@ -24580,13 +24582,13 @@ class JourneyProgressIndicatorComponent {
             },
             {
                 id: JourneyStepIdEnum.FOCUS_AREA_ANALYSIS,
-                title: 'Focus Area Analysis',
+                title: 'Focus Area Analyses',
                 description: 'Dive deep into specific marketing channels and strategies',
                 icon: 'target'
             },
             {
                 id: JourneyStepIdEnum.METRIC_ANALYSIS,
-                title: 'Metric Analysis',
+                title: 'Metric Analyses',
                 description: 'Provide context for funnel stage metrics and performance',
                 icon: 'chart-line'
             },
@@ -51557,13 +51559,13 @@ class SymphiqWelcomeDashboardComponent {
             {
                 id: 'focus-area-analysis',
                 number: 8,
-                title: 'Focus Area Analysis',
+                title: 'Focus Area Analyses',
                 description: 'Deep-dive into marketing channels and operational focus areas'
             },
             {
                 id: 'metric-analysis',
                 number: 9,
-                title: 'Metric Analysis',
+                title: 'Metric Analyses',
                 description: 'Provide detailed context for each funnel metric and stage'
             },
             {
@@ -68700,7 +68702,7 @@ class GradeBadgeComponent {
         this.formattedGrade = computed(() => this.formatGrade(this.grade()), ...(ngDevMode ? [{ debugName: "formattedGrade" }] : []));
         this.shouldPulse = computed(() => {
             const baseGrade = this.grade().replace(/_PLUS|_MINUS/g, '');
-            return baseGrade === 'C';
+            return baseGrade === 'D' || baseGrade === 'F';
         }, ...(ngDevMode ? [{ debugName: "shouldPulse" }] : []));
         this.tooltip = computed(() => ({
             title: 'Performance Grade',
@@ -68791,17 +68793,17 @@ class GradeBadgeComponent {
                 standalone: true,
                 imports: [CommonModule, TooltipDirective],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div
-      [class]="gradeBadgeClass()"
-      [class.animate-pulse]="shouldPulse()"
-      class="transition-all duration-300 hover:scale-110"
-      [libSymphiqTooltip]="tooltip()"
-      tooltipType="badge"
-      [tooltipPosition]="tooltipPosition()">
-      <div [class]="badgeLabelClass()" class="text-xs font-semibold uppercase tracking-wider mb-1">{{ label() }}</div>
-      <div class="text-3xl sm:text-4xl font-bold">{{ formattedGrade() }}</div>
-    </div>
+                template: `
+    <div
+      [class]="gradeBadgeClass()"
+      [class.animate-pulse]="shouldPulse()"
+      class="transition-all duration-300 hover:scale-110"
+      [libSymphiqTooltip]="tooltip()"
+      tooltipType="badge"
+      [tooltipPosition]="tooltipPosition()">
+      <div [class]="badgeLabelClass()" class="text-xs font-semibold uppercase tracking-wider mb-1">{{ label() }}</div>
+      <div class="text-3xl sm:text-4xl font-bold">{{ formattedGrade() }}</div>
+    </div>
   `
             }]
     }], null, { grade: [{ type: i0.Input, args: [{ isSignal: true, alias: "grade", required: false }] }], gradeRationale: [{ type: i0.Input, args: [{ isSignal: true, alias: "gradeRationale", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], tooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosition", required: false }] }] }); })();
@@ -69590,62 +69592,53 @@ class RelatedGoalChipsComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedGoalChipsComponent, { className: "RelatedGoalChipsComponent", filePath: "lib/components/profile-analysis-shop-dashboard/shared/related-goal-chips.component.ts", lineNumber: 31 }); })();
 
 const _c0$u = a0 => ({ name: "chart-bar", source: a0 });
-const _c1$d = a0 => ({ name: "signal", source: a0 });
-const _c2$b = (a0, a1) => ({ name: a0, source: a1 });
-const _c3$7 = a0 => ({ name: "flag", source: a0 });
-const _c4$3 = a0 => ({ name: "arrow-trending-up", source: a0 });
-const _c5$2 = a0 => ({ name: "heart", source: a0 });
-const _c6$1 = a0 => ({ name: "light-bulb", source: a0 });
-const _c7 = a0 => ({ name: "clock", source: a0 });
-const _c8 = a0 => [a0];
-const _c9 = () => [];
-function MetricExecutiveSummaryComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 9);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.pacingBadgeClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().pacingStatus, " ");
-} }
-function MetricExecutiveSummaryComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-grade-badge", 11);
+const _c1$d = a0 => ({ name: "arrow-right", source: a0 });
+const _c2$b = a0 => ({ name: "signal", source: a0 });
+const _c3$7 = (a0, a1) => ({ name: a0, source: a1 });
+const _c4$3 = a0 => ({ name: "flag", source: a0 });
+const _c5$2 = a0 => ({ name: "arrow-trending-up", source: a0 });
+const _c6$1 = a0 => ({ name: "heart", source: a0 });
+const _c7 = a0 => ({ name: "light-bulb", source: a0 });
+const _c8 = a0 => ({ name: "clock", source: a0 });
+const _c9 = a0 => [a0];
+const _c10 = () => [];
+function MetricExecutiveSummaryComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-grade-badge", 9);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("grade", ctx_r0.summary().overallGrade)("gradeRationale", ctx_r0.summary().gradeRationale || "")("viewMode", ctx_r0.viewMode());
 } }
-function MetricExecutiveSummaryComponent_Conditional_17_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵelement(1, "symphiq-icon", 18);
-    i0.ɵɵelementStart(2, "span", 22);
+function MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "symphiq-icon", 15);
+    i0.ɵɵelementStart(2, "span", 14);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction2(4, _c2$b, ctx_r0.getYoyIcon(), ctx_r0.iconSource))("ngClass", ctx_r0.yoyChangeClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction2(4, _c3$7, ctx_r0.getYoyIcon(), ctx_r0.iconSource))("ngClass", ctx_r0.yoyChangeClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.yoyChangeClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().yoyChange, " YoY ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13)(1, "div", 17);
-    i0.ɵɵelement(2, "symphiq-icon", 18);
-    i0.ɵɵelementStart(3, "span", 19);
+function MetricExecutiveSummaryComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
+    i0.ɵɵelement(2, "symphiq-icon", 15);
+    i0.ɵɵelementStart(3, "span", 20);
     i0.ɵɵtext(4, " Current Value ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 20);
+    i0.ɵɵelementStart(5, "div", 21);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_17_Conditional_7_Template, 4, 7, "div", 21);
+    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template, 4, 7, "div", 22);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.metricCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$d, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c2$b, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance(2);
@@ -69655,20 +69648,20 @@ function MetricExecutiveSummaryComponent_Conditional_17_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.summary().yoyChange ? 7 : -1);
 } }
-function MetricExecutiveSummaryComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13)(1, "div", 17);
-    i0.ɵɵelement(2, "symphiq-icon", 18);
-    i0.ɵɵelementStart(3, "span", 19);
+function MetricExecutiveSummaryComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
+    i0.ɵɵelement(2, "symphiq-icon", 15);
+    i0.ɵɵelementStart(3, "span", 20);
     i0.ɵɵtext(4, " Target ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 20);
+    i0.ɵɵelementStart(5, "div", 21);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.metricCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$7, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$3, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance(2);
@@ -69676,10 +69669,10 @@ function MetricExecutiveSummaryComponent_Conditional_18_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().targetValue, " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13)(1, "div", 17);
-    i0.ɵɵelement(2, "symphiq-icon", 18);
-    i0.ɵɵelementStart(3, "span", 19);
+function MetricExecutiveSummaryComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
+    i0.ɵɵelement(2, "symphiq-icon", 15);
+    i0.ɵɵelementStart(3, "span", 20);
     i0.ɵɵtext(4, " Pacing ");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(5, "div", 23);
@@ -69689,7 +69682,7 @@ function MetricExecutiveSummaryComponent_Conditional_19_Template(rf, ctx) { if (
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.metricCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$3, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c5$2, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance(2);
@@ -69697,10 +69690,10 @@ function MetricExecutiveSummaryComponent_Conditional_19_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().pacingStatus, " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13)(1, "div", 17);
-    i0.ɵɵelement(2, "symphiq-icon", 18);
-    i0.ɵɵelementStart(3, "span", 19);
+function MetricExecutiveSummaryComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
+    i0.ɵɵelement(2, "symphiq-icon", 15);
+    i0.ɵɵelementStart(3, "span", 20);
     i0.ɵɵtext(4, " Health ");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(5, "div", 23);
@@ -69711,7 +69704,7 @@ function MetricExecutiveSummaryComponent_Conditional_20_Template(rf, ctx) { if (
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.metricCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c5$2, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c6$1, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance(2);
@@ -69719,7 +69712,7 @@ function MetricExecutiveSummaryComponent_Conditional_20_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", (tmp_6_0 = ctx_r0.summary().metricHealth) == null ? null : tmp_6_0.replace("_", " "), " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_21_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_22_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 26);
     i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 29);
     i0.ɵɵelementEnd();
@@ -69728,12 +69721,12 @@ function MetricExecutiveSummaryComponent_Conditional_21_Conditional_4_Template(r
     i0.ɵɵadvance();
     i0.ɵɵproperty("visual", ctx_r0.summary().napkinVisual)("viewMode", ctx_r0.viewMode());
 } }
-function MetricExecutiveSummaryComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14)(1, "h3", 24);
+function MetricExecutiveSummaryComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16)(1, "h3", 24);
     i0.ɵɵtext(2, " Analysis Narrative ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 25);
-    i0.ɵɵconditionalCreate(4, MetricExecutiveSummaryComponent_Conditional_21_Conditional_4_Template, 2, 2, "div", 26);
+    i0.ɵɵconditionalCreate(4, MetricExecutiveSummaryComponent_Conditional_22_Conditional_4_Template, 2, 2, "div", 26);
     i0.ɵɵelementStart(5, "p", 27);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
@@ -69752,7 +69745,7 @@ function MetricExecutiveSummaryComponent_Conditional_21_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().narrative, " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_22_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 38)(1, "div", 39);
     i0.ɵɵelement(2, "symphiq-icon", 40);
     i0.ɵɵelementStart(3, "div")(4, "span", 41);
@@ -69766,7 +69759,7 @@ function MetricExecutiveSummaryComponent_Conditional_22_For_5_Conditional_8_Temp
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.impactBoxClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c6$1, ctx_r0.iconSource))("ngClass", ctx_r0.impactLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c7, ctx_r0.iconSource))("ngClass", ctx_r0.impactLabelClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.impactLabelClasses());
     i0.ɵɵadvance(2);
@@ -69774,10 +69767,10 @@ function MetricExecutiveSummaryComponent_Conditional_22_For_5_Conditional_8_Temp
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", priority_r3.expectedImpact, " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_22_For_5_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_23_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 33);
-    i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Conditional_22_For_5_Template_button_click_0_listener() { const priority_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.priorityDetailClick.emit(priority_r3)); });
+    i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Conditional_23_For_5_Template_button_click_0_listener() { const priority_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.priorityDetailClick.emit(priority_r3)); });
     i0.ɵɵelementStart(1, "div", 34)(2, "span", 35);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
@@ -69787,7 +69780,7 @@ function MetricExecutiveSummaryComponent_Conditional_22_For_5_Template(rf, ctx)
     i0.ɵɵelementStart(6, "p", 37);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, MetricExecutiveSummaryComponent_Conditional_22_For_5_Conditional_8_Template, 8, 8, "div", 38);
+    i0.ɵɵconditionalCreate(8, MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_8_Template, 8, 8, "div", 38);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const priority_r3 = ctx.$implicit;
@@ -69809,12 +69802,12 @@ function MetricExecutiveSummaryComponent_Conditional_22_For_5_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵconditional(priority_r3.expectedImpact ? 8 : -1);
 } }
-function MetricExecutiveSummaryComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15)(1, "h3", 30);
+function MetricExecutiveSummaryComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17)(1, "h3", 30);
     i0.ɵɵtext(2, "Top Priorities");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 31);
-    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_22_For_5_Template, 9, 8, "button", 32, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_23_For_5_Template, 9, 8, "button", 32, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -69823,7 +69816,7 @@ function MetricExecutiveSummaryComponent_Conditional_22_Template(rf, ctx) { if (
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r0.summary().topPriorities);
 } }
-function MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 51);
     i0.ɵɵelement(1, "symphiq-icon", 53);
     i0.ɵɵelementStart(2, "span");
@@ -69834,12 +69827,12 @@ function MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_12_Tem
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.metaTextClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c7, ctx_r0.iconSource));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c8, ctx_r0.iconSource));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(win_r5.estimatedTimeframe);
 } }
-function MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 52)(1, "h4", 19);
+function MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 52)(1, "h4", 20);
     i0.ɵɵtext(2, " Related Goal ");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(3, "symphiq-related-goal-chips", 54);
@@ -69850,9 +69843,9 @@ function MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_13_Tem
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metaTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c8, win_r5.relatedGoalId))("allGoals", ctx_r0.allGoals() || i0.ɵɵpureFunction0(6, _c9))("viewMode", ctx_r0.viewMode());
+    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c9, win_r5.relatedGoalId))("allGoals", ctx_r0.allGoals() || i0.ɵɵpureFunction0(6, _c10))("viewMode", ctx_r0.viewMode());
 } }
-function MetricExecutiveSummaryComponent_Conditional_23_For_5_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_24_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 45)(1, "div", 46)(2, "div", 47)(3, "span", 35);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
@@ -69865,8 +69858,8 @@ function MetricExecutiveSummaryComponent_Conditional_23_For_5_Template(rf, ctx)
     i0.ɵɵelementStart(10, "span", 50);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_12_Template, 4, 5, "div", 51);
-    i0.ɵɵconditionalCreate(13, MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_13_Template, 4, 7, "div", 52);
+    i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_12_Template, 4, 5, "div", 51);
+    i0.ɵɵconditionalCreate(13, MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_13_Template, 4, 7, "div", 52);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const win_r5 = ctx.$implicit;
@@ -69894,12 +69887,12 @@ function MetricExecutiveSummaryComponent_Conditional_23_For_5_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵconditional(win_r5.relatedGoalId && ctx_r0.allGoals() ? 13 : -1);
 } }
-function MetricExecutiveSummaryComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16)(1, "h3", 43);
+function MetricExecutiveSummaryComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18)(1, "h3", 43);
     i0.ɵɵtext(2, "Quick Wins");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 44);
-    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_23_For_5_Template, 14, 11, "div", 45, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_24_For_5_Template, 14, 11, "div", 45, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -69916,6 +69909,7 @@ class MetricExecutiveSummaryComponent {
         this.allGoals = input(...(ngDevMode ? [undefined, { debugName: "allGoals" }] : []));
         this.topPrioritiesClick = output();
         this.priorityDetailClick = output();
+        this.viewMetricDetailsClick = output();
         this.iconSource = IconSourceEnum.HEROICONS;
         this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
         this.bannerClasses = computed(() => this.isDark()
@@ -69959,6 +69953,7 @@ class MetricExecutiveSummaryComponent {
         this.metricCardClasses = computed(() => this.isDark()
             ? 'bg-slate-800/50 border border-slate-700/50'
             : 'bg-white border border-slate-200', ...(ngDevMode ? [{ debugName: "metricCardClasses" }] : []));
+        this.viewDetailsTextClasses = computed(() => this.isDark() ? 'text-blue-400' : 'text-blue-600', ...(ngDevMode ? [{ debugName: "viewDetailsTextClasses" }] : []));
         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(() => {
@@ -70092,34 +70087,35 @@ 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" }, decls: 24, vars: 21, 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, "flex", "items-center", "gap-3", "mb-4"], [1, "px-4", "py-2", "rounded-full", "text-sm", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-4"], [1, "rounded-xl", "p-4", 3, "ngClass"], [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"], ["size", "w-4 h-4", 3, "icon"], [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" }, decls: 25, 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", "gap-2", "mt-3", "opacity-0", "group-hover:opacity-100", "transition-opacity", "duration-200"], [1, "text-sm", "font-medium", 3, "ngClass"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [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"], [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-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"], ["size", "w-4 h-4", 3, "icon"], [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);
             i0.ɵɵtext(8);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(9, "div", 8)(10, "span", 9);
-            i0.ɵɵtext(11);
+            i0.ɵɵelementStart(9, "p", 8);
+            i0.ɵɵtext(10);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(11, MetricExecutiveSummaryComponent_Conditional_11_Template, 1, 3, "symphiq-grade-badge", 9);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_12_Template, 2, 2, "span", 9);
+            i0.ɵɵelementStart(12, "button", 10);
+            i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Template_button_click_12_listener() { return ctx.viewMetricDetailsClick.emit(); });
+            i0.ɵɵelementStart(13, "div", 11);
+            i0.ɵɵconditionalCreate(14, MetricExecutiveSummaryComponent_Conditional_14_Template, 8, 9, "div", 12);
+            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.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "p", 10);
-            i0.ɵɵtext(14);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(15, MetricExecutiveSummaryComponent_Conditional_15_Template, 1, 3, "symphiq-grade-badge", 11);
+            i0.ɵɵelementStart(18, "div", 13)(19, "span", 14);
+            i0.ɵɵtext(20, " View Metric Details ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "div", 12);
-            i0.ɵɵconditionalCreate(17, MetricExecutiveSummaryComponent_Conditional_17_Template, 8, 9, "div", 13);
-            i0.ɵɵconditionalCreate(18, MetricExecutiveSummaryComponent_Conditional_18_Template, 7, 8, "div", 13);
-            i0.ɵɵconditionalCreate(19, MetricExecutiveSummaryComponent_Conditional_19_Template, 7, 8, "div", 13);
-            i0.ɵɵconditionalCreate(20, MetricExecutiveSummaryComponent_Conditional_20_Template, 7, 8, "div", 13);
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(21, MetricExecutiveSummaryComponent_Conditional_21_Template, 8, 5, "div", 14);
-            i0.ɵɵconditionalCreate(22, MetricExecutiveSummaryComponent_Conditional_22_Template, 6, 1, "div", 15);
-            i0.ɵɵconditionalCreate(23, MetricExecutiveSummaryComponent_Conditional_23_Template, 6, 1, "div", 16);
+            i0.ɵɵelement(21, "symphiq-icon", 15);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(22, MetricExecutiveSummaryComponent_Conditional_22_Template, 8, 5, "div", 16);
+            i0.ɵɵconditionalCreate(23, MetricExecutiveSummaryComponent_Conditional_23_Template, 6, 1, "div", 17);
+            i0.ɵɵconditionalCreate(24, MetricExecutiveSummaryComponent_Conditional_24_Template, 6, 1, "div", 18);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
-            let tmp_7_0;
             let tmp_17_0;
             let tmp_18_0;
             i0.ɵɵadvance();
@@ -70130,32 +70126,30 @@ class MetricExecutiveSummaryComponent {
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.formatMetricName(ctx.metricName()), " ");
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.healthBadgeClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", (tmp_7_0 = ctx.summary().metricHealth) == null ? null : tmp_7_0.replace("_", " "), " ");
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().pacingStatus ? 12 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.textClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.summary().gradeRationale, " ");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().overallGrade ? 15 : -1);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.summary().currentValue ? 17 : -1);
+            i0.ɵɵconditional(ctx.summary().overallGrade ? 11 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.summary().currentValue ? 14 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().targetValue ? 18 : -1);
+            i0.ɵɵconditional(ctx.summary().targetValue ? 15 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().pacingStatus ? 19 : -1);
+            i0.ɵɵconditional(ctx.summary().pacingStatus ? 16 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().metricHealth ? 20 : -1);
+            i0.ɵɵconditional(ctx.summary().metricHealth ? 17 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.viewDetailsTextClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(21, _c1$d, ctx.iconSource))("ngClass", ctx.viewDetailsTextClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().narrative ? 21 : -1);
+            i0.ɵɵconditional(ctx.summary().narrative ? 22 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().topPriorities && (((tmp_17_0 = ctx.summary().topPriorities) == null ? null : tmp_17_0.length) ?? 0) > 0 ? 22 : -1);
+            i0.ɵɵconditional(ctx.summary().topPriorities && (((tmp_17_0 = ctx.summary().topPriorities) == null ? null : tmp_17_0.length) ?? 0) > 0 ? 23 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().quickWins && (((tmp_18_0 = ctx.summary().quickWins) == null ? null : tmp_18_0.length) ?? 0) > 0 ? 23 : -1);
+            i0.ɵɵconditional(ctx.summary().quickWins && (((tmp_18_0 = ctx.summary().quickWins) == null ? null : tmp_18_0.length) ?? 0) > 0 ? 24 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, GradeBadgeComponent,
             SymphiqIconComponent,
             NapkinVisualPlaceholderComponent,
@@ -70192,16 +70186,7 @@ class MetricExecutiveSummaryComponent {
                   {{ formatMetricName(metricName()) }}
                 </h2>
               </div>
-              <div class="flex items-center gap-3 mb-4">
-                <span [ngClass]="healthBadgeClasses()" class="px-4 py-2 rounded-full text-sm font-semibold uppercase tracking-wider">
-                  {{ summary().metricHealth?.replace('_', ' ') }}
-                </span>
-                @if (summary().pacingStatus) {
-                  <span [ngClass]="pacingBadgeClasses()" class="px-4 py-2 rounded-full text-sm font-semibold uppercase tracking-wider">
-                    {{ summary().pacingStatus }}
-                  </span>
-                }
-              </div>
+              
               <p [ngClass]="textClasses()" class="text-lg leading-relaxed">
                 {{ summary().gradeRationale }}
               </p>
@@ -70216,10 +70201,15 @@ class MetricExecutiveSummaryComponent {
           </div>
 
           <!-- Metric Performance Cards -->
-          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+          <button
+            type="button"
+            (click)="viewMetricDetailsClick.emit()"
+            class="w-full text-left cursor-pointer group"
+          >
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
             <!-- Current Value -->
             @if (summary().currentValue) {
-              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4">
+              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4 transition-all duration-200 group-hover:scale-[1.02] group-hover:shadow-lg">
                 <div class="flex items-center gap-2 mb-2">
                   <symphiq-icon
                     [icon]="{ name: 'signal', source: iconSource }"
@@ -70250,7 +70240,7 @@ class MetricExecutiveSummaryComponent {
 
             <!-- Target Value -->
             @if (summary().targetValue) {
-              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4">
+              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4 transition-all duration-200 group-hover:scale-[1.02] group-hover:shadow-lg">
                 <div class="flex items-center gap-2 mb-2">
                   <symphiq-icon
                     [icon]="{ name: 'flag', source: iconSource }"
@@ -70269,7 +70259,7 @@ class MetricExecutiveSummaryComponent {
 
             <!-- Pacing Status -->
             @if (summary().pacingStatus) {
-              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4">
+              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4 transition-all duration-200 group-hover:scale-[1.02] group-hover:shadow-lg">
                 <div class="flex items-center gap-2 mb-2">
                   <symphiq-icon
                     [icon]="{ name: 'arrow-trending-up', source: iconSource }"
@@ -70288,7 +70278,7 @@ class MetricExecutiveSummaryComponent {
 
             <!-- Health Status -->
             @if (summary().metricHealth) {
-              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4">
+              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4 transition-all duration-200 group-hover:scale-[1.02] group-hover:shadow-lg">
                 <div class="flex items-center gap-2 mb-2">
                   <symphiq-icon
                     [icon]="{ name: 'heart', source: iconSource }"
@@ -70306,6 +70296,19 @@ class MetricExecutiveSummaryComponent {
             }
           </div>
 
+            <!-- View Details Indicator -->
+            <div class="flex items-center justify-center gap-2 mt-3 opacity-0 group-hover:opacity-100 transition-opacity duration-200">
+              <span [ngClass]="viewDetailsTextClasses()" class="text-sm font-medium">
+                View Metric Details
+              </span>
+              <symphiq-icon
+                [icon]="{ name: 'arrow-right', source: iconSource }"
+                size="w-4 h-4"
+                [ngClass]="viewDetailsTextClasses()"
+              />
+            </div>
+          </button>
+
           <!-- Narrative with Napkin Visual -->
           @if (summary().narrative) {
             <div [ngClass]="narrativeClasses()" class="rounded-xl p-6 mt-6">
@@ -70441,8 +70444,8 @@ class MetricExecutiveSummaryComponent {
     </section>
   `
             }]
-    }], null, { 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"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricExecutiveSummaryComponent, { className: "MetricExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-executive-summary.component.ts", lineNumber: 287 }); })();
+    }], null, { 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: 296 }); })();
 
 const _c0$t = a0 => ({ name: "chevron-right", source: a0 });
 function GoalCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
@@ -81135,17 +81138,35 @@ class StrategyRecommendationsModalContentComponent {
                 }
             }
         }
-        // Map MetricEnum values to PerformanceMetricInterface objects
-        return uniqueMetricEnums
-            .map(metricEnum => this.allMetrics().find(m => m.metric === metricEnum))
-            .filter(m => m !== undefined);
+        // Map MetricEnum values to PerformanceMetricInterface objects, creating placeholders for missing ones
+        return uniqueMetricEnums.map(metricEnum => {
+            const existingMetric = this.allMetrics().find(m => m.metric === metricEnum);
+            if (existingMetric) {
+                return existingMetric;
+            }
+            // Create placeholder for metrics not in allMetrics()
+            return {
+                metric: metricEnum,
+                title: MetricEnumUtil.title(metricEnum),
+                description: `${MetricEnumUtil.title(metricEnum)} metric data not available in current analysis.`
+            };
+        });
     }
     hasRelatedMetrics(recommendation) {
         return !!(recommendation.directlyAffectedMetric ||
             (recommendation.indirectlyAffectedMetrics && recommendation.indirectlyAffectedMetrics.length > 0));
     }
     getRelatedMetricsCount(recommendation) {
-        return this.getRelatedMetrics(recommendation).length;
+        const seenMetricEnums = new Set();
+        if (recommendation.directlyAffectedMetric) {
+            seenMetricEnums.add(recommendation.directlyAffectedMetric);
+        }
+        if (recommendation.indirectlyAffectedMetrics) {
+            for (const metricEnum of recommendation.indirectlyAffectedMetrics) {
+                seenMetricEnums.add(metricEnum);
+            }
+        }
+        return seenMetricEnums.size;
     }
     openRelatedMetricsModal(recommendation) {
         const metrics = this.getRelatedMetrics(recommendation);
@@ -97297,12 +97318,12 @@ class FocusAreaWelcomeBannerComponent {
 const _c0$7 = ["funnelModalComponent"];
 const _forTrack0$6 = ($index, $item) => $item.id;
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
-    i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 24);
-    i0.ɵɵelementStart(3, "div", 25)(4, "h3", 26);
+    i0.ɵɵelementStart(0, "div", 23)(1, "div", 24);
+    i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 25);
+    i0.ɵɵelementStart(3, "div", 26)(4, "h3", 27);
     i0.ɵɵtext(5, " Loading Your Focus Area Analysis ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 27);
+    i0.ɵɵelementStart(6, "p", 28);
     i0.ɵɵtext(7, " Please wait while we prepare your personalized insights... ");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -97316,10 +97337,10 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditi
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵelement(1, "symphiq-focus-area-welcome-banner", 21);
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵelement(1, "symphiq-focus-area-welcome-banner", 22);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 22);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 23);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
@@ -97328,8 +97349,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Templat
     i0.ɵɵconditional(ctx_r1.isLoading() ? 2 : -1);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29);
-    i0.ɵɵelement(1, "symphiq-content-generation-progress", 31);
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress", 32);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -97339,7 +97360,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 32);
+    i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 33);
     i0.ɵɵlistener("viewMoreClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_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) {
@@ -97347,8 +97368,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
     i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_1_Template, 2, 3, "div", 29)(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 30);
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_1_Template, 2, 3, "div", 30)(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 31);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -97357,7 +97378,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 33);
+    i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 34);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -97365,7 +97386,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
     i0.ɵɵproperty("sections", ctx_r1.nonStrategicSections())("viewMode", ctx_r1.viewMode())("focusAreaExecutiveSummary", ctx_r1.focusAreaExecutiveSummary())("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template, 3, 1, "div", 28);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template, 3, 1, "div", 29);
     i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_1_Template, 2, 8, "div");
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -97375,7 +97396,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Templat
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 36);
+    i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 37);
     i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_focus_area_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_focus_area_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -97383,21 +97404,21 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("allGoals", ctx_r1.allGoals());
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 37);
+    i0.ɵɵelement(0, "symphiq-section-divider", 38);
 } if (rf & 2) {
     const sectionList_r5 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r5[0].icon);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider", 37);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider", 38);
 } if (rf & 2) {
     const sectionList_r5 = ctx;
     i0.ɵɵconditional(sectionList_r5.length > 0 && sectionList_r5[0].icon ? 0 : -1);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40);
-    i0.ɵɵelement(1, "symphiq-icon", 45);
+    i0.ɵɵelementStart(0, "div", 41);
+    i0.ɵɵelement(1, "symphiq-icon", 46);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r6 = i0.ɵɵnextContext().$implicit;
@@ -97407,8 +97428,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵproperty("icon", section_r6.icon);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 47);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 49);
+    i0.ɵɵelementStart(0, "div", 48);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 50);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r6 = i0.ɵɵnextContext(2).$implicit;
@@ -97417,7 +97438,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵproperty("visual", section_r6.visual)("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 50)(1, "p", 51);
+    i0.ɵɵelementStart(0, "div", 51)(1, "p", 52);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -97430,9 +97451,9 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵtextInterpolate1(" ", section_r6.description, " ");
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 47);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 48);
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 48);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 49);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r6 = i0.ɵɵnextContext();
@@ -97445,7 +97466,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵconditional(section_r6.description ? 2 : -1);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 37);
+    i0.ɵɵelement(0, "symphiq-section-divider", 38);
 } if (rf & 2) {
     const ɵ$index_63_r8 = i0.ɵɵnextContext().$index;
     const sectionList_r9 = i0.ɵɵnextContext();
@@ -97453,15 +97474,15 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r9[ɵ$index_63_r8 + 1].icon);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38)(1, "div", 39);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div", 40);
-    i0.ɵɵelementStart(3, "div", 41)(4, "h3", 42);
+    i0.ɵɵelementStart(0, "div", 39)(1, "div", 40);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div", 41);
+    i0.ɵɵelementStart(3, "div", 42)(4, "h3", 43);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div", 43);
-    i0.ɵɵelement(7, "symphiq-profile-section-content", 44);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div", 44);
+    i0.ɵɵelement(7, "symphiq-profile-section-content", 45);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 37);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 38);
 } if (rf & 2) {
     const section_r6 = ctx.$implicit;
     const ɵ$index_63_r8 = ctx.$index;
@@ -97482,7 +97503,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵconditional(!(ɵ$index_63_r8 === ɵ$count_63_r10 - 1) ? 8 : -1);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 35);
+    i0.ɵɵelementStart(0, "section", 36);
     i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Template, 9, 15, null, null, _forTrack0$6);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -97490,9 +97511,9 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵrepeater(ctx);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template, 1, 3, "symphiq-focus-area-executive-summary", 34);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template, 1, 3, "symphiq-focus-area-executive-summary", 35);
     i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Template, 1, 1);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_Template, 3, 0, "section", 35);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_Template, 3, 0, "section", 36);
 } if (rf & 2) {
     let tmp_2_0;
     let tmp_3_0;
@@ -97899,7 +97920,8 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
         const summary = this.focusAreaExecutiveSummary();
         if (summary?.topPriorities) {
             const focusAreaName = this.focusAreaName();
-            this.modalService.navigateToTopPriorityDetail(event.priority, event.index, this.viewMode(), focusAreaName);
+            const totalCount = summary.topPriorities.length;
+            this.modalService.navigateToTopPriorityDetail(event.priority, event.index, this.viewMode(), focusAreaName, totalCount);
         }
     }
     getCurrentModalState() {
@@ -98020,7 +98042,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
         } }, hostBindings: function SymphiqProfileAnalysisFocusAreaDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisFocusAreaDashboardComponent_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"], focusAreaDetails: [1, "focusAreaDetails"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 27, vars: 48, 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, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], [1, "mb-12"], [3, "viewMode", "focusAreaDomain", "focusAreaName"], [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 Focus Area 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", "focusAreaExecutiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "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 SymphiqProfileAnalysisFocusAreaDashboardComponent_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"], focusAreaDetails: [1, "focusAreaDetails"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, 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", "focusAreaDomain", "focusAreaName"], [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 Focus Area 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", "focusAreaExecutiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "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 SymphiqProfileAnalysisFocusAreaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "div", 2);
@@ -98053,11 +98075,11 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵconditionalCreate(21, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_21_Template, 1, 5, "symphiq-gap-detail-modal-content", 17);
             i0.ɵɵconditionalCreate(22, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_22_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 18);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(23, "symphiq-funnel-analysis-modal", null, 0);
-            i0.ɵɵelementStart(25, "symphiq-mark-as-reviewed-footer", 19);
-            i0.ɵɵlistener("markAsReviewedClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template_symphiq_mark_as_reviewed_footer_markAsReviewedClick_25_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMarkAsReviewedClick()); });
+            i0.ɵɵelement(23, "symphiq-funnel-analysis-modal", null, 0)(25, "symphiq-business-analysis-modal", 19);
+            i0.ɵɵelementStart(26, "symphiq-mark-as-reviewed-footer", 20);
+            i0.ɵɵlistener("markAsReviewedClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template_symphiq_mark_as_reviewed_footer_markAsReviewedClick_26_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMarkAsReviewedClick()); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(26, "symphiq-tooltip-container");
+            i0.ɵɵelement(27, "symphiq-tooltip-container");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             let tmp_14_0;
@@ -98069,8 +98091,8 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             let tmp_37_0;
             let tmp_38_0;
             let tmp_39_0;
-            let tmp_41_0;
             let tmp_42_0;
+            let tmp_43_0;
             i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
             i0.ɵɵadvance();
@@ -98087,7 +98109,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isSimplifiedView() ? 7 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSimplifiedView() ? 8 : -1);
+            i0.ɵɵconditional(ctx.isSimplifiedView() && !ctx.isLoading() ? 8 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.isSimplifiedView() ? 9 : -1);
             i0.ɵɵadvance();
@@ -98117,7 +98139,9 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional((tmp_39_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 22 : -1, tmp_39_0);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_41_0 = ctx.profileAnalysis()) == null ? null : tmp_41_0.reviewStatus)("selfContentStatus", (tmp_42_0 = ctx.profileAnalysis()) == null ? null : tmp_42_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
+            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());
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent,
             SearchModalComponent,
             ViewModeSwitcherModalComponent,
@@ -98130,6 +98154,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             ProfileSectionContentComponent,
             ProfileAnalysisModalComponent,
             ModalComponent,
+            BusinessAnalysisModalComponent,
             GoalCardComponent,
             GoalObjectivesModalContentComponent,
             ObjectiveStrategiesModalContentComponent,
@@ -98165,6 +98190,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
                     ProfileSectionContentComponent,
                     ProfileAnalysisModalComponent,
                     ModalComponent,
+                    BusinessAnalysisModalComponent,
                     GoalCardComponent,
                     GoalObjectivesModalContentComponent,
                     ObjectiveStrategiesModalContentComponent,
@@ -98182,341 +98208,346 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
                     MarkAsReviewedFooterComponent
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div [ngClass]="getContainerClasses()" [class.min-h-screen]="!embedded()" class="relative">
-      <div class="animated-bubbles" [class.light-mode]="isLightMode()"
-           style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
-
-      <!-- Scroll Progress Bar -->
-      <div
-          [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
-        <div
-            [style.width.%]="scrollProgress()"
-            [ngClass]="isLightMode() ? 'bg-gradient-to-r from-blue-500 to-purple-500' : 'bg-gradient-to-r from-blue-400 to-purple-400'"
-            class="h-full transition-all duration-200 ease-out">
-        </div>
-      </div>
-
-      <div class="relative z-[51]">
-        <!-- Dashboard Header -->
-        <symphiq-dashboard-header
-            [title]="getAnalysisSubtitle()"
-            [subtitle]="''"
-            [currentSection]="'Focus Area'"
-            [viewMode]="viewMode()"
-            [viewModeLabel]="displayModeLabel()"
-            [isLoading]="isLoading()"
-            [requestedByUser]="requestedByUser()"
-            [createdDate]="profileAnalysis()?.selfContentCompletedDate"
-            [showControls]="shouldShowHeaderControls()"
-            (searchClick)="openSearch()"
-            (viewModeClick)="openViewModeSwitcher()"
-        />
-
-        <!-- Main Content -->
-        <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12"
-              [class.pb-32]="shouldShowReviewFooter()">
-
-          <!-- Welcome Banner (Simplified View Only) -->
-          @if (isSimplifiedView()) {
-            <div class="mb-12">
-              <symphiq-focus-area-welcome-banner
-                  [viewMode]="viewMode()"
-                  [focusAreaDomain]="focusAreaDomain()"
-                  [focusAreaName]="focusAreaName()"
-              />
-            </div>
-
-            <!-- Loading Card -->
-            @if (isLoading()) {
-              <div [ngClass]="isLightMode() ? 'bg-white/80 border-slate-200' : 'bg-slate-800/80 border-slate-700'" 
-                   class="rounded-2xl border shadow-lg p-8 backdrop-blur-sm">
-                <div class="flex flex-col items-center justify-center space-y-4">
-                  <symphiq-indeterminate-spinner [viewMode]="viewMode()" size="large" />
-                  <div class="text-center">
-                    <h3 [ngClass]="isLightMode() ? 'text-slate-900' : 'text-white'" class="text-lg font-semibold mb-1">
-                      Loading Your Focus Area Analysis
-                    </h3>
-                    <p [ngClass]="isLightMode() ? 'text-slate-600' : 'text-slate-400'" class="text-sm">
-                      Please wait while we prepare your personalized insights...
-                    </p>
-                  </div>
-                </div>
-              </div>
-            }
-          }
-
-          <!-- Simplified View Content -->
-          @if (isSimplifiedView()) {
-            <!-- Strategic Insights & Goals -->
-            @if (profileAnalysis()) {
-              <div class="mb-8">
-                @if (isProfileAnalysisGenerating()) {
-                  <div [ngClass]="getProgressCardClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
-                    <symphiq-content-generation-progress
-                        [itemStatus]="itemStatusProfileAnalysis()"
-                        [viewMode]="viewMode()"
-                        title="Generating Your Focus Area Analysis"
-                        subtitle="We're analyzing your data to create your personalized analysis. It will appear when ready."
-                    />
-                  </div>
-                } @else {
-                  <symphiq-strategic-goals-tiled-grid
-                      [goals]="strategicRoadmapGoals()"
-                      [viewMode]="viewMode()"
-                      (viewMoreClick)="openGoalModal($event)"
-                  />
-                }
-              </div>
-            }
-
-            <!-- Supporting Business Context -->
-            @if (nonStrategicSections().length > 0) {
-              <div>
-                <symphiq-collapsible-analysis-section-group
-                    [sections]="nonStrategicSections()"
-                    [viewMode]="viewMode()"
-                    [focusAreaExecutiveSummary]="focusAreaExecutiveSummary()"
-                    [allGoals]="allGoals()"
-                    [allMetrics]="allMetrics()"
-                    [allCharts]="allCharts()"
-                    [allInsights]="allInsights()"
-                    [businessProfile]="profile()"
-                />
-              </div>
-            }
-          }
-
-          <!-- Compact & Expanded View Content -->
-          @if (!isSimplifiedView()) {
-            <!-- Focus Area Executive Summary -->
-            @if (focusAreaExecutiveSummary(); as summary) {
-              <symphiq-focus-area-executive-summary
-                  [viewMode]="viewMode()"
-                  [summary]="summary"
-                  [allGoals]="allGoals()"
-                  (topPrioritiesClick)="handleTopPrioritiesClick()"
-                  (priorityDetailClick)="handlePriorityDetailClick($event)"
-              />
-            }
-
-            <!-- Divider Before First Section -->
-            @if (sections(); as sectionList) {
-              @if (sectionList.length > 0 && sectionList[0].icon) {
-                <symphiq-section-divider
-                    [viewMode]="viewMode()"
-                    [sectionIcon]="sectionList[0].icon"
-                />
-              }
-            }
-
-            <!-- Profile Analysis Sections -->
-            @if (sections(); as sectionList) {
-              <section class="space-y-8">
-                @for (section of sectionList; track section.id; let idx = $index; let last = $last) {
-                  <div [id]="'section-' + section.id" [ngClass]="getSectionCardClasses()"
-                       class="rounded-xl p-8 scroll-mt-24">
-                    <!-- Icon and Title -->
-                    <div class="flex items-start gap-3 mb-6">
-                      @if (section.icon) {
-                        <div [ngClass]="getSectionIconClasses()"
-                             class="flex-shrink-0 w-12 h-12 rounded-xl flex items-center justify-center">
-                          <symphiq-icon [icon]="section.icon" size="w-6 h-6"></symphiq-icon>
-                        </div>
-                      }
-                      <div class="flex-1">
-                        <h3 [ngClass]="getSectionTitleClasses()" class="text-2xl font-bold">
-                          {{ section.title }}
-                        </h3>
-                      </div>
-                    </div>
-
-                    <!-- Description and Visual Side-by-Side -->
-                    @if (section.description || (section.visual && section.visual.enabled)) {
-                      <div class="mb-6 flex flex-col lg:flex-row gap-6 items-start"
-                           [class.lg:flex-row-reverse]="idx % 2 === 0">
-                        @if (section.visual && section.visual.enabled) {
-                          <div class="w-full lg:w-2/3">
-                            <symphiq-napkin-visual-placeholder
-                                [visual]="section.visual"
-                                [viewMode]="viewMode()"
-                            />
-                          </div>
-                        }
-                        @if (section.description) {
-                          <div class="w-full"
-                               [class.lg:w-1/3]="section.visual && section.visual.enabled" [class.lg:w-full]="!section.visual || !section.visual.enabled">
-                          <p [ngClass]="getSectionDescriptionClasses()"
-                             class="text-sm leading-relaxed whitespace-pre-line">
-                            {{ section.description }}
-                          </p>
-                          </div>
-                        }
-                      </div>
-                    }
-
-                    <!-- Section Content -->
-                    <symphiq-profile-section-content
-                        [section]="section"
-                        [viewMode]="viewMode()"
-                        [sectionIndex]="idx"
-                        [allGoals]="allGoals()"
-                        [allMetrics]="allMetrics()"
-                        [allCharts]="allCharts()"
-                        [allInsights]="allInsights()"
-                        [businessProfile]="profile()"
-                    />
-                  </div>
-
-                  <!-- Section Divider (between sections) -->
-                  @if (!last) {
-                    <symphiq-section-divider
-                        [viewMode]="viewMode()"
-                        [sectionIcon]="sectionList[idx + 1].icon"
-                    />
-                  }
-                }
-              </section>
-            }
-          }
-
-        </main>
-
-        <!-- Table of Contents (Compact & Expanded Views) -->
-        @if (!isSimplifiedView() && sections()) {
-          <symphiq-floating-toc
-              [sections]="tocSections()"
-              [viewMode]="viewMode()"
-              [embedded]="embedded()"
-              [scrollElement]="scrollElement() ?? undefined"
-          />
-        }
-
-        <!-- Section Navigation Dots (Compact & Expanded Views) -->
-        @if (!isSimplifiedView() && sections()) {
-          <symphiq-section-navigation
-              [sections]="tocSections()"
-              [viewMode]="viewMode()"
-              [embedded]="embedded()"
-              [scrollElement]="scrollElement() ?? undefined"
-          />
-        }
-
-        <!-- Search Modal -->
-        <symphiq-search-modal
-            [isOpen]="isSearchOpen()"
-            [isLightMode]="isLightMode()"
-            (close)="closeSearch()"
-        />
-
-        <!-- View Mode Switcher Modal -->
-        <symphiq-view-mode-switcher-modal
-            [isOpen]="isViewModeSwitcherOpen()"
-            [currentMode]="currentDisplayMode()"
-            [viewMode]="viewMode()"
-            (close)="closeViewModeSwitcher()"
-            (modeSelected)="handleDisplayModeChange($event)"
-        />
-
-        <!-- Profile Analysis Modal -->
-        <symphiq-profile-analysis-modal
-            [isLightMode]="isLightMode()"
-            [allMetrics]="allMetrics()"
-            [allInsights]="allInsights()"
-            [allBusinessInsights]="allBusinessInsights()"
-            [allCharts]="allCharts()"
-        >
-          @if (modalType() === 'goal-detail' && getGoalDetailData(); as data) {
-            <symphiq-goal-card
-                [goal]="data.goal"
-                [viewMode]="data.viewMode"
-                [isInModal]="true"
-                [allMetrics]="allMetrics()"
-                [allCharts]="allCharts()"
-                [allInsights]="allInsights()"
-                [currentModalState]="getCurrentModalState()"
-                [businessProfile]="profile()"
-            />
-          }
-          @if (modalType() === 'goal-objectives' && getGoalDetailData(); as data) {
-            <symphiq-goal-objectives-modal-content
-                [goal]="data.goal"
-                [viewMode]="data.viewMode"
-            />
-          }
-          @if (modalType() === 'objective-strategies' && getObjectiveStrategiesData(); as data) {
-            <symphiq-objective-strategies-modal-content
-                [objective]="data.objective"
-                [goalTitle]="data.goalTitle"
-                [viewMode]="data.viewMode"
-            />
-          }
-          @if (modalType() === 'strategy-recommendations' && getStrategyRecommendationsData(); as data) {
-            <symphiq-strategy-recommendations-modal-content
-                [strategy]="data.strategy"
-                [objectiveTitle]="data.objectiveTitle"
-                [goalTitle]="data.goalTitle"
-                [viewMode]="data.viewMode"
-                [expandedRecommendationId]="data.expandedRecommendationId"
-                [allMetrics]="allMetrics()"
-                [allCharts]="allCharts()"
-                [allInsights]="allInsights()"
-                [allBusinessInsights]="allBusinessInsights()"
-                [currentModalState]="getCurrentModalState()"
-            />
-          }
-          @if (modalType() === 'category-detail' && getCategoryDetailData(); as data) {
-            <symphiq-category-detail-modal-content
-                [category]="data.category"
-                [viewMode]="data.viewMode"
-                [scrollToSection]="data.scrollToSection"
-            />
-          }
-          @if (modalType() === 'strength-detail' && getStrengthDetailData(); as data) {
-            <symphiq-strength-detail-modal-content
-                [strength]="data.strength"
-                [viewMode]="data.viewMode"
-                [allFunnelStrengths]="funnelStrengths()"
-                [currentModalState]="getCurrentModalState()"
-            />
-          }
-          @if (modalType() === 'gap-detail' && getGapDetailData(); as data) {
-            <symphiq-gap-detail-modal-content
-                [gap]="data.gap"
-                [viewMode]="data.viewMode"
-                [allGoals]="allGoals()"
-                [allWeaknesses]="funnelWeaknesses()"
-                [currentModalState]="getCurrentModalState()"
-            />
-          }
-          @if (modalType() === 'opportunity-detail' && getOpportunityDetailData(); as data) {
-            <symphiq-opportunity-detail-modal-content
-                [opportunity]="data.opportunity"
-                [viewMode]="data.viewMode"
-                [allStrengths]="funnelStrengths()"
-                [currentModalState]="getCurrentModalState()"
-            />
-          }
-        </symphiq-profile-analysis-modal>
-
-        <!-- Funnel Analysis Modal -->
-        <symphiq-funnel-analysis-modal
-            #funnelModalComponent
-        />
-
-        <!-- Mark as Reviewed Sticky Footer -->
-        <symphiq-mark-as-reviewed-footer
-            [viewMode]="viewMode()"
-            [reviewStatus]="profileAnalysis()?.reviewStatus"
-            [selfContentStatus]="profileAnalysis()?.selfContentStatus"
-            [isMarkingAsReviewed]="isMarkingAsReviewed()"
-            (markAsReviewedClick)="handleMarkAsReviewedClick()"
-        />
-
-        <!-- Tooltip Container -->
-        <symphiq-tooltip-container />
-      </div>
-    </div>
+                template: `
+    <div [ngClass]="getContainerClasses()" [class.min-h-screen]="!embedded()" class="relative">
+      <div class="animated-bubbles" [class.light-mode]="isLightMode()"
+           style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
+
+      <!-- Scroll Progress Bar -->
+      <div
+          [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
+        <div
+            [style.width.%]="scrollProgress()"
+            [ngClass]="isLightMode() ? 'bg-gradient-to-r from-blue-500 to-purple-500' : 'bg-gradient-to-r from-blue-400 to-purple-400'"
+            class="h-full transition-all duration-200 ease-out">
+        </div>
+      </div>
+
+      <div class="relative z-[51]">
+        <!-- Dashboard Header -->
+        <symphiq-dashboard-header
+            [title]="getAnalysisSubtitle()"
+            [subtitle]="''"
+            [currentSection]="'Focus Area'"
+            [viewMode]="viewMode()"
+            [viewModeLabel]="displayModeLabel()"
+            [isLoading]="isLoading()"
+            [requestedByUser]="requestedByUser()"
+            [createdDate]="profileAnalysis()?.selfContentCompletedDate"
+            [showControls]="shouldShowHeaderControls()"
+            (searchClick)="openSearch()"
+            (viewModeClick)="openViewModeSwitcher()"
+        />
+
+        <!-- Main Content -->
+        <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12"
+              [class.pb-32]="shouldShowReviewFooter()">
+
+          <!-- Welcome Banner (Simplified View Only) -->
+          @if (isSimplifiedView()) {
+            <div class="mb-12">
+              <symphiq-focus-area-welcome-banner
+                  [viewMode]="viewMode()"
+                  [focusAreaDomain]="focusAreaDomain()"
+                  [focusAreaName]="focusAreaName()"
+              />
+            </div>
+
+            <!-- Loading Card -->
+            @if (isLoading()) {
+              <div [ngClass]="isLightMode() ? 'bg-white/80 border-slate-200' : 'bg-slate-800/80 border-slate-700'" 
+                   class="rounded-2xl border shadow-lg p-8 backdrop-blur-sm">
+                <div class="flex flex-col items-center justify-center space-y-4">
+                  <symphiq-indeterminate-spinner [viewMode]="viewMode()" size="large" />
+                  <div class="text-center">
+                    <h3 [ngClass]="isLightMode() ? 'text-slate-900' : 'text-white'" class="text-lg font-semibold mb-1">
+                      Loading Your Focus Area Analysis
+                    </h3>
+                    <p [ngClass]="isLightMode() ? 'text-slate-600' : 'text-slate-400'" class="text-sm">
+                      Please wait while we prepare your personalized insights...
+                    </p>
+                  </div>
+                </div>
+              </div>
+            }
+          }
+
+          <!-- Simplified View Content -->
+          @if (isSimplifiedView() && !isLoading()) {
+            <!-- Strategic Insights & Goals -->
+            @if (profileAnalysis()) {
+              <div class="mb-8">
+                @if (isProfileAnalysisGenerating()) {
+                  <div [ngClass]="getProgressCardClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
+                    <symphiq-content-generation-progress
+                        [itemStatus]="itemStatusProfileAnalysis()"
+                        [viewMode]="viewMode()"
+                        title="Generating Your Focus Area Analysis"
+                        subtitle="We're analyzing your data to create your personalized analysis. It will appear when ready."
+                    />
+                  </div>
+                } @else {
+                  <symphiq-strategic-goals-tiled-grid
+                      [goals]="strategicRoadmapGoals()"
+                      [viewMode]="viewMode()"
+                      (viewMoreClick)="openGoalModal($event)"
+                  />
+                }
+              </div>
+            }
+
+            <!-- Supporting Business Context -->
+            @if (nonStrategicSections().length > 0) {
+              <div>
+                <symphiq-collapsible-analysis-section-group
+                    [sections]="nonStrategicSections()"
+                    [viewMode]="viewMode()"
+                    [focusAreaExecutiveSummary]="focusAreaExecutiveSummary()"
+                    [allGoals]="allGoals()"
+                    [allMetrics]="allMetrics()"
+                    [allCharts]="allCharts()"
+                    [allInsights]="allInsights()"
+                    [businessProfile]="profile()"
+                />
+              </div>
+            }
+          }
+
+          <!-- Compact & Expanded View Content -->
+          @if (!isSimplifiedView()) {
+            <!-- Focus Area Executive Summary -->
+            @if (focusAreaExecutiveSummary(); as summary) {
+              <symphiq-focus-area-executive-summary
+                  [viewMode]="viewMode()"
+                  [summary]="summary"
+                  [allGoals]="allGoals()"
+                  (topPrioritiesClick)="handleTopPrioritiesClick()"
+                  (priorityDetailClick)="handlePriorityDetailClick($event)"
+              />
+            }
+
+            <!-- Divider Before First Section -->
+            @if (sections(); as sectionList) {
+              @if (sectionList.length > 0 && sectionList[0].icon) {
+                <symphiq-section-divider
+                    [viewMode]="viewMode()"
+                    [sectionIcon]="sectionList[0].icon"
+                />
+              }
+            }
+
+            <!-- Profile Analysis Sections -->
+            @if (sections(); as sectionList) {
+              <section class="space-y-8">
+                @for (section of sectionList; track section.id; let idx = $index; let last = $last) {
+                  <div [id]="'section-' + section.id" [ngClass]="getSectionCardClasses()"
+                       class="rounded-xl p-8 scroll-mt-24">
+                    <!-- Icon and Title -->
+                    <div class="flex items-start gap-3 mb-6">
+                      @if (section.icon) {
+                        <div [ngClass]="getSectionIconClasses()"
+                             class="flex-shrink-0 w-12 h-12 rounded-xl flex items-center justify-center">
+                          <symphiq-icon [icon]="section.icon" size="w-6 h-6"></symphiq-icon>
+                        </div>
+                      }
+                      <div class="flex-1">
+                        <h3 [ngClass]="getSectionTitleClasses()" class="text-2xl font-bold">
+                          {{ section.title }}
+                        </h3>
+                      </div>
+                    </div>
+
+                    <!-- Description and Visual Side-by-Side -->
+                    @if (section.description || (section.visual && section.visual.enabled)) {
+                      <div class="mb-6 flex flex-col lg:flex-row gap-6 items-start"
+                           [class.lg:flex-row-reverse]="idx % 2 === 0">
+                        @if (section.visual && section.visual.enabled) {
+                          <div class="w-full lg:w-2/3">
+                            <symphiq-napkin-visual-placeholder
+                                [visual]="section.visual"
+                                [viewMode]="viewMode()"
+                            />
+                          </div>
+                        }
+                        @if (section.description) {
+                          <div class="w-full"
+                               [class.lg:w-1/3]="section.visual && section.visual.enabled" [class.lg:w-full]="!section.visual || !section.visual.enabled">
+                          <p [ngClass]="getSectionDescriptionClasses()"
+                             class="text-sm leading-relaxed whitespace-pre-line">
+                            {{ section.description }}
+                          </p>
+                          </div>
+                        }
+                      </div>
+                    }
+
+                    <!-- Section Content -->
+                    <symphiq-profile-section-content
+                        [section]="section"
+                        [viewMode]="viewMode()"
+                        [sectionIndex]="idx"
+                        [allGoals]="allGoals()"
+                        [allMetrics]="allMetrics()"
+                        [allCharts]="allCharts()"
+                        [allInsights]="allInsights()"
+                        [businessProfile]="profile()"
+                    />
+                  </div>
+
+                  <!-- Section Divider (between sections) -->
+                  @if (!last) {
+                    <symphiq-section-divider
+                        [viewMode]="viewMode()"
+                        [sectionIcon]="sectionList[idx + 1].icon"
+                    />
+                  }
+                }
+              </section>
+            }
+          }
+
+        </main>
+
+        <!-- Table of Contents (Compact & Expanded Views) -->
+        @if (!isSimplifiedView() && sections()) {
+          <symphiq-floating-toc
+              [sections]="tocSections()"
+              [viewMode]="viewMode()"
+              [embedded]="embedded()"
+              [scrollElement]="scrollElement() ?? undefined"
+          />
+        }
+
+        <!-- Section Navigation Dots (Compact & Expanded Views) -->
+        @if (!isSimplifiedView() && sections()) {
+          <symphiq-section-navigation
+              [sections]="tocSections()"
+              [viewMode]="viewMode()"
+              [embedded]="embedded()"
+              [scrollElement]="scrollElement() ?? undefined"
+          />
+        }
+
+        <!-- Search Modal -->
+        <symphiq-search-modal
+            [isOpen]="isSearchOpen()"
+            [isLightMode]="isLightMode()"
+            (close)="closeSearch()"
+        />
+
+        <!-- View Mode Switcher Modal -->
+        <symphiq-view-mode-switcher-modal
+            [isOpen]="isViewModeSwitcherOpen()"
+            [currentMode]="currentDisplayMode()"
+            [viewMode]="viewMode()"
+            (close)="closeViewModeSwitcher()"
+            (modeSelected)="handleDisplayModeChange($event)"
+        />
+
+        <!-- Profile Analysis Modal -->
+        <symphiq-profile-analysis-modal
+            [isLightMode]="isLightMode()"
+            [allMetrics]="allMetrics()"
+            [allInsights]="allInsights()"
+            [allBusinessInsights]="allBusinessInsights()"
+            [allCharts]="allCharts()"
+        >
+          @if (modalType() === 'goal-detail' && getGoalDetailData(); as data) {
+            <symphiq-goal-card
+                [goal]="data.goal"
+                [viewMode]="data.viewMode"
+                [isInModal]="true"
+                [allMetrics]="allMetrics()"
+                [allCharts]="allCharts()"
+                [allInsights]="allInsights()"
+                [currentModalState]="getCurrentModalState()"
+                [businessProfile]="profile()"
+            />
+          }
+          @if (modalType() === 'goal-objectives' && getGoalDetailData(); as data) {
+            <symphiq-goal-objectives-modal-content
+                [goal]="data.goal"
+                [viewMode]="data.viewMode"
+            />
+          }
+          @if (modalType() === 'objective-strategies' && getObjectiveStrategiesData(); as data) {
+            <symphiq-objective-strategies-modal-content
+                [objective]="data.objective"
+                [goalTitle]="data.goalTitle"
+                [viewMode]="data.viewMode"
+            />
+          }
+          @if (modalType() === 'strategy-recommendations' && getStrategyRecommendationsData(); as data) {
+            <symphiq-strategy-recommendations-modal-content
+                [strategy]="data.strategy"
+                [objectiveTitle]="data.objectiveTitle"
+                [goalTitle]="data.goalTitle"
+                [viewMode]="data.viewMode"
+                [expandedRecommendationId]="data.expandedRecommendationId"
+                [allMetrics]="allMetrics()"
+                [allCharts]="allCharts()"
+                [allInsights]="allInsights()"
+                [allBusinessInsights]="allBusinessInsights()"
+                [currentModalState]="getCurrentModalState()"
+            />
+          }
+          @if (modalType() === 'category-detail' && getCategoryDetailData(); as data) {
+            <symphiq-category-detail-modal-content
+                [category]="data.category"
+                [viewMode]="data.viewMode"
+                [scrollToSection]="data.scrollToSection"
+            />
+          }
+          @if (modalType() === 'strength-detail' && getStrengthDetailData(); as data) {
+            <symphiq-strength-detail-modal-content
+                [strength]="data.strength"
+                [viewMode]="data.viewMode"
+                [allFunnelStrengths]="funnelStrengths()"
+                [currentModalState]="getCurrentModalState()"
+            />
+          }
+          @if (modalType() === 'gap-detail' && getGapDetailData(); as data) {
+            <symphiq-gap-detail-modal-content
+                [gap]="data.gap"
+                [viewMode]="data.viewMode"
+                [allGoals]="allGoals()"
+                [allWeaknesses]="funnelWeaknesses()"
+                [currentModalState]="getCurrentModalState()"
+            />
+          }
+          @if (modalType() === 'opportunity-detail' && getOpportunityDetailData(); as data) {
+            <symphiq-opportunity-detail-modal-content
+                [opportunity]="data.opportunity"
+                [viewMode]="data.viewMode"
+                [allStrengths]="funnelStrengths()"
+                [currentModalState]="getCurrentModalState()"
+            />
+          }
+        </symphiq-profile-analysis-modal>
+
+        <!-- Funnel Analysis Modal -->
+        <symphiq-funnel-analysis-modal
+            #funnelModalComponent
+        />
+
+        <!-- Business Analysis Modal (for visualization) -->
+        <symphiq-business-analysis-modal
+            [isLightMode]="isLightMode()"
+        />
+
+        <!-- Mark as Reviewed Sticky Footer -->
+        <symphiq-mark-as-reviewed-footer
+            [viewMode]="viewMode()"
+            [reviewStatus]="profileAnalysis()?.reviewStatus"
+            [selfContentStatus]="profileAnalysis()?.selfContentStatus"
+            [isMarkingAsReviewed]="isMarkingAsReviewed()"
+            (markAsReviewedClick)="handleMarkAsReviewedClick()"
+        />
+
+        <!-- Tooltip Container -->
+        <symphiq-tooltip-container />
+      </div>
+    </div>
   `
             }]
     }], null, { funnelModalComponent: [{
@@ -98526,7 +98557,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber: 481 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber: 488 }); })();
 
 function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -99631,12 +99662,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", 22)(1, "div", 23);
-    i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 24);
-    i0.ɵɵelementStart(3, "div", 25)(4, "h3", 26);
+    i0.ɵɵelementStart(0, "div", 23)(1, "div", 24);
+    i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 25);
+    i0.ɵɵelementStart(3, "div", 26)(4, "h3", 27);
     i0.ɵɵtext(5, " Loading Your Metric Analysis ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 27);
+    i0.ɵɵelementStart(6, "p", 28);
     i0.ɵɵtext(7, " Please wait while we prepare your personalized insights... ");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -99650,10 +99681,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", 20);
-    i0.ɵɵelement(1, "symphiq-metric-welcome-banner", 21);
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵelement(1, "symphiq-metric-welcome-banner", 22);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 22);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 23);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
@@ -99662,8 +99693,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", 29);
-    i0.ɵɵelement(1, "symphiq-content-generation-progress", 31);
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress", 32);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -99673,7 +99704,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", 32);
+    i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 33);
     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) {
@@ -99681,8 +99712,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", 28);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Conditional_1_Template, 2, 3, "div", 29)(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 30);
+    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.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -99691,7 +99722,7 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditiona
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 33);
+    i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 34);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -99699,7 +99730,7 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditiona
     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", 28);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Template, 3, 1, "div", 29);
     i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_1_Template, 2, 9, "div");
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -99709,29 +99740,29 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Template(r
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 36);
-    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)); });
+    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()); });
     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", 37);
+    i0.ɵɵelement(0, "symphiq-section-divider", 38);
 } if (rf & 2) {
     const sectionList_r5 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r5[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", 37);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider", 38);
 } if (rf & 2) {
     const sectionList_r5 = ctx;
     i0.ɵɵconditional(sectionList_r5.length > 0 && sectionList_r5[0].icon ? 0 : -1);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40);
-    i0.ɵɵelement(1, "symphiq-icon", 45);
+    i0.ɵɵelementStart(0, "div", 41);
+    i0.ɵɵelement(1, "symphiq-icon", 46);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r6 = i0.ɵɵnextContext().$implicit;
@@ -99741,8 +99772,8 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditiona
     i0.ɵɵproperty("icon", section_r6.icon);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 47);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 49);
+    i0.ɵɵelementStart(0, "div", 48);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 50);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r6 = i0.ɵɵnextContext(2).$implicit;
@@ -99751,7 +99782,7 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditiona
     i0.ɵɵproperty("visual", section_r6.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", 50)(1, "p", 51);
+    i0.ɵɵelementStart(0, "div", 51)(1, "p", 52);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -99764,9 +99795,9 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditiona
     i0.ɵɵtextInterpolate1(" ", section_r6.description, " ");
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 47);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 48);
+    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.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r6 = i0.ɵɵnextContext();
@@ -99779,7 +99810,7 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditiona
     i0.ɵɵconditional(section_r6.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", 37);
+    i0.ɵɵelement(0, "symphiq-section-divider", 38);
 } if (rf & 2) {
     const ɵ$index_63_r8 = i0.ɵɵnextContext().$index;
     const sectionList_r9 = i0.ɵɵnextContext();
@@ -99787,15 +99818,15 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditiona
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r9[ɵ$index_63_r8 + 1].icon);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38)(1, "div", 39);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div", 40);
-    i0.ɵɵelementStart(3, "div", 41)(4, "h3", 42);
+    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.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div", 43);
-    i0.ɵɵelement(7, "symphiq-profile-section-content", 44);
+    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.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 37);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 38);
 } if (rf & 2) {
     const section_r6 = ctx.$implicit;
     const ɵ$index_63_r8 = ctx.$index;
@@ -99816,7 +99847,7 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditiona
     i0.ɵɵconditional(!(ɵ$index_63_r8 === ɵ$count_63_r10 - 1) ? 8 : -1);
 } }
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 35);
+    i0.ɵɵelementStart(0, "section", 36);
     i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_For_2_Template, 9, 15, null, null, _forTrack0$5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -99824,9 +99855,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", 34);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template, 1, 4, "symphiq-metric-executive-summary", 35);
     i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_1_Template, 1, 1);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_Template, 3, 0, "section", 35);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_2_Template, 3, 0, "section", 36);
 } if (rf & 2) {
     let tmp_2_0;
     let tmp_3_0;
@@ -100242,7 +100273,18 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
         if (summary?.topPriorities) {
             const metricName = this.metricName();
             const index = summary.topPriorities.indexOf(priority);
-            this.modalService.navigateToTopPriorityDetail(priority, index, this.viewMode(), metricName);
+            const totalCount = summary.topPriorities.length;
+            this.modalService.navigateToTopPriorityDetail(priority, index, this.viewMode(), metricName, totalCount);
+        }
+    }
+    handleViewMetricDetailsClick() {
+        const funnelMetric = this.funnelMetric();
+        const relatedMetricEnum = funnelMetric?.relatedMetric;
+        if (!relatedMetricEnum)
+            return;
+        const metric = this.allMetrics().find(m => m.metric === relatedMetricEnum);
+        if (metric) {
+            this.modalService.openMetricModal(metric, this.allCharts());
         }
     }
     getCurrentModalState() {
@@ -100363,7 +100405,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" }, features: [i0.ɵɵNgOnChangesFeature], decls: 27, vars: 48, 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, "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", "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"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, 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) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "div", 2);
@@ -100396,11 +100438,11 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             i0.ɵɵconditionalCreate(21, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_21_Template, 1, 5, "symphiq-gap-detail-modal-content", 17);
             i0.ɵɵconditionalCreate(22, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_22_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 18);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(23, "symphiq-funnel-analysis-modal", null, 0);
-            i0.ɵɵelementStart(25, "symphiq-mark-as-reviewed-footer", 19);
-            i0.ɵɵlistener("markAsReviewedClick", function SymphiqProfileAnalysisMetricDashboardComponent_Template_symphiq_mark_as_reviewed_footer_markAsReviewedClick_25_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMarkAsReviewedClick()); });
+            i0.ɵɵelement(23, "symphiq-funnel-analysis-modal", null, 0)(25, "symphiq-business-analysis-modal", 19);
+            i0.ɵɵelementStart(26, "symphiq-mark-as-reviewed-footer", 20);
+            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(26, "symphiq-tooltip-container");
+            i0.ɵɵelement(27, "symphiq-tooltip-container");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             let tmp_14_0;
@@ -100412,8 +100454,8 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             let tmp_37_0;
             let tmp_38_0;
             let tmp_39_0;
-            let tmp_41_0;
             let tmp_42_0;
+            let tmp_43_0;
             i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
             i0.ɵɵadvance();
@@ -100430,7 +100472,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isSimplifiedView() ? 7 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSimplifiedView() ? 8 : -1);
+            i0.ɵɵconditional(ctx.isSimplifiedView() && !ctx.isLoading() ? 8 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.isSimplifiedView() ? 9 : -1);
             i0.ɵɵadvance();
@@ -100460,7 +100502,9 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional((tmp_39_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 22 : -1, tmp_39_0);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_41_0 = ctx.profileAnalysis()) == null ? null : tmp_41_0.reviewStatus)("selfContentStatus", (tmp_42_0 = ctx.profileAnalysis()) == null ? null : tmp_42_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
+            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());
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent,
             SearchModalComponent,
             ViewModeSwitcherModalComponent,
@@ -100473,6 +100517,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             ProfileSectionContentComponent,
             ProfileAnalysisModalComponent,
             ModalComponent,
+            BusinessAnalysisModalComponent,
             GoalCardComponent,
             GoalObjectivesModalContentComponent,
             ObjectiveStrategiesModalContentComponent,
@@ -100508,6 +100553,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
                     ProfileSectionContentComponent,
                     ProfileAnalysisModalComponent,
                     ModalComponent,
+                    BusinessAnalysisModalComponent,
                     GoalCardComponent,
                     GoalObjectivesModalContentComponent,
                     ObjectiveStrategiesModalContentComponent,
@@ -100590,7 +100636,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
           }
 
           <!-- Simplified View Content -->
-          @if (isSimplifiedView()) {
+          @if (isSimplifiedView() && !isLoading()) {
             <!-- Strategic Insights & Goals -->
             @if (profileAnalysis()) {
               <div class="mb-8">
@@ -100642,6 +100688,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
                   [allGoals]="allGoals()"
                   (topPrioritiesClick)="handleTopPrioritiesClick()"
                   (priorityDetailClick)="handlePriorityDetailClick($event)"
+                  (viewMetricDetailsClick)="handleViewMetricDetailsClick()"
               />
             }
 
@@ -100849,6 +100896,11 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             #funnelModalComponent
         />
 
+        <!-- Business Analysis Modal (for visualization) -->
+        <symphiq-business-analysis-modal
+            [isLightMode]="isLightMode()"
+        />
+
         <!-- Mark as Reviewed Sticky Footer -->
         <symphiq-mark-as-reviewed-footer
             [viewMode]="viewMode()"
@@ -100871,7 +100923,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             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: 481 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisMetricDashboardComponent, { className: "SymphiqProfileAnalysisMetricDashboardComponent", filePath: "lib/components/profile-analysis-metric-dashboard/symphiq-profile-analysis-metric-dashboard.component.ts", lineNumber: 489 }); })();
 
 const _forTrack0$4 = ($index, $item) => $item.id;
 function ShopProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {