@eric-emg/symphiq-components 1.2.533 → 1.2.534

package/fesm2022/symphiq-components.mjs

@@ -81135,17 +81135,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 +97315,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 +97334,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 +97346,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 +97357,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 +97365,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 +97375,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 +97383,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 +97393,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 +97401,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 +97425,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 +97435,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 +97448,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 +97463,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 +97471,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 +97500,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 +97508,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;
@@ -98020,7 +98038,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 +98071,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 +98087,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();
@@ -98117,7 +98135,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 +98150,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             ProfileSectionContentComponent,
             ProfileAnalysisModalComponent,
             ModalComponent,
+            BusinessAnalysisModalComponent,
             GoalCardComponent,
             GoalObjectivesModalContentComponent,
             ObjectiveStrategiesModalContentComponent,
@@ -98165,6 +98186,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
                     ProfileSectionContentComponent,
                     ProfileAnalysisModalComponent,
                     ModalComponent,
+                    BusinessAnalysisModalComponent,
                     GoalCardComponent,
                     GoalObjectivesModalContentComponent,
                     ObjectiveStrategiesModalContentComponent,
@@ -98182,341 +98204,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()) {
+            <!-- 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 +98553,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 +99658,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 +99677,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 +99689,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 +99700,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 +99708,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 +99718,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 +99726,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,7 +99736,7 @@ 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.ɵɵ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)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -99717,21 +99744,21 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditiona
     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 +99768,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 +99778,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 +99791,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 +99806,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 +99814,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 +99843,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 +99851,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;
@@ -100363,7 +100390,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", "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 +100423,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 +100439,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();
@@ -100460,7 +100487,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 +100502,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             ProfileSectionContentComponent,
             ProfileAnalysisModalComponent,
             ModalComponent,
+            BusinessAnalysisModalComponent,
             GoalCardComponent,
             GoalObjectivesModalContentComponent,
             ObjectiveStrategiesModalContentComponent,
@@ -100508,6 +100538,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
                     ProfileSectionContentComponent,
                     ProfileAnalysisModalComponent,
                     ModalComponent,
+                    BusinessAnalysisModalComponent,
                     GoalCardComponent,
                     GoalObjectivesModalContentComponent,
                     ObjectiveStrategiesModalContentComponent,
@@ -100849,6 +100880,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 +100907,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: 488 }); })();
 
 const _forTrack0$4 = ($index, $item) => $item.id;
 function ShopProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {