@eric-emg/symphiq-components 1.2.361 → 1.2.362

package/fesm2022/symphiq-components.mjs

@@ -3232,7 +3232,7 @@ class DataLoaderService {
         args: [{ providedIn: 'root' }]
     }], () => [{ type: i1.HttpClient }], null); })();
 
-const _c0$1b = a0 => ["skeleton-loader", "rounded-lg", "relative", "overflow-hidden", a0];
+const _c0$1c = a0 => ["skeleton-loader", "rounded-lg", "relative", "overflow-hidden", a0];
 const _c1$F = a0 => ["skeleton-shimmer-overlay", "absolute", "inset-0", "bg-gradient-to-r", a0];
 class SkeletonLoaderComponent {
     constructor() {
@@ -3249,7 +3249,7 @@ class SkeletonLoaderComponent {
         } if (rf & 2) {
             i0.ɵɵstyleProp("width", ctx.width())("height", ctx.height());
             i0.ɵɵclassProp("skeleton-shimmer", true)("skeleton-pulse", ctx.pulse());
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$1b, ctx.isLightMode() ? "bg-slate-200/80" : "bg-slate-700/80"));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$1c, ctx.isLightMode() ? "bg-slate-200/80" : "bg-slate-700/80"));
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$F, ctx.isLightMode() ? "from-transparent via-white/60 to-transparent" : "from-transparent via-slate-500/40 to-transparent"));
         } }, dependencies: [NgClass], styles: [".skeleton-loader[_ngcontent-%COMP%]{position:relative;overflow:hidden}.skeleton-shimmer-overlay[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_shimmer 2s infinite cubic-bezier(.4,0,.6,1);transform:translate(-100%)}@keyframes _ngcontent-%COMP%_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes _ngcontent-%COMP%_pulse{0%,to{opacity:1}50%{opacity:.6}}"], changeDetection: 0 }); }
@@ -3289,7 +3289,7 @@ const ChartContainerComponent_Conditional_1_Conditional_13_Defer_2_DepsFn = () =
 const ChartContainerComponent_Conditional_1_Conditional_14_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent)];
 const ChartContainerComponent_Conditional_1_Conditional_15_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return pieChart_component; }).then(m => m.PieChartComponent)];
 const ChartContainerComponent_Conditional_1_Conditional_16_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
-const _c0$1a = (a0, a1) => [a0, a1];
+const _c0$1b = (a0, a1) => [a0, a1];
 function ChartContainerComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0)(1, "div", 2);
     i0.ɵɵelement(2, "symphiq-skeleton-loader", 3)(3, "symphiq-skeleton-loader", 3);
@@ -3341,7 +3341,7 @@ function ChartContainerComponent_Conditional_1_Conditional_11_Template(rf, ctx)
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c0$1a, ctx_r0.iconClass(), ctx_r0.isLightMode() ? "bg-white/90 hover:bg-white" : "bg-slate-800/90 hover:bg-slate-800"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c0$1b, ctx_r0.iconClass(), ctx_r0.isLightMode() ? "bg-white/90 hover:bg-white" : "bg-slate-800/90 hover:bg-slate-800"));
 } }
 function ChartContainerComponent_Conditional_1_Conditional_13_Defer_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-line-chart", 23);
@@ -4943,7 +4943,7 @@ class CompetitivePositioningSummaryComponent {
     }], null, { metrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "metrics", required: false }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], isCompactMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompactMode", required: false }] }], overallDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "overallDescription", required: false }] }], competitiveBenchmark: [{ type: i0.Input, args: [{ isSignal: true, alias: "competitiveBenchmark", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }], scrollToCompetitive: [{ type: i0.Output, args: ["scrollToCompetitive"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitivePositioningSummaryComponent, { className: "CompetitivePositioningSummaryComponent", filePath: "lib/components/funnel-analysis-dashboard/competitive-positioning-summary.component.ts", lineNumber: 298 }); })();
 
-const _c0$19 = () => [1, 2, 3, 4];
+const _c0$1a = () => [1, 2, 3, 4];
 function OverallAssessmentComponent_Conditional_0_For_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵelement(1, "symphiq-skeleton-loader", 6)(2, "symphiq-skeleton-loader", 6);
@@ -4977,7 +4977,7 @@ function OverallAssessmentComponent_Conditional_0_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("width", "100px")("height", "70px")("isLightMode", ctx_r0.isLightMode());
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(14, _c0$19));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(14, _c0$1a));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("width", "100%")("height", "200px")("isLightMode", ctx_r0.isLightMode());
 } }
@@ -6192,7 +6192,7 @@ class OverallAssessmentComponent {
     }], null, { assessment: [{ type: i0.Input, args: [{ isSignal: true, alias: "assessment", required: false }] }], revenueMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "revenueMetric", required: false }] }], charts: [{ type: i0.Input, args: [{ isSignal: true, alias: "charts", required: false }] }], metrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "metrics", required: false }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], isCompactMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompactMode", required: false }] }], isChartsLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isChartsLoading", required: false }] }], strengths: [{ type: i0.Input, args: [{ isSignal: true, alias: "strengths", required: false }] }], weaknesses: [{ type: i0.Input, args: [{ isSignal: true, alias: "weaknesses", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }], scrollToSection: [{ type: i0.Output, args: ["scrollToSection"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OverallAssessmentComponent, { className: "OverallAssessmentComponent", filePath: "lib/components/funnel-analysis-dashboard/overall-assessment.component.ts", lineNumber: 303 }); })();
 
-const _c0$18 = () => [1, 2, 3];
+const _c0$19 = () => [1, 2, 3];
 const _c1$E = () => [1, 2, 3, 4];
 const _c2$q = () => [];
 function InsightCardComponent_Conditional_0_Conditional_0_For_7_Template(rf, ctx) { if (rf & 1) {
@@ -6230,7 +6230,7 @@ function InsightCardComponent_Conditional_0_Conditional_0_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵproperty("width", "60%")("height", "20px")("isLightMode", ctx_r0.isLightMode());
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(8, _c0$18));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(8, _c0$19));
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(9, _c1$E));
 } }
@@ -8930,7 +8930,7 @@ class MetricCardComponent {
     }], () => [], { metric: [{ type: i0.Input, args: [{ isSignal: true, alias: "metric", required: false }] }], insights: [{ type: i0.Input, args: [{ isSignal: true, alias: "insights", required: false }] }], charts: [{ type: i0.Input, args: [{ isSignal: true, alias: "charts", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], analysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysis", required: false }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], isCompactMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompactMode", required: false }] }], isInModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInModal", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], initialExpandedSection: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialExpandedSection", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricCardComponent, { className: "MetricCardComponent", filePath: "lib/components/funnel-analysis-dashboard/metric-card.component.ts", lineNumber: 537 }); })();
 
-const _c0$17 = () => [1, 2, 3];
+const _c0$18 = () => [1, 2, 3];
 const _c1$D = (a0, a1, a2) => [a0, a1, a2];
 const _c2$p = (a0, a1) => [a0, a1];
 const _forTrack0$W = ($index, $item) => $item.metric;
@@ -8960,7 +8960,7 @@ function BreakdownSectionComponent_Conditional_0_For_7_Template(rf, ctx) { if (r
     i0.ɵɵadvance();
     i0.ɵɵproperty("width", "30%")("height", "18px")("isLightMode", ctx_r0.isLightMode());
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(3, _c0$17));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(3, _c0$18));
 } }
 function BreakdownSectionComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0)(1, "div", 2);
@@ -8979,7 +8979,7 @@ function BreakdownSectionComponent_Conditional_0_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵproperty("width", "85%")("height", "14px")("isLightMode", ctx_r0.isLightMode());
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(10, _c0$17));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(10, _c0$18));
 } }
 function BreakdownSectionComponent_Conditional_1_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
@@ -11507,7 +11507,7 @@ class FunnelWeaknessesListModalContentComponent {
     }], null, { weaknesses: [{ type: i0.Input, args: [{ isSignal: true, alias: "weaknesses", required: true }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelWeaknessesListModalContentComponent, { className: "FunnelWeaknessesListModalContentComponent", filePath: "lib/components/funnel-analysis-dashboard/funnel-weaknesses-list-modal-content.component.ts", lineNumber: 132 }); })();
 
-const _c0$16 = () => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+const _c0$17 = () => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 function FunnelStrengthDetailModalContentComponent_For_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 12);
 } if (rf & 2) {
@@ -11783,7 +11783,7 @@ class FunnelStrengthDetailModalContentComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.impactScoreLabelClasses());
             i0.ɵɵadvance(3);
-            i0.ɵɵrepeater(i0.ɵɵpureFunction0(35, _c0$16));
+            i0.ɵɵrepeater(i0.ɵɵpureFunction0(35, _c0$17));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
             i0.ɵɵadvance();
@@ -11959,7 +11959,7 @@ class FunnelStrengthDetailModalContentComponent {
     }], null, { strength: [{ type: i0.Input, args: [{ isSignal: true, alias: "strength", required: true }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: true }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelStrengthDetailModalContentComponent, { className: "FunnelStrengthDetailModalContentComponent", filePath: "lib/components/funnel-analysis-dashboard/funnel-strength-detail-modal-content.component.ts", lineNumber: 128 }); })();
 
-const _c0$15 = () => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+const _c0$16 = () => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 function FunnelWeaknessDetailModalContentComponent_For_27_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 17);
 } if (rf & 2) {
@@ -12470,7 +12470,7 @@ class FunnelWeaknessDetailModalContentComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.impactScoreLabelClasses());
             i0.ɵɵadvance(3);
-            i0.ɵɵrepeater(i0.ɵɵpureFunction0(49, _c0$15));
+            i0.ɵɵrepeater(i0.ɵɵpureFunction0(49, _c0$16));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
             i0.ɵɵadvance();
@@ -12931,7 +12931,7 @@ class ProfileItemLookupService {
             }]
     }], null, null); })();
 
-const _c0$14 = a0 => ({ name: "chevron-right", source: a0 });
+const _c0$15 = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$T = ($index, $item) => $item.id;
 function RelatedAreaChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -12949,7 +12949,7 @@ function RelatedAreaChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (r
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(item_r2.label);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$14, ctx_r2.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$15, ctx_r2.IconSourceEnum.HEROICONS));
 } }
 function RelatedAreaChipsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0);
@@ -13033,7 +13033,7 @@ class RelatedAreaChipsComponent {
     }], null, { relatedAreaIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "relatedAreaIds", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], inModalContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "inModalContext", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedAreaChipsComponent, { className: "RelatedAreaChipsComponent", filePath: "lib/components/business-analysis-dashboard/shared/related-area-chips.component.ts", lineNumber: 31 }); })();
 
-const _c0$13 = a0 => ({ name: "chevron-right", source: a0 });
+const _c0$14 = a0 => ({ name: "chevron-right", source: a0 });
 function CompetitorChipListComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 2);
@@ -13050,7 +13050,7 @@ function CompetitorChipListComponent_Conditional_0_For_2_Template(rf, ctx) { if
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r2.getItemLabel(item_r2));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$13, ctx_r2.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$14, ctx_r2.IconSourceEnum.HEROICONS));
 } }
 function CompetitorChipListComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0);
@@ -13451,7 +13451,7 @@ class CompetitorContextSectionComponent {
     }], null, { contextType: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextType", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isCollapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsible", required: false }] }], itemClicked: [{ type: i0.Output, args: ["itemClicked"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitorContextSectionComponent, { className: "CompetitorContextSectionComponent", filePath: "lib/components/business-analysis-dashboard/cards/competitor-context-section.component.ts", lineNumber: 86 }); })();
 
-const _c0$12 = a0 => ({ name: "chevron-right", source: a0 });
+const _c0$13 = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$R = ($index, $item) => $item.id;
 function RelatedRecommendationChipsComponent_Conditional_0_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -13472,7 +13472,7 @@ function RelatedRecommendationChipsComponent_Conditional_0_For_3_Template(rf, ct
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(rec_r2.title);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$12, ctx_r2.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$13, ctx_r2.IconSourceEnum.HEROICONS));
 } }
 function RelatedRecommendationChipsComponent_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -20441,7 +20441,7 @@ class MarkdownTooltipComponent {
     }], null, { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MarkdownTooltipComponent, { className: "MarkdownTooltipComponent", filePath: "lib/components/funnel-analysis-dashboard/tooltip/markdown-tooltip.component.ts", lineNumber: 69 }); })();
 
-const _c0$11 = () => [];
+const _c0$12 = () => [];
 function TooltipContainerComponent_Conditional_0_Case_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-metric-value-tooltip", 6);
 } if (rf & 2) {
@@ -20605,7 +20605,7 @@ function TooltipContainerComponent_Conditional_0_Case_15_Conditional_1_Template(
 } if (rf & 2) {
     i0.ɵɵnextContext(2);
     const content_r4 = i0.ɵɵreadContextLet(2);
-    i0.ɵɵrepeater(content_r4["sections"] || i0.ɵɵpureFunction0(0, _c0$11));
+    i0.ɵɵrepeater(content_r4["sections"] || i0.ɵɵpureFunction0(0, _c0$12));
 } }
 function TooltipContainerComponent_Conditional_0_Case_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
@@ -21711,7 +21711,7 @@ class SearchService {
             }]
     }], null, null); })();
 
-const _c0$10 = ["searchInput"];
+const _c0$11 = ["searchInput"];
 const _forTrack0$L = ($index, $item) => $item.id;
 function SearchBarComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
@@ -22073,7 +22073,7 @@ class SearchBarComponent {
     }
     static { this.ɵfac = function SearchBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchBarComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchBarComponent, selectors: [["symphiq-search-bar"]], viewQuery: function SearchBarComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$10, 5);
+            i0.ɵɵviewQuery(_c0$11, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchInput = _t.first);
@@ -25756,7 +25756,7 @@ class FunnelWelcomeBannerComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelWelcomeBannerComponent, { className: "FunnelWelcomeBannerComponent", filePath: "lib/components/funnel-analysis-dashboard/funnel-welcome-banner.component.ts", lineNumber: 113 }); })();
 
-const _c0$$ = [[["", "slot", "overall-performance"]], [["", "slot", "performance-metrics"]], [["", "slot", "performance-breakdowns"]], [["", "slot", "competitive-intelligence"]]];
+const _c0$10 = [[["", "slot", "overall-performance"]], [["", "slot", "performance-metrics"]], [["", "slot", "performance-breakdowns"]], [["", "slot", "competitive-intelligence"]]];
 const _c1$C = ["[slot=overall-performance]", "[slot=performance-metrics]", "[slot=performance-breakdowns]", "[slot=competitive-intelligence]"];
 class CollapsibleFunnelSectionGroupComponent {
     constructor() {
@@ -25889,7 +25889,7 @@ class CollapsibleFunnelSectionGroupComponent {
     }
     static { this.ɵfac = function CollapsibleFunnelSectionGroupComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollapsibleFunnelSectionGroupComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleFunnelSectionGroupComponent, selectors: [["symphiq-collapsible-funnel-section-group"]], inputs: { viewMode: [1, "viewMode"] }, ngContentSelectors: _c1$C, decls: 90, vars: 58, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "transition-colors", "duration-200", 3, "ngClass"], [1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"]], template: function CollapsibleFunnelSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$$);
+            i0.ɵɵprojectionDef(_c0$10);
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(5, "svg", 5);
@@ -26732,7 +26732,7 @@ class ViewModeSwitcherModalComponent {
     }], null, { isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], currentMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentMode", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], close: [{ type: i0.Output, args: ["close"] }], modeSelected: [{ type: i0.Output, args: ["modeSelected"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewModeSwitcherModalComponent, { className: "ViewModeSwitcherModalComponent", filePath: "lib/components/shared/view-mode-switcher-modal.component.ts", lineNumber: 160 }); })();
 
-const _c0$_ = a0 => ({ name: "check-badge", source: a0 });
+const _c0$$ = a0 => ({ name: "check-badge", source: a0 });
 const _c1$B = a0 => ({ name: "check-circle", source: a0 });
 const _c2$o = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$H = ($index, $item) => $item.area;
@@ -26749,7 +26749,7 @@ function KeyStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyStateClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$_, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.emptyIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$$, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.emptyIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyTitleClasses());
     i0.ɵɵadvance(2);
@@ -26964,7 +26964,7 @@ class KeyStrengthsListModalContentComponent {
     }], null, { keyStrengths: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyStrengths", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KeyStrengthsListModalContentComponent, { className: "KeyStrengthsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/key-strengths-list-modal-content.component.ts", lineNumber: 79 }); })();
 
-const _c0$Z = a0 => ({ name: "shield-check", source: a0 });
+const _c0$_ = a0 => ({ name: "shield-check", source: a0 });
 const _c1$A = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c2$n = a0 => ({ name: "document-text", source: a0 });
 const _c3$i = a0 => ({ name: "chevron-right", source: a0 });
@@ -26982,7 +26982,7 @@ function CriticalGapsListModalContentComponent_Conditional_1_Template(rf, ctx) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyStateClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$Z, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.emptyIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$_, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.emptyIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyTitleClasses());
     i0.ɵɵadvance(2);
@@ -27280,7 +27280,7 @@ class CriticalGapsListModalContentComponent {
     }], null, { criticalGaps: [{ type: i0.Input, args: [{ isSignal: true, alias: "criticalGaps", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CriticalGapsListModalContentComponent, { className: "CriticalGapsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/critical-gaps-list-modal-content.component.ts", lineNumber: 98 }); })();
 
-const _c0$Y = a0 => ({ name: "check-circle", source: a0 });
+const _c0$Z = a0 => ({ name: "check-circle", source: a0 });
 const _c1$z = a0 => ({ name: "chat-bubble-left-right", source: a0 });
 const _forTrack0$F = ($index, $item) => $item.questionId;
 function KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
@@ -27336,7 +27336,7 @@ function KeyStrengthDetailModalContentComponent_Conditional_13_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.sectionTitleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$Y, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.sectionIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$Z, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.sectionIconClasses());
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.strength().supportingAnswers);
 } }
@@ -27521,7 +27521,7 @@ class KeyStrengthDetailModalContentComponent {
     }], null, { strength: [{ type: i0.Input, args: [{ isSignal: true, alias: "strength", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KeyStrengthDetailModalContentComponent, { className: "KeyStrengthDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/key-strength-detail-modal-content.component.ts", lineNumber: 79 }); })();
 
-const _c0$X = a0 => ({ name: "exclamation-triangle", source: a0 });
+const _c0$Y = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c1$y = a0 => ({ name: "document-text", source: a0 });
 const _c2$m = a0 => ({ name: "chat-bubble-left-right", source: a0 });
 const _forTrack0$E = ($index, $item) => $item.questionId;
@@ -27799,7 +27799,7 @@ class CriticalGapDetailModalContentComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.impactSectionClasses());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(15, _c0$X, ctx.IconSourceEnum.HEROICONS))("ngClass", ctx.impactIconClasses());
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(15, _c0$Y, ctx.IconSourceEnum.HEROICONS))("ngClass", ctx.impactIconClasses());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.impactTitleClasses());
             i0.ɵɵadvance(2);
@@ -29384,7 +29384,7 @@ class TopPriorityDetailModalContentComponent {
     }], null, { priority: [{ type: i0.Input, args: [{ isSignal: true, alias: "priority", required: true }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: false }] }], totalCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalCount", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], focusAreaName: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaName", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TopPriorityDetailModalContentComponent, { className: "TopPriorityDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/top-priority-detail-modal-content.component.ts", lineNumber: 72 }); })();
 
-const _c0$W = a0 => ({ name: "check-badge", source: a0 });
+const _c0$X = a0 => ({ name: "check-badge", source: a0 });
 const _c1$x = a0 => ({ name: "check-circle", source: a0 });
 const _c2$l = a0 => ({ name: "chevron-right", source: a0 });
 const _c3$h = a0 => ({ name: "chart-bar", source: a0 });
@@ -29402,7 +29402,7 @@ function FocusAreaStrengthsListModalContentComponent_Conditional_1_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyStateClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$W, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.emptyIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$X, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.emptyIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyTitleClasses());
     i0.ɵɵadvance(2);
@@ -29707,7 +29707,7 @@ class FocusAreaStrengthsListModalContentComponent {
     }], null, { strengths: [{ type: i0.Input, args: [{ isSignal: true, alias: "strengths", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: true }] }], categoryTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "categoryTitle", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaStrengthsListModalContentComponent, { className: "FocusAreaStrengthsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-strengths-list-modal-content.component.ts", lineNumber: 109 }); })();
 
-const _c0$V = a0 => ({ name: "exclamation-triangle", source: a0 });
+const _c0$W = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c1$w = a0 => ({ name: "exclamation-circle", source: a0 });
 const _c2$k = a0 => ({ name: "chevron-right", source: a0 });
 function _forTrack0$C($index, $item) { return this.getGapTitle($item); }
@@ -29724,7 +29724,7 @@ function FocusAreaGapsListModalContentComponent_Conditional_1_Template(rf, ctx)
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyStateClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$V, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.emptyIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$W, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.emptyIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyTitleClasses());
     i0.ɵɵadvance(2);
@@ -30101,7 +30101,7 @@ class FocusAreaGapsListModalContentComponent {
     }], null, { gaps: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaps", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: true }] }], categoryTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "categoryTitle", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaGapsListModalContentComponent, { className: "FocusAreaGapsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-gaps-list-modal-content.component.ts", lineNumber: 106 }); })();
 
-const _c0$U = a0 => ({ name: "light-bulb", source: a0 });
+const _c0$V = a0 => ({ name: "light-bulb", source: a0 });
 const _c1$v = a0 => ({ name: "chevron-right", source: a0 });
 const _c2$j = a0 => ({ name: "chart-bar", source: a0 });
 const _forTrack0$B = ($index, $item) => $item.opportunity;
@@ -30118,7 +30118,7 @@ function FocusAreaOpportunitiesListModalContentComponent_Conditional_1_Template(
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyStateClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$U, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.emptyIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$V, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.emptyIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyTitleClasses());
     i0.ɵɵadvance(2);
@@ -30370,7 +30370,7 @@ class FocusAreaOpportunitiesListModalContentComponent {
     }], null, { opportunities: [{ type: i0.Input, args: [{ isSignal: true, alias: "opportunities", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: true }] }], categoryTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "categoryTitle", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaOpportunitiesListModalContentComponent, { className: "FocusAreaOpportunitiesListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-opportunities-list-modal-content.component.ts", lineNumber: 90 }); })();
 
-const _c0$T = a0 => ({ name: "chevron-right", source: a0 });
+const _c0$U = a0 => ({ name: "chevron-right", source: a0 });
 const _c1$u = a0 => ({ name: "chat-bubble-left-right", source: a0 });
 const _forTrack0$A = ($index, $item) => $item.performanceItemId;
 function FocusAreaStrengthDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -30435,7 +30435,7 @@ function FocusAreaStrengthDetailModalContentComponent_Conditional_4_For_5_Templa
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.formatMetricName(metric_r3.metric || ""));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$T, ctx_r0.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$U, ctx_r0.IconSourceEnum.HEROICONS));
 } }
 function FocusAreaStrengthDetailModalContentComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "h4", 8);
@@ -30755,7 +30755,7 @@ class FocusAreaStrengthDetailModalContentComponent {
     }], null, { strength: [{ type: i0.Input, args: [{ isSignal: true, alias: "strength", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: true }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaStrengthDetailModalContentComponent, { className: "FocusAreaStrengthDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-strength-detail-modal-content.component.ts", lineNumber: 121 }); })();
 
-const _c0$S = a0 => ({ name: "chat-bubble-left-right", source: a0 });
+const _c0$T = a0 => ({ name: "chat-bubble-left-right", source: a0 });
 function FocusAreaGapDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "span", 3);
     i0.ɵɵtext(2);
@@ -30852,7 +30852,7 @@ function FocusAreaGapDetailModalContentComponent_Conditional_6_For_5_Template(rf
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.answerClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c0$S, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.answerIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c0$T, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.answerIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.answerQuestionClasses());
     i0.ɵɵadvance();
@@ -31091,7 +31091,7 @@ class FocusAreaGapDetailModalContentComponent {
     }], null, { gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: true }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaGapDetailModalContentComponent, { className: "FocusAreaGapDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-gap-detail-modal-content.component.ts", lineNumber: 98 }); })();
 
-const _c0$R = a0 => ({ name: "chevron-right", source: a0 });
+const _c0$S = a0 => ({ name: "chevron-right", source: a0 });
 const _c1$t = () => [];
 const _forTrack0$z = ($index, $item) => $item.performanceItemId;
 function FocusAreaOpportunityDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -31138,7 +31138,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_3_For_5_Tem
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.formatMetricName(metric_r3.metric || ""));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$R, ctx_r0.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$S, ctx_r0.IconSourceEnum.HEROICONS));
 } }
 function FocusAreaOpportunityDetailModalContentComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "h4", 5);
@@ -31543,7 +31543,7 @@ class CircularProgressComponent {
     }], null, { percentage: [{ type: i0.Input, args: [{ isSignal: true, alias: "percentage", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], progressColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressColor", required: false }] }], backgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundColor", required: false }] }], showPercentage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPercentage", required: false }] }], textClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "textClasses", required: false }] }], strokeLinecap: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeLinecap", required: false }] }], animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: false }] }], animationDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDelay", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CircularProgressComponent, { className: "CircularProgressComponent", filePath: "lib/components/business-analysis-dashboard/visualizations/circular-progress.component.ts", lineNumber: 41 }); })();
 
-const _c0$Q = ["*"];
+const _c0$R = ["*"];
 const _c1$s = (a0, a1) => [a0, a1];
 function VisualizationContainerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -31588,7 +31588,7 @@ class VisualizationContainerComponent {
         });
     }
     static { this.ɵfac = function VisualizationContainerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || VisualizationContainerComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VisualizationContainerComponent, selectors: [["symphiq-visualization-container"]], inputs: { isLightMode: [1, "isLightMode"], visualizationType: [1, "visualizationType"], visualizationData: [1, "visualizationData"], disableInteraction: [1, "disableInteraction"] }, outputs: { visualizationClick: "visualizationClick" }, ngContentSelectors: _c0$Q, decls: 4, vars: 8, consts: [[1, "relative", "rounded-xl", "transition-all", "duration-300", 3, "click", "ngClass"], ["type", "button", 1, "absolute", "top-2", "right-2", "z-10", "w-7", "h-7", "flex", "items-center", "justify-center", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", "cursor-pointer", "opacity-0", "group-hover:opacity-100", 3, "ngClass"], [1, "transition-opacity", "duration-300"], ["type", "button", 1, "absolute", "top-2", "right-2", "z-10", "w-7", "h-7", "flex", "items-center", "justify-center", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", "cursor-pointer", "opacity-0", "group-hover:opacity-100", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"]], template: function VisualizationContainerComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VisualizationContainerComponent, selectors: [["symphiq-visualization-container"]], inputs: { isLightMode: [1, "isLightMode"], visualizationType: [1, "visualizationType"], visualizationData: [1, "visualizationData"], disableInteraction: [1, "disableInteraction"] }, outputs: { visualizationClick: "visualizationClick" }, ngContentSelectors: _c0$R, decls: 4, vars: 8, consts: [[1, "relative", "rounded-xl", "transition-all", "duration-300", 3, "click", "ngClass"], ["type", "button", 1, "absolute", "top-2", "right-2", "z-10", "w-7", "h-7", "flex", "items-center", "justify-center", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", "cursor-pointer", "opacity-0", "group-hover:opacity-100", 3, "ngClass"], [1, "transition-opacity", "duration-300"], ["type", "button", 1, "absolute", "top-2", "right-2", "z-10", "w-7", "h-7", "flex", "items-center", "justify-center", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", "cursor-pointer", "opacity-0", "group-hover:opacity-100", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"]], template: function VisualizationContainerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("click", function VisualizationContainerComponent_Template_div_click_0_listener($event) { return ctx.onVisualizationClick($event); });
@@ -31709,7 +31709,7 @@ class MetricBadgeComponent {
     }], null, { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], isDark: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDark", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricBadgeComponent, { className: "MetricBadgeComponent", filePath: "lib/components/business-analysis-dashboard/badges/metric-badge.component.ts", lineNumber: 22 }); })();
 
-const _c0$P = a0 => ({ name: "light-bulb", source: a0 });
+const _c0$Q = a0 => ({ name: "light-bulb", source: a0 });
 const _c1$r = a0 => ({ name: "chevron-right", source: a0 });
 function OpportunityHighlightBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 7);
@@ -31774,7 +31774,7 @@ class OpportunityHighlightBannerComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(11, _c0$P, ctx.iconSource));
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(11, _c0$Q, ctx.iconSource));
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
             i0.ɵɵadvance();
@@ -31831,7 +31831,7 @@ class OpportunityHighlightBannerComponent {
     }], null, { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], isDark: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDark", required: false }] }], isExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isExpanded", required: false }] }], bannerClick: [{ type: i0.Output, args: ["bannerClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OpportunityHighlightBannerComponent, { className: "OpportunityHighlightBannerComponent", filePath: "lib/components/business-analysis-dashboard/banners/opportunity-highlight-banner.component.ts", lineNumber: 44 }); })();
 
-const _c0$O = a0 => ({ name: "users", source: a0 });
+const _c0$P = a0 => ({ name: "users", source: a0 });
 function CompetitorOverlapVisualizationComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5)(1, "div", 6);
     i0.ɵɵelement(2, "symphiq-icon", 7);
@@ -31846,7 +31846,7 @@ function CompetitorOverlapVisualizationComponent_Conditional_18_Template(rf, ctx
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.competitorListLabelClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c0$O, ctx_r0.iconSource));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c0$P, ctx_r0.iconSource));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("relatedCompetitorIds", ctx_r0.relatedCompetitorIds())("viewMode", ctx_r0.isDark() ? ctx_r0.ViewModeEnum.DARK : ctx_r0.ViewModeEnum.LIGHT)("isDark", ctx_r0.isDark());
 } }
@@ -32410,11 +32410,11 @@ class ViewportAnimationDirective {
             type: Input
         }] }); })();
 
-const _c0$N = a0 => ({ name: "star", source: a0 });
+const _c0$O = a0 => ({ name: "star", source: a0 });
 const _c1$q = a0 => ({ name: "globe-americas", source: a0 });
 const _c2$i = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$g = a0 => ({ name: "information-circle", source: a0 });
-const _c4$b = a0 => ({ name: "signal", source: a0 });
+const _c4$c = a0 => ({ name: "signal", source: a0 });
 const _c5$9 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 function RegionCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 2);
@@ -32446,7 +32446,7 @@ function RegionCardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-metric-badge", 13);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c0$N, ctx_r0.IconSourceEnum.HEROICONS))("isDark", ctx_r0.isDark);
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c0$O, ctx_r0.IconSourceEnum.HEROICONS))("isDark", ctx_r0.isDark);
 } }
 function RegionCardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-metric-badge", 14);
@@ -32605,7 +32605,7 @@ function RegionCardComponent_Conditional_21_Conditional_7_Template(rf, ctx) { if
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$b, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$c, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -33488,11 +33488,11 @@ class CompetitiveInsightBadgeComponent {
     }], null, { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], isDark: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDark", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveInsightBadgeComponent, { className: "CompetitiveInsightBadgeComponent", filePath: "lib/components/business-analysis-dashboard/badges/competitive-insight-badge.component.ts", lineNumber: 25 }); })();
 
-const _c0$M = a0 => ({ name: "calendar-days", source: a0 });
+const _c0$N = a0 => ({ name: "calendar-days", source: a0 });
 const _c1$p = a0 => ({ name: "chart-bar", source: a0 });
 const _c2$h = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$f = a0 => ({ name: "information-circle", source: a0 });
-const _c4$a = a0 => ({ name: "signal", source: a0 });
+const _c4$b = a0 => ({ name: "signal", source: a0 });
 const _c5$8 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 function SeasonCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 2);
@@ -33509,7 +33509,7 @@ function SeasonCardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-metric-badge", 12);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("label", ctx_r0.formatMonthRange())("icon", i0.ɵɵpureFunction1(3, _c0$M, ctx_r0.IconSourceEnum.HEROICONS))("isDark", ctx_r0.isDark);
+    i0.ɵɵproperty("label", ctx_r0.formatMonthRange())("icon", i0.ɵɵpureFunction1(3, _c0$N, ctx_r0.IconSourceEnum.HEROICONS))("isDark", ctx_r0.isDark);
 } }
 function SeasonCardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-metric-badge", 13);
@@ -33691,7 +33691,7 @@ function SeasonCardComponent_Conditional_20_Conditional_7_Template(rf, ctx) { if
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$a, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$b, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -34326,11 +34326,11 @@ class SeasonCardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SeasonCardComponent, { className: "SeasonCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/season-card.component.ts", lineNumber: 270 }); })();
 
-const _c0$L = a0 => ({ name: "currency-dollar", source: a0 });
+const _c0$M = a0 => ({ name: "currency-dollar", source: a0 });
 const _c1$o = a0 => ({ name: "chart-bar", source: a0 });
 const _c2$g = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$e = a0 => ({ name: "information-circle", source: a0 });
-const _c4$9 = a0 => ({ name: "signal", source: a0 });
+const _c4$a = a0 => ({ name: "signal", source: a0 });
 const _c5$7 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 function CustomerSegmentCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 8);
@@ -34471,7 +34471,7 @@ function CustomerSegmentCardComponent_Conditional_22_Template(rf, ctx) { if (rf
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("label", ctx_r0.formatPercentage(ctx_r0.item().percentageOfRevenue) + " of Revenue")("icon", i0.ɵɵpureFunction1(4, _c0$L, ctx_r0.IconSourceEnum.HEROICONS))("isDark", ctx_r0.isDark);
+    i0.ɵɵproperty("label", ctx_r0.formatPercentage(ctx_r0.item().percentageOfRevenue) + " of Revenue")("icon", i0.ɵɵpureFunction1(4, _c0$M, ctx_r0.IconSourceEnum.HEROICONS))("isDark", ctx_r0.isDark);
 } }
 function CustomerSegmentCardComponent_Conditional_23_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
@@ -34538,7 +34538,7 @@ function CustomerSegmentCardComponent_Conditional_23_Conditional_11_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$9, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$a, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -34689,7 +34689,7 @@ function CustomerSegmentCardComponent_Conditional_24_Conditional_7_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$9, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$a, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -35443,11 +35443,11 @@ class CustomerSegmentCardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CustomerSegmentCardComponent, { className: "CustomerSegmentCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/customer-segment-card.component.ts", lineNumber: 366 }); })();
 
-const _c0$K = a0 => ({ name: "currency-dollar", source: a0 });
+const _c0$L = a0 => ({ name: "currency-dollar", source: a0 });
 const _c1$n = a0 => ({ name: "document-text", source: a0 });
 const _c2$f = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$d = a0 => ({ name: "information-circle", source: a0 });
-const _c4$8 = a0 => ({ name: "signal", source: a0 });
+const _c4$9 = a0 => ({ name: "signal", source: a0 });
 const _c5$6 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 function PriceTierCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 7);
@@ -35541,7 +35541,7 @@ function PriceTierCardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c0$K, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c0$L, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -35627,7 +35627,7 @@ function PriceTierCardComponent_Conditional_27_Conditional_7_Template(rf, ctx) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$8, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$9, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -36280,11 +36280,11 @@ class PriceTierCardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PriceTierCardComponent, { className: "PriceTierCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/price-tier-card.component.ts", lineNumber: 261 }); })();
 
-const _c0$J = () => ({ name: "cube", source: "HEROICONS" });
+const _c0$K = () => ({ name: "cube", source: "HEROICONS" });
 const _c1$m = () => ({ name: "currency-dollar", source: "HEROICONS" });
 const _c2$e = () => ({ name: "chart-bar", source: "HEROICONS" });
 const _c3$c = a0 => ({ name: "chart-bar", source: a0 });
-const _c4$7 = a0 => ({ name: "academic-cap", source: a0 });
+const _c4$8 = a0 => ({ name: "academic-cap", source: a0 });
 const _c5$5 = a0 => ({ name: "information-circle", source: a0 });
 const _c6$2 = a0 => ({ name: "signal", source: a0 });
 const _c7$1 = a0 => ({ name: "wrench-screwdriver", source: a0 });
@@ -36327,7 +36327,7 @@ function ProductCategoryCardComponent_Conditional_14_Conditional_2_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getStatBoxClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(6, _c0$J))("ngClass", ctx_r0.getStatIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(6, _c0$K))("ngClass", ctx_r0.getStatIconClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getStatLabelClasses());
     i0.ɵɵadvance(2);
@@ -36517,7 +36517,7 @@ function ProductCategoryCardComponent_Conditional_18_Conditional_5_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$7, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$8, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -37275,13 +37275,13 @@ class ProductCategoryCardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProductCategoryCardComponent, { className: "ProductCategoryCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/product-category-card.component.ts", lineNumber: 324 }); })();
 
-const _c0$I = (a0, a1) => ({ name: a0, source: a1 });
+const _c0$J = (a0, a1) => ({ name: a0, source: a1 });
 function CompetitiveStrengthIndicatorComponent_For_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-icon", 2);
 } if (rf & 2) {
     const star_r1 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction2(2, _c0$I, star_r1.filled ? "star" : "star", ctx_r1.iconSource))("ngClass", star_r1.filled ? ctx_r1.filledStarClasses() : ctx_r1.emptyStarClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction2(2, _c0$J, star_r1.filled ? "star" : "star", ctx_r1.iconSource))("ngClass", star_r1.filled ? ctx_r1.filledStarClasses() : ctx_r1.emptyStarClasses());
 } }
 class CompetitiveStrengthIndicatorComponent {
     constructor() {
@@ -37437,11 +37437,11 @@ function getCategoryBadgeClasses(category, isDark) {
     return `px-3 py-1 rounded-full text-xs font-semibold whitespace-nowrap ${colorClasses}`;
 }
 
-const _c0$H = a0 => ({ name: "shield-check", source: a0 });
+const _c0$I = a0 => ({ name: "shield-check", source: a0 });
 const _c1$l = a0 => ({ name: "building-storefront", source: a0 });
 const _c2$d = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$b = a0 => ({ name: "information-circle", source: a0 });
-const _c4$6 = a0 => ({ name: "signal", source: a0 });
+const _c4$7 = a0 => ({ name: "signal", source: a0 });
 const _c5$4 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 function EnhancedListItemCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
@@ -37509,7 +37509,7 @@ function EnhancedListItemCardComponent_Conditional_21_Template(rf, ctx) { if (rf
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c0$H, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c0$I, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -37574,7 +37574,7 @@ function EnhancedListItemCardComponent_Conditional_22_Conditional_7_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$6, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$7, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -38153,7 +38153,7 @@ class EnhancedListItemCardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EnhancedListItemCardComponent, { className: "EnhancedListItemCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/enhanced-list-item-card.component.ts", lineNumber: 221 }); })();
 
-const _c0$G = a0 => ({ name: "academic-cap", source: a0 });
+const _c0$H = a0 => ({ name: "academic-cap", source: a0 });
 const _c1$k = a0 => ({ name: "information-circle", source: a0 });
 const _c2$c = a0 => ({ name: "signal", source: a0 });
 const _c3$a = a0 => ({ name: "wrench-screwdriver", source: a0 });
@@ -38234,7 +38234,7 @@ function FocusAreaDetailCardComponent_Conditional_16_Conditional_5_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c0$G, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c0$H, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.expandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -40015,7 +40015,7 @@ class CompetitorAnalysisCardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitorAnalysisCardComponent, { className: "CompetitorAnalysisCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/competitor-analysis-card.component.ts", lineNumber: 312 }); })();
 
-const _c0$F = ["*"];
+const _c0$G = ["*"];
 class SkeletonCardBaseComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -40035,7 +40035,7 @@ class SkeletonCardBaseComponent {
     `.trim();
     }
     static { this.ɵfac = function SkeletonCardBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SkeletonCardBaseComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkeletonCardBaseComponent, selectors: [["symphiq-skeleton-card-base"]], inputs: { viewMode: [1, "viewMode"] }, ngContentSelectors: _c0$F, decls: 2, vars: 1, consts: [[1, "animate-pulse", 3, "ngClass"]], template: function SkeletonCardBaseComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkeletonCardBaseComponent, selectors: [["symphiq-skeleton-card-base"]], inputs: { viewMode: [1, "viewMode"] }, ngContentSelectors: _c0$G, decls: 2, vars: 1, consts: [[1, "animate-pulse", 3, "ngClass"]], template: function SkeletonCardBaseComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
@@ -41200,7 +41200,7 @@ class ProfileItemCardComponent {
     }], null, { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], subsectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "subsectionId", required: false }] }], forceExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceExpanded", required: false }] }], animationIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationIndex", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], inModalContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "inModalContext", required: false }] }], isCompactMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompactMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileItemCardComponent, { className: "ProfileItemCardComponent", filePath: "lib/components/business-analysis-dashboard/profile-item-card.component.ts", lineNumber: 171 }); })();
 
-const _c0$E = ["scrollContainer"];
+const _c0$F = ["scrollContainer"];
 const _c1$j = a0 => ({ name: "arrow-right", source: a0 });
 function ItemDetailModalComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
@@ -41320,7 +41320,7 @@ class ItemDetailModalComponent {
     }
     static { this.ɵfac = function ItemDetailModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ItemDetailModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ItemDetailModalComponent, selectors: [["symphiq-item-detail-modal"]], viewQuery: function ItemDetailModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$E, 5);
+            i0.ɵɵviewQuery(_c0$F, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
@@ -41399,7 +41399,7 @@ class ItemDetailModalComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ItemDetailModalComponent, { className: "ItemDetailModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/item-detail-modal.component.ts", lineNumber: 53 }); })();
 
-const _c0$D = ["modalContent"];
+const _c0$E = ["modalContent"];
 const _c1$i = ["modalWrapper"];
 const _c2$b = ["*"];
 const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_3_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return lineChart_component; }).then(m => m.LineChartComponent)];
@@ -41407,7 +41407,7 @@ const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_4_D
 const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_5_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return pieChart_component; }).then(m => m.PieChartComponent)];
 const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_6_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
 const _c3$9 = a0 => ({ name: "arrow-left", source: a0 });
-const _c4$5 = a0 => ({ name: "chevron-right", source: a0 });
+const _c4$6 = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$x = ($index, $item) => $item.performanceItemId || $index;
 const _forTrack1$4 = ($index, $item) => $item.id || $index;
 function ProfileAnalysisModalComponent_Conditional_0_Conditional_10_For_5_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
@@ -41440,7 +41440,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_10_For_5_Condit
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional(crumb_r5.stackIndex !== undefined || crumb_r5.backSteps !== undefined ? 0 : 1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c4$5, ctx_r1.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c4$6, ctx_r1.IconSourceEnum.HEROICONS));
 } }
 function ProfileAnalysisModalComponent_Conditional_0_Conditional_10_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 42);
@@ -43648,7 +43648,7 @@ class ProfileAnalysisModalComponent {
     }
     static { this.ɵfac = function ProfileAnalysisModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileAnalysisModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileAnalysisModalComponent, selectors: [["symphiq-profile-analysis-modal"]], viewQuery: function ProfileAnalysisModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$D, 5);
+            i0.ɵɵviewQuery(_c0$E, 5);
             i0.ɵɵviewQuery(_c1$i, 5);
         } if (rf & 2) {
             let _t;
@@ -44203,11 +44203,11 @@ class ProfileAnalysisModalComponent {
         }] }); }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisModalComponent, { className: "ProfileAnalysisModalComponent", filePath: "lib/components/profile-analysis-dashboard/profile-analysis-modal.component.ts", lineNumber: 554 }); })();
 
-const _c0$C = a0 => ({ name: "light-bulb", source: a0 });
+const _c0$D = a0 => ({ name: "light-bulb", source: a0 });
 const _c1$h = a0 => ({ name: "trophy", source: a0 });
 const _c2$a = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$8 = a0 => ({ name: "signal", source: a0 });
-const _c4$4 = a0 => ({ name: "wrench-screwdriver", source: a0 });
+const _c4$5 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 const _c5$3 = a0 => ({ name: "link", source: a0 });
 function CompetitiveGapModalComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
@@ -44316,7 +44316,7 @@ function CompetitiveGapModalComponent_Conditional_13_Template(rf, ctx) { if (rf
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c4$4, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c4$5, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
     i0.ɵɵadvance(3);
@@ -44413,7 +44413,7 @@ class CompetitiveGapModalComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(12, _c0$C, ctx.iconSource));
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(12, _c0$D, ctx.iconSource));
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
             i0.ɵɵadvance();
@@ -44534,7 +44534,7 @@ class CompetitiveGapModalComponent {
     }], null, { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], isDark: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDark", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveGapModalComponent, { className: "CompetitiveGapModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/competitive-gap-modal.component.ts", lineNumber: 101 }); })();
 
-const _c0$B = a0 => ({ name: "list-bullet", source: a0 });
+const _c0$C = a0 => ({ name: "list-bullet", source: a0 });
 const _c1$g = a0 => ({ name: "arrow-right", source: a0 });
 const _c2$9 = a0 => ({ name: "check-circle", source: a0 });
 const _c3$7 = a0 => ({ name: "exclamation-circle", source: a0 });
@@ -44554,7 +44554,7 @@ function RecommendationActionStepsModalComponent_Conditional_1_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.iconContainerClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$B, ctx_r0.iconSource));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$C, ctx_r0.iconSource));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.titleClasses());
     i0.ɵɵadvance(2);
@@ -44774,7 +44774,7 @@ class RecommendationActionStepsModalComponent {
     }], null, { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], actionSteps: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionSteps", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecommendationActionStepsModalComponent, { className: "RecommendationActionStepsModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/recommendation-action-steps-modal.component.ts", lineNumber: 69 }); })();
 
-const _c0$A = ["modalContent"];
+const _c0$B = ["modalContent"];
 const _c1$f = ["modalWrapper"];
 function BusinessAnalysisModalComponent_Conditional_0_Conditional_10_For_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -45297,7 +45297,7 @@ class BusinessAnalysisModalComponent {
     }
     static { this.ɵfac = function BusinessAnalysisModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BusinessAnalysisModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BusinessAnalysisModalComponent, selectors: [["symphiq-business-analysis-modal"]], viewQuery: function BusinessAnalysisModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$A, 5);
+            i0.ɵɵviewQuery(_c0$B, 5);
             i0.ɵɵviewQuery(_c1$f, 5);
         } if (rf & 2) {
             let _t;
@@ -45935,11 +45935,11 @@ class IndeterminateSpinnerComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IndeterminateSpinnerComponent, { className: "IndeterminateSpinnerComponent", filePath: "lib/components/shared/indeterminate-spinner.component.ts", lineNumber: 94 }); })();
 
-const _c0$z = ["dashboardContainer"];
+const _c0$A = ["dashboardContainer"];
 const _c1$e = () => ({});
 const _c2$8 = () => [1, 2, 3, 4, 5, 6];
 const _c3$6 = () => [1, 2, 3];
-const _c4$3 = () => [1, 2, 3, 4];
+const _c4$4 = () => [1, 2, 3, 4];
 const _c5$2 = () => [1, 2];
 const _forTrack0$v = ($index, $item) => $item.value;
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
@@ -46666,7 +46666,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Co
     i0.ɵɵadvance();
     i0.ɵɵproperty("width", "80px")("height", "36px")("isLightMode", ctx_r2.isLightMode());
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(13, _c4$3));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(13, _c4$4));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 132);
@@ -46759,7 +46759,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Co
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c4$3));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c4$4));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Conditional_29_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_Template, 3, 0, "div", 149)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_Template, 3, 0, "div", 150)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_Template, 3, 1, "div", 149);
@@ -46950,7 +46950,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_Co
     i0.ɵɵadvance();
     i0.ɵɵproperty("width", "100px")("height", "24px")("isLightMode", ctx_r2.isLightMode());
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(7, _c4$3));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(7, _c4$4));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 98);
@@ -48230,7 +48230,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
     static { this.ɵfac = function SymphiqFunnelAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqFunnelAnalysisDashboardComponent)(i0.ɵɵdirectiveInject(FunnelOrderService), i0.ɵɵdirectiveInject(ViewModeService), i0.ɵɵdirectiveInject(SearchService), i0.ɵɵdirectiveInject(TooltipService), i0.ɵɵdirectiveInject(ProfileContextService), i0.ɵɵdirectiveInject(ProfileItemLookupService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqFunnelAnalysisDashboardComponent, selectors: [["symphiq-funnel-analysis-dashboard"]], viewQuery: function SymphiqFunnelAnalysisDashboardComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(ModalComponent, 5);
-            i0.ɵɵviewQuery(_c0$z, 5);
+            i0.ɵɵviewQuery(_c0$A, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalComponent = _t.first);
@@ -51939,7 +51939,7 @@ class FocusAreaToolsModalComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaToolsModalComponent, { className: "FocusAreaToolsModalComponent", filePath: "lib/components/create-account-dashboard/focus-area-tools-modal.component.ts", lineNumber: 149 }); })();
 
-const _c0$y = ["shopNameInput"];
+const _c0$z = ["shopNameInput"];
 const _forTrack0$s = ($index, $item) => $item.focusAreaDomain;
 function SymphiqCreateAccountDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 13);
@@ -53139,7 +53139,7 @@ class SymphiqCreateAccountDashboardComponent {
     }
     static { this.ɵfac = function SymphiqCreateAccountDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqCreateAccountDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqCreateAccountDashboardComponent, selectors: [["symphiq-create-account-dashboard"]], viewQuery: function SymphiqCreateAccountDashboardComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$y, 5);
+            i0.ɵɵviewQuery(_c0$z, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.shopNameInput = _t.first);
@@ -57177,7 +57177,7 @@ class ChartValueFormatter {
     }
 }
 
-const _c0$x = ["chartdiv"];
+const _c0$y = ["chartdiv"];
 class AreaChartComponent {
     constructor() {
         this.chart = input({}, ...(ngDevMode ? [{ debugName: "chart" }] : []));
@@ -57486,7 +57486,7 @@ class AreaChartComponent {
     }
     static { this.ɵfac = function AreaChartComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AreaChartComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AreaChartComponent, selectors: [["symphiq-area-chart"]], viewQuery: function AreaChartComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$x, 7);
+            i0.ɵɵviewQuery(_c0$y, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartDiv = _t.first);
@@ -57518,7 +57518,7 @@ var areaChart_component = /*#__PURE__*/Object.freeze({
     AreaChartComponent: AreaChartComponent
 });
 
-const _c0$w = ["chartdiv"];
+const _c0$x = ["chartdiv"];
 class LineChartComponent {
     constructor() {
         this.chart = input({}, ...(ngDevMode ? [{ debugName: "chart" }] : []));
@@ -57968,7 +57968,7 @@ class LineChartComponent {
     }
     static { this.ɵfac = function LineChartComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LineChartComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LineChartComponent, selectors: [["symphiq-line-chart"]], viewQuery: function LineChartComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$w, 7);
+            i0.ɵɵviewQuery(_c0$x, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartDiv = _t.first);
@@ -58000,7 +58000,7 @@ var lineChart_component = /*#__PURE__*/Object.freeze({
     LineChartComponent: LineChartComponent
 });
 
-const _c0$v = ["chartdiv"];
+const _c0$w = ["chartdiv"];
 class ProgressToTargetChartComponent {
     constructor() {
         this.data = input(null, ...(ngDevMode ? [{ debugName: "data" }] : []));
@@ -58251,7 +58251,7 @@ class ProgressToTargetChartComponent {
     }
     static { this.ɵfac = function ProgressToTargetChartComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProgressToTargetChartComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProgressToTargetChartComponent, selectors: [["symphiq-progress-to-target-chart"]], viewQuery: function ProgressToTargetChartComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$v, 7);
+            i0.ɵɵviewQuery(_c0$w, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartDiv = _t.first);
@@ -59919,7 +59919,7 @@ class UserDisplayComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], user: [{ type: i0.Input, args: [{ isSignal: true, alias: "user", required: false }] }], avatarSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarSize", required: false }] }], showEmail: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEmail", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserDisplayComponent, { className: "UserDisplayComponent", filePath: "lib/components/shared/user-display.component.ts", lineNumber: 27 }); })();
 
-const _c0$u = ["absoluteInputRef"];
+const _c0$v = ["absoluteInputRef"];
 const _c1$d = ["percentageInputRef"];
 const _forTrack0$o = ($index, $item) => $item.id;
 function EditMetricTargetModalComponent_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
@@ -61052,7 +61052,7 @@ class EditMetricTargetModalComponent {
     }
     static { this.ɵfac = function EditMetricTargetModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EditMetricTargetModalComponent)(i0.ɵɵdirectiveInject(i0.Injector)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditMetricTargetModalComponent, selectors: [["symphiq-edit-metric-target-modal"]], viewQuery: function EditMetricTargetModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$u, 5);
+            i0.ɵɵviewQuery(_c0$v, 5);
             i0.ɵɵviewQuery(_c1$d, 5);
         } if (rf & 2) {
             let _t;
@@ -61485,7 +61485,7 @@ class EditMetricTargetModalComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditMetricTargetModalComponent, { className: "EditMetricTargetModalComponent", filePath: "lib/components/revenue-calculator-dashboard/edit-metric-target-modal.component.ts", lineNumber: 407 }); })();
 
-const _c0$t = ["absoluteInputRef"];
+const _c0$u = ["absoluteInputRef"];
 const _c1$c = ["percentageInputRef"];
 function InitialTargetSettingComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
@@ -62777,7 +62777,7 @@ class InitialTargetSettingComponent {
     }
     static { this.ɵfac = function InitialTargetSettingComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InitialTargetSettingComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InitialTargetSettingComponent, selectors: [["symphiq-initial-target-setting"]], viewQuery: function InitialTargetSettingComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$t, 5);
+            i0.ɵɵviewQuery(_c0$u, 5);
             i0.ɵɵviewQuery(_c1$c, 5);
         } if (rf & 2) {
             let _t;
@@ -63387,7 +63387,7 @@ class InitialTargetSettingComponent {
         }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], mainUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainUiData", required: false }] }], trendUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendUiData", required: false }] }], shopId: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopId", required: false }] }], pacingResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingResponse", required: false }] }], dataResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataResults", required: false }] }], calculateRevenueReverseResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueReverseResponse", required: false }] }], calculateRevenueResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueResponse", required: false }] }], isCalculatingTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCalculatingTargets", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }], targetHistories: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetHistories", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }], calculateRevenueReverseRequest: [{ type: i0.Output, args: ["calculateRevenueReverseRequest"] }], calculateRevenueRequest: [{ type: i0.Output, args: ["calculateRevenueRequest"] }], editRelatedMetricTarget: [{ type: i0.Output, args: ["editRelatedMetricTarget"] }], saveTargetsClick: [{ type: i0.Output, args: ["saveTargetsClick"] }], discardChangesClick: [{ type: i0.Output, args: ["discardChangesClick"] }], targetsUpdated: [{ type: i0.Output, args: ["targetsUpdated"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 626 }); })();
 
-const _c0$s = () => [];
+const _c0$t = () => [];
 function SymphiqRevenueCalculatorDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12);
     i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 14);
@@ -63431,7 +63431,7 @@ function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("dataLoadStatus", ctx_r0.dataLoadStatus() ?? ctx_r0.ShopDataLoadStatusEnum.NOT_LOADED)("hasTargets", ctx_r0.hasCurrentYearTargets())("isOnboarded", ctx_r0.isOnboarded());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("funnelMetrics", ctx_r0.funnelMetrics() ?? i0.ɵɵpureFunction0(17, _c0$s))("mainUiData", ctx_r0.mainUiData())("trendUiData", ctx_r0.trendUiData())("shopId", ctx_r0.shopId())("pacingResponse", ctx_r0.pacingResponse())("dataResults", ctx_r0.dataResults())("calculateRevenueReverseResponse", ctx_r0.calculateRevenueReverseResponse())("calculateRevenueResponse", ctx_r0.calculateRevenueResponse())("isCalculatingTargets", ctx_r0.isCalculatingTargets())("targets", ctx_r0.targets())("targetHistories", ctx_r0.targetHistories() ?? i0.ɵɵpureFunction0(18, _c0$s))("users", ctx_r0.users() ?? i0.ɵɵpureFunction0(19, _c0$s));
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("funnelMetrics", ctx_r0.funnelMetrics() ?? i0.ɵɵpureFunction0(17, _c0$t))("mainUiData", ctx_r0.mainUiData())("trendUiData", ctx_r0.trendUiData())("shopId", ctx_r0.shopId())("pacingResponse", ctx_r0.pacingResponse())("dataResults", ctx_r0.dataResults())("calculateRevenueReverseResponse", ctx_r0.calculateRevenueReverseResponse())("calculateRevenueResponse", ctx_r0.calculateRevenueResponse())("isCalculatingTargets", ctx_r0.isCalculatingTargets())("targets", ctx_r0.targets())("targetHistories", ctx_r0.targetHistories() ?? i0.ɵɵpureFunction0(18, _c0$t))("users", ctx_r0.users() ?? i0.ɵɵpureFunction0(19, _c0$t));
 } }
 function SymphiqRevenueCalculatorDashboardComponent_Conditional_26_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
@@ -64304,7 +64304,7 @@ class HierarchyDisplayComponent {
     }], null, { hierarchyData: [{ type: i0.Input, args: [{ isSignal: true, alias: "hierarchyData", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HierarchyDisplayComponent, { className: "HierarchyDisplayComponent", filePath: "lib/components/business-analysis-dashboard/hierarchy-display.component.ts", lineNumber: 119 }); })();
 
-const _c0$r = a0 => ({ name: "chart-bar", source: a0 });
+const _c0$s = a0 => ({ name: "chart-bar", source: a0 });
 const _c1$b = a0 => ({ name: "light-bulb", source: a0 });
 function CompetitiveBenchmarkCardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -64500,7 +64500,7 @@ class CompetitiveBenchmarkCardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.getSectionClasses());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(21, _c0$r, ctx.IconSourceEnum.HEROICONS))("ngClass", ctx.getSectionIconClasses());
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(21, _c0$s, ctx.IconSourceEnum.HEROICONS))("ngClass", ctx.getSectionIconClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.getSectionTitleClasses());
             i0.ɵɵadvance(2);
@@ -65347,7 +65347,7 @@ class SearchButtonComponent {
     }], null, { isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], minimized: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimized", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], searchClick: [{ type: i0.Output, args: ["searchClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchButtonComponent, { className: "SearchButtonComponent", filePath: "lib/components/shared/search-button.component.ts", lineNumber: 30 }); })();
 
-const _c0$q = ["searchInput"];
+const _c0$r = ["searchInput"];
 const _forTrack0$n = ($index, $item) => $item.id;
 function SearchModalComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
@@ -65712,7 +65712,7 @@ class SearchModalComponent {
     }
     static { this.ɵfac = function SearchModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchModalComponent, selectors: [["symphiq-search-modal"]], viewQuery: function SearchModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$q, 5);
+            i0.ɵɵviewQuery(_c0$r, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchInput = _t.first);
@@ -66609,7 +66609,7 @@ class SimplifiedRecommendationCardComponent {
     }], null, { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], animationIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationIndex", required: false }] }], viewMoreClick: [{ type: i0.Output, args: ["viewMoreClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimplifiedRecommendationCardComponent, { className: "SimplifiedRecommendationCardComponent", filePath: "lib/components/business-analysis-dashboard/simplified-recommendation-card.component.ts", lineNumber: 121 }); })();
 
-const _c0$p = () => [0, 1, 2];
+const _c0$q = () => [0, 1, 2];
 const _forTrack0$m = ($index, $item) => $item.id;
 function RecommendationsTiledGridComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
@@ -66679,7 +66679,7 @@ function RecommendationsTiledGridComponent_Conditional_15_Template(rf, ctx) { if
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c0$p));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c0$q));
 } }
 function RecommendationsTiledGridComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12)(1, "div", 27);
@@ -67277,7 +67277,7 @@ class CollapsibleSectionGroupComponent {
     }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleSectionGroupComponent, { className: "CollapsibleSectionGroupComponent", filePath: "lib/components/business-analysis-dashboard/collapsible-section-group.component.ts", lineNumber: 100 }); })();
 
-const _c0$o = () => [];
+const _c0$p = () => [];
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 8)(1, "symphiq-search-button", 20);
@@ -67421,7 +67421,7 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_1_
     const ɵ$index_113_r7 = i0.ɵɵnextContext().$index;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("subsections", ctx_r1.sections()[ɵ$index_113_r7 + 1].subsections || i0.ɵɵpureFunction0(2, _c0$o));
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("subsections", ctx_r1.sections()[ɵ$index_113_r7 + 1].subsections || i0.ɵɵpureFunction0(2, _c0$p));
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-profile-section", 36);
@@ -70086,7 +70086,7 @@ class FocusAreaHealthIndicatorComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], health: [{ type: i0.Input, args: [{ isSignal: true, alias: "health", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaHealthIndicatorComponent, { className: "FocusAreaHealthIndicatorComponent", filePath: "lib/components/profile-analysis-dashboard/focus-area-health-indicator.component.ts", lineNumber: 46 }); })();
 
-const _c0$n = a0 => ({ name: "chevron-right", source: a0 });
+const _c0$o = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$k = ($index, $item) => $item.id;
 function RelatedGoalChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -70104,7 +70104,7 @@ function RelatedGoalChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (r
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(goal_r2.title);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$n, ctx_r2.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$o, ctx_r2.IconSourceEnum.HEROICONS));
 } }
 function RelatedGoalChipsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0);
@@ -70177,7 +70177,7 @@ class RelatedGoalChipsComponent {
     }], null, { relatedGoalIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "relatedGoalIds", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedGoalChipsComponent, { className: "RelatedGoalChipsComponent", filePath: "lib/components/profile-analysis-dashboard/shared/related-goal-chips.component.ts", lineNumber: 31 }); })();
 
-const _c0$m = a0 => ({ name: "chevron-right", source: a0 });
+const _c0$n = a0 => ({ name: "chevron-right", source: a0 });
 const _c1$a = a0 => ({ name: "chevron-down", source: a0 });
 const _c2$7 = a0 => [a0];
 function FocusAreaExecutiveSummaryComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
@@ -70506,7 +70506,7 @@ class FocusAreaExecutiveSummaryComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.getTopPrioritiesButtonTextClasses());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(22, _c0$m, ctx.IconSourceEnum.HEROICONS))("ngClass", ctx.getTopPrioritiesButtonTextClasses());
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(22, _c0$n, ctx.IconSourceEnum.HEROICONS))("ngClass", ctx.getTopPrioritiesButtonTextClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.getQuickWinsStatCardClasses());
             i0.ɵɵadvance();
@@ -70717,11 +70717,11 @@ class FocusAreaExecutiveSummaryComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", 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(FocusAreaExecutiveSummaryComponent, { className: "FocusAreaExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-dashboard/focus-area-executive-summary.component.ts", lineNumber: 195 }); })();
 
-const _c0$l = a0 => ({ name: "chart-bar", source: a0 });
+const _c0$m = a0 => ({ name: "chart-bar", source: a0 });
 const _c1$9 = a0 => ({ name: "signal", source: a0 });
 const _c2$6 = (a0, a1) => ({ name: a0, source: a1 });
 const _c3$5 = a0 => ({ name: "flag", source: a0 });
-const _c4$2 = a0 => ({ name: "arrow-trending-up", source: a0 });
+const _c4$3 = a0 => ({ name: "arrow-trending-up", source: a0 });
 const _c5$1 = a0 => ({ name: "heart", source: a0 });
 const _c6$1 = a0 => ({ name: "light-bulb", source: a0 });
 const _c7 = a0 => ({ name: "clock", source: a0 });
@@ -70817,7 +70817,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$2, 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);
@@ -71253,7 +71253,7 @@ class MetricExecutiveSummaryComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.bannerClasses());
             i0.ɵɵadvance(5);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(19, _c0$l, ctx.iconSource))("size", "w-8 h-8")("ngClass", ctx.iconClasses());
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(19, _c0$m, ctx.iconSource))("size", "w-8 h-8")("ngClass", ctx.iconClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
             i0.ɵɵadvance();
@@ -71572,7 +71572,7 @@ class MetricExecutiveSummaryComponent {
     }], 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-dashboard/metric-executive-summary.component.ts", lineNumber: 287 }); })();
 
-const _c0$k = a0 => ({ name: "chevron-right", source: a0 });
+const _c0$l = a0 => ({ name: "chevron-right", source: a0 });
 function GoalCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 12);
     i0.ɵɵtext(1);
@@ -71857,7 +71857,7 @@ function GoalCardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.goal().objectives.length, " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$k, ctx_r0.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c0$l, ctx_r0.IconSourceEnum.HEROICONS));
 } }
 function GoalCardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
@@ -72479,7 +72479,7 @@ class GoalCardComponent {
     }], () => [], { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], goalIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "goalIndex", required: false }] }], sectionIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionIndex", required: false }] }], isInModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInModal", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }], businessProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessProfile", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GoalCardComponent, { className: "GoalCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/goal-card.component.ts", lineNumber: 239 }); })();
 
-const _c0$j = a0 => ({ name: "link", source: a0 });
+const _c0$k = a0 => ({ name: "link", source: a0 });
 function CapabilityMatrixCardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 4);
     i0.ɵɵtext(1);
@@ -72542,7 +72542,7 @@ function CapabilityMatrixCardComponent_Conditional_29_Template(rf, ctx) { if (rf
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c0$j, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.relatedGoalsIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c0$k, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.relatedGoalsIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.relatedGoalsTitleClasses());
     i0.ɵɵadvance(2);
@@ -73461,7 +73461,7 @@ class CompetitiveComparisonCardComponent {
     }], () => [], { comparison: [{ type: i0.Input, args: [{ isSignal: true, alias: "comparison", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveComparisonCardComponent, { className: "CompetitiveComparisonCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/competitive-comparison-card.component.ts", lineNumber: 125 }); })();
 
-const _c0$i = a0 => ({ name: "chevron-right", source: a0 });
+const _c0$j = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$i = ($index, $item) => $item.id;
 function PhaseTimelineCardComponent_Conditional_8_For_7_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -73479,7 +73479,7 @@ function PhaseTimelineCardComponent_Conditional_8_For_7_Template(rf, ctx) { if (
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(goal_r2.title);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$i, ctx_r2.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$j, ctx_r2.IconSourceEnum.HEROICONS));
 } }
 function PhaseTimelineCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7)(1, "h6", 10);
@@ -73887,7 +73887,7 @@ class PhaseTimelineCardComponent {
     }], () => [], { phase: [{ type: i0.Input, args: [{ isSignal: true, alias: "phase", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLast: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLast", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PhaseTimelineCardComponent, { className: "PhaseTimelineCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/phase-timeline-card.component.ts", lineNumber: 123 }); })();
 
-const _c0$h = a0 => ({ name: "chevron-right", source: a0 });
+const _c0$i = a0 => ({ name: "chevron-right", source: a0 });
 function OperationalCategoryCardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 13)(1, "div", 19)(2, "span", 20);
     i0.ɵɵtext(3, "Industry Benchmark");
@@ -73933,7 +73933,7 @@ function OperationalCategoryCardComponent_Conditional_20_Template(rf, ctx) { if
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate2("", (tmp_2_0 = ctx_r0.category()) == null ? null : tmp_2_0.strengths == null ? null : tmp_2_0.strengths.length, " Strength", ((tmp_2_0 = ctx_r0.category()) == null ? null : tmp_2_0.strengths == null ? null : tmp_2_0.strengths.length) !== 1 ? "s" : "");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$h, ctx_r0.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$i, ctx_r0.IconSourceEnum.HEROICONS));
 } }
 function OperationalCategoryCardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
@@ -73956,7 +73956,7 @@ function OperationalCategoryCardComponent_Conditional_21_Template(rf, ctx) { if
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate2("", (tmp_2_0 = ctx_r0.category()) == null ? null : tmp_2_0.gaps == null ? null : tmp_2_0.gaps.length, " Gap", ((tmp_2_0 = ctx_r0.category()) == null ? null : tmp_2_0.gaps == null ? null : tmp_2_0.gaps.length) !== 1 ? "s" : "");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$h, ctx_r0.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$i, ctx_r0.IconSourceEnum.HEROICONS));
 } }
 function OperationalCategoryCardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -73979,7 +73979,7 @@ function OperationalCategoryCardComponent_Conditional_22_Template(rf, ctx) { if
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate2("", (tmp_2_0 = ctx_r0.category()) == null ? null : tmp_2_0.opportunities == null ? null : tmp_2_0.opportunities.length, " Opportunit", ((tmp_2_0 = ctx_r0.category()) == null ? null : tmp_2_0.opportunities == null ? null : tmp_2_0.opportunities.length) !== 1 ? "ies" : "y");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$h, ctx_r0.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$i, ctx_r0.IconSourceEnum.HEROICONS));
 } }
 function OperationalCategoryCardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
@@ -74486,7 +74486,7 @@ class OperationalCategoryCardComponent {
     }], () => [], { category: [{ type: i0.Input, args: [{ isSignal: true, alias: "category", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], categoryClick: [{ type: i0.Output, args: ["categoryClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OperationalCategoryCardComponent, { className: "OperationalCategoryCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/operational-category-card.component.ts", lineNumber: 164 }); })();
 
-const _c0$g = a0 => ({ name: "arrow-trending-up", source: a0 });
+const _c0$h = a0 => ({ name: "arrow-trending-up", source: a0 });
 const _c1$8 = a0 => ({ name: "chat-bubble-left-right", source: a0 });
 const _forTrack0$h = ($index, $item) => $item.questionId;
 function KeyDriverCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
@@ -74620,7 +74620,7 @@ class KeyDriverCardComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.iconClasses());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(10, _c0$g, ctx.iconSource));
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(10, _c0$h, ctx.iconSource));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
             i0.ɵɵadvance();
@@ -74696,7 +74696,7 @@ class KeyDriverCardComponent {
     }], null, { driver: [{ type: i0.Input, args: [{ isSignal: true, alias: "driver", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KeyDriverCardComponent, { className: "KeyDriverCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/key-driver-card.component.ts", lineNumber: 73 }); })();
 
-const _c0$f = a0 => ({ name: "exclamation-triangle", source: a0 });
+const _c0$g = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c1$7 = a0 => ({ name: "chat-bubble-left-right", source: a0 });
 const _forTrack0$g = ($index, $item) => $item.questionId;
 function BottleneckCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
@@ -74852,7 +74852,7 @@ class BottleneckCardComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.iconClasses());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c0$f, ctx.iconSource));
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c0$g, ctx.iconSource));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
             i0.ɵɵadvance();
@@ -74923,7 +74923,7 @@ class BottleneckCardComponent {
     }], null, { bottleneck: [{ type: i0.Input, args: [{ isSignal: true, alias: "bottleneck", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BottleneckCardComponent, { className: "BottleneckCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/bottleneck-card.component.ts", lineNumber: 104 }); })();
 
-const _c0$e = a0 => ({ name: "arrow-right", source: a0 });
+const _c0$f = a0 => ({ name: "arrow-right", source: a0 });
 const _c1$6 = a0 => ({ name: "arrow-left", source: a0 });
 const _c2$5 = a0 => ({ name: "arrows-right-left", source: a0 });
 const _c3$4 = a0 => ({ name: "scale", source: a0 });
@@ -74955,7 +74955,7 @@ function MetricRelationshipsCardComponent_Conditional_1_Template(rf, ctx) { if (
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getIconClasses("influences"));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$e, ctx_r1.iconSource));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$f, ctx_r1.iconSource));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
     i0.ɵɵadvance(3);
@@ -75225,7 +75225,7 @@ class MetricRelationshipsCardComponent {
     }], null, { relationships: [{ type: i0.Input, args: [{ isSignal: true, alias: "relationships", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricRelationshipsCardComponent, { className: "MetricRelationshipsCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/metric-relationships-card.component.ts", lineNumber: 105 }); })();
 
-const _c0$d = a0 => ({ name: "link", source: a0 });
+const _c0$e = a0 => ({ name: "link", source: a0 });
 function RelatedMetricCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵelement(1, "symphiq-icon", 10);
@@ -75236,7 +75236,7 @@ function RelatedMetricCardComponent_Conditional_13_Template(rf, ctx) { if (rf &
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.borderClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c0$d, ctx_r0.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r0.sharedGoalsIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c0$e, ctx_r0.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r0.sharedGoalsIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.sharedGoalsTextClasses());
     i0.ɵɵadvance();
@@ -75905,7 +75905,7 @@ class RelatedMetricsListComponent {
     }], null, { relatedMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "relatedMetrics", required: true }] }], currentMetricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentMetricName", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], metricClicked: [{ type: i0.Output, args: ["metricClicked"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedMetricsListComponent, { className: "RelatedMetricsListComponent", filePath: "lib/components/profile-analysis-dashboard/cards/related-metrics-list.component.ts", lineNumber: 170 }); })();
 
-const _c0$c = (a0, a1) => ({ name: a0, source: a1 });
+const _c0$d = (a0, a1) => ({ name: a0, source: a1 });
 const _c1$5 = a0 => ({ name: "signal", source: a0 });
 const _c2$4 = a0 => ({ name: "calendar", source: a0 });
 const _c3$3 = a0 => ({ name: "flag", source: a0 });
@@ -76115,7 +76115,7 @@ class PerformanceMetricsCardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.trendBadgeClasses());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction2(32, _c0$c, ctx.trendIcon(), ctx.iconSource));
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction2(32, _c0$d, ctx.trendIcon(), ctx.iconSource));
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.metrics().trendDirection, " ");
             i0.ɵɵadvance(2);
@@ -76263,11 +76263,11 @@ class PerformanceMetricsCardComponent {
     }], () => [], { performanceMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "performanceMetrics", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PerformanceMetricsCardComponent, { className: "PerformanceMetricsCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/performance-metrics-card.component.ts", lineNumber: 144 }); })();
 
-const _c0$b = a0 => ({ name: "funnel", source: a0 });
+const _c0$c = a0 => ({ name: "funnel", source: a0 });
 const _c1$4 = a0 => ({ name: "chart-bar-square", source: a0 });
 const _c2$3 = a0 => ({ name: "chevron-right", source: a0 });
 const _c3$2 = a0 => ({ name: "arrow-left", source: a0 });
-const _c4$1 = a0 => ({ name: "arrow-right", source: a0 });
+const _c4$2 = a0 => ({ name: "arrow-right", source: a0 });
 function FunnelContextCardComponent_Conditional_13_For_7_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 15);
@@ -76334,7 +76334,7 @@ function FunnelContextCardComponent_Conditional_14_Template(rf, ctx) { if (rf &
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c4$1, ctx_r2.iconSource))("ngClass", ctx_r2.labelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c4$2, ctx_r2.iconSource))("ngClass", ctx_r2.labelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r2.sectionHeaderClasses());
     i0.ɵɵadvance(3);
@@ -76454,7 +76454,7 @@ class FunnelContextCardComponent {
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.cardClasses());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(13, _c0$b, ctx.iconSource))("ngClass", ctx.iconClasses());
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(13, _c0$c, ctx.iconSource))("ngClass", ctx.iconClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.headerClasses());
             i0.ɵɵadvance(3);
@@ -76590,7 +76590,7 @@ class FunnelContextCardComponent {
     }], () => [], { funnelContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelContext", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], metricClick: [{ type: i0.Output, args: ["metricClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelContextCardComponent, { className: "FunnelContextCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/funnel-context-card.component.ts", lineNumber: 125 }); })();
 
-const _c0$a = (a0, a1) => ({ name: a0, source: a1 });
+const _c0$b = (a0, a1) => ({ name: a0, source: a1 });
 const _c1$3 = a0 => ({ name: "target", source: a0 });
 const _c2$2 = a0 => ({ name: "star", source: a0 });
 class MetricComparisonStatsComponent {
@@ -76801,7 +76801,7 @@ class MetricComparisonStatsComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.statCardClasses());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction2(24, _c0$a, ctx.yoyIcon(), ctx.iconSource))("ngClass", ctx.yoyIconClasses());
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction2(24, _c0$b, ctx.yoyIcon(), ctx.iconSource))("ngClass", ctx.yoyIconClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.labelClasses());
             i0.ɵɵadvance(2);
@@ -77033,11 +77033,11 @@ class PerformanceOverviewContainerComponent {
     }], () => [], { performanceOverviewData: [{ type: i0.Input, args: [{ isSignal: true, alias: "performanceOverviewData", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], metricClick: [{ type: i0.Output, args: ["metricClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PerformanceOverviewContainerComponent, { className: "PerformanceOverviewContainerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/performance-overview-container.component.ts", lineNumber: 58 }); })();
 
-const _c0$9 = a0 => ({ name: "chevron-right", source: a0 });
+const _c0$a = a0 => ({ name: "chevron-right", source: a0 });
 const _c1$2 = a0 => ({ name: "chevron-down", source: a0 });
 const _c2$1 = a0 => ({ name: "clock", source: a0 });
 const _c3$1 = a0 => [a0];
-const _c4 = () => [];
+const _c4$1 = () => [];
 const _c5 = a0 => ({ name: "chart-bar", source: a0 });
 const _c6 = a0 => ({ name: "user", source: a0 });
 const _forTrack0$d = ($index, $item) => $item.id || $index;
@@ -77111,7 +77111,7 @@ function ProfileSectionContentComponent_Conditional_1_Conditional_34_For_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.metaTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c3$1, win_r3.relatedGoalId))("allGoals", ctx_r1.allGoals() || i0.ɵɵpureFunction0(6, _c4))("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c3$1, win_r3.relatedGoalId))("allGoals", ctx_r1.allGoals() || i0.ɵɵpureFunction0(6, _c4$1))("viewMode", ctx_r1.viewMode());
 } }
 function ProfileSectionContentComponent_Conditional_1_Conditional_34_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 34)(1, "div", 35)(2, "div", 36)(3, "span", 37);
@@ -77236,7 +77236,7 @@ function ProfileSectionContentComponent_Conditional_1_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.keyStrengthsButtonClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(26, _c0$9, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.keyStrengthsButtonClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(26, _c0$a, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.keyStrengthsButtonClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.criticalGapsCardClasses());
     i0.ɵɵadvance();
@@ -77248,7 +77248,7 @@ function ProfileSectionContentComponent_Conditional_1_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.criticalGapsButtonClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(28, _c0$9, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.criticalGapsButtonClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(28, _c0$a, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.criticalGapsButtonClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.quickWinsCardClasses());
     i0.ɵɵadvance();
@@ -77327,7 +77327,7 @@ function ProfileSectionContentComponent_Conditional_3_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.focusAreaStrengthsButtonClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(21, _c0$9, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.focusAreaStrengthsButtonClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(21, _c0$a, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.focusAreaStrengthsButtonClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.focusAreaGapsStatCardClasses());
     i0.ɵɵadvance();
@@ -77339,7 +77339,7 @@ function ProfileSectionContentComponent_Conditional_3_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.focusAreaGapsButtonClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(23, _c0$9, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.focusAreaGapsButtonClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(23, _c0$a, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.focusAreaGapsButtonClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.focusAreaOpportunitiesStatCardClasses());
     i0.ɵɵadvance();
@@ -77351,7 +77351,7 @@ function ProfileSectionContentComponent_Conditional_3_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.focusAreaOpportunitiesButtonClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(25, _c0$9, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.focusAreaOpportunitiesButtonClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(25, _c0$a, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.focusAreaOpportunitiesButtonClasses());
 } }
 function ProfileSectionContentComponent_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
@@ -77428,7 +77428,7 @@ function ProfileSectionContentComponent_Conditional_8_For_3_Template(rf, ctx) {
     const phase_r13 = ctx.$implicit;
     const $index_r14 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("phase", phase_r13)("viewMode", ctx_r1.viewMode())("isLast", $index_r14 === ctx_r1.section().phases.length - 1)("allGoals", ctx_r1.allGoals() || i0.ɵɵpureFunction0(4, _c4));
+    i0.ɵɵproperty("phase", phase_r13)("viewMode", ctx_r1.viewMode())("isLast", $index_r14 === ctx_r1.section().phases.length - 1)("allGoals", ctx_r1.allGoals() || i0.ɵɵpureFunction0(4, _c4$1));
 } }
 function ProfileSectionContentComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
@@ -77698,7 +77698,7 @@ function ProfileSectionContentComponent_Conditional_11_Conditional_2_For_5_Condi
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", ctx_r1.getTacticalRecRelatedMetricsCount(recommendation_r19), " Related Metrics");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c0$9, ctx_r1.IconSourceEnumValue.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c0$a, ctx_r1.IconSourceEnumValue.HEROICONS));
 } }
 function ProfileSectionContentComponent_Conditional_11_Conditional_2_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 16)(1, "div", 69)(2, "h4", 75);
@@ -83113,7 +83113,7 @@ class StrategyRecommendationsModalContentComponent {
     }], null, { strategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "strategy", required: false }] }], objectiveTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectiveTitle", required: false }] }], goalTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "goalTitle", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], allBusinessInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allBusinessInsights", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StrategyRecommendationsModalContentComponent, { className: "StrategyRecommendationsModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/strategy-recommendations-modal-content.component.ts", lineNumber: 489 }); })();
 
-const _c0$8 = a0 => ({ name: "chevron-right", source: a0 });
+const _c0$9 = a0 => ({ name: "chevron-right", source: a0 });
 function CategoryDetailModalContentComponent_Conditional_16_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "span", 19);
     i0.ɵɵtext(2, "Industry:");
@@ -83226,7 +83226,7 @@ function CategoryDetailModalContentComponent_Conditional_17_For_7_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", strength_r3 == null ? null : strength_r3.description, " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c0$8, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c0$9, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
 } }
 function CategoryDetailModalContentComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 27)(1, "h4", 15);
@@ -83293,7 +83293,7 @@ function CategoryDetailModalContentComponent_Conditional_18_For_7_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", gap_r5 == null ? null : gap_r5.description, " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c0$8, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c0$9, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
 } }
 function CategoryDetailModalContentComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 38)(1, "h4", 15);
@@ -83360,7 +83360,7 @@ function CategoryDetailModalContentComponent_Conditional_19_For_7_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵconditional((opportunity_r7 == null ? null : opportunity_r7.potentialImpact) ? 7 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c0$8, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c0$9, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
 } }
 function CategoryDetailModalContentComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 44)(1, "h4", 15);
@@ -84242,7 +84242,7 @@ class StrengthDetailModalContentComponent {
     }], null, { strength: [{ type: i0.Input, args: [{ isSignal: true, alias: "strength", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allFunnelStrengths: [{ type: i0.Input, args: [{ isSignal: true, alias: "allFunnelStrengths", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StrengthDetailModalContentComponent, { className: "StrengthDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/strength-detail-modal-content.component.ts", lineNumber: 124 }); })();
 
-const _c0$7 = () => [];
+const _c0$8 = () => [];
 function GapDetailModalContentComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 9);
     i0.ɵɵtext(1);
@@ -84355,7 +84355,7 @@ function GapDetailModalContentComponent_Conditional_16_Template(rf, ctx) { if (r
     i0.ɵɵclassMap(ctx_r0.isDark() ? "border-slate-700" : "border-slate-200");
     i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("relatedGoalIds", ((tmp_4_0 = ctx_r0.gap()) == null ? null : tmp_4_0.linkedGoalIds) ?? i0.ɵɵpureFunction0(7, _c0$7))("allGoals", ctx_r0.allGoals())("viewMode", ctx_r0.viewMode());
+    i0.ɵɵproperty("relatedGoalIds", ((tmp_4_0 = ctx_r0.gap()) == null ? null : tmp_4_0.linkedGoalIds) ?? i0.ɵɵpureFunction0(7, _c0$8))("allGoals", ctx_r0.allGoals())("viewMode", ctx_r0.viewMode());
 } }
 function GapDetailModalContentComponent_Conditional_17_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 25);
@@ -84639,7 +84639,7 @@ class GapDetailModalContentComponent {
     }], null, { gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], allWeaknesses: [{ type: i0.Input, args: [{ isSignal: true, alias: "allWeaknesses", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GapDetailModalContentComponent, { className: "GapDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/gap-detail-modal-content.component.ts", lineNumber: 129 }); })();
 
-const _c0$6 = a0 => ({ name: "chevron-right", source: a0 });
+const _c0$7 = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$9 = ($index, $item) => $item.id || $index;
 function OpportunityDetailModalContentComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9)(1, "h4", 10);
@@ -84744,7 +84744,7 @@ function OpportunityDetailModalContentComponent_Conditional_14_Conditional_0_For
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(goal_r5.title || goal_r5.id);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$6, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$7, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
 } }
 function OpportunityDetailModalContentComponent_Conditional_14_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9)(1, "h4", 24);
@@ -86806,7 +86806,7 @@ class PlanSelectionPlaceholderCardComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], selectedCurrency: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedCurrency", required: false }] }], editCurrency: [{ type: i0.Output, args: ["editCurrency"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanSelectionPlaceholderCardComponent, { className: "PlanSelectionPlaceholderCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/plan-selection-placeholder-card.component.ts", lineNumber: 74 }); })();
 
-const _c0$5 = (a0, a1) => ({ "mb-8": a0, "mb-12": a1 });
+const _c0$6 = (a0, a1) => ({ "mb-8": a0, "mb-12": a1 });
 function BillingPeriodToggleComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 7);
 } }
@@ -86895,7 +86895,7 @@ class BillingPeriodToggleComponent {
             i0.ɵɵtext(14);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(11, _c0$5, ctx.selectedPeriodUnit() !== ctx.periodUnitEnum.YEAR, ctx.selectedPeriodUnit() === ctx.periodUnitEnum.YEAR));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(11, _c0$6, ctx.selectedPeriodUnit() !== ctx.periodUnitEnum.YEAR, ctx.selectedPeriodUnit() === ctx.periodUnitEnum.YEAR));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.iconClasses());
             i0.ɵɵadvance(2);
@@ -88518,69 +88518,80 @@ class ShopProfileQuestionCardComponent {
     }], null, { question: [{ type: i0.Input, args: [{ isSignal: true, alias: "question", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: false }] }], profileShopAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShopAnswers", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], answerClick: [{ type: i0.Output, args: ["answerClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionCardComponent, { className: "ShopProfileQuestionCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-card.component.ts", lineNumber: 119 }); })();
 
+const _c0$5 = ["scrollContainer"];
 const _forTrack0$2 = ($index, $item) => $item.tempId;
-function ShopProfileQuestionAnswerComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 11);
+function ShopProfileQuestionAnswerComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 13);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.contextTextClasses());
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.contextTextClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.question().context, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.question().context, " ");
 } }
-function ShopProfileQuestionAnswerComponent_Conditional_16_For_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 33);
+function ShopProfileQuestionAnswerComponent_Conditional_18_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 37);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const focusArea_r2 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaChipClasses());
+    const focusArea_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.focusAreaChipClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.getFocusAreaTitle(focusArea_r2), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getFocusAreaTitle(focusArea_r3), " ");
 } }
-function ShopProfileQuestionAnswerComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 28)(2, "span", 29);
+function ShopProfileQuestionAnswerComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14)(1, "div", 32)(2, "span", 33);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 30);
-    i0.ɵɵelement(5, "path", 31);
+    i0.ɵɵelementStart(4, "svg", 34);
+    i0.ɵɵelement(5, "path", 35);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 32);
-    i0.ɵɵrepeaterCreate(7, ShopProfileQuestionAnswerComponent_Conditional_16_For_8_Template, 2, 2, "span", 33, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(6, "div", 36);
+    i0.ɵɵrepeaterCreate(7, ShopProfileQuestionAnswerComponent_Conditional_18_For_8_Template, 2, 2, "span", 37, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.relatedLabelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r1.relatedLabelClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" Related to ", ctx_r0.relatedFocusAreas().length, " focus area(s) ");
+    i0.ɵɵtextInterpolate1(" Related to ", ctx_r1.relatedFocusAreas().length, " focus area(s) ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.relatedLabelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r1.relatedLabelClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r0.relatedFocusAreas());
+    i0.ɵɵrepeater(ctx_r1.relatedFocusAreas());
 } }
-function ShopProfileQuestionAnswerComponent_For_19_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 14)(1, "input", 34);
-    i0.ɵɵlistener("change", function ShopProfileQuestionAnswerComponent_For_19_Template_input_change_1_listener() { const option_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleAnswer(option_r4.text)); });
+function ShopProfileQuestionAnswerComponent_For_22_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 17)(1, "input", 38);
+    i0.ɵɵlistener("change", function ShopProfileQuestionAnswerComponent_For_22_Template_input_change_1_listener() { const option_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleAnswer(option_r5.text)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 35);
+    i0.ɵɵelementStart(2, "span", 39);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const option_r4 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.checkboxRowClasses());
+    const option_r5 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.checkboxRowClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("checked", option_r4.isSelected)("ngClass", ctx_r0.checkboxClasses());
+    i0.ɵɵproperty("checked", option_r5.isSelected)("ngClass", ctx_r1.checkboxClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.checkboxLabelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r1.checkboxLabelClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", option_r4.text, " ");
+    i0.ɵɵtextInterpolate1(" ", option_r5.text, " ");
+} }
+function ShopProfileQuestionAnswerComponent_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 40);
+    i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Conditional_33_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleAddOtherAnswers()); });
+    i0.ɵɵtext(1, " Add other answers ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.addOtherAnswersButtonClasses());
 } }
 class ShopProfileQuestionAnswerComponent {
     constructor() {
@@ -88597,6 +88608,7 @@ class ShopProfileQuestionAnswerComponent {
         this.selectedAnswerTexts = signal([], ...(ngDevMode ? [{ debugName: "selectedAnswerTexts" }] : []));
         this.addOtherAnswersExpanded = signal(false, ...(ngDevMode ? [{ debugName: "addOtherAnswersExpanded" }] : []));
         this.customAnswerText = signal('', ...(ngDevMode ? [{ debugName: "customAnswerText" }] : []));
+        this.isSticky = signal(false, ...(ngDevMode ? [{ debugName: "isSticky" }] : []));
         this.answerOptions = computed(() => {
             const q = this.question();
             const potentialAnswers = q.potentialAnswers || [];
@@ -88623,6 +88635,9 @@ class ShopProfileQuestionAnswerComponent {
             return q.focusAreaDomains || [];
         }, ...(ngDevMode ? [{ debugName: "relatedFocusAreas" }] : []));
         this.breadcrumbPath = computed(() => {
+            if (this.viewType() === 'all') {
+                return 'All questions';
+            }
             if (this.viewType() === 'category') {
                 const categoryId = this.selectedCategoryId();
                 return categoryId ? this.formatCategoryName(categoryId) : 'Category';
@@ -88662,6 +88677,12 @@ class ShopProfileQuestionAnswerComponent {
             this.selectedAnswerTexts.set(existingAnswers);
         });
     }
+    onScroll() {
+        const container = this.scrollContainer?.nativeElement;
+        if (container) {
+            this.isSticky.set(container.scrollTop > 10);
+        }
+    }
     toggleAnswer(text) {
         const current = this.selectedAnswerTexts();
         if (current.includes(text)) {
@@ -88765,6 +88786,16 @@ class ShopProfileQuestionAnswerComponent {
             ? 'text-slate-500'
             : 'text-slate-400';
     }
+    stickyHeaderClasses() {
+        if (this.isSticky()) {
+            return this.isLightMode()
+                ? 'bg-white/95 backdrop-blur-sm'
+                : 'bg-slate-800/95 backdrop-blur-sm';
+        }
+        return this.isLightMode()
+            ? 'bg-transparent'
+            : 'bg-transparent';
+    }
     questionTextClasses() {
         return this.isLightMode()
             ? 'text-slate-900'
@@ -88851,54 +88882,61 @@ class ShopProfileQuestionAnswerComponent {
             : 'bg-gradient-to-r from-blue-500 to-cyan-500 hover:from-blue-600 hover:to-cyan-600 text-white shadow-lg shadow-blue-500/20';
     }
     static { this.ɵfac = function ShopProfileQuestionAnswerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ShopProfileQuestionAnswerComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShopProfileQuestionAnswerComponent, selectors: [["symphiq-shop-profile-question-answer"]], inputs: { question: [1, "question"], viewMode: [1, "viewMode"], viewType: [1, "viewType"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], filteredQuestions: [1, "filteredQuestions"], profileShopAnswers: [1, "profileShopAnswers"] }, outputs: { backClick: "backClick", saveClick: "saveClick", saveAndNextClick: "saveAndNextClick" }, decls: 41, vars: 28, consts: [[1, "flex", "flex-col", "h-full"], [1, "px-6", "py-4", "border-b", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "flex-1"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", "whitespace-nowrap", 3, "ngClass"], [1, "flex-1", "overflow-y-auto", "px-6", "py-6"], [1, "text-sm", "italic", "mb-4", 3, "ngClass"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "mb-6"], [1, "space-y-3", "mb-4"], [1, "flex", "items-start", "gap-3", "p-4", "rounded-lg", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.01]", 3, "ngClass"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", "min-h-0"], [1, "pb-4"], ["rows", "5", "placeholder", "Enter your answer(s) here, separated by returns.", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "text-sm", "resize-y", "transition-colors", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "ngModelChange", "ngModel", "ngClass"], [1, "flex", "items-center", "gap-3", "mt-3"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "active:scale-95", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "disabled:opacity-50", "disabled:cursor-not-allowed", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "w-full", "px-5", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border-2", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "click", "ngClass"], [1, "px-6", "py-4", "border-t", "backdrop-blur-sm", 3, "ngClass"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-105", "active:scale-95", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-105", "active:scale-95", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xs", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1.5", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], ["type", "checkbox", 1, "mt-0.5", "w-5", "h-5", "rounded", "border-2", "cursor-pointer", "transition-all", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "change", "checked", "ngClass"], [1, "text-base", "flex-1", 3, "ngClass"]], template: function ShopProfileQuestionAnswerComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "h4", 2);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShopProfileQuestionAnswerComponent, selectors: [["symphiq-shop-profile-question-answer"]], viewQuery: function ShopProfileQuestionAnswerComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$5, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
+        } }, inputs: { question: [1, "question"], viewMode: [1, "viewMode"], viewType: [1, "viewType"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], filteredQuestions: [1, "filteredQuestions"], profileShopAnswers: [1, "profileShopAnswers"] }, outputs: { backClick: "backClick", saveClick: "saveClick", saveAndNextClick: "saveAndNextClick" }, decls: 43, vars: 35, consts: [["scrollContainer", ""], [1, "flex", "flex-col", "h-full"], [1, "px-6", "py-4", "border-b", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "flex-1"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", "whitespace-nowrap", 3, "ngClass"], [1, "flex-1", "overflow-y-auto", 3, "scroll"], [1, "sticky", "top-0", "z-10", "px-6", "py-4", "transition-all", "duration-300", 3, "ngClass"], [1, "text-sm", "italic", "mb-2", 3, "ngClass"], [1, "font-bold", "transition-all", "duration-300", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mt-3", 3, "ngClass"], [1, "mt-4"], [1, "px-6", "py-6"], [1, "space-y-3", "mb-4"], [1, "flex", "items-start", "gap-3", "p-4", "rounded-lg", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.01]", 3, "ngClass"], [1, "mb-6"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", "min-h-0"], [1, "pb-4"], ["rows", "5", "placeholder", "Enter your answer(s) here, separated by returns.", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "text-sm", "resize-y", "transition-colors", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "ngModelChange", "ngModel", "ngClass"], [1, "flex", "items-center", "gap-3", "mt-3"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "active:scale-95", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "disabled:opacity-50", "disabled:cursor-not-allowed", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "w-full", "px-5", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border-2", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "backdrop-blur-sm", "sticky", "bottom-0", "z-10", 3, "ngClass"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-105", "active:scale-95", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-105", "active:scale-95", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xs", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1.5", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], ["type", "checkbox", 1, "mt-0.5", "w-5", "h-5", "rounded", "border-2", "cursor-pointer", "transition-all", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "change", "checked", "ngClass"], [1, "text-base", "flex-1", 3, "ngClass"], ["type", "button", 1, "w-full", "px-5", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border-2", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "click", "ngClass"]], template: function ShopProfileQuestionAnswerComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "h4", 3);
             i0.ɵɵtext(3, " Unanswered questions status ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 3)(5, "div", 4)(6, "div", 5);
-            i0.ɵɵelement(7, "div", 6);
+            i0.ɵɵelementStart(4, "div", 4)(5, "div", 5)(6, "div", 6);
+            i0.ɵɵelement(7, "div", 7);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(8, "div", 7);
+            i0.ɵɵelementStart(8, "div", 8);
             i0.ɵɵtext(9);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(10, "div", 8)(11, "div", 9);
-            i0.ɵɵtext(12);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "h2", 10);
+            i0.ɵɵelementStart(10, "div", 9, 0);
+            i0.ɵɵlistener("scroll", function ShopProfileQuestionAnswerComponent_Template_div_scroll_10_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onScroll()); });
+            i0.ɵɵelementStart(12, "div", 10)(13, "div", 11);
             i0.ɵɵtext(14);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(15, ShopProfileQuestionAnswerComponent_Conditional_15_Template, 2, 2, "p", 11);
-            i0.ɵɵconditionalCreate(16, ShopProfileQuestionAnswerComponent_Conditional_16_Template, 9, 3, "div", 12);
-            i0.ɵɵelementStart(17, "div", 13);
-            i0.ɵɵrepeaterCreate(18, ShopProfileQuestionAnswerComponent_For_19_Template, 4, 5, "label", 14, _forTrack0$2);
+            i0.ɵɵelementStart(15, "h2", 12);
+            i0.ɵɵtext(16);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(17, ShopProfileQuestionAnswerComponent_Conditional_17_Template, 2, 2, "p", 13);
+            i0.ɵɵconditionalCreate(18, ShopProfileQuestionAnswerComponent_Conditional_18_Template, 9, 3, "div", 14);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(20, "div", 12)(21, "div", 15)(22, "div", 16)(23, "div", 17)(24, "textarea", 18);
-            i0.ɵɵtwoWayListener("ngModelChange", function ShopProfileQuestionAnswerComponent_Template_textarea_ngModelChange_24_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.customAnswerText, $event) || (ctx.customAnswerText = $event); return $event; });
+            i0.ɵɵelementStart(19, "div", 15)(20, "div", 16);
+            i0.ɵɵrepeaterCreate(21, ShopProfileQuestionAnswerComponent_For_22_Template, 4, 5, "label", 17, _forTrack0$2);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(25, "div", 19)(26, "button", 20);
-            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_26_listener() { return ctx.cancelCustomAnswers(); });
-            i0.ɵɵtext(27, " Cancel ");
+            i0.ɵɵelementStart(23, "div", 18)(24, "div", 19)(25, "div", 20)(26, "div", 21)(27, "textarea", 22);
+            i0.ɵɵtwoWayListener("ngModelChange", function ShopProfileQuestionAnswerComponent_Template_textarea_ngModelChange_27_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.customAnswerText, $event) || (ctx.customAnswerText = $event); return i0.ɵɵresetView($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(28, "button", 21);
-            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_28_listener() { return ctx.addCustomAnswers(); });
-            i0.ɵɵtext(29, " Add ");
+            i0.ɵɵelementStart(28, "div", 23)(29, "button", 24);
+            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancelCustomAnswers()); });
+            i0.ɵɵtext(30, " Cancel ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(31, "button", 25);
+            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.addCustomAnswers()); });
+            i0.ɵɵtext(32, " Add ");
             i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(30, "button", 22);
-            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_30_listener() { return ctx.toggleAddOtherAnswers(); });
-            i0.ɵɵtext(31, " Add other answers ");
+            i0.ɵɵconditionalCreate(33, ShopProfileQuestionAnswerComponent_Conditional_33_Template, 2, 1, "button", 26);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(32, "div", 23)(33, "div", 3)(34, "button", 24);
-            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_34_listener() { return ctx.onSave(); });
-            i0.ɵɵtext(35, " Save ");
+            i0.ɵɵelementStart(34, "div", 27)(35, "div", 4)(36, "button", 28);
+            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_36_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
+            i0.ɵɵtext(37, " Save ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(36, "button", 25);
-            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_36_listener() { return ctx.onSaveAndNext(); });
-            i0.ɵɵelementStart(37, "span");
-            i0.ɵɵtext(38, "Save & next unanswered");
+            i0.ɵɵelementStart(38, "button", 29);
+            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_38_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSaveAndNext()); });
+            i0.ɵɵelementStart(39, "span");
+            i0.ɵɵtext(40, "Save & next unanswered");
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(39, "svg", 26);
-            i0.ɵɵelement(40, "path", 27);
+            i0.ɵɵelementStart(41, "svg", 30);
+            i0.ɵɵelement(42, "path", 31);
             i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
             i0.ɵɵadvance();
@@ -88914,19 +88952,23 @@ class ShopProfileQuestionAnswerComponent {
             i0.ɵɵproperty("ngClass", ctx.progressTextClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate2(" ", ctx.answeredCount(), " / ", ctx.totalCount(), " answered ");
-            i0.ɵɵadvance(2);
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("shadow-md", ctx.isSticky());
+            i0.ɵɵproperty("ngClass", ctx.stickyHeaderClasses());
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.breadcrumbClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" Shop > ", ctx.breadcrumbPath(), " ");
             i0.ɵɵadvance();
+            i0.ɵɵclassProp("text-xl", !ctx.isSticky())("text-lg", ctx.isSticky());
             i0.ɵɵproperty("ngClass", ctx.questionTextClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.question().question, " ");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.question().context ? 15 : -1);
+            i0.ɵɵconditional(ctx.question().context && !ctx.isSticky() ? 17 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.relatedFocusAreas().length > 0 ? 16 : -1);
-            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.relatedFocusAreas().length > 0 && !ctx.isSticky() ? 18 : -1);
+            i0.ɵɵadvance(3);
             i0.ɵɵrepeater(ctx.answerOptions());
             i0.ɵɵadvance(3);
             i0.ɵɵstyleProp("grid-template-rows", ctx.addOtherAnswersExpanded() ? "1fr" : "0fr");
@@ -88938,8 +88980,8 @@ class ShopProfileQuestionAnswerComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("disabled", !ctx.canAddCustomAnswers())("ngClass", ctx.addButtonClasses());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.addOtherAnswersButtonClasses());
-            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.addOtherAnswersExpanded() ? 33 : -1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.footerClasses());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("disabled", ctx.saveButtonsDisabled())("ngClass", ctx.saveButtonClasses());
@@ -88969,160 +89011,171 @@ class ShopProfileQuestionAnswerComponent {
                         ])
                     ])
                 ],
-                template: `
-    <div class="flex flex-col h-full">
-      <!-- Unanswered Questions Status -->
-      <div [ngClass]="statusHeaderClasses()" class="px-6 py-4 border-b">
-        <h4 [ngClass]="statusTitleClasses()" class="text-sm font-semibold mb-3">
-          Unanswered questions status
-        </h4>
-        <div class="flex items-center gap-3">
-          <div class="flex-1">
-            <div [ngClass]="progressBarContainerClasses()" class="h-2 rounded-full overflow-hidden">
-              <div
-                [ngClass]="progressBarFillClasses()"
-                class="h-full transition-all duration-500 ease-out rounded-full"
-                [style.width.%]="progressPercentage()"></div>
-            </div>
-          </div>
-          <div [ngClass]="progressTextClasses()" class="text-sm font-medium whitespace-nowrap">
-            {{ answeredCount() }} / {{ totalCount() }} answered
-          </div>
-        </div>
-      </div>
-
-      <!-- Scrollable Content -->
-      <div class="flex-1 overflow-y-auto px-6 py-6">
-        <!-- Breadcrumb -->
-        <div [ngClass]="breadcrumbClasses()" class="text-sm italic mb-4">
-          Shop > {{ breadcrumbPath() }}
-        </div>
-
-        <!-- Question -->
-        <h2 [ngClass]="questionTextClasses()" class="text-2xl font-bold mb-3">
-          {{ question().question }}
-        </h2>
-
-        <!-- Context -->
-        @if (question().context) {
-          <p [ngClass]="contextTextClasses()" class="text-sm leading-relaxed mb-4">
-            {{ question().context }}
-          </p>
-        }
-
-        <!-- Related Focus Areas -->
-        @if (relatedFocusAreas().length > 0) {
-          <div class="mb-6">
-            <div class="flex items-center gap-2 mb-2">
-              <span [ngClass]="relatedLabelClasses()" class="text-xs font-semibold">
-                Related to {{ relatedFocusAreas().length }} focus area(s)
-              </span>
-              <svg class="w-4 h-4" [ngClass]="relatedLabelClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-              </svg>
-            </div>
-            <div class="flex flex-wrap gap-2">
-              @for (focusArea of relatedFocusAreas(); track focusArea) {
-                <span [ngClass]="focusAreaChipClasses()" class="px-3 py-1.5 rounded-full text-xs font-medium">
-                  {{ getFocusAreaTitle(focusArea) }}
-                </span>
-              }
-            </div>
-          </div>
-        }
-
-        <!-- Answer Options -->
-        <div class="space-y-3 mb-4">
-          @for (option of answerOptions(); track option.tempId) {
-            <label
-              [ngClass]="checkboxRowClasses()"
-              class="flex items-start gap-3 p-4 rounded-lg cursor-pointer transition-all duration-200 hover:scale-[1.01]">
-              <input
-                type="checkbox"
-                [checked]="option.isSelected"
-                (change)="toggleAnswer(option.text)"
-                [ngClass]="checkboxClasses()"
-                class="mt-0.5 w-5 h-5 rounded border-2 cursor-pointer transition-all duration-200 focus:ring-2 focus:ring-offset-2" />
-              <span [ngClass]="checkboxLabelClasses()" class="text-base flex-1">
-                {{ option.text }}
-              </span>
-            </label>
-          }
-        </div>
-
-        <!-- Add Other Answers -->
-        <div class="mb-6">
-          <div
-            class="grid transition-[grid-template-rows] duration-300 ease-in-out"
-            [style.grid-template-rows]="addOtherAnswersExpanded() ? '1fr' : '0fr'">
-            <div class="overflow-hidden min-h-0">
-              <div class="pb-4">
-                <textarea
-                  [(ngModel)]="customAnswerText"
-                  [ngClass]="textareaClasses()"
-                  class="w-full px-4 py-3 rounded-lg border-2 text-sm resize-y transition-colors duration-200 focus:ring-2 focus:ring-offset-2"
-                  rows="5"
-                  placeholder="Enter your answer(s) here, separated by returns."></textarea>
-                <div class="flex items-center gap-3 mt-3">
-                  <button
-                    type="button"
-                    (click)="cancelCustomAnswers()"
-                    [ngClass]="cancelButtonClasses()"
-                    class="px-5 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 hover:scale-105 active:scale-95">
-                    Cancel
-                  </button>
-                  <button
-                    type="button"
-                    (click)="addCustomAnswers()"
-                    [disabled]="!canAddCustomAnswers()"
-                    [ngClass]="addButtonClasses()"
-                    class="flex-1 px-5 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100">
-                    Add
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <button
-            type="button"
-            (click)="toggleAddOtherAnswers()"
-            [ngClass]="addOtherAnswersButtonClasses()"
-            class="w-full px-5 py-3 rounded-lg font-medium text-sm transition-all duration-200 border-2 hover:scale-[1.01] active:scale-[0.99]">
-            Add other answers
-          </button>
-        </div>
-      </div>
-
-      <!-- Sticky Footer -->
-      <div [ngClass]="footerClasses()" class="px-6 py-4 border-t backdrop-blur-sm">
-        <div class="flex items-center gap-3">
-          <button
-            type="button"
-            (click)="onSave()"
-            [disabled]="saveButtonsDisabled()"
-            [ngClass]="saveButtonClasses()"
-            class="px-5 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 border disabled:opacity-50 disabled:cursor-not-allowed hover:scale-105 active:scale-95 disabled:hover:scale-100">
-            Save
-          </button>
-          <button
-            type="button"
-            (click)="onSaveAndNext()"
-            [disabled]="saveButtonsDisabled()"
-            [ngClass]="saveAndNextButtonClasses()"
-            class="flex-1 px-5 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed hover:scale-105 active:scale-95 disabled:hover:scale-100">
-            <span>Save & next unanswered</span>
-            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
-            </svg>
-          </button>
-        </div>
-      </div>
-    </div>
+                template: `
+    <div class="flex flex-col h-full">
+      <!-- Unanswered Questions Status -->
+      <div [ngClass]="statusHeaderClasses()" class="px-6 py-4 border-b">
+        <h4 [ngClass]="statusTitleClasses()" class="text-sm font-semibold mb-3">
+          Unanswered questions status
+        </h4>
+        <div class="flex items-center gap-3">
+          <div class="flex-1">
+            <div [ngClass]="progressBarContainerClasses()" class="h-2 rounded-full overflow-hidden">
+              <div
+                [ngClass]="progressBarFillClasses()"
+                class="h-full transition-all duration-500 ease-out rounded-full"
+                [style.width.%]="progressPercentage()"></div>
+            </div>
+          </div>
+          <div [ngClass]="progressTextClasses()" class="text-sm font-medium whitespace-nowrap">
+            {{ answeredCount() }} / {{ totalCount() }} answered
+          </div>
+        </div>
+      </div>
+
+      <!-- Scrollable Content -->
+      <div #scrollContainer class="flex-1 overflow-y-auto" (scroll)="onScroll()">
+        <!-- Sticky Question Header -->
+        <div [ngClass]="stickyHeaderClasses()" class="sticky top-0 z-10 px-6 py-4 transition-all duration-300" [class.shadow-md]="isSticky()">
+          <!-- Breadcrumb -->
+          <div [ngClass]="breadcrumbClasses()" class="text-sm italic mb-2">
+            Shop > {{ breadcrumbPath() }}
+          </div>
+
+          <!-- Question -->
+          <h2 [ngClass]="questionTextClasses()" class="font-bold transition-all duration-300" [class.text-xl]="!isSticky()" [class.text-lg]="isSticky()">
+            {{ question().question }}
+          </h2>
+
+          <!-- Context - only show when not sticky -->
+          @if (question().context && !isSticky()) {
+            <p [ngClass]="contextTextClasses()" class="text-sm leading-relaxed mt-3">
+              {{ question().context }}
+            </p>
+          }
+
+          <!-- Related Focus Areas - only show when not sticky -->
+          @if (relatedFocusAreas().length > 0 && !isSticky()) {
+            <div class="mt-4">
+              <div class="flex items-center gap-2 mb-2">
+                <span [ngClass]="relatedLabelClasses()" class="text-xs font-semibold">
+                  Related to {{ relatedFocusAreas().length }} focus area(s)
+                </span>
+                <svg class="w-4 h-4" [ngClass]="relatedLabelClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                </svg>
+              </div>
+              <div class="flex flex-wrap gap-2">
+                @for (focusArea of relatedFocusAreas(); track focusArea) {
+                  <span [ngClass]="focusAreaChipClasses()" class="px-3 py-1.5 rounded-full text-xs font-medium">
+                    {{ getFocusAreaTitle(focusArea) }}
+                  </span>
+                }
+              </div>
+            </div>
+          }
+        </div>
+
+        <div class="px-6 py-6">
+
+        <!-- Answer Options -->
+        <div class="space-y-3 mb-4">
+          @for (option of answerOptions(); track option.tempId) {
+            <label
+              [ngClass]="checkboxRowClasses()"
+              class="flex items-start gap-3 p-4 rounded-lg cursor-pointer transition-all duration-200 hover:scale-[1.01]">
+              <input
+                type="checkbox"
+                [checked]="option.isSelected"
+                (change)="toggleAnswer(option.text)"
+                [ngClass]="checkboxClasses()"
+                class="mt-0.5 w-5 h-5 rounded border-2 cursor-pointer transition-all duration-200 focus:ring-2 focus:ring-offset-2" />
+              <span [ngClass]="checkboxLabelClasses()" class="text-base flex-1">
+                {{ option.text }}
+              </span>
+            </label>
+          }
+        </div>
+
+        <!-- Add Other Answers -->
+        <div class="mb-6">
+          <div
+            class="grid transition-[grid-template-rows] duration-300 ease-in-out"
+            [style.grid-template-rows]="addOtherAnswersExpanded() ? '1fr' : '0fr'">
+            <div class="overflow-hidden min-h-0">
+              <div class="pb-4">
+                <textarea
+                  [(ngModel)]="customAnswerText"
+                  [ngClass]="textareaClasses()"
+                  class="w-full px-4 py-3 rounded-lg border-2 text-sm resize-y transition-colors duration-200 focus:ring-2 focus:ring-offset-2"
+                  rows="5"
+                  placeholder="Enter your answer(s) here, separated by returns."></textarea>
+                <div class="flex items-center gap-3 mt-3">
+                  <button
+                    type="button"
+                    (click)="cancelCustomAnswers()"
+                    [ngClass]="cancelButtonClasses()"
+                    class="px-5 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 hover:scale-105 active:scale-95">
+                    Cancel
+                  </button>
+                  <button
+                    type="button"
+                    (click)="addCustomAnswers()"
+                    [disabled]="!canAddCustomAnswers()"
+                    [ngClass]="addButtonClasses()"
+                    class="flex-1 px-5 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100">
+                    Add
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          @if (!addOtherAnswersExpanded()) {
+            <button
+              type="button"
+              (click)="toggleAddOtherAnswers()"
+              [ngClass]="addOtherAnswersButtonClasses()"
+              class="w-full px-5 py-3 rounded-lg font-medium text-sm transition-all duration-200 border-2 hover:scale-[1.01] active:scale-[0.99]">
+              Add other answers
+            </button>
+          }
+        </div>
+        </div>
+      </div>
+
+      <!-- Sticky Footer -->
+      <div [ngClass]="footerClasses()" class="px-6 py-4 border-t backdrop-blur-sm sticky bottom-0 z-10">
+        <div class="flex items-center gap-3">
+          <button
+            type="button"
+            (click)="onSave()"
+            [disabled]="saveButtonsDisabled()"
+            [ngClass]="saveButtonClasses()"
+            class="px-5 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 border disabled:opacity-50 disabled:cursor-not-allowed hover:scale-105 active:scale-95 disabled:hover:scale-100">
+            Save
+          </button>
+          <button
+            type="button"
+            (click)="onSaveAndNext()"
+            [disabled]="saveButtonsDisabled()"
+            [ngClass]="saveAndNextButtonClasses()"
+            class="flex-1 px-5 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed hover:scale-105 active:scale-95 disabled:hover:scale-100">
+            <span>Save & next unanswered</span>
+            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
   `
             }]
-    }], () => [], { question: [{ type: i0.Input, args: [{ isSignal: true, alias: "question", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: false }] }], selectedCategoryId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedCategoryId", required: false }] }], selectedFocusAreaId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedFocusAreaId", required: false }] }], filteredQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "filteredQuestions", required: false }] }], profileShopAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShopAnswers", required: false }] }], backClick: [{ type: i0.Output, args: ["backClick"] }], saveClick: [{ type: i0.Output, args: ["saveClick"] }], saveAndNextClick: [{ type: i0.Output, args: ["saveAndNextClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber: 187 }); })();
+    }], () => [], { question: [{ type: i0.Input, args: [{ isSignal: true, alias: "question", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: false }] }], selectedCategoryId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedCategoryId", required: false }] }], selectedFocusAreaId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedFocusAreaId", required: false }] }], filteredQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "filteredQuestions", required: false }] }], profileShopAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShopAnswers", required: false }] }], backClick: [{ type: i0.Output, args: ["backClick"] }], saveClick: [{ type: i0.Output, args: ["saveClick"] }], saveAndNextClick: [{ type: i0.Output, args: ["saveAndNextClick"] }], scrollContainer: [{
+            type: ViewChild,
+            args: ['scrollContainer']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber: 199 }); })();
 
 const _c0$4 = ["modalContent"];
 const _c1$1 = ["modalWrapper"];
@@ -89200,7 +89253,7 @@ function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_8_Template
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.viewType() === "category" ? "Category" : "Focus Area", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.viewType() === "all" ? "All Questions" : ctx_r1.viewType() === "category" ? "Category" : "Focus Area", " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
     i0.ɵɵadvance();
@@ -89263,7 +89316,7 @@ function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Template
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.viewType() === "category" ? "Category" : "Focus Area", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.viewType() === "all" ? "All Questions" : ctx_r1.viewType() === "category" ? "Category" : "Focus Area", " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
     i0.ɵɵadvance();
@@ -89303,6 +89356,8 @@ class ShopProfileQuestionsModalComponent {
         this.users = input([], ...(ngDevMode ? [{ debugName: "users" }] : []));
         this.selectedCategoryId = input(null, ...(ngDevMode ? [{ debugName: "selectedCategoryId" }] : []));
         this.selectedFocusAreaId = input(null, ...(ngDevMode ? [{ debugName: "selectedFocusAreaId" }] : []));
+        this.showAllQuestions = input(false, ...(ngDevMode ? [{ debugName: "showAllQuestions" }] : []));
+        this.startDirectAnswer = input(false, ...(ngDevMode ? [{ debugName: "startDirectAnswer" }] : []));
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.close = output();
         this.questionAnswerClick = output();
@@ -89315,9 +89370,14 @@ class ShopProfileQuestionsModalComponent {
         this.navigationHistory = signal([], ...(ngDevMode ? [{ debugName: "navigationHistory" }] : []));
         this.modalMovedToBody = false;
         this.viewType = computed(() => {
+            if (this.showAllQuestions())
+                return 'all';
             return this.selectedCategoryId() !== null ? 'category' : 'focus-area';
         }, ...(ngDevMode ? [{ debugName: "viewType" }] : []));
         this.displayTitle = computed(() => {
+            if (this.viewType() === 'all') {
+                return 'All questions';
+            }
             if (this.viewType() === 'category') {
                 const categoryId = this.selectedCategoryId();
                 if (!categoryId)
@@ -89333,6 +89393,9 @@ class ShopProfileQuestionsModalComponent {
         }, ...(ngDevMode ? [{ debugName: "displayTitle" }] : []));
         this.filteredQuestions = computed(() => {
             const allQuestions = this.questions();
+            if (this.showAllQuestions()) {
+                return allQuestions;
+            }
             const categoryId = this.selectedCategoryId();
             const focusAreaId = this.selectedFocusAreaId();
             if (categoryId) {
@@ -89368,6 +89431,16 @@ class ShopProfileQuestionsModalComponent {
                 setTimeout(() => {
                     this.moveModalToBody();
                     this.modalReady.set(true);
+                    if (this.startDirectAnswer()) {
+                        const firstUnanswered = this.filteredQuestions().find(q => !q.answered);
+                        if (firstUnanswered) {
+                            this.answerModeActive.set(true);
+                            this.questionForAnswer.set(firstUnanswered);
+                            if (firstUnanswered.id) {
+                                this.navigationHistory.set([firstUnanswered.id]);
+                            }
+                        }
+                    }
                 }, 0);
             }
             else {
@@ -89536,7 +89609,7 @@ class ShopProfileQuestionsModalComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
-        } }, inputs: { isOpen: [1, "isOpen"], questions: [1, "questions"], profileShopAnswers: [1, "profileShopAnswers"], users: [1, "users"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], viewMode: [1, "viewMode"] }, outputs: { close: "close", questionAnswerClick: "questionAnswerClick" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "overflow-y-auto", "z-[9000]"], [1, "fixed", "inset-0", "overflow-y-auto", "z-[9000]", 3, "click"], [1, "flex", "items-center", "justify-center", "min-h-screen", "px-4", "pt-4", "pb-20", "text-center", "sm:block", "sm:p-0"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "ngClass"], ["aria-hidden", "true", 1, "hidden", "sm:inline-block", "sm:align-middle", "sm:h-screen"], [1, "relative", "inline-block", "align-bottom", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "sm:my-8", "sm:align-middle", "sm:w-full", "sm:max-w-4xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-2"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "text-center", "py-12"], [1, "flex", "flex-col", "gap-6"], [1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-full", "h-full"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "question", "viewMode", "viewType", "profileShopAnswers", "users"], [3, "answerClick", "question", "viewMode", "viewType", "profileShopAnswers", "users"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm"], [3, "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileShopAnswers"], [3, "backClick", "saveClick", "saveAndNextClick", "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileShopAnswers"]], template: function ShopProfileQuestionsModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { isOpen: [1, "isOpen"], questions: [1, "questions"], profileShopAnswers: [1, "profileShopAnswers"], users: [1, "users"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], showAllQuestions: [1, "showAllQuestions"], startDirectAnswer: [1, "startDirectAnswer"], viewMode: [1, "viewMode"] }, outputs: { close: "close", questionAnswerClick: "questionAnswerClick" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "overflow-y-auto", "z-[9000]"], [1, "fixed", "inset-0", "overflow-y-auto", "z-[9000]", 3, "click"], [1, "flex", "items-center", "justify-center", "min-h-screen", "px-4", "pt-4", "pb-20", "text-center", "sm:block", "sm:p-0"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "ngClass"], ["aria-hidden", "true", 1, "hidden", "sm:inline-block", "sm:align-middle", "sm:h-screen"], [1, "relative", "inline-block", "align-bottom", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "sm:my-8", "sm:align-middle", "sm:w-full", "sm:max-w-4xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-2"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "text-center", "py-12"], [1, "flex", "flex-col", "gap-6"], [1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-full", "h-full"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "question", "viewMode", "viewType", "profileShopAnswers", "users"], [3, "answerClick", "question", "viewMode", "viewType", "profileShopAnswers", "users"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm"], [3, "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileShopAnswers"], [3, "backClick", "saveClick", "saveAndNextClick", "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileShopAnswers"]], template: function ShopProfileQuestionsModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ShopProfileQuestionsModalComponent_Conditional_0_Template, 10, 5, "div", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
@@ -89576,164 +89649,164 @@ class ShopProfileQuestionsModalComponent {
                         ])
                     ])
                 ],
-                template: `
-    @if (isOpen()) {
-      <div
-        #modalWrapper
-        class="fixed inset-0 overflow-y-auto z-[9000]"
-        (click)="onBackdropClick()">
-        <div class="flex items-center justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
-          <div
-            [ngClass]="backdropClasses()"
-            class="fixed inset-0 backdrop-blur-sm"
-            aria-hidden="true"
-            @fadeIn></div>
-
-          <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
-
-          <div
-            #modalContent
-            (click)="$event.stopPropagation()"
-            [ngClass]="containerClasses()"
-            class="relative inline-block align-bottom rounded-2xl text-left overflow-hidden shadow-xl sm:my-8 sm:align-middle sm:w-full sm:max-w-4xl border backdrop-blur-xl"
-            @slideUpFade>
-
-            @if (!answerModeActive()) {
-              <!-- Header -->
-              <div [ngClass]="headerClasses()" class="px-6 py-5 border-b backdrop-blur-sm sticky top-0 z-10">
-                <div class="flex items-start justify-between">
-                  <div class="flex-1">
-                    <!-- Label -->
-                    <div [ngClass]="labelClasses()" class="text-xs font-semibold uppercase tracking-wider mb-1">
-                      {{ viewType() === 'category' ? 'Category' : 'Focus Area' }}
-                    </div>
-
-                    <!-- Title -->
-                    <h3 [ngClass]="titleClasses()" class="text-xl font-bold mb-3">
-                      {{ displayTitle() }}
-                    </h3>
-
-                    <!-- Progress Bar -->
-                    <div class="space-y-2">
-                      <div [ngClass]="progressBarContainerClasses()" class="h-2 rounded-full overflow-hidden">
-                        <div
-                          [ngClass]="progressBarFillClasses()"
-                          class="h-full transition-all duration-500 ease-out rounded-full"
-                          [style.width.%]="progressPercentage()"></div>
-                      </div>
-                      <div [ngClass]="progressTextClasses()" class="text-sm font-medium">
-                        {{ answeredCount() }} / {{ totalCount() }} questions answered
-                      </div>
-                    </div>
-                  </div>
-
-                  <!-- Close Button -->
-                  <button
-                    type="button"
-                    (click)="onClose()"
-                    [ngClass]="closeButtonClasses()"
-                    class="transition-all rounded-lg p-1 hover:scale-110 active:scale-90 cursor-pointer relative ml-4">
-                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
-                    </svg>
-                  </button>
-                </div>
-              </div>
-
-              <!-- Content -->
-              <div [ngClass]="contentClasses()" class="px-6 py-8 max-h-[70vh] overflow-y-auto backdrop-blur-sm">
-                @if (filteredQuestions().length === 0) {
-                  <div class="text-center py-12">
-                    <div [ngClass]="emptyStateIconClasses()" class="w-16 h-16 mx-auto mb-4">
-                      <svg class="w-full h-full" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
-                      </svg>
-                    </div>
-                    <h3 [ngClass]="emptyStateTitleClasses()" class="text-lg font-semibold mb-2">
-                      No questions found
-                    </h3>
-                    <p [ngClass]="emptyStateTextClasses()" class="text-sm">
-                      There are no questions for this {{ viewType() === 'category' ? 'category' : 'focus area' }}.
-                    </p>
-                  </div>
-                } @else {
-                  <div class="flex flex-col gap-6">
-                    @for (question of filteredQuestions(); track question.id) {
-                      <symphiq-shop-profile-question-card
-                        [question]="question"
-                        [viewMode]="viewMode()"
-                        [viewType]="viewType()"
-                        [profileShopAnswers]="profileShopAnswers()"
-                        [users]="users()"
-                        (answerClick)="onQuestionAnswerClick($event)" />
-                    }
-                  </div>
-                }
-              </div>
-            } @else {
-              <!-- Answer Mode Header -->
-              <div [ngClass]="headerClasses()" class="px-6 py-5 border-b backdrop-blur-sm sticky top-0 z-10">
-                <div class="flex items-start justify-between">
-                  <div class="flex items-center gap-3">
-                    <!-- Back Button -->
-                    <button
-                      type="button"
-                      (click)="onBackFromAnswerMode()"
-                      [ngClass]="closeButtonClasses()"
-                      class="transition-all rounded-lg p-1 hover:scale-110 active:scale-90 cursor-pointer">
-                      <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
-                      </svg>
-                    </button>
-                    <div>
-                      <!-- Label -->
-                      <div [ngClass]="labelClasses()" class="text-xs font-semibold uppercase tracking-wider mb-1">
-                        {{ viewType() === 'category' ? 'Category' : 'Focus Area' }}
-                      </div>
-                      <!-- Title -->
-                      <h3 [ngClass]="titleClasses()" class="text-xl font-bold">
-                        {{ displayTitle() }}
-                      </h3>
-                    </div>
-                  </div>
-
-                  <!-- Close Button -->
-                  <button
-                    type="button"
-                    (click)="onClose()"
-                    [ngClass]="closeButtonClasses()"
-                    class="transition-all rounded-lg p-1 hover:scale-110 active:scale-90 cursor-pointer">
-                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
-                    </svg>
-                  </button>
-                </div>
-              </div>
-
-              <!-- Answer Mode Content -->
-              <div class="max-h-[70vh] overflow-y-auto backdrop-blur-sm">
-                @if (questionForAnswer()) {
-                  <symphiq-shop-profile-question-answer
-                    [question]="questionForAnswer()!"
-                    [viewMode]="viewMode()"
-                    [viewType]="viewType()"
-                    [selectedCategoryId]="selectedCategoryId()"
-                    [selectedFocusAreaId]="selectedFocusAreaId()"
-                    [filteredQuestions]="filteredQuestions()"
-                    [profileShopAnswers]="profileShopAnswers()"
-                    (backClick)="onBackFromAnswerMode()"
-                    (saveClick)="onSaveAnswer()"
-                    (saveAndNextClick)="onSaveAndNextAnswer()" />
-                }
-              </div>
-            }
-          </div>
-        </div>
-      </div>
-    }
+                template: `
+    @if (isOpen()) {
+      <div
+        #modalWrapper
+        class="fixed inset-0 overflow-y-auto z-[9000]"
+        (click)="onBackdropClick()">
+        <div class="flex items-center justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
+          <div
+            [ngClass]="backdropClasses()"
+            class="fixed inset-0 backdrop-blur-sm"
+            aria-hidden="true"
+            @fadeIn></div>
+
+          <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
+
+          <div
+            #modalContent
+            (click)="$event.stopPropagation()"
+            [ngClass]="containerClasses()"
+            class="relative inline-block align-bottom rounded-2xl text-left overflow-hidden shadow-xl sm:my-8 sm:align-middle sm:w-full sm:max-w-4xl border backdrop-blur-xl"
+            @slideUpFade>
+
+            @if (!answerModeActive()) {
+              <!-- Header -->
+              <div [ngClass]="headerClasses()" class="px-6 py-5 border-b backdrop-blur-sm sticky top-0 z-10">
+                <div class="flex items-start justify-between">
+                  <div class="flex-1">
+                    <!-- Label -->
+                    <div [ngClass]="labelClasses()" class="text-xs font-semibold uppercase tracking-wider mb-1">
+                      {{ viewType() === 'all' ? 'All Questions' : (viewType() === 'category' ? 'Category' : 'Focus Area') }}
+                    </div>
+
+                    <!-- Title -->
+                    <h3 [ngClass]="titleClasses()" class="text-xl font-bold mb-3">
+                      {{ displayTitle() }}
+                    </h3>
+
+                    <!-- Progress Bar -->
+                    <div class="space-y-2">
+                      <div [ngClass]="progressBarContainerClasses()" class="h-2 rounded-full overflow-hidden">
+                        <div
+                          [ngClass]="progressBarFillClasses()"
+                          class="h-full transition-all duration-500 ease-out rounded-full"
+                          [style.width.%]="progressPercentage()"></div>
+                      </div>
+                      <div [ngClass]="progressTextClasses()" class="text-sm font-medium">
+                        {{ answeredCount() }} / {{ totalCount() }} questions answered
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- Close Button -->
+                  <button
+                    type="button"
+                    (click)="onClose()"
+                    [ngClass]="closeButtonClasses()"
+                    class="transition-all rounded-lg p-1 hover:scale-110 active:scale-90 cursor-pointer relative ml-4">
+                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
+                    </svg>
+                  </button>
+                </div>
+              </div>
+
+              <!-- Content -->
+              <div [ngClass]="contentClasses()" class="px-6 py-8 max-h-[70vh] overflow-y-auto backdrop-blur-sm">
+                @if (filteredQuestions().length === 0) {
+                  <div class="text-center py-12">
+                    <div [ngClass]="emptyStateIconClasses()" class="w-16 h-16 mx-auto mb-4">
+                      <svg class="w-full h-full" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+                      </svg>
+                    </div>
+                    <h3 [ngClass]="emptyStateTitleClasses()" class="text-lg font-semibold mb-2">
+                      No questions found
+                    </h3>
+                    <p [ngClass]="emptyStateTextClasses()" class="text-sm">
+                      There are no questions for this {{ viewType() === 'category' ? 'category' : 'focus area' }}.
+                    </p>
+                  </div>
+                } @else {
+                  <div class="flex flex-col gap-6">
+                    @for (question of filteredQuestions(); track question.id) {
+                      <symphiq-shop-profile-question-card
+                        [question]="question"
+                        [viewMode]="viewMode()"
+                        [viewType]="viewType()"
+                        [profileShopAnswers]="profileShopAnswers()"
+                        [users]="users()"
+                        (answerClick)="onQuestionAnswerClick($event)" />
+                    }
+                  </div>
+                }
+              </div>
+            } @else {
+              <!-- Answer Mode Header -->
+              <div [ngClass]="headerClasses()" class="px-6 py-5 border-b backdrop-blur-sm sticky top-0 z-10">
+                <div class="flex items-start justify-between">
+                  <div class="flex items-center gap-3">
+                    <!-- Back Button -->
+                    <button
+                      type="button"
+                      (click)="onBackFromAnswerMode()"
+                      [ngClass]="closeButtonClasses()"
+                      class="transition-all rounded-lg p-1 hover:scale-110 active:scale-90 cursor-pointer">
+                      <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
+                      </svg>
+                    </button>
+                    <div>
+                      <!-- Label -->
+                      <div [ngClass]="labelClasses()" class="text-xs font-semibold uppercase tracking-wider mb-1">
+                        {{ viewType() === 'all' ? 'All Questions' : (viewType() === 'category' ? 'Category' : 'Focus Area') }}
+                      </div>
+                      <!-- Title -->
+                      <h3 [ngClass]="titleClasses()" class="text-xl font-bold">
+                        {{ displayTitle() }}
+                      </h3>
+                    </div>
+                  </div>
+
+                  <!-- Close Button -->
+                  <button
+                    type="button"
+                    (click)="onClose()"
+                    [ngClass]="closeButtonClasses()"
+                    class="transition-all rounded-lg p-1 hover:scale-110 active:scale-90 cursor-pointer">
+                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
+                    </svg>
+                  </button>
+                </div>
+              </div>
+
+              <!-- Answer Mode Content -->
+              <div class="max-h-[70vh] overflow-y-auto backdrop-blur-sm">
+                @if (questionForAnswer()) {
+                  <symphiq-shop-profile-question-answer
+                    [question]="questionForAnswer()!"
+                    [viewMode]="viewMode()"
+                    [viewType]="viewType()"
+                    [selectedCategoryId]="selectedCategoryId()"
+                    [selectedFocusAreaId]="selectedFocusAreaId()"
+                    [filteredQuestions]="filteredQuestions()"
+                    [profileShopAnswers]="profileShopAnswers()"
+                    (backClick)="onBackFromAnswerMode()"
+                    (saveClick)="onSaveAnswer()"
+                    (saveAndNextClick)="onSaveAndNextAnswer()" />
+                }
+              </div>
+            }
+          </div>
+        </div>
+      </div>
+    }
   `
             }]
-    }], () => [], { isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], questions: [{ type: i0.Input, args: [{ isSignal: true, alias: "questions", required: false }] }], profileShopAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShopAnswers", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], selectedCategoryId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedCategoryId", required: false }] }], selectedFocusAreaId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedFocusAreaId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], close: [{ type: i0.Output, args: ["close"] }], questionAnswerClick: [{ type: i0.Output, args: ["questionAnswerClick"] }], modalContent: [{
+    }], () => [], { isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], questions: [{ type: i0.Input, args: [{ isSignal: true, alias: "questions", required: false }] }], profileShopAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShopAnswers", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], selectedCategoryId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedCategoryId", required: false }] }], selectedFocusAreaId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedFocusAreaId", required: false }] }], showAllQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAllQuestions", required: false }] }], startDirectAnswer: [{ type: i0.Input, args: [{ isSignal: true, alias: "startDirectAnswer", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], close: [{ type: i0.Output, args: ["close"] }], questionAnswerClick: [{ type: i0.Output, args: ["questionAnswerClick"] }], modalContent: [{
             type: ViewChild,
             args: ['modalContent']
         }], modalWrapper: [{
@@ -89743,11 +89816,11 @@ class ShopProfileQuestionsModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionsModalComponent, { className: "ShopProfileQuestionsModalComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-questions-modal.component.ts", lineNumber: 196 }); })();
 
 const _c0$3 = ["chartdiv"];
-function ShopProfileStatusCardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h3", 20);
+function ShopProfileStatusCardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h3", 21);
     i0.ɵɵtext(1, " Why Shop Profile Questions Matter ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "p", 18);
+    i0.ɵɵelementStart(2, "p", 17);
     i0.ɵɵtext(3, " Shop Profile questions are a ");
     i0.ɵɵelementStart(4, "strong");
     i0.ɵɵtext(5, "critical part of your onboarding journey");
@@ -89760,8 +89833,8 @@ function ShopProfileStatusCardComponent_Conditional_22_Template(rf, ctx) { if (r
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getIntroTextClasses());
 } }
-function ShopProfileStatusCardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 18)(1, "strong");
+function ShopProfileStatusCardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 17)(1, "strong");
     i0.ɵɵtext(2, "Great progress!");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " Continue answering questions to unlock deeper insights and more accurate recommendations. Each answer helps Symphiq better understand your business context. ");
@@ -89770,13 +89843,13 @@ function ShopProfileStatusCardComponent_Conditional_23_Template(rf, ctx) { if (r
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r1.getIntroTextClasses());
 } }
-function ShopProfileStatusCardComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+function ShopProfileStatusCardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 21)(1, "symphiq-shop-profile-view-toggle", 22);
-    i0.ɵɵlistener("viewChanged", function ShopProfileStatusCardComponent_Conditional_24_Template_symphiq_shop_profile_view_toggle_viewChanged_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleViewChange($event)); });
+    i0.ɵɵelementStart(0, "div", 22)(1, "symphiq-shop-profile-view-toggle", 23);
+    i0.ɵɵlistener("viewChanged", function ShopProfileStatusCardComponent_Conditional_25_Template_symphiq_shop_profile_view_toggle_viewChanged_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleViewChange($event)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(2, "symphiq-shop-profile-category-list", 23);
-    i0.ɵɵlistener("itemClick", function ShopProfileStatusCardComponent_Conditional_24_Template_symphiq_shop_profile_category_list_itemClick_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleItemClick($event)); });
+    i0.ɵɵelementStart(2, "symphiq-shop-profile-category-list", 24);
+    i0.ɵɵlistener("itemClick", function ShopProfileStatusCardComponent_Conditional_25_Template_symphiq_shop_profile_category_list_itemClick_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleItemClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -89793,12 +89866,15 @@ class ShopProfileStatusCardComponent {
         this.questions = input([], ...(ngDevMode ? [{ debugName: "questions" }] : []));
         this.profileShopAnswers = input([], ...(ngDevMode ? [{ debugName: "profileShopAnswers" }] : []));
         this.users = input([], ...(ngDevMode ? [{ debugName: "users" }] : []));
+        this.startAnsweringAll = input(false, ...(ngDevMode ? [{ debugName: "startAnsweringAll" }] : []));
         this.startCategoryQuestions = output();
         this.questionAnswerRequested = output();
         this.currentView = signal('category', ...(ngDevMode ? [{ debugName: "currentView" }] : []));
         this.questionsModalOpen = signal(false, ...(ngDevMode ? [{ debugName: "questionsModalOpen" }] : []));
         this.selectedCategoryId = signal(null, ...(ngDevMode ? [{ debugName: "selectedCategoryId" }] : []));
         this.selectedFocusAreaId = signal(null, ...(ngDevMode ? [{ debugName: "selectedFocusAreaId" }] : []));
+        this.showAllQuestions = signal(false, ...(ngDevMode ? [{ debugName: "showAllQuestions" }] : []));
+        this.startDirectAnswer = signal(false, ...(ngDevMode ? [{ debugName: "startDirectAnswer" }] : []));
         this.completionPercentage = computed(() => {
             const total = this.totalQuestions();
             if (total === 0)
@@ -89911,6 +89987,15 @@ class ShopProfileStatusCardComponent {
         this.questionsModalOpen.set(false);
         this.selectedCategoryId.set(null);
         this.selectedFocusAreaId.set(null);
+        this.showAllQuestions.set(false);
+        this.startDirectAnswer.set(false);
+    }
+    openAllQuestionsAnswerMode() {
+        this.selectedCategoryId.set(null);
+        this.selectedFocusAreaId.set(null);
+        this.showAllQuestions.set(true);
+        this.startDirectAnswer.set(true);
+        this.questionsModalOpen.set(true);
     }
     onQuestionAnswerClick(question) {
         this.questionAnswerRequested.emit(question);
@@ -90085,7 +90170,7 @@ class ShopProfileStatusCardComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartDiv = _t.first);
-        } }, inputs: { viewMode: [1, "viewMode"], totalQuestions: [1, "totalQuestions"], answeredQuestions: [1, "answeredQuestions"], questions: [1, "questions"], profileShopAnswers: [1, "profileShopAnswers"], users: [1, "users"] }, outputs: { startCategoryQuestions: "startCategoryQuestions", questionAnswerRequested: "questionAnswerRequested" }, decls: 26, vars: 19, consts: [["chartdiv", ""], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "flex", "items-center", "justify-center", "mb-8"], [1, "w-full", 2, "height", "300px"], [1, "rounded-xl", "p-6", "mb-8", 3, "ngClass"], [1, "flex", "items-start", "gap-4"], [1, "flex-shrink-0", "p-2", "rounded-lg", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "leading-relaxed", 3, "ngClass"], [3, "close", "questionAnswerClick", "isOpen", "questions", "profileShopAnswers", "users", "selectedCategoryId", "selectedFocusAreaId", "viewMode"], [1, "font-semibold", "text-lg", "mb-3", 3, "ngClass"], [1, "flex", "justify-center", "mb-6"], [3, "viewChanged", "viewMode", "currentView"], [3, "itemClick", "viewMode", "items"]], template: function ShopProfileStatusCardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], totalQuestions: [1, "totalQuestions"], answeredQuestions: [1, "answeredQuestions"], questions: [1, "questions"], profileShopAnswers: [1, "profileShopAnswers"], users: [1, "users"], startAnsweringAll: [1, "startAnsweringAll"] }, outputs: { startCategoryQuestions: "startCategoryQuestions", questionAnswerRequested: "questionAnswerRequested" }, decls: 27, vars: 21, consts: [["chartdiv", ""], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "flex", "flex-wrap", "items-center", "gap-6", "mb-8"], [1, "rounded-xl", "p-6", "flex-1", "min-w-[300px]", 3, "ngClass"], [1, "flex", "items-start", "gap-4"], [1, "flex-shrink-0", "p-2", "rounded-lg", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "leading-relaxed", 3, "ngClass"], [1, "flex-shrink-0"], [1, "w-[250px]", "h-[250px]"], [3, "close", "questionAnswerClick", "isOpen", "questions", "profileShopAnswers", "users", "selectedCategoryId", "selectedFocusAreaId", "showAllQuestions", "startDirectAnswer", "viewMode"], [1, "font-semibold", "text-lg", "mb-3", 3, "ngClass"], [1, "flex", "justify-center", "mb-6"], [3, "viewChanged", "viewMode", "currentView"], [3, "itemClick", "viewMode", "items"]], template: function ShopProfileStatusCardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3)(3, "div", 4)(4, "div", 5);
             i0.ɵɵnamespaceSVG();
@@ -90099,22 +90184,22 @@ class ShopProfileStatusCardComponent {
             i0.ɵɵelementStart(10, "p", 9);
             i0.ɵɵtext(11);
             i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(12, "div", 10)(13, "div", 11);
-            i0.ɵɵelement(14, "div", 12, 0);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "div", 13)(17, "div", 14)(18, "div", 15);
+            i0.ɵɵelementStart(12, "div", 10)(13, "div", 11)(14, "div", 12)(15, "div", 13)(16, "div", 14);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(19, "svg", 6);
-            i0.ɵɵelement(20, "path", 16);
+            i0.ɵɵelementStart(17, "svg", 6);
+            i0.ɵɵelement(18, "path", 15);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(21, "div", 17);
-            i0.ɵɵconditionalCreate(22, ShopProfileStatusCardComponent_Conditional_22_Template, 7, 2)(23, ShopProfileStatusCardComponent_Conditional_23_Template, 4, 1, "p", 18);
+            i0.ɵɵelementStart(19, "div", 16);
+            i0.ɵɵconditionalCreate(20, ShopProfileStatusCardComponent_Conditional_20_Template, 7, 2)(21, ShopProfileStatusCardComponent_Conditional_21_Template, 4, 1, "p", 17);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(24, ShopProfileStatusCardComponent_Conditional_24_Template, 3, 4);
+            i0.ɵɵelementStart(22, "div", 18);
+            i0.ɵɵelement(23, "div", 19, 0);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(25, "symphiq-shop-profile-questions-modal", 19);
-            i0.ɵɵlistener("close", function ShopProfileStatusCardComponent_Template_symphiq_shop_profile_questions_modal_close_25_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onQuestionsModalClose()); })("questionAnswerClick", function ShopProfileStatusCardComponent_Template_symphiq_shop_profile_questions_modal_questionAnswerClick_25_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onQuestionAnswerClick($event)); });
+            i0.ɵɵconditionalCreate(25, ShopProfileStatusCardComponent_Conditional_25_Template, 3, 4);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(26, "symphiq-shop-profile-questions-modal", 20);
+            i0.ɵɵlistener("close", function ShopProfileStatusCardComponent_Template_symphiq_shop_profile_questions_modal_close_26_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onQuestionsModalClose()); })("questionAnswerClick", function ShopProfileStatusCardComponent_Template_symphiq_shop_profile_questions_modal_questionAnswerClick_26_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onQuestionAnswerClick($event)); });
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -90130,16 +90215,16 @@ class ShopProfileStatusCardComponent {
             i0.ɵɵtextInterpolate2(" ", ctx.answeredQuestions(), " of ", ctx.totalQuestions(), " questions answered ");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.contentClasses());
-            i0.ɵɵadvance(4);
+            i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.getIntroductionContainerClasses());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.getIntroIconClasses());
             i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.shouldShowFullIntro() ? 22 : 23);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.hasQuestions() ? 24 : -1);
+            i0.ɵɵconditional(ctx.shouldShowFullIntro() ? 20 : 21);
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.hasQuestions() ? 25 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("isOpen", ctx.questionsModalOpen())("questions", ctx.questions())("profileShopAnswers", ctx.profileShopAnswers())("users", ctx.users())("selectedCategoryId", ctx.selectedCategoryId())("selectedFocusAreaId", ctx.selectedFocusAreaId())("viewMode", ctx.viewMode());
+            i0.ɵɵproperty("isOpen", ctx.questionsModalOpen())("questions", ctx.questions())("profileShopAnswers", ctx.profileShopAnswers())("users", ctx.users())("selectedCategoryId", ctx.selectedCategoryId())("selectedFocusAreaId", ctx.selectedFocusAreaId())("showAllQuestions", ctx.showAllQuestions())("startDirectAnswer", ctx.startDirectAnswer())("viewMode", ctx.viewMode());
         } }, dependencies: [CommonModule, i1$1.NgClass, ShopProfileCategoryListComponent, ShopProfileViewToggleComponent, ShopProfileQuestionsModalComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShopProfileStatusCardComponent, [{
@@ -90172,13 +90257,10 @@ class ShopProfileStatusCardComponent {
       </div>
 
       <div [ngClass]="contentClasses()" class="p-6">
-        <!-- Donut Chart -->
-        <div class="flex items-center justify-center mb-8">
-          <div #chartdiv class="w-full" style="height: 300px;"></div>
-        </div>
-
-        <!-- Explanatory Text -->
-        <div [ngClass]="getIntroductionContainerClasses()" class="rounded-xl p-6 mb-8">
+        <!-- Chart and Explanatory Text Side by Side -->
+        <div class="flex flex-wrap items-center gap-6 mb-8">
+          <!-- Explanatory Text -->
+          <div [ngClass]="getIntroductionContainerClasses()" class="rounded-xl p-6 flex-1 min-w-[300px]">
           <div class="flex items-start gap-4">
             <div [ngClass]="getIntroIconClasses()" class="flex-shrink-0 p-2 rounded-lg">
               <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -90202,6 +90284,12 @@ class ShopProfileStatusCardComponent {
           </div>
         </div>
 
+          <!-- Donut Chart -->
+          <div class="flex-shrink-0">
+            <div #chartdiv class="w-[250px] h-[250px]"></div>
+          </div>
+        </div>
+
         <!-- View Toggle -->
         @if (hasQuestions()) {
           <div class="flex justify-center mb-6">
@@ -90230,16 +90318,18 @@ class ShopProfileStatusCardComponent {
       [users]="users()"
       [selectedCategoryId]="selectedCategoryId()"
       [selectedFocusAreaId]="selectedFocusAreaId()"
+      [showAllQuestions]="showAllQuestions()"
+      [startDirectAnswer]="startDirectAnswer()"
       [viewMode]="viewMode()"
       (close)="onQuestionsModalClose()"
       (questionAnswerClick)="onQuestionAnswerClick($event)" />
   `
             }]
-    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], totalQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalQuestions", required: false }] }], answeredQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "answeredQuestions", required: false }] }], questions: [{ type: i0.Input, args: [{ isSignal: true, alias: "questions", required: false }] }], profileShopAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShopAnswers", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], startCategoryQuestions: [{ type: i0.Output, args: ["startCategoryQuestions"] }], questionAnswerRequested: [{ type: i0.Output, args: ["questionAnswerRequested"] }], chartDiv: [{
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], totalQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalQuestions", required: false }] }], answeredQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "answeredQuestions", required: false }] }], questions: [{ type: i0.Input, args: [{ isSignal: true, alias: "questions", required: false }] }], profileShopAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShopAnswers", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], startAnsweringAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "startAnsweringAll", required: false }] }], startCategoryQuestions: [{ type: i0.Output, args: ["startCategoryQuestions"] }], questionAnswerRequested: [{ type: i0.Output, args: ["questionAnswerRequested"] }], chartDiv: [{
             type: ViewChild,
             args: ['chartdiv', { static: false }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileStatusCardComponent, { className: "ShopProfileStatusCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-status-card.component.ts", lineNumber: 119 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileStatusCardComponent, { className: "ShopProfileStatusCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-status-card.component.ts", lineNumber: 125 }); })();
 
 function ShopProfileStickyFooterComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
@@ -91033,14 +91123,15 @@ class StickySubscriptionContinueButtonComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEnabled", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], continueClick: [{ type: i0.Output, args: ["continueClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StickySubscriptionContinueButtonComponent, { className: "StickySubscriptionContinueButtonComponent", filePath: "lib/components/profile-analysis-dashboard/cards/sticky-subscription-continue-button.component.ts", lineNumber: 41 }); })();
 
-const _c0$2 = () => [];
-const _c1 = a0 => ({ name: "chevron-right", source: a0 });
-const _c2 = a0 => ({ name: "chevron-down", source: a0 });
-const _c3 = a0 => [a0];
+const _c0$2 = ["shopProfileStatusCard"];
+const _c1 = () => [];
+const _c2 = a0 => ({ name: "chevron-right", source: a0 });
+const _c3 = a0 => ({ name: "chevron-down", source: a0 });
+const _c4 = a0 => [a0];
 const _forTrack0 = ($index, $item) => $item.id;
 function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 25);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 26);
     i0.ɵɵlistener("nextStepClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); })("stepClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -91048,30 +91139,30 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template(rf, ctx
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", ctx_r1.shouldShowContinueButton())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-shop-welcome-banner", 26);
+    i0.ɵɵelement(0, "symphiq-shop-welcome-banner", 27);
 } if (rf & 2) {
     let tmp_3_0;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("businessName", ((tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.businessName) || "your shop")("isOnboarded", ctx_r1.isOnboarded());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-focus-area-welcome-banner", 27);
+    i0.ɵɵelement(0, "symphiq-focus-area-welcome-banner", 28);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("focusAreaDomain", ctx_r1.focusAreaDomain())("focusAreaName", ctx_r1.focusAreaName())("focusAreaDetails", ctx_r1.focusAreaDetails());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-metric-welcome-banner", 28);
+    i0.ɵɵelement(0, "symphiq-metric-welcome-banner", 29);
 } if (rf & 2) {
     let tmp_3_0;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("metricName", (tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary.metric)("isOnboarded", ctx_r1.isOnboarded());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_1_Template, 1, 3, "symphiq-shop-welcome-banner", 26);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_2_Template, 1, 4, "symphiq-focus-area-welcome-banner", 27);
-    i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Template, 1, 3, "symphiq-metric-welcome-banner", 28);
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_1_Template, 1, 3, "symphiq-shop-welcome-banner", 27);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_2_Template, 1, 4, "symphiq-focus-area-welcome-banner", 28);
+    i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Template, 1, 3, "symphiq-metric-welcome-banner", 29);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -91084,17 +91175,17 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template(rf, ctx
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29)(1, "symphiq-shop-profile-status-card", 30);
+    i0.ɵɵelementStart(0, "div", 30)(1, "symphiq-shop-profile-status-card", 31, 0);
     i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_shop_profile_status_card_startCategoryQuestions_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleStartCategoryQuestions($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("totalQuestions", ctx_r1.totalShopQuestions())("answeredQuestions", ctx_r1.answeredShopQuestions())("questions", ctx_r1.profileShopQuestions() || i0.ɵɵpureFunction0(6, _c0$2))("profileShopAnswers", ctx_r1.profileShopAnswers() || i0.ɵɵpureFunction0(7, _c0$2))("users", ctx_r1.users() || i0.ɵɵpureFunction0(8, _c0$2));
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("totalQuestions", ctx_r1.totalShopQuestions())("answeredQuestions", ctx_r1.answeredShopQuestions())("questions", ctx_r1.profileShopQuestions() || i0.ɵɵpureFunction0(6, _c1))("profileShopAnswers", ctx_r1.profileShopAnswers() || i0.ɵɵpureFunction0(7, _c1))("users", ctx_r1.users() || i0.ɵɵpureFunction0(8, _c1));
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31);
-    i0.ɵɵelement(1, "symphiq-content-generation-progress", 33);
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress", 34);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -91104,7 +91195,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Co
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 34);
+    i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 35);
     i0.ɵɵlistener("viewMoreClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_1_Template_symphiq_strategic_goals_tiled_grid_viewMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openGoalModal($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -91112,14 +91203,14 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Co
     i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_0_Template, 2, 3, "div", 31)(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_1_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 32);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_0_Template, 2, 3, "div", 32)(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_1_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 33);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional(ctx_r1.isProfileShopGenerating() && !ctx_r1.isFocusAreaAnalysis() && !ctx_r1.isMetricAnalysis() ? 0 : 1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29);
-    i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 38);
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 39);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
@@ -91128,8 +91219,8 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Co
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Conditional_0_Template, 2, 1, "div", 29);
-    i0.ɵɵelementStart(1, "symphiq-billing-currency-selector-card", 37);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Conditional_0_Template, 2, 1, "div", 30);
+    i0.ɵɵelementStart(1, "symphiq-billing-currency-selector-card", 38);
     i0.ɵɵlistener("currencySelected", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Template_symphiq_billing_currency_selector_card_currencySelected_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.handleCurrencyChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -91141,7 +91232,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Co
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 35)(1, "symphiq-plan-selection-container", 39);
+    i0.ɵɵelementStart(0, "div", 36)(1, "symphiq-plan-selection-container", 40);
     i0.ɵɵlistener("periodUnitChanged", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template_symphiq_plan_selection_container_periodUnitChanged_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.handlePeriodUnitChange($event)); })("planSelected", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template_symphiq_plan_selection_container_planSelected_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.handlePlanSelection($event)); })("editCurrency", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template_symphiq_plan_selection_container_editCurrency_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.handleEditCurrencyClick()); })("checkout", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template_symphiq_plan_selection_container_checkout_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.checkoutPlanClick.emit($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -91152,7 +91243,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Co
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-plan-selection-placeholder-card", 40);
+    i0.ɵɵelementStart(0, "symphiq-plan-selection-placeholder-card", 41);
     i0.ɵɵlistener("editCurrency", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_2_Template_symphiq_plan_selection_placeholder_card_editCurrency_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.handleEditCurrencyClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -91161,13 +91252,13 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Co
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selectedCurrency", ((tmp_5_0 = ctx_r1.account()) == null ? null : tmp_5_0.billingCurrencyCode) || ctx_r1.CurrencyCodeEnum.USD);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Template, 2, 4)(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template, 2, 5, "div", 35)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_2_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 36);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Template, 2, 4)(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template, 2, 5, "div", 36)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_2_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 37);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional(!ctx_r1.hasBillingCurrency() || ctx_r1.isEditingCurrency() ? 0 : ctx_r1.showPlanSelection() ? 1 : 2);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵelementStart(0, "div", 30);
     i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Template, 2, 1)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Template, 3, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -91177,7 +91268,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Te
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 41);
+    i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 42);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -91185,8 +91276,8 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Te
     i0.ɵɵproperty("sections", ctx_r1.nonStrategicSections())("viewMode", ctx_r1.viewMode())("executiveSummary", ctx_r1.executiveSummary())("focusAreaExecutiveSummary", ctx_r1.focusAreaExecutiveSummary())("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 SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_0_Template, 2, 9, "div", 29);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 3, 1, "div", 29);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_0_Template, 3, 9, "div", 30);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 3, 1, "div", 30);
     i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template, 2, 11, "div");
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -91197,15 +91288,15 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template(rf, ctx
     i0.ɵɵconditional(ctx_r1.nonStrategicSections().length > 0 ? 2 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-grade-badge", 52);
+    i0.ɵɵelement(0, "symphiq-grade-badge", 53);
 } if (rf & 2) {
     const summary_r9 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("grade", summary_r9.overallGrade)("gradeRationale", summary_r9.gradeRationale || "")("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 65);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 68);
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 69);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const summary_r9 = i0.ɵɵnextContext(2);
@@ -91214,15 +91305,15 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
     i0.ɵɵproperty("visual", summary_r9.napkinVisual)("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 53)(1, "h3", 63);
+    i0.ɵɵelementStart(0, "div", 54)(1, "h3", 64);
     i0.ɵɵtext(2, " Analysis Narrative ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 64);
-    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 65);
-    i0.ɵɵelementStart(5, "p", 66);
+    i0.ɵɵelementStart(3, "div", 65);
+    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 66);
+    i0.ɵɵelementStart(5, "p", 67);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "div", 67);
+    i0.ɵɵelement(7, "div", 68);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const summary_r9 = i0.ɵɵnextContext();
@@ -91238,10 +91329,10 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
     i0.ɵɵtextInterpolate1(" ", summary_r9.narrative, " ");
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 78);
+    i0.ɵɵelementStart(0, "div", 79);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 80);
-    i0.ɵɵelement(2, "path", 81);
+    i0.ɵɵelementStart(1, "svg", 81);
+    i0.ɵɵelement(2, "path", 82);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(3, "span");
@@ -91255,10 +91346,10 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
     i0.ɵɵtextInterpolate(win_r10.estimatedTimeframe);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 79)(1, "h4", 82);
+    i0.ɵɵelementStart(0, "div", 80)(1, "h4", 83);
     i0.ɵɵtext(2, " Related Goal ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "symphiq-related-goal-chips", 83);
+    i0.ɵɵelement(3, "symphiq-related-goal-chips", 84);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const win_r10 = i0.ɵɵnextContext().$implicit;
@@ -91266,23 +91357,23 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getMetaTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c3, win_r10.relatedGoalId))("allGoals", ctx_r1.allGoals())("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c4, win_r10.relatedGoalId))("allGoals", ctx_r1.allGoals())("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 71)(1, "div", 72)(2, "div", 73)(3, "span", 74);
+    i0.ɵɵelementStart(0, "div", 72)(1, "div", 73)(2, "div", 74)(3, "span", 75);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 75);
+    i0.ɵɵelementStart(5, "p", 76);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 76)(8, "span", 77);
+    i0.ɵɵelementStart(7, "div", 77)(8, "span", 78);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 77);
+    i0.ɵɵelementStart(10, "span", 78);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 78);
-    i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 79);
+    i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 79);
+    i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 80);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const win_r10 = ctx.$implicit;
@@ -91311,11 +91402,11 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
     i0.ɵɵconditional(win_r10.relatedGoalId ? 13 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62)(1, "h3", 69);
+    i0.ɵɵelementStart(0, "div", 63)(1, "h3", 70);
     i0.ɵɵtext(2, " Quick Wins ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 70);
-    i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 71, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(3, "div", 71);
+    i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 72, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const summary_r9 = i0.ɵɵnextContext();
@@ -91327,55 +91418,55 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "section", 42)(1, "div", 46)(2, "div", 47)(3, "div", 48)(4, "div", 49)(5, "h2", 50);
+    i0.ɵɵelementStart(0, "section", 43)(1, "div", 47)(2, "div", 48)(3, "div", 49)(4, "div", 50)(5, "h2", 51);
     i0.ɵɵtext(6, " Executive Summary ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "p", 51);
+    i0.ɵɵelementStart(7, "p", 52);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 52);
+    i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 53);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template, 8, 5, "div", 53);
-    i0.ɵɵelementStart(11, "div", 54)(12, "button", 55);
+    i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template, 8, 5, "div", 54);
+    i0.ɵɵelementStart(11, "div", 55)(12, "button", 56);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_12_listener() { const summary_r9 = i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r9)); });
-    i0.ɵɵelementStart(13, "div", 56);
+    i0.ɵɵelementStart(13, "div", 57);
     i0.ɵɵtext(14, " Key Strengths ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 57);
+    i0.ɵɵelementStart(15, "div", 58);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 58)(18, "span", 59);
+    i0.ɵɵelementStart(17, "div", 59)(18, "span", 60);
     i0.ɵɵtext(19, "View Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(20, "symphiq-icon", 60);
+    i0.ɵɵelement(20, "symphiq-icon", 61);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "button", 55);
+    i0.ɵɵelementStart(21, "button", 56);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_21_listener() { const summary_r9 = i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r9)); });
-    i0.ɵɵelementStart(22, "div", 56);
+    i0.ɵɵelementStart(22, "div", 57);
     i0.ɵɵtext(23, " Critical Gaps ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "div", 57);
+    i0.ɵɵelementStart(24, "div", 58);
     i0.ɵɵtext(25);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 58)(27, "span", 59);
+    i0.ɵɵelementStart(26, "div", 59)(27, "span", 60);
     i0.ɵɵtext(28, "View Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(29, "symphiq-icon", 60);
+    i0.ɵɵelement(29, "symphiq-icon", 61);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "button", 55);
+    i0.ɵɵelementStart(30, "button", 56);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
-    i0.ɵɵelementStart(31, "div", 56);
+    i0.ɵɵelementStart(31, "div", 57);
     i0.ɵɵtext(32, " Quick Wins ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "div", 57);
+    i0.ɵɵelementStart(33, "div", 58);
     i0.ɵɵtext(34);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "div", 58)(36, "span", 59);
+    i0.ɵɵelementStart(35, "div", 59)(36, "span", 60);
     i0.ɵɵtext(37, "Details Below");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(38, "symphiq-icon", 61);
+    i0.ɵɵelement(38, "symphiq-icon", 62);
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵconditionalCreate(39, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div", 62);
+    i0.ɵɵconditionalCreate(39, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div", 63);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const summary_r9 = ctx;
@@ -91403,7 +91494,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getKeyStrengthsButtonTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(28, _c1, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getKeyStrengthsButtonTextClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(28, _c2, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getKeyStrengthsButtonTextClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getCriticalGapsStatCardClasses());
     i0.ɵɵadvance();
@@ -91415,7 +91506,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getCriticalGapsButtonTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(30, _c1, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getCriticalGapsButtonTextClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(30, _c2, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getCriticalGapsButtonTextClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinsStatCardClasses());
     i0.ɵɵadvance();
@@ -91427,13 +91518,13 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinsButtonTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(32, _c2, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getQuickWinsButtonTextClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(32, _c3, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getQuickWinsButtonTextClasses());
     i0.ɵɵadvance();
     i0.ɵɵconditional(summary_r9.quickWins && summary_r9.quickWins.length > 0 ? 39 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 84);
+    i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 85);
     i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_focus_area_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_focus_area_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -91442,7 +91533,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_T
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 85);
+    i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 86);
     i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricPriorityDetailClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -91450,21 +91541,21 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_T
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 86);
+    i0.ɵɵelement(0, "symphiq-section-divider", 87);
 } if (rf & 2) {
     const sectionList_r14 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r14[0].icon);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template, 1, 2, "symphiq-section-divider", 86);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template, 1, 2, "symphiq-section-divider", 87);
 } if (rf & 2) {
     const sectionList_r14 = ctx;
     i0.ɵɵconditional(sectionList_r14.length > 0 && sectionList_r14[0].icon ? 0 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 89);
-    i0.ɵɵelement(1, "symphiq-icon", 93);
+    i0.ɵɵelementStart(0, "div", 90);
+    i0.ɵɵelement(1, "symphiq-icon", 94);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r15 = i0.ɵɵnextContext().$implicit;
@@ -91474,8 +91565,8 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
     i0.ɵɵproperty("icon", section_r15.icon);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 95);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 68);
+    i0.ɵɵelementStart(0, "div", 96);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 69);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r15 = i0.ɵɵnextContext(2).$implicit;
@@ -91484,7 +91575,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
     i0.ɵɵproperty("visual", section_r15.visual)("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 97)(1, "p", 66);
+    i0.ɵɵelementStart(0, "div", 98)(1, "p", 67);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -91497,9 +91588,9 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
     i0.ɵɵtextInterpolate1(" ", section_r15.description, " ");
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 94);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 95);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 96);
+    i0.ɵɵelementStart(0, "div", 95);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 96);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 97);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r15 = i0.ɵɵnextContext();
@@ -91512,7 +91603,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
     i0.ɵɵconditional(section_r15.description ? 2 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 86);
+    i0.ɵɵelement(0, "symphiq-section-divider", 87);
 } if (rf & 2) {
     const ɵ$index_216_r17 = i0.ɵɵnextContext().$index;
     const sectionList_r18 = i0.ɵɵnextContext();
@@ -91520,15 +91611,15 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r18[ɵ$index_216_r17 + 1].icon);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 87)(1, "div", 88);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template, 2, 2, "div", 89);
-    i0.ɵɵelementStart(3, "div", 49)(4, "h3", 90);
+    i0.ɵɵelementStart(0, "div", 88)(1, "div", 89);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template, 2, 2, "div", 90);
+    i0.ɵɵelementStart(3, "div", 50)(4, "h3", 91);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template, 3, 4, "div", 91);
-    i0.ɵɵelement(7, "symphiq-profile-section-content", 92);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template, 3, 4, "div", 92);
+    i0.ɵɵelement(7, "symphiq-profile-section-content", 93);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 86);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 87);
 } if (rf & 2) {
     const section_r15 = ctx.$implicit;
     const ɵ$index_216_r17 = ctx.$index;
@@ -91549,7 +91640,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
     i0.ɵɵconditional(!(ɵ$index_216_r17 === ɵ$count_216_r19 - 1) ? 8 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 45);
+    i0.ɵɵelementStart(0, "section", 46);
     i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Template, 9, 16, null, null, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -91557,11 +91648,11 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_T
     i0.ɵɵrepeater(ctx);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 40, 34, "section", 42);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 3, "symphiq-focus-area-executive-summary", 43);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 4, "symphiq-metric-executive-summary", 44);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 40, 34, "section", 43);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 3, "symphiq-focus-area-executive-summary", 44);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 4, "symphiq-metric-executive-summary", 45);
     i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Template, 1, 1);
-    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template, 3, 0, "section", 45);
+    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template, 3, 0, "section", 46);
 } if (rf & 2) {
     let tmp_1_0;
     let tmp_2_0;
@@ -91580,65 +91671,65 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Template(rf, ct
     i0.ɵɵconditional((tmp_5_0 = ctx_r1.sections()) ? 4 : -1, tmp_5_0);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-floating-toc", 8);
+    i0.ɵɵelement(0, "symphiq-floating-toc", 9);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("sections", ctx_r1.tocSections())("viewMode", ctx_r1.viewMode())("embedded", ctx_r1.embedded())("scrollElement", ctx_r1.scrollElement() ?? undefined);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-navigation", 8);
+    i0.ɵɵelement(0, "symphiq-section-navigation", 9);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("sections", ctx_r1.tocSections())("viewMode", ctx_r1.viewMode())("embedded", ctx_r1.embedded())("scrollElement", ctx_r1.scrollElement() ?? undefined);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-goal-card", 12);
+    i0.ɵɵelement(0, "symphiq-goal-card", 13);
 } if (rf & 2) {
     const data_r20 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("goal", data_r20.goal)("viewMode", data_r20.viewMode)("isInModal", true)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("currentModalState", ctx_r1.getCurrentModalState())("businessProfile", ctx_r1.profile());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content", 13);
+    i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content", 14);
 } if (rf & 2) {
     const data_r21 = ctx;
     i0.ɵɵproperty("goal", data_r21.goal)("viewMode", data_r21.viewMode);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content", 14);
+    i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content", 15);
 } if (rf & 2) {
     const data_r22 = ctx;
     i0.ɵɵproperty("objective", data_r22.objective)("goalTitle", data_r22.goalTitle)("viewMode", data_r22.viewMode);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 15);
+    i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 16);
 } if (rf & 2) {
     const data_r23 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("strategy", data_r23.strategy)("objectiveTitle", data_r23.objectiveTitle)("goalTitle", data_r23.goalTitle)("viewMode", data_r23.viewMode)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("allBusinessInsights", ctx_r1.allBusinessInsights())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-category-detail-modal-content", 16);
+    i0.ɵɵelement(0, "symphiq-category-detail-modal-content", 17);
 } if (rf & 2) {
     const data_r24 = ctx;
     i0.ɵɵproperty("category", data_r24.category)("viewMode", data_r24.viewMode)("scrollToSection", data_r24.scrollToSection);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-strength-detail-modal-content", 17);
+    i0.ɵɵelement(0, "symphiq-strength-detail-modal-content", 18);
 } if (rf & 2) {
     const data_r25 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("strength", data_r25.strength)("viewMode", data_r25.viewMode)("allFunnelStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-gap-detail-modal-content", 18);
+    i0.ɵɵelement(0, "symphiq-gap-detail-modal-content", 19);
 } if (rf & 2) {
     const data_r26 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("gap", data_r26.gap)("viewMode", data_r26.viewMode)("allGoals", ctx_r1.allGoals())("allWeaknesses", ctx_r1.funnelWeaknesses())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-opportunity-detail-modal-content", 19);
+    i0.ɵɵelement(0, "symphiq-opportunity-detail-modal-content", 20);
 } if (rf & 2) {
     const data_r27 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
@@ -91646,7 +91737,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template(rf, ct
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 98);
+    i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 99);
     i0.ɵɵlistener("continueClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template_symphiq_sticky_subscription_continue_button_continueClick_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleStickyButtonClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -91655,7 +91746,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template(rf, ct
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-shop-profile-sticky-footer", 99);
+    i0.ɵɵelementStart(0, "symphiq-shop-profile-sticky-footer", 100);
     i0.ɵɵlistener("continueClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_28_Template_symphiq_shop_profile_sticky_footer_continueClick_0_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleShopProfileContinueClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -91664,18 +91755,18 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_28_Template(rf, ct
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
     const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 24)(1, "div", 100)(2, "div", 101)(3, "button", 102);
+    i0.ɵɵelementStart(0, "div", 25)(1, "div", 101)(2, "div", 102)(3, "button", 103);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_29_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCancelCurrencyEdit()); });
     i0.ɵɵtext(4, " Cancel ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 103);
+    i0.ɵɵelementStart(5, "button", 104);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_29_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleContinueToPlans()); });
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7, "Continue to Plans");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 104);
-    i0.ɵɵelement(9, "path", 105);
+    i0.ɵɵelementStart(8, "svg", 105);
+    i0.ɵɵelement(9, "path", 106);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -92595,53 +92686,57 @@ class SymphiqProfileAnalysisDashboardComponent {
         this.answerShopProfileQuestions.emit(categoryId);
     }
     handleShopProfileContinueClick() {
-        this.continueShopProfileQuestions.emit();
+        if (this.shopProfileStatusCard) {
+            this.shopProfileStatusCard.openAllQuestionsAnswerMode();
+        }
     }
     static { this.ɵfac = function SymphiqProfileAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileAnalysisDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileAnalysisDashboardComponent, selectors: [["symphiq-profile-analysis-dashboard"]], viewQuery: function SymphiqProfileAnalysisDashboardComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(ModalComponent, 5);
+            i0.ɵɵviewQuery(_c0$2, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.shopProfileStatusCard = _t.first);
         } }, hostBindings: function SymphiqProfileAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], analysisType: [1, "analysisType"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileShopAnswers: [1, "profileShopAnswers"], profileShopAnswerHistories: [1, "profileShopAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 51, consts: [[1, "min-h-screen", "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"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [1, "mb-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", "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", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "mb-8"], [3, "startCategoryQuestions", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileShopAnswers", "users"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [1, "mb-32"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "focusAreaExecutiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "allGoals"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [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, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [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", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg: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, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [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"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [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, "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", "executiveSummary", "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"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵelement(1, "div", 1);
+        } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], analysisType: [1, "analysisType"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileShopAnswers: [1, "profileShopAnswers"], profileShopAnswerHistories: [1, "profileShopAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 51, consts: [["shopProfileStatusCard", ""], [1, "min-h-screen", "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"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [1, "mb-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", "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", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "mb-8"], [3, "startCategoryQuestions", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileShopAnswers", "users"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [1, "mb-32"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "focusAreaExecutiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "allGoals"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [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, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [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", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg: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, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [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"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [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, "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", "executiveSummary", "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"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵelement(1, "div", 2);
             i0.ɵɵelementStart(2, "div");
-            i0.ɵɵelement(3, "div", 2);
+            i0.ɵɵelement(3, "div", 3);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 3)(5, "symphiq-dashboard-header", 4);
+            i0.ɵɵelementStart(4, "div", 4)(5, "symphiq-dashboard-header", 5);
             i0.ɵɵlistener("searchClick", function SymphiqProfileAnalysisDashboardComponent_Template_symphiq_dashboard_header_searchClick_5_listener() { return ctx.openSearch(); })("viewModeClick", function SymphiqProfileAnalysisDashboardComponent_Template_symphiq_dashboard_header_viewModeClick_5_listener() { return ctx.openViewModeSwitcher(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template, 1, 5, "symphiq-journey-progress-indicator", 5);
-            i0.ɵɵelementStart(7, "main", 6);
-            i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template, 4, 3, "div", 7);
+            i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template, 1, 5, "symphiq-journey-progress-indicator", 6);
+            i0.ɵɵelementStart(7, "main", 7);
+            i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template, 4, 3, "div", 8);
             i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template, 3, 3);
             i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Template, 5, 5);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(11, SymphiqProfileAnalysisDashboardComponent_Conditional_11_Template, 1, 4, "symphiq-floating-toc", 8);
-            i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_12_Template, 1, 4, "symphiq-section-navigation", 8);
-            i0.ɵɵelementStart(13, "symphiq-search-modal", 9);
+            i0.ɵɵconditionalCreate(11, SymphiqProfileAnalysisDashboardComponent_Conditional_11_Template, 1, 4, "symphiq-floating-toc", 9);
+            i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_12_Template, 1, 4, "symphiq-section-navigation", 9);
+            i0.ɵɵelementStart(13, "symphiq-search-modal", 10);
             i0.ɵɵlistener("close", function SymphiqProfileAnalysisDashboardComponent_Template_symphiq_search_modal_close_13_listener() { return ctx.closeSearch(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(14, "symphiq-view-mode-switcher-modal", 10);
+            i0.ɵɵelementStart(14, "symphiq-view-mode-switcher-modal", 11);
             i0.ɵɵlistener("close", function SymphiqProfileAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_close_14_listener() { return ctx.closeViewModeSwitcher(); })("modeSelected", function SymphiqProfileAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_modeSelected_14_listener($event) { return ctx.handleDisplayModeChange($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(15, "symphiq-profile-analysis-modal", 11);
-            i0.ɵɵconditionalCreate(16, SymphiqProfileAnalysisDashboardComponent_Conditional_16_Template, 1, 8, "symphiq-goal-card", 12);
-            i0.ɵɵconditionalCreate(17, SymphiqProfileAnalysisDashboardComponent_Conditional_17_Template, 1, 2, "symphiq-goal-objectives-modal-content", 13);
-            i0.ɵɵconditionalCreate(18, SymphiqProfileAnalysisDashboardComponent_Conditional_18_Template, 1, 3, "symphiq-objective-strategies-modal-content", 14);
-            i0.ɵɵconditionalCreate(19, SymphiqProfileAnalysisDashboardComponent_Conditional_19_Template, 1, 9, "symphiq-strategy-recommendations-modal-content", 15);
-            i0.ɵɵconditionalCreate(20, SymphiqProfileAnalysisDashboardComponent_Conditional_20_Template, 1, 3, "symphiq-category-detail-modal-content", 16);
-            i0.ɵɵconditionalCreate(21, SymphiqProfileAnalysisDashboardComponent_Conditional_21_Template, 1, 4, "symphiq-strength-detail-modal-content", 17);
-            i0.ɵɵconditionalCreate(22, SymphiqProfileAnalysisDashboardComponent_Conditional_22_Template, 1, 5, "symphiq-gap-detail-modal-content", 18);
-            i0.ɵɵconditionalCreate(23, SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 19);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(24, "symphiq-funnel-analysis-modal", 20)(25, "symphiq-business-analysis-modal", 21)(26, "symphiq-tooltip-container");
-            i0.ɵɵconditionalCreate(27, SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template, 1, 3, "symphiq-sticky-subscription-continue-button", 22);
-            i0.ɵɵconditionalCreate(28, SymphiqProfileAnalysisDashboardComponent_Conditional_28_Template, 1, 3, "symphiq-shop-profile-sticky-footer", 23);
-            i0.ɵɵconditionalCreate(29, SymphiqProfileAnalysisDashboardComponent_Conditional_29_Template, 10, 6, "div", 24);
+            i0.ɵɵelementStart(15, "symphiq-profile-analysis-modal", 12);
+            i0.ɵɵconditionalCreate(16, SymphiqProfileAnalysisDashboardComponent_Conditional_16_Template, 1, 8, "symphiq-goal-card", 13);
+            i0.ɵɵconditionalCreate(17, SymphiqProfileAnalysisDashboardComponent_Conditional_17_Template, 1, 2, "symphiq-goal-objectives-modal-content", 14);
+            i0.ɵɵconditionalCreate(18, SymphiqProfileAnalysisDashboardComponent_Conditional_18_Template, 1, 3, "symphiq-objective-strategies-modal-content", 15);
+            i0.ɵɵconditionalCreate(19, SymphiqProfileAnalysisDashboardComponent_Conditional_19_Template, 1, 9, "symphiq-strategy-recommendations-modal-content", 16);
+            i0.ɵɵconditionalCreate(20, SymphiqProfileAnalysisDashboardComponent_Conditional_20_Template, 1, 3, "symphiq-category-detail-modal-content", 17);
+            i0.ɵɵconditionalCreate(21, SymphiqProfileAnalysisDashboardComponent_Conditional_21_Template, 1, 4, "symphiq-strength-detail-modal-content", 18);
+            i0.ɵɵconditionalCreate(22, SymphiqProfileAnalysisDashboardComponent_Conditional_22_Template, 1, 5, "symphiq-gap-detail-modal-content", 19);
+            i0.ɵɵconditionalCreate(23, SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 20);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(24, "symphiq-funnel-analysis-modal", 21)(25, "symphiq-business-analysis-modal", 22)(26, "symphiq-tooltip-container");
+            i0.ɵɵconditionalCreate(27, SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template, 1, 3, "symphiq-sticky-subscription-continue-button", 23);
+            i0.ɵɵconditionalCreate(28, SymphiqProfileAnalysisDashboardComponent_Conditional_28_Template, 1, 3, "symphiq-shop-profile-sticky-footer", 24);
+            i0.ɵɵconditionalCreate(29, SymphiqProfileAnalysisDashboardComponent_Conditional_29_Template, 10, 6, "div", 25);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             let tmp_5_0;
@@ -92798,6 +92893,7 @@ class SymphiqProfileAnalysisDashboardComponent {
             @if (shouldShowShopProfileStatus() && !isFocusAreaAnalysis() && !isMetricAnalysis()) {
               <div class="mb-8">
                 <symphiq-shop-profile-status-card
+                    #shopProfileStatusCard
                     [viewMode]="viewMode()"
                     [totalQuestions]="totalShopQuestions()"
                     [answeredQuestions]="answeredShopQuestions()"
@@ -93368,11 +93464,14 @@ class SymphiqProfileAnalysisDashboardComponent {
     }], () => [], { funnelModalComponent: [{
             type: ViewChild,
             args: [ModalComponent]
+        }], shopProfileStatusCard: [{
+            type: ViewChild,
+            args: ['shopProfileStatusCard']
         }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], analysisType: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysisType", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], account: [{ type: i0.Input, args: [{ isSignal: true, alias: "account", required: false }] }], profileShop: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShop", required: false }] }], profileShopQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShopQuestions", required: false }] }], profileShopAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShopAnswers", required: false }] }], profileShopAnswerHistories: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShopAnswerHistories", required: false }] }], itemStatusProfileShop: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusProfileShop", required: false }] }], itemStatusProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusProfileAnalysis", required: false }] }], planCardInfos: [{ type: i0.Input, args: [{ isSignal: true, alias: "planCardInfos", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], currencySelectionClick: [{ type: i0.Output, args: ["currencySelectionClick"] }], editCurrencyClick: [{ type: i0.Output, args: ["editCurrencyClick"] }], periodUnitChanged: [{ type: i0.Output, args: ["periodUnitChanged"] }], planSelected: [{ type: i0.Output, args: ["planSelected"] }], checkoutPlanClick: [{ type: i0.Output, args: ["checkoutPlanClick"] }], answerShopProfileQuestions: [{ type: i0.Output, args: ["answerShopProfileQuestions"] }], continueShopProfileQuestions: [{ type: i0.Output, args: ["continueShopProfileQuestions"] }], onWindowScroll: [{
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisDashboardComponent, { className: "SymphiqProfileAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-dashboard/symphiq-profile-analysis-dashboard.component.ts", lineNumber: 768 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisDashboardComponent, { className: "SymphiqProfileAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-dashboard/symphiq-profile-analysis-dashboard.component.ts", lineNumber: 769 }); })();
 
 class ScrollProgressBarComponent {
     constructor() {