@eric-emg/symphiq-components 1.2.327 → 1.2.329

package/fesm2022/symphiq-components.mjs

@@ -1,4 +1,4 @@
-import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, MetricEnum, DimensionEnum, UiDataPeriodEnum, UiDataComparePeriodEnum, ChartTypeEnum, IconSourceEnum, ProfileAnalysisRecommendationPriorityEnum, ProfileItemTypeEnum, PriceVsCompetitorsEnum, DifferentiationStrengthEnum, ThreatLevelEnum, AiDynamicContentStatusEnum, normalizeToV3, FocusAreaDetailStatusEnum, FocusAreaDomainEnumUtil, FocusAreaDomainEnum, ShopDataLoadStatusEnum, MetricEnumUtil, NumberTypeEnum, LineChartUseCaseEnum, FunnelMetricTypeEnum, FocusAreaHealthEnum, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, CurrencyCodeEnum, ProfileAnalysisTypeEnum, ChargebeeSubscriptionStatusEnumUtil, BarChartUseCaseEnum } from '@jebgem/model';
+import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, MetricEnum, DimensionEnum, UiDataPeriodEnum, UiDataComparePeriodEnum, ChartTypeEnum, IconSourceEnum, ProfileAnalysisRecommendationPriorityEnum, ProfileItemTypeEnum, PriceVsCompetitorsEnum, DifferentiationStrengthEnum, ThreatLevelEnum, AiDynamicContentStatusEnum, normalizeToV3, FocusAreaDetailStatusEnum, FocusAreaDomainEnumUtil, FocusAreaDomainEnum, ShopDataLoadStatusEnum, MetricEnumUtil, NumberTypeEnum, LineChartUseCaseEnum, FunnelMetricTypeEnum, FocusAreaHealthEnum, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ProfileAnalysisTypeEnum, ChargebeeSubscriptionStatusEnumUtil, BarChartUseCaseEnum } from '@jebgem/model';
 export * from '@jebgem/model';
 import * as i0 from '@angular/core';
 import { Injectable, signal, computed, input, ChangeDetectionStrategy, Component, output, inject, ElementRef, Renderer2, effect, Directive, HostListener, untracked, ViewChild, PLATFORM_ID, Inject, Input, afterNextRender } from '@angular/core';
@@ -3888,7 +3888,7 @@ class CompetitiveScoreService {
             }]
     }], null, null); })();
 
-const _forTrack0$S = ($index, $item) => $item.category;
+const _forTrack0$T = ($index, $item) => $item.category;
 function CompetitivePositioningSummaryComponent_Conditional_1_For_47_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
     i0.ɵɵelement(1, "div", 37);
@@ -4047,7 +4047,7 @@ function CompetitivePositioningSummaryComponent_Conditional_1_Template(rf, ctx)
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(43, "div", 24)(44, "div", 25)(45, "div", 26);
-    i0.ɵɵrepeaterCreate(46, CompetitivePositioningSummaryComponent_Conditional_1_For_47_Template, 15, 12, "div", 27, _forTrack0$S);
+    i0.ɵɵrepeaterCreate(46, CompetitivePositioningSummaryComponent_Conditional_1_For_47_Template, 15, 12, "div", 27, _forTrack0$T);
     i0.ɵɵelementEnd()()()();
     i0.ɵɵelementStart(48, "div", 28)(49, "button", 29);
     i0.ɵɵlistener("click", function CompetitivePositioningSummaryComponent_Conditional_1_Template_button_click_49_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToCompetitive.emit()); });
@@ -4256,7 +4256,7 @@ function CompetitivePositioningSummaryComponent_Conditional_2_Template(rf, ctx)
     i0.ɵɵelementStart(32, "div", 50)(33, "h4", 51);
     i0.ɵɵtext(34, "By Funnel Stage");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(35, CompetitivePositioningSummaryComponent_Conditional_2_For_36_Template, 12, 11, "div", 52, _forTrack0$S);
+    i0.ɵɵrepeaterCreate(35, CompetitivePositioningSummaryComponent_Conditional_2_For_36_Template, 12, 11, "div", 52, _forTrack0$T);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(37, "div", 28)(38, "button", 53);
     i0.ɵɵlistener("click", function CompetitivePositioningSummaryComponent_Conditional_2_Template_button_click_38_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToCompetitive.emit()); });
@@ -8933,7 +8933,7 @@ class MetricCardComponent {
 const _c0$14 = () => [1, 2, 3];
 const _c1$C = (a0, a1, a2) => [a0, a1, a2];
 const _c2$p = (a0, a1) => [a0, a1];
-const _forTrack0$R = ($index, $item) => $item.metric;
+const _forTrack0$S = ($index, $item) => $item.metric;
 const _forTrack1$7 = ($index, $item) => $item.dimensionValue;
 function BreakdownSectionComponent_Conditional_0_For_7_For_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
@@ -9256,7 +9256,7 @@ function BreakdownSectionComponent_Conditional_1_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementEnd()();
     i0.ɵɵconditionalCreate(6, BreakdownSectionComponent_Conditional_1_Conditional_6_Template, 3, 0, "div", 11);
     i0.ɵɵelementStart(7, "div", 12);
-    i0.ɵɵrepeaterCreate(8, BreakdownSectionComponent_Conditional_1_For_9_Template, 28, 18, "div", 13, _forTrack0$R);
+    i0.ɵɵrepeaterCreate(8, BreakdownSectionComponent_Conditional_1_For_9_Template, 28, 18, "div", 13, _forTrack0$S);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -10654,7 +10654,7 @@ class ChartCardComponent {
     }], null, { chart: [{ type: i0.Input, args: [{ isSignal: true, alias: "chart", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], chartClick: [{ type: i0.Output, args: ["chartClick"] }] }); }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChartCardComponent, { className: "ChartCardComponent", filePath: "lib/components/shared/chart-card.component.ts", lineNumber: 101 }); })();
 
-const _forTrack0$Q = ($index, $item) => $item.id;
+const _forTrack0$R = ($index, $item) => $item.id;
 function FunnelStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵnamespaceSVG();
@@ -10768,7 +10768,7 @@ function FunnelStrengthsListModalContentComponent_Conditional_2_For_2_Template(r
 } }
 function FunnelStrengthsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵrepeaterCreate(1, FunnelStrengthsListModalContentComponent_Conditional_2_For_2_Template, 30, 22, "button", 7, _forTrack0$Q);
+    i0.ɵɵrepeaterCreate(1, FunnelStrengthsListModalContentComponent_Conditional_2_For_2_Template, 30, 22, "button", 7, _forTrack0$R);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -10978,7 +10978,7 @@ class FunnelStrengthsListModalContentComponent {
     }], null, { strengths: [{ type: i0.Input, args: [{ isSignal: true, alias: "strengths", required: true }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelStrengthsListModalContentComponent, { className: "FunnelStrengthsListModalContentComponent", filePath: "lib/components/funnel-analysis-dashboard/funnel-strengths-list-modal-content.component.ts", lineNumber: 93 }); })();
 
-const _forTrack0$P = ($index, $item) => $item.severity;
+const _forTrack0$Q = ($index, $item) => $item.severity;
 const _forTrack1$6 = ($index, $item) => $item.id;
 function FunnelWeaknessesListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
@@ -11157,7 +11157,7 @@ function FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_Template(
 } }
 function FunnelWeaknessesListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵrepeaterCreate(1, FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_Template, 9, 7, "div", null, _forTrack0$P);
+    i0.ɵɵrepeaterCreate(1, FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_Template, 9, 7, "div", null, _forTrack0$Q);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -12932,7 +12932,7 @@ class ProfileItemLookupService {
     }], null, null); })();
 
 const _c0$11 = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$O = ($index, $item) => $item.id;
+const _forTrack0$P = ($index, $item) => $item.id;
 function RelatedAreaChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 2);
@@ -12953,7 +12953,7 @@ function RelatedAreaChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (r
 } }
 function RelatedAreaChipsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0);
-    i0.ɵɵrepeaterCreate(1, RelatedAreaChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$O);
+    i0.ɵɵrepeaterCreate(1, RelatedAreaChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$P);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -13178,7 +13178,7 @@ class CompetitorChipListComponent {
     }], null, { relatedCompetitorIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "relatedCompetitorIds", required: false }] }], competitors: [{ type: i0.Input, args: [{ isSignal: true, alias: "competitors", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isDark: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDark", required: false }] }], inModalContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "inModalContext", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitorChipListComponent, { className: "CompetitorChipListComponent", filePath: "lib/components/business-analysis-dashboard/shared/competitor-chip-list.component.ts", lineNumber: 37 }); })();
 
-const _forTrack0$N = ($index, $item) => $item.id;
+const _forTrack0$O = ($index, $item) => $item.id;
 function CompetitorContextSectionComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 8);
@@ -13261,7 +13261,7 @@ function CompetitorContextSectionComponent_Conditional_0_Template(rf, ctx) { if
     i0.ɵɵconditionalCreate(8, CompetitorContextSectionComponent_Conditional_0_Conditional_8_Template, 5, 4, "button", 4);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(9, "div", 5)(10, "div", 6);
-    i0.ɵɵrepeaterCreate(11, CompetitorContextSectionComponent_Conditional_0_For_12_Template, 10, 6, "button", 7, _forTrack0$N);
+    i0.ɵɵrepeaterCreate(11, CompetitorContextSectionComponent_Conditional_0_For_12_Template, 10, 6, "button", 7, _forTrack0$O);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -13452,7 +13452,7 @@ class CompetitorContextSectionComponent {
 (() => { (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$$ = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$M = ($index, $item) => $item.id;
+const _forTrack0$N = ($index, $item) => $item.id;
 function RelatedRecommendationChipsComponent_Conditional_0_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 4);
@@ -13495,7 +13495,7 @@ function RelatedRecommendationChipsComponent_Conditional_0_Conditional_4_Templat
 } }
 function RelatedRecommendationChipsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
-    i0.ɵɵrepeaterCreate(2, RelatedRecommendationChipsComponent_Conditional_0_For_3_Template, 5, 6, "button", 2, _forTrack0$M);
+    i0.ɵɵrepeaterCreate(2, RelatedRecommendationChipsComponent_Conditional_0_For_3_Template, 5, 6, "button", 2, _forTrack0$N);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(4, RelatedRecommendationChipsComponent_Conditional_0_Conditional_4_Template, 5, 4, "button", 3);
     i0.ɵɵelementEnd();
@@ -13951,7 +13951,7 @@ class RelatedFunnelInsightsSectionComponent {
     }], null, { insightCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "insightCount", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], insightsClicked: [{ type: i0.Output, args: ["insightsClicked"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedFunnelInsightsSectionComponent, { className: "RelatedFunnelInsightsSectionComponent", filePath: "lib/components/business-analysis-dashboard/shared/related-funnel-insights-section.component.ts", lineNumber: 47 }); })();
 
-const _forTrack0$L = ($index, $item) => $item.order;
+const _forTrack0$M = ($index, $item) => $item.order;
 function RecommendationCardComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵelement(1, "symphiq-icon", 11);
@@ -14304,7 +14304,7 @@ function RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6
 } }
 function RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 37);
-    i0.ɵɵrepeaterCreate(1, RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6_For_2_Template, 13, 9, "div", 41, _forTrack0$L);
+    i0.ɵɵrepeaterCreate(1, RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6_For_2_Template, 13, 9, "div", 41, _forTrack0$M);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -15143,7 +15143,7 @@ const ModalComponent_Conditional_0_Conditional_19_Conditional_4_Defer_2_DepsFn =
 const ModalComponent_Conditional_0_Conditional_19_Conditional_5_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent)];
 const ModalComponent_Conditional_0_Conditional_19_Conditional_6_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return pieChart_component; }).then(m => m.PieChartComponent)];
 const ModalComponent_Conditional_0_Conditional_19_Conditional_7_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
-const _forTrack0$K = ($index, $item) => $item.id || $index;
+const _forTrack0$L = ($index, $item) => $item.id || $index;
 function ModalComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 13);
@@ -15517,7 +15517,7 @@ function ModalComponent_Conditional_0_Conditional_22_For_3_Template(rf, ctx) { i
 function ModalComponent_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 22);
     i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_22_Conditional_1_Template, 2, 2, "p", 55);
-    i0.ɵɵrepeaterCreate(2, ModalComponent_Conditional_0_Conditional_22_For_3_Template, 2, 5, "div", null, _forTrack0$K);
+    i0.ɵɵrepeaterCreate(2, ModalComponent_Conditional_0_Conditional_22_For_3_Template, 2, 5, "div", null, _forTrack0$L);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -19754,7 +19754,7 @@ class NarrativeTooltipComponent {
     }], 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(NarrativeTooltipComponent, { className: "NarrativeTooltipComponent", filePath: "lib/components/funnel-analysis-dashboard/tooltip/narrative-tooltip.component.ts", lineNumber: 27 }); })();
 
-const _forTrack0$J = ($index, $item) => $item.name;
+const _forTrack0$K = ($index, $item) => $item.name;
 function CompetitiveStatusTooltipComponent_Conditional_6_For_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "div", 9);
     i0.ɵɵelement(3, "div", 10);
@@ -19798,7 +19798,7 @@ function CompetitiveStatusTooltipComponent_Conditional_6_Template(rf, ctx) { if
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 5);
-    i0.ɵɵrepeaterCreate(5, CompetitiveStatusTooltipComponent_Conditional_6_For_6_Template, 13, 12, "div", 6, _forTrack0$J);
+    i0.ɵɵrepeaterCreate(5, CompetitiveStatusTooltipComponent_Conditional_6_For_6_Template, 13, 12, "div", 6, _forTrack0$K);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -20045,7 +20045,7 @@ class CompetitiveStatusTooltipComponent {
     }], null, { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveStatusTooltipComponent, { className: "CompetitiveStatusTooltipComponent", filePath: "lib/components/funnel-analysis-dashboard/tooltip/competitive-status-tooltip.component.ts", lineNumber: 60 }); })();
 
-const _forTrack0$I = ($index, $item) => $item.name;
+const _forTrack0$J = ($index, $item) => $item.name;
 function FunnelStageCompetitiveTooltipComponent_Conditional_8_For_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9)(1, "div", 10)(2, "span", 11);
     i0.ɵɵtext(3);
@@ -20085,7 +20085,7 @@ function FunnelStageCompetitiveTooltipComponent_Conditional_8_Template(rf, ctx)
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(5, "div", 8);
-    i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_8_For_7_Template, 11, 9, "div", 9, _forTrack0$I);
+    i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_8_For_7_Template, 11, 9, "div", 9, _forTrack0$J);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -20135,7 +20135,7 @@ function FunnelStageCompetitiveTooltipComponent_Conditional_9_Template(rf, ctx)
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(5, "div", 8);
-    i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_9_For_7_Template, 11, 9, "div", 9, _forTrack0$I);
+    i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_9_For_7_Template, 11, 9, "div", 9, _forTrack0$J);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -20185,7 +20185,7 @@ function FunnelStageCompetitiveTooltipComponent_Conditional_10_Template(rf, ctx)
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(5, "div", 8);
-    i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_10_For_7_Template, 11, 9, "div", 9, _forTrack0$I);
+    i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_10_For_7_Template, 11, 9, "div", 9, _forTrack0$J);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -21449,7 +21449,7 @@ class MobileFABComponent {
     }], null, { isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], isCompactMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompactMode", required: false }] }], isExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isExpanded", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }], scrollToTop: [{ type: i0.Output, args: ["scrollToTop"] }], toggleView: [{ type: i0.Output, args: ["toggleView"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileFABComponent, { className: "MobileFABComponent", filePath: "lib/components/funnel-analysis-dashboard/mobile-fab.component.ts", lineNumber: 75 }); })();
 
-const _forTrack0$H = ($index, $item) => $item.id;
+const _forTrack0$I = ($index, $item) => $item.id;
 function MobileBottomNavComponent_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 3);
@@ -21507,7 +21507,7 @@ class MobileBottomNavComponent {
     static { this.ɵfac = function MobileBottomNavComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MobileBottomNavComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MobileBottomNavComponent, selectors: [["symphiq-mobile-bottom-nav"]], inputs: { isLightMode: [1, "isLightMode"], sections: [1, "sections"], activeSection: [1, "activeSection"] }, outputs: { navigate: "navigate" }, decls: 4, vars: 1, consts: [[1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "lg:hidden", "border-t", "backdrop-blur-md", 3, "ngClass"], [1, "flex", "items-center", "justify-around", "px-2", "py-3"], [1, "flex", "flex-col", "items-center", "gap-1", "px-3", "py-2", "rounded-lg", "transition-all", "duration-200", "active:scale-95", "min-w-[64px]", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "gap-1", "px-3", "py-2", "rounded-lg", "transition-all", "duration-200", "active:scale-95", "min-w-[64px]", 3, "click", "ngClass"], [1, "w-6", "h-6", 3, "innerHTML"], [1, "text-xs", "font-medium"]], template: function MobileBottomNavComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
-            i0.ɵɵrepeaterCreate(2, MobileBottomNavComponent_For_3_Template, 4, 3, "button", 2, _forTrack0$H);
+            i0.ɵɵrepeaterCreate(2, MobileBottomNavComponent_For_3_Template, 4, 3, "button", 2, _forTrack0$I);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClass());
@@ -21712,7 +21712,7 @@ class SearchService {
     }], null, null); })();
 
 const _c0$Z = ["searchInput"];
-const _forTrack0$G = ($index, $item) => $item.id;
+const _forTrack0$H = ($index, $item) => $item.id;
 function SearchBarComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 18);
@@ -21805,7 +21805,7 @@ function SearchBarComponent_Conditional_0_Conditional_14_For_2_Template(rf, ctx)
 } }
 function SearchBarComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵrepeaterCreate(1, SearchBarComponent_Conditional_0_Conditional_14_For_2_Template, 16, 12, "button", 19, _forTrack0$G);
+    i0.ɵɵrepeaterCreate(1, SearchBarComponent_Conditional_0_Conditional_14_For_2_Template, 16, 12, "button", 19, _forTrack0$H);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -22296,7 +22296,7 @@ class SearchHighlightDirective {
             }]
     }], () => [], { symphiqSearchHighlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "libSymphiqSearchHighlight", required: false }] }], highlightId: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightId", required: false }] }] }); })();
 
-const _forTrack0$F = ($index, $item) => $item.value;
+const _forTrack0$G = ($index, $item) => $item.value;
 const _forTrack1$5 = ($index, $item) => $item.performanceItemId;
 function CompetitiveScorecardComponent_For_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
@@ -22671,7 +22671,7 @@ class CompetitiveScorecardComponent {
             i0.ɵɵtext(9);
             i0.ɵɵelementEnd()()();
             i0.ɵɵelementStart(10, "div", 6);
-            i0.ɵɵrepeaterCreate(11, CompetitiveScorecardComponent_For_12_Template, 4, 7, "div", 7, _forTrack0$F);
+            i0.ɵɵrepeaterCreate(11, CompetitiveScorecardComponent_For_12_Template, 4, 7, "div", 7, _forTrack0$G);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(13, "div", 8)(14, "table", 9)(15, "thead")(16, "tr", 10)(17, "th", 11);
             i0.ɵɵtext(18, "Metric");
@@ -23306,7 +23306,7 @@ class SectionDividerComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], animationDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDelay", required: false }] }], sectionIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionIcon", required: false }] }], subsections: [{ type: i0.Input, args: [{ isSignal: true, alias: "subsections", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionDividerComponent, { className: "SectionDividerComponent", filePath: "lib/components/shared/section-divider.component.ts", lineNumber: 36 }); })();
 
-const _forTrack0$E = ($index, $item) => $item.id;
+const _forTrack0$F = ($index, $item) => $item.id;
 function FloatingTocComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelement(0, "path", 8);
@@ -23358,7 +23358,7 @@ function FloatingTocComponent_For_19_Conditional_7_For_2_Template(rf, ctx) { if
 } }
 function FloatingTocComponent_For_19_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵrepeaterCreate(1, FloatingTocComponent_For_19_Conditional_7_For_2_Template, 4, 4, "button", 19, _forTrack0$E);
+    i0.ɵɵrepeaterCreate(1, FloatingTocComponent_For_19_Conditional_7_For_2_Template, 4, 4, "button", 19, _forTrack0$F);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r2 = i0.ɵɵnextContext().$implicit;
@@ -23748,7 +23748,7 @@ class FloatingTocComponent {
             i0.ɵɵelementEnd()()();
             i0.ɵɵnamespaceHTML();
             i0.ɵɵelementStart(17, "nav", 9);
-            i0.ɵɵrepeaterCreate(18, FloatingTocComponent_For_19_Template, 8, 6, "div", 10, _forTrack0$E);
+            i0.ɵɵrepeaterCreate(18, FloatingTocComponent_For_19_Template, 8, 6, "div", 10, _forTrack0$F);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(20, "div", 11)(21, "button", 7);
             i0.ɵɵlistener("click", function FloatingTocComponent_Template_button_click_21_listener() { return ctx.scrollToTop(); });
@@ -23902,7 +23902,7 @@ class FloatingTocComponent {
     }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], containerElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "containerElement", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FloatingTocComponent, { className: "FloatingTocComponent", filePath: "lib/components/business-analysis-dashboard/floating-toc.component.ts", lineNumber: 125 }); })();
 
-const _forTrack0$D = ($index, $item) => $item.id;
+const _forTrack0$E = ($index, $item) => $item.id;
 function JourneyProgressIndicatorComponent_For_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "svg", 22);
@@ -24135,7 +24135,7 @@ function JourneyProgressIndicatorComponent_Conditional_23_Template(rf, ctx) { if
     i0.ɵɵtext(2, "Journey Progress");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 44);
-    i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_Conditional_23_For_5_Template, 14, 8, "div", 45, _forTrack0$D);
+    i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_Conditional_23_For_5_Template, 14, 8, "div", 45, _forTrack0$E);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -24584,7 +24584,7 @@ class JourneyProgressIndicatorComponent {
     static { this.ɵfac = function JourneyProgressIndicatorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || JourneyProgressIndicatorComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JourneyProgressIndicatorComponent, selectors: [["symphiq-journey-progress-indicator"]], inputs: { viewMode: [1, "viewMode"], currentStepId: [1, "currentStepId"], showNextStepAction: [1, "showNextStepAction"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { nextStepClick: "nextStepClick", stepClick: "stepClick" }, decls: 25, vars: 12, consts: [[1, "sticky", "top-[60px]", "z-40", "border-b", "pt-8", "pb-6", "px-6", "transition-all", "duration-200", "overflow-visible", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "overflow-visible"], [1, "hidden", "lg:flex", "items-start", "justify-between", "overflow-visible"], [1, "flex-1", "flex", "items-start", "justify-start", "overflow-visible"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex-shrink-0", "flex", "items-center", "gap-2", "whitespace-nowrap", "ml-4", "mt-0", 3, "disabled", "ngClass", "cursor-pointer", "cursor-not-allowed", "opacity-50", "hover:scale-105"], [1, "lg:hidden"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex-1", "flex", "items-center", "gap-3"], [1, "w-10", "h-10", "min-w-[2.5rem]", "min-h-[2.5rem]", "rounded-full", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5"], [1, "w-3", "h-3", "min-w-[0.75rem]", "min-h-[0.75rem]", "rounded-full", "animate-pulse", 3, "ngClass"], [1, "text-sm", "font-bold", 3, "ngClass"], [1, "flex-1", "text-left"], [1, "flex", "items-center", "gap-1.5", "relative", 3, "mouseenter", "mouseleave", "click"], [1, "text-xs", "cursor-pointer", 3, "ngClass"], [1, "p-0.5", "rounded-full", "cursor-pointer", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["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, "absolute", "top-full", "left-0", "mt-2", "w-80", "max-w-[calc(100vw-2rem)]", "p-4", "rounded-lg", "shadow-xl", "z-50", 3, "ngClass"], ["type", "button", 1, "px-3", "py-1.5", "rounded-lg", "font-medium", "text-xs", "transition-all", "duration-200", "flex-shrink-0", "flex", "items-center", "gap-1.5", "whitespace-nowrap", 3, "disabled", "ngClass", "cursor-pointer", "cursor-not-allowed", "opacity-50", "hover:scale-105"], [1, "flex", "flex-col", "items-center", "relative", "step-column", "overflow-visible", "flex-shrink-0", 3, "mouseenter", "mouseleave", "click"], [1, "w-8", "h-8", "min-w-[2rem]", "min-h-[2rem]", "rounded-full", "flex", "items-center", "justify-center", "flex-shrink-0", "step-circle", "relative", "z-10", "mb-1.5", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], [1, "w-2.5", "h-2.5", "min-w-[0.625rem]", "min-h-[0.625rem]", "rounded-full", "animate-pulse", 3, "ngClass"], [1, "w-2", "h-2", "min-w-[0.5rem]", "min-h-[0.5rem]", "rounded-full", 3, "ngClass"], [1, "text-xs", "font-bold", 3, "ngClass"], [1, "text-[10px]", "text-center", "leading-tight", "whitespace-nowrap", "max-w-[64px]", "overflow-hidden", "text-ellipsis", 3, "ngClass"], [1, "absolute", "rounded-lg", "shadow-2xl", "z-50", "pointer-events-none", 3, "ngClass", "expanded-card-right", "expanded-card-left", "top", "left", "right"], [1, "flex-1", "h-0.5", "transition-all", "duration-200", "mt-[16px]", 3, "ngClass"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "absolute", "rounded-lg", "shadow-2xl", "z-50", "pointer-events-none", 3, "ngClass"], [1, "flex", "items-start", "px-4", "py-3", "expanded-content"], [1, "flex", "items-start", "gap-2", "w-full"], [1, "text-xs", "font-bold", "flex-shrink-0", "mt-0.5", 3, "ngClass"], [1, "flex", "flex-col", "gap-1", "flex-1"], [1, "text-sm", "font-bold", "leading-tight", 3, "ngClass"], [1, "text-xs", "leading-relaxed", "description-fade", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex-shrink-0", "flex", "items-center", "gap-2", "whitespace-nowrap", "ml-4", "mt-0", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "text-sm", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2"], [1, "w-6", "h-6", "min-w-[1.5rem]", "min-h-[1.5rem]", "rounded-full", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3", "h-3"], [1, "w-2", "h-2", "min-w-[0.5rem]", "min-h-[0.5rem]", "rounded-full", "animate-pulse", 3, "ngClass"], [1, "w-1.5", "h-1.5", "min-w-[0.375rem]", "min-h-[0.375rem]", "rounded-full", 3, "ngClass"], [1, "text-[10px]", "font-bold", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "text-[10px]", "mt-0.5", 3, "ngClass"], ["type", "button", 1, "px-3", "py-1.5", "rounded-lg", "font-medium", "text-xs", "transition-all", "duration-200", "flex-shrink-0", "flex", "items-center", "gap-1.5", "whitespace-nowrap", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", "animate-spin"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"]], template: function JourneyProgressIndicatorComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
-            i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_For_5_Template, 10, 10, null, null, _forTrack0$D);
+            i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_For_5_Template, 10, 10, null, null, _forTrack0$E);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(6, JourneyProgressIndicatorComponent_Conditional_6_Template, 3, 11, "button", 4);
             i0.ɵɵelementEnd();
@@ -26735,7 +26735,7 @@ class ViewModeSwitcherModalComponent {
 const _c0$X = a0 => ({ name: "check-badge", source: a0 });
 const _c1$A = a0 => ({ name: "check-circle", source: a0 });
 const _c2$o = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$C = ($index, $item) => $item.area;
+const _forTrack0$D = ($index, $item) => $item.area;
 function KeyStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -26804,7 +26804,7 @@ function KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template(rf,
 } }
 function KeyStrengthsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵrepeaterCreate(1, KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$C);
+    i0.ɵɵrepeaterCreate(1, KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$D);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -26968,7 +26968,7 @@ const _c0$W = a0 => ({ name: "shield-check", source: a0 });
 const _c1$z = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c2$n = a0 => ({ name: "document-text", source: a0 });
 const _c3$h = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$B = ($index, $item) => $item.area;
+const _forTrack0$C = ($index, $item) => $item.area;
 function CriticalGapsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -27053,7 +27053,7 @@ function CriticalGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
 } }
 function CriticalGapsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵrepeaterCreate(1, CriticalGapsListModalContentComponent_Conditional_2_For_2_Template, 23, 25, "button", 6, _forTrack0$B);
+    i0.ɵɵrepeaterCreate(1, CriticalGapsListModalContentComponent_Conditional_2_For_2_Template, 23, 25, "button", 6, _forTrack0$C);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -27282,7 +27282,7 @@ class CriticalGapsListModalContentComponent {
 
 const _c0$V = a0 => ({ name: "check-circle", source: a0 });
 const _c1$y = a0 => ({ name: "chat-bubble-left-right", source: a0 });
-const _forTrack0$A = ($index, $item) => $item.questionId;
+const _forTrack0$B = ($index, $item) => $item.questionId;
 function KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 19)(1, "span", 20);
     i0.ɵɵtext(2);
@@ -27329,7 +27329,7 @@ function KeyStrengthDetailModalContentComponent_Conditional_13_Template(rf, ctx)
     i0.ɵɵtext(3, " Supporting Evidence ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 12);
-    i0.ɵɵrepeaterCreate(5, KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Template, 9, 10, "div", 13, _forTrack0$A);
+    i0.ɵɵrepeaterCreate(5, KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Template, 9, 10, "div", 13, _forTrack0$B);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -27524,7 +27524,7 @@ class KeyStrengthDetailModalContentComponent {
 const _c0$U = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c1$x = a0 => ({ name: "document-text", source: a0 });
 const _c2$m = a0 => ({ name: "chat-bubble-left-right", source: a0 });
-const _forTrack0$z = ($index, $item) => $item.questionId;
+const _forTrack0$A = ($index, $item) => $item.questionId;
 function CriticalGapDetailModalContentComponent_Conditional_20_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 23)(1, "p", 25);
     i0.ɵɵtext(2, " Gap Identified: ");
@@ -27592,7 +27592,7 @@ function CriticalGapDetailModalContentComponent_Conditional_20_Template(rf, ctx)
     i0.ɵɵtext(3, " Supporting Evidence ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 17);
-    i0.ɵɵrepeaterCreate(5, CriticalGapDetailModalContentComponent_Conditional_20_For_6_Template, 10, 11, "div", 18, _forTrack0$z);
+    i0.ɵɵrepeaterCreate(5, CriticalGapDetailModalContentComponent_Conditional_20_For_6_Template, 10, 11, "div", 18, _forTrack0$A);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -29388,7 +29388,7 @@ const _c0$T = a0 => ({ name: "check-badge", source: a0 });
 const _c1$w = a0 => ({ name: "check-circle", source: a0 });
 const _c2$l = a0 => ({ name: "chevron-right", source: a0 });
 const _c3$g = a0 => ({ name: "chart-bar", source: a0 });
-const _forTrack0$y = ($index, $item) => $item.capability;
+const _forTrack0$z = ($index, $item) => $item.capability;
 function FocusAreaStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -29503,7 +29503,7 @@ function FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Templat
 } }
 function FocusAreaStrengthsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵrepeaterCreate(1, FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Template, 16, 18, "button", 6, _forTrack0$y);
+    i0.ɵɵrepeaterCreate(1, FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Template, 16, 18, "button", 6, _forTrack0$z);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -29710,7 +29710,7 @@ class FocusAreaStrengthsListModalContentComponent {
 const _c0$S = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c1$v = a0 => ({ name: "exclamation-circle", source: a0 });
 const _c2$k = a0 => ({ name: "chevron-right", source: a0 });
-function _forTrack0$x($index, $item) { return this.getGapTitle($item); }
+function _forTrack0$y($index, $item) { return this.getGapTitle($item); }
 function FocusAreaGapsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -29827,7 +29827,7 @@ function FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
 } }
 function FocusAreaGapsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵrepeaterCreate(1, FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$x, true);
+    i0.ɵɵrepeaterCreate(1, FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$y, true);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -30104,7 +30104,7 @@ class FocusAreaGapsListModalContentComponent {
 const _c0$R = a0 => ({ name: "light-bulb", source: a0 });
 const _c1$u = a0 => ({ name: "chevron-right", source: a0 });
 const _c2$j = a0 => ({ name: "chart-bar", source: a0 });
-const _forTrack0$w = ($index, $item) => $item.opportunity;
+const _forTrack0$x = ($index, $item) => $item.opportunity;
 function FocusAreaOpportunitiesListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -30195,7 +30195,7 @@ function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Tem
 } }
 function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵrepeaterCreate(1, FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Template, 11, 11, "button", 6, _forTrack0$w);
+    i0.ɵɵrepeaterCreate(1, FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Template, 11, 11, "button", 6, _forTrack0$x);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -30372,7 +30372,7 @@ class FocusAreaOpportunitiesListModalContentComponent {
 
 const _c0$Q = a0 => ({ name: "chevron-right", source: a0 });
 const _c1$t = a0 => ({ name: "chat-bubble-left-right", source: a0 });
-const _forTrack0$v = ($index, $item) => $item.performanceItemId;
+const _forTrack0$w = ($index, $item) => $item.performanceItemId;
 function FocusAreaStrengthDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "p", 2);
     i0.ɵɵtext(2);
@@ -30442,7 +30442,7 @@ function FocusAreaStrengthDetailModalContentComponent_Conditional_4_Template(rf,
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 9);
-    i0.ɵɵrepeaterCreate(4, FocusAreaStrengthDetailModalContentComponent_Conditional_4_For_5_Template, 4, 5, "button", 10, _forTrack0$v);
+    i0.ɵɵrepeaterCreate(4, FocusAreaStrengthDetailModalContentComponent_Conditional_4_For_5_Template, 4, 5, "button", 10, _forTrack0$w);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -31093,7 +31093,7 @@ class FocusAreaGapDetailModalContentComponent {
 
 const _c0$O = a0 => ({ name: "chevron-right", source: a0 });
 const _c1$s = () => [];
-const _forTrack0$u = ($index, $item) => $item.performanceItemId;
+const _forTrack0$v = ($index, $item) => $item.performanceItemId;
 function FocusAreaOpportunityDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "p", 2);
     i0.ɵɵtext(2);
@@ -31145,7 +31145,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_3_Template(
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 6);
-    i0.ɵɵrepeaterCreate(4, FocusAreaOpportunityDetailModalContentComponent_Conditional_3_For_5_Template, 4, 5, "button", 7, _forTrack0$u);
+    i0.ɵɵrepeaterCreate(4, FocusAreaOpportunityDetailModalContentComponent_Conditional_3_For_5_Template, 4, 5, "button", 7, _forTrack0$v);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -36288,7 +36288,7 @@ const _c4$7 = 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 });
-const _forTrack0$t = ($index, $item) => $item.name;
+const _forTrack0$u = ($index, $item) => $item.name;
 function ProductCategoryCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 8);
     i0.ɵɵtext(1);
@@ -36419,7 +36419,7 @@ function ProductCategoryCardComponent_Conditional_16_Template(rf, ctx) { if (rf
     i0.ɵɵelementStart(6, "symphiq-visualization-container", 21);
     i0.ɵɵlistener("visualizationClick", function ProductCategoryCardComponent_Conditional_16_Template_symphiq_visualization_container_visualizationClick_6_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openHorizontalBarModal($event)); });
     i0.ɵɵelementStart(7, "div", 22);
-    i0.ɵɵrepeaterCreate(8, ProductCategoryCardComponent_Conditional_16_For_9_Template, 2, 5, "div", 23, _forTrack0$t);
+    i0.ɵɵrepeaterCreate(8, ProductCategoryCardComponent_Conditional_16_For_9_Template, 2, 5, "div", 23, _forTrack0$u);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -41408,7 +41408,7 @@ const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_5_D
 const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_6_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
 const _c3$8 = a0 => ({ name: "arrow-left", source: a0 });
 const _c4$5 = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$s = ($index, $item) => $item.performanceItemId || $index;
+const _forTrack0$t = ($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) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -41619,7 +41619,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Templa
 function ProfileAnalysisModalComponent_Conditional_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 20);
     i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_Conditional_1_Template, 2, 2, "p", 52);
-    i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Template, 13, 10, "div", 53, _forTrack0$s);
+    i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Template, 13, 10, "div", 53, _forTrack0$t);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const data_r11 = ctx;
@@ -41699,7 +41699,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_22_For_3_Templa
 function ProfileAnalysisModalComponent_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 20);
     i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_22_Conditional_1_Template, 2, 2, "p", 52);
-    i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_22_For_3_Template, 13, 10, "div", 53, _forTrack0$s);
+    i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_22_For_3_Template, 13, 10, "div", 53, _forTrack0$t);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const data_r14 = ctx;
@@ -41818,7 +41818,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_
     i0.ɵɵelementStart(0, "div", 69)(1, "h3", 70);
     i0.ɵɵtext(2, " Directly Affected Metric ");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_1_Conditional_0_For_4_Template, 1, 1, null, null, _forTrack0$s);
+    i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_1_Conditional_0_For_4_Template, 1, 1, null, null, _forTrack0$t);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const data_r32 = i0.ɵɵnextContext(2);
@@ -41852,7 +41852,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_
     i0.ɵɵelementStart(0, "div", 69)(1, "h3", 70);
     i0.ɵɵtext(2, " Indirectly Affected Metrics ");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_1_Conditional_1_For_4_Template, 1, 1, null, null, _forTrack0$s);
+    i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_1_Conditional_1_For_4_Template, 1, 1, null, null, _forTrack0$t);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const data_r32 = i0.ɵɵnextContext(2);
@@ -41884,7 +41884,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_
     i0.ɵɵproperty("metric", metric_r38)("isLightMode", ctx_r1.isLightMode())("animationKey", $index_r39);
 } }
 function ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_2_For_1_Template, 2, 3, "div", null, _forTrack0$s);
+    i0.ɵɵrepeaterCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_2_For_1_Template, 2, 3, "div", null, _forTrack0$t);
 } if (rf & 2) {
     const data_r32 = i0.ɵɵnextContext();
     i0.ɵɵrepeater(data_r32.metrics);
@@ -44538,7 +44538,7 @@ const _c0$y = a0 => ({ name: "list-bullet", source: a0 });
 const _c1$f = a0 => ({ name: "arrow-right", source: a0 });
 const _c2$9 = a0 => ({ name: "check-circle", source: a0 });
 const _c3$6 = a0 => ({ name: "exclamation-circle", source: a0 });
-const _forTrack0$r = ($index, $item) => $item.order;
+const _forTrack0$s = ($index, $item) => $item.order;
 function RecommendationActionStepsModalComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 5);
     i0.ɵɵelement(2, "symphiq-icon", 6);
@@ -44692,7 +44692,7 @@ class RecommendationActionStepsModalComponent {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, RecommendationActionStepsModalComponent_Conditional_1_Template, 8, 7, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
-            i0.ɵɵrepeaterCreate(3, RecommendationActionStepsModalComponent_For_4_Template, 13, 11, "div", 3, _forTrack0$r);
+            i0.ɵɵrepeaterCreate(3, RecommendationActionStepsModalComponent_For_4_Template, 13, 11, "div", 3, _forTrack0$s);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(5, RecommendationActionStepsModalComponent_Conditional_5_Template, 4, 5, "div", 4);
             i0.ɵɵelementEnd();
@@ -45941,7 +45941,7 @@ const _c2$8 = () => [1, 2, 3, 4, 5, 6];
 const _c3$5 = () => [1, 2, 3];
 const _c4$3 = () => [1, 2, 3, 4];
 const _c5$2 = () => [1, 2];
-const _forTrack0$q = ($index, $item) => $item.value;
+const _forTrack0$r = ($index, $item) => $item.value;
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 11);
 } }
@@ -45980,7 +45980,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_25_Template(rf, ctx
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_25_Template_div_click_3_listener($event) { i0.ɵɵrestoreView(_r4); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_25_Template_div_mousedown_3_listener($event) { i0.ɵɵrestoreView(_r4); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_25_Template_div_pointerdown_3_listener($event) { i0.ɵɵrestoreView(_r4); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵelementStart(4, "select", 49);
     i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_25_Template_select_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeSectionFilter($event)); });
-    i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_25_For_6_Template, 2, 2, "option", 50, _forTrack0$q);
+    i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_25_For_6_Template, 2, 2, "option", 50, _forTrack0$r);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -46060,7 +46060,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_46_Template(rf, ctx
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_46_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r7); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_46_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r7); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_46_Template_div_pointerdown_0_listener($event) { i0.ɵɵrestoreView(_r7); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵelementStart(1, "select", 55);
     i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_46_Template_select_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeSectionFilter($event)); });
-    i0.ɵɵrepeaterCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_46_For_3_Template, 2, 2, "option", 50, _forTrack0$q);
+    i0.ɵɵrepeaterCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_46_For_3_Template, 2, 2, "option", 50, _forTrack0$r);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -46834,7 +46834,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Te
     i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Conditional_14_Template, 2, 0, "div", 125);
     i0.ɵɵelementStart(15, "select", 126);
     i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter($event)); });
-    i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_For_17_Template, 2, 1, null, null, _forTrack0$q);
+    i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_For_17_Template, 2, 1, null, null, _forTrack0$r);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(18, "button", 127);
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleSortOrder()); });
@@ -46848,7 +46848,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Te
     i0.ɵɵtext(23, "Sort");
     i0.ɵɵelementEnd()()()();
     i0.ɵɵelementStart(24, "div", 130)(25, "div", 131);
-    i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$q);
+    i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$r);
     i0.ɵɵelementEnd()()();
     i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Conditional_28_Template, 3, 1, "div", 132)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Conditional_29_Template, 4, 5, "div", 133);
     i0.ɵɵelementEnd()();
@@ -47025,7 +47025,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_Te
     i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_Conditional_12_Template, 2, 0, "div", 125);
     i0.ɵɵelementStart(13, "select", 167);
     i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r37); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeBreakdownFilter($event)); });
-    i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_For_15_Template, 2, 1, null, null, _forTrack0$q);
+    i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_For_15_Template, 2, 1, null, null, _forTrack0$r);
     i0.ɵɵelementEnd()()();
     i0.ɵɵconditionalCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_Conditional_16_Template, 3, 1, "div", 98)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_Conditional_17_Template, 4, 5, "div", 168);
     i0.ɵɵelementEnd()();
@@ -47136,7 +47136,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_Te
     i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_Conditional_13_Template, 2, 0, "div", 125);
     i0.ɵɵelementStart(14, "select", 126);
     i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r41); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCompetitiveFilter($event)); });
-    i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_For_16_Template, 2, 1, null, null, _forTrack0$q);
+    i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_For_16_Template, 2, 1, null, null, _forTrack0$r);
     i0.ɵɵelementEnd()()();
     i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_Conditional_17_Template, 6, 5, "div", 98)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_Conditional_18_Template, 1, 6, "symphiq-competitive-intelligence-view", 95);
     i0.ɵɵelementEnd()();
@@ -49744,7 +49744,7 @@ function getTrendClasses(trendPercent, viewMode) {
     }
 }
 
-const _forTrack0$p = ($index, $item) => $item.performanceItemId;
+const _forTrack0$q = ($index, $item) => $item.performanceItemId;
 function SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 17)(1, "p", 18);
     i0.ɵɵtext(2);
@@ -50363,7 +50363,7 @@ class SymphiqFunnelAnalysisPreviewComponent {
             i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template, 3, 7, "div", 9);
             i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisPreviewComponent_Conditional_13_Template, 18, 23, "div", 10);
             i0.ɵɵelementStart(14, "div", 11);
-            i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisPreviewComponent_For_16_Template, 10, 17, "div", 12, _forTrack0$p);
+            i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisPreviewComponent_For_16_Template, 10, 17, "div", 12, _forTrack0$q);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisPreviewComponent_Conditional_17_Template, 9, 11, "div", 9);
             i0.ɵɵconditionalCreate(18, SymphiqFunnelAnalysisPreviewComponent_Conditional_18_Template, 14, 19, "div", 9);
@@ -50606,7 +50606,7 @@ class SymphiqFunnelAnalysisPreviewComponent {
     }], () => [], { analysisInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], onViewAnalysis: [{ type: i0.Output, args: ["onViewAnalysis"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisPreviewComponent, { className: "SymphiqFunnelAnalysisPreviewComponent", filePath: "lib/components/funnel-analysis-preview/symphiq-funnel-analysis-preview.component.ts", lineNumber: 228 }); })();
 
-const _forTrack0$o = ($index, $item) => $item.id;
+const _forTrack0$p = ($index, $item) => $item.id;
 function SymphiqWelcomeDashboardComponent_For_65_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 31)(1, "div", 36)(2, "div", 37)(3, "span", 38);
     i0.ɵɵtext(4);
@@ -50901,7 +50901,7 @@ class SymphiqWelcomeDashboardComponent {
             i0.ɵɵtext(62, " Your Onboarding Journey ");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(63, "div", 30);
-            i0.ɵɵrepeaterCreate(64, SymphiqWelcomeDashboardComponent_For_65_Template, 9, 3, "div", 31, _forTrack0$o);
+            i0.ɵɵrepeaterCreate(64, SymphiqWelcomeDashboardComponent_For_65_Template, 9, 3, "div", 31, _forTrack0$p);
             i0.ɵɵelementEnd()()();
             i0.ɵɵelementStart(66, "div", 32);
             i0.ɵɵnamespaceSVG();
@@ -51940,7 +51940,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$v = ["shopNameInput"];
-const _forTrack0$n = ($index, $item) => $item.focusAreaDomain;
+const _forTrack0$o = ($index, $item) => $item.focusAreaDomain;
 function SymphiqCreateAccountDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 13);
     i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 17);
@@ -52285,7 +52285,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Con
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 58);
-    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 59, _forTrack0$n);
+    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 59, _forTrack0$o);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -52315,7 +52315,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Con
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 68);
-    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 69, _forTrack0$n);
+    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 69, _forTrack0$o);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -52345,7 +52345,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Con
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 71);
-    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 72, _forTrack0$n);
+    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 72, _forTrack0$o);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -53760,7 +53760,7 @@ class SymphiqCreateAccountDashboardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 642 }); })();
 
-const _forTrack0$m = ($index, $item) => $item.id;
+const _forTrack0$n = ($index, $item) => $item.id;
 function SymphiqConnectGaDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12)(1, "div", 14)(2, "div", 15);
     i0.ɵɵelement(3, "symphiq-indeterminate-spinner", 16);
@@ -53989,7 +53989,7 @@ function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_
 function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 56);
-    i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template, 11, 8, "label", 57, _forTrack0$m);
+    i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template, 11, 8, "label", 57, _forTrack0$n);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(3, "div", 58);
     i0.ɵɵelementStart(4, "button", 59);
@@ -55945,7 +55945,7 @@ class TargetChangeBadgeComponent {
     }], () => [{ type: i0.ElementRef }], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], percentageChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "percentageChange", required: false }] }], metric: [{ type: i0.Input, args: [{ isSignal: true, alias: "metric", required: false }] }], priorYear: [{ type: i0.Input, args: [{ isSignal: true, alias: "priorYear", required: false }] }], isCompact: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompact", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TargetChangeBadgeComponent, { className: "TargetChangeBadgeComponent", filePath: "lib/components/revenue-calculator-dashboard/target-change-badge.component.ts", lineNumber: 27 }); })();
 
-const _forTrack0$l = ($index, $item) => $item.stageMetric.metric;
+const _forTrack0$m = ($index, $item) => $item.stageMetric.metric;
 const _forTrack1$3 = ($index, $item) => $item.calc.metric;
 function FunnelMetricsVisualizationComponent_For_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "button", 7);
@@ -56462,7 +56462,7 @@ class FunnelMetricsVisualizationComponent {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "symphiq-tooltip-container");
             i0.ɵɵelementStart(2, "div", 1);
-            i0.ɵɵrepeaterCreate(3, FunnelMetricsVisualizationComponent_For_4_Template, 28, 15, "div", 2, _forTrack0$l);
+            i0.ɵɵrepeaterCreate(3, FunnelMetricsVisualizationComponent_For_4_Template, 28, 15, "div", 2, _forTrack0$m);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
@@ -58274,7 +58274,7 @@ class ProgressToTargetChartComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProgressToTargetChartComponent, { className: "ProgressToTargetChartComponent", filePath: "lib/components/revenue-calculator-dashboard/progress-to-target-chart.component.ts", lineNumber: 66 }); })();
 
-const _forTrack0$k = ($index, $item) => $item.metric;
+const _forTrack0$l = ($index, $item) => $item.metric;
 function MetricReportModalComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "button", 10);
     i0.ɵɵnamespaceSVG();
@@ -58410,7 +58410,7 @@ function MetricReportModalComponent_Conditional_0_Conditional_65_Template(rf, ct
     i0.ɵɵtext(12, "Improve by");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(13, "tbody");
-    i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_65_For_15_Template, 15, 7, "tr", 47, _forTrack0$k);
+    i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_65_For_15_Template, 15, 7, "tr", 47, _forTrack0$l);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -59727,7 +59727,7 @@ class MetricReportModalComponent {
 
 const _c0$r = ["absoluteInputRef"];
 const _c1$c = ["percentageInputRef"];
-const _forTrack0$j = ($index, $item) => $item.id;
+const _forTrack0$k = ($index, $item) => $item.id;
 function EditMetricTargetModalComponent_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 18);
@@ -60175,7 +60175,7 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_37_Template(rf
     i0.ɵɵtext(8, "Amount set");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(9, "div", 61);
-    i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_37_For_11_Template, 9, 5, "div", 62, _forTrack0$j);
+    i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_37_For_11_Template, 9, 5, "div", 62, _forTrack0$k);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -65259,7 +65259,7 @@ class SearchButtonComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchButtonComponent, { className: "SearchButtonComponent", filePath: "lib/components/shared/search-button.component.ts", lineNumber: 30 }); })();
 
 const _c0$n = ["searchInput"];
-const _forTrack0$i = ($index, $item) => $item.id;
+const _forTrack0$j = ($index, $item) => $item.id;
 function SearchModalComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 18);
@@ -65387,7 +65387,7 @@ function SearchModalComponent_Conditional_0_Conditional_14_For_2_Template(rf, ct
 } }
 function SearchModalComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵrepeaterCreate(1, SearchModalComponent_Conditional_0_Conditional_14_For_2_Template, 17, 13, "button", 19, _forTrack0$i);
+    i0.ɵɵrepeaterCreate(1, SearchModalComponent_Conditional_0_Conditional_14_For_2_Template, 17, 13, "button", 19, _forTrack0$j);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -66521,7 +66521,7 @@ class SimplifiedRecommendationCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimplifiedRecommendationCardComponent, { className: "SimplifiedRecommendationCardComponent", filePath: "lib/components/business-analysis-dashboard/simplified-recommendation-card.component.ts", lineNumber: 121 }); })();
 
 const _c0$m = () => [0, 1, 2];
-const _forTrack0$h = ($index, $item) => $item.id;
+const _forTrack0$i = ($index, $item) => $item.id;
 function RecommendationsTiledGridComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵtext(1);
@@ -66545,7 +66545,7 @@ function RecommendationsTiledGridComponent_Conditional_14_For_2_Template(rf, ctx
 } }
 function RecommendationsTiledGridComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵrepeaterCreate(1, RecommendationsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-recommendation-card", 13, _forTrack0$h);
+    i0.ɵɵrepeaterCreate(1, RecommendationsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-recommendation-card", 13, _forTrack0$i);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -66837,7 +66837,7 @@ class RecommendationsTiledGridComponent {
     }], null, { recommendations: [{ type: i0.Input, args: [{ isSignal: true, alias: "recommendations", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], viewMoreClick: [{ type: i0.Output, args: ["viewMoreClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecommendationsTiledGridComponent, { className: "RecommendationsTiledGridComponent", filePath: "lib/components/business-analysis-dashboard/recommendations-tiled-grid.component.ts", lineNumber: 92 }); })();
 
-const _forTrack0$g = ($index, $item) => $item.id;
+const _forTrack0$h = ($index, $item) => $item.id;
 function CollapsibleSectionGroupComponent_For_23_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 20);
     i0.ɵɵelement(1, "symphiq-icon", 30);
@@ -67064,7 +67064,7 @@ class CollapsibleSectionGroupComponent {
             i0.ɵɵtext(20, " The information below was gathered from your website and competitor research. While recommendations above are based on this initial analysis, connecting your GA4 data will provide quantitative insights that dramatically improve recommendation accuracy. ");
             i0.ɵɵelementEnd()()();
             i0.ɵɵelementStart(21, "div", 16);
-            i0.ɵɵrepeaterCreate(22, CollapsibleSectionGroupComponent_For_23_Template, 15, 17, "div", 17, _forTrack0$g);
+            i0.ɵɵrepeaterCreate(22, CollapsibleSectionGroupComponent_For_23_Template, 15, 17, "div", 17, _forTrack0$h);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -69998,7 +69998,7 @@ class FocusAreaHealthIndicatorComponent {
 (() => { (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$k = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$f = ($index, $item) => $item.id;
+const _forTrack0$g = ($index, $item) => $item.id;
 function RelatedGoalChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 2);
@@ -70019,7 +70019,7 @@ function RelatedGoalChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (r
 } }
 function RelatedGoalChipsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0);
-    i0.ɵɵrepeaterCreate(1, RelatedGoalChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$f);
+    i0.ɵɵrepeaterCreate(1, RelatedGoalChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$g);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -72878,7 +72878,7 @@ class CapabilityMatrixCardComponent {
     }], () => [], { capability: [{ type: i0.Input, args: [{ isSignal: true, alias: "capability", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CapabilityMatrixCardComponent, { className: "CapabilityMatrixCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/capability-matrix-card.component.ts", lineNumber: 118 }); })();
 
-const _forTrack0$e = ($index, $item) => $item.competitorId || $index;
+const _forTrack0$f = ($index, $item) => $item.competitorId || $index;
 function CompetitiveComparisonCardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 15);
     i0.ɵɵtext(1);
@@ -72991,7 +72991,7 @@ function CompetitiveComparisonCardComponent_Conditional_13_Template(rf, ctx) { i
     i0.ɵɵelementStart(0, "div", 12)(1, "h6", 21);
     i0.ɵɵtext(2, " Competitor Positions ");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, CompetitiveComparisonCardComponent_Conditional_13_For_4_Template, 7, 6, "div", 22, _forTrack0$e);
+    i0.ɵɵrepeaterCreate(3, CompetitiveComparisonCardComponent_Conditional_13_For_4_Template, 7, 6, "div", 22, _forTrack0$f);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -73373,7 +73373,7 @@ class CompetitiveComparisonCardComponent {
 (() => { (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$f = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$d = ($index, $item) => $item.id;
+const _forTrack0$e = ($index, $item) => $item.id;
 function PhaseTimelineCardComponent_Conditional_8_For_7_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 15);
@@ -73402,7 +73402,7 @@ function PhaseTimelineCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(5, "div", 13);
-    i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_8_For_7_Template, 4, 5, "button", 14, _forTrack0$d);
+    i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_8_For_7_Template, 4, 5, "button", 14, _forTrack0$e);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -74399,7 +74399,7 @@ class OperationalCategoryCardComponent {
 
 const _c0$d = a0 => ({ name: "arrow-trending-up", source: a0 });
 const _c1$7 = a0 => ({ name: "chat-bubble-left-right", source: a0 });
-const _forTrack0$c = ($index, $item) => $item.questionId;
+const _forTrack0$d = ($index, $item) => $item.questionId;
 function KeyDriverCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
     i0.ɵɵtext(2);
@@ -74419,7 +74419,7 @@ function KeyDriverCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(3, "span", 12);
     i0.ɵɵtext(4, " Supporting Profile Insights ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵrepeaterCreate(5, KeyDriverCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$c);
+    i0.ɵɵrepeaterCreate(5, KeyDriverCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$d);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -74609,7 +74609,7 @@ class KeyDriverCardComponent {
 
 const _c0$c = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c1$6 = a0 => ({ name: "chat-bubble-left-right", source: a0 });
-const _forTrack0$b = ($index, $item) => $item.questionId;
+const _forTrack0$c = ($index, $item) => $item.questionId;
 function BottleneckCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
     i0.ɵɵtext(2);
@@ -74629,7 +74629,7 @@ function BottleneckCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementStart(3, "span", 12);
     i0.ɵɵtext(4, " Supporting Profile Insights ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵrepeaterCreate(5, BottleneckCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$b);
+    i0.ɵɵrepeaterCreate(5, BottleneckCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$c);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -74838,7 +74838,7 @@ const _c0$b = a0 => ({ name: "arrow-right", source: a0 });
 const _c1$5 = a0 => ({ name: "arrow-left", source: a0 });
 const _c2$5 = a0 => ({ name: "arrows-right-left", source: a0 });
 const _c3$3 = a0 => ({ name: "scale", source: a0 });
-const _forTrack0$a = ($index, $item) => $item.metric;
+const _forTrack0$b = ($index, $item) => $item.metric;
 function MetricRelationshipsCardComponent_Conditional_1_For_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
@@ -74937,7 +74937,7 @@ function MetricRelationshipsCardComponent_Conditional_3_Template(rf, ctx) { if (
     i0.ɵɵtext(5, " Trade-offs ");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "div", 8);
-    i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_3_For_8_Template, 7, 9, "div", 9, _forTrack0$a);
+    i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_3_For_8_Template, 7, 9, "div", 9, _forTrack0$b);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -75374,7 +75374,7 @@ class RelatedMetricCardComponent {
     }], null, { metric: [{ type: i0.Input, args: [{ isSignal: true, alias: "metric", required: true }] }], relationship: [{ type: i0.Input, args: [{ isSignal: true, alias: "relationship", required: true }] }], relationshipDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "relationshipDescription", required: true }] }], priority: [{ type: i0.Input, args: [{ isSignal: true, alias: "priority", required: true }] }], sharedGoalIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "sharedGoalIds", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], cardClicked: [{ type: i0.Output, args: ["cardClicked"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedMetricCardComponent, { className: "RelatedMetricCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/related-metric-card.component.ts", lineNumber: 68 }); })();
 
-const _forTrack0$9 = ($index, $item) => $item.metric;
+const _forTrack0$a = ($index, $item) => $item.metric;
 function RelatedMetricsListComponent_Conditional_1_For_14_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-related-metric-card", 12);
@@ -75402,7 +75402,7 @@ function RelatedMetricsListComponent_Conditional_1_Template(rf, ctx) { if (rf &
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(12, "div", 10);
-    i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_1_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$9);
+    i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_1_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$a);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -75448,7 +75448,7 @@ function RelatedMetricsListComponent_Conditional_2_Template(rf, ctx) { if (rf &
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(12, "div", 10);
-    i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_2_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$9);
+    i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_2_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$a);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -75494,7 +75494,7 @@ function RelatedMetricsListComponent_Conditional_3_Template(rf, ctx) { if (rf &
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(12, "div", 10);
-    i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_3_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$9);
+    i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_3_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$a);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -75540,7 +75540,7 @@ function RelatedMetricsListComponent_Conditional_4_Template(rf, ctx) { if (rf &
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(12, "div", 10);
-    i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_4_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$9);
+    i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_4_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$a);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -76951,7 +76951,7 @@ const _c3 = a0 => [a0];
 const _c4 = () => [];
 const _c5 = a0 => ({ name: "chart-bar", source: a0 });
 const _c6 = a0 => ({ name: "user", source: a0 });
-const _forTrack0$8 = ($index, $item) => $item.id || $index;
+const _forTrack0$9 = ($index, $item) => $item.id || $index;
 const _forTrack1$2 = ($index, $item) => $item.dimension || $index;
 const _forTrack2$1 = ($index, $item) => $item.phase || $index;
 const _forTrack3$1 = ($index, $item) => $item.driver;
@@ -77277,7 +77277,7 @@ function ProfileSectionContentComponent_Conditional_4_For_2_Template(rf, ctx) {
 } }
 function ProfileSectionContentComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_4_For_2_Template, 2, 3, "div", null, _forTrack0$8);
+    i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_4_For_2_Template, 2, 3, "div", null, _forTrack0$9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -77294,7 +77294,7 @@ function ProfileSectionContentComponent_Conditional_5_For_2_Template(rf, ctx) {
 } }
 function ProfileSectionContentComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_5_For_2_Template, 1, 8, "symphiq-goal-card", 48, _forTrack0$8);
+    i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_5_For_2_Template, 1, 8, "symphiq-goal-card", 48, _forTrack0$9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -77310,7 +77310,7 @@ function ProfileSectionContentComponent_Conditional_6_For_2_Template(rf, ctx) {
 } }
 function ProfileSectionContentComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
-    i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_6_For_2_Template, 1, 3, "symphiq-capability-matrix-card", 49, _forTrack0$8);
+    i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_6_For_2_Template, 1, 3, "symphiq-capability-matrix-card", 49, _forTrack0$9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -77365,7 +77365,7 @@ function ProfileSectionContentComponent_Conditional_9_For_2_Template(rf, ctx) {
 } }
 function ProfileSectionContentComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_9_For_2_Template, 1, 2, "symphiq-operational-category-card", 53, _forTrack0$8);
+    i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_9_For_2_Template, 1, 2, "symphiq-operational-category-card", 53, _forTrack0$9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -77661,7 +77661,7 @@ function ProfileSectionContentComponent_Conditional_11_Conditional_2_Template(rf
     i0.ɵɵtext(2, "Tactical Recommendations");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 74);
-    i0.ɵɵrepeaterCreate(4, ProfileSectionContentComponent_Conditional_11_Conditional_2_For_5_Template, 14, 12, "div", 16, _forTrack0$8);
+    i0.ɵɵrepeaterCreate(4, ProfileSectionContentComponent_Conditional_11_Conditional_2_For_5_Template, 14, 12, "div", 16, _forTrack0$9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -79698,7 +79698,7 @@ class ProfileSectionContentComponent {
     }], null, { section: [{ type: i0.Input, args: [{ isSignal: true, alias: "section", required: false }] }], executiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "executiveSummary", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], sectionIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionIndex", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], businessProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessProfile", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileSectionContentComponent, { className: "ProfileSectionContentComponent", filePath: "lib/components/profile-analysis-dashboard/profile-section-content.component.ts", lineNumber: 760 }); })();
 
-const _forTrack0$7 = ($index, $item) => $item.id || $index;
+const _forTrack0$8 = ($index, $item) => $item.id || $index;
 function GoalObjectivesModalContentComponent_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 9);
     i0.ɵɵtext(1);
@@ -79956,7 +79956,7 @@ class GoalObjectivesModalContentComponent {
     static { this.ɵfac = function GoalObjectivesModalContentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoalObjectivesModalContentComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GoalObjectivesModalContentComponent, selectors: [["symphiq-goal-objectives-modal-content"]], inputs: { goal: [1, "goal"], viewMode: [1, "viewMode"] }, decls: 3, vars: 0, consts: [[1, "space-y-6"], [1, "rounded-lg", "p-5", "transition-all", "duration-200", 3, "ngClass"], [1, "flex", "items-start", "gap-3"], [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 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-6 9l2 2 4-4"], [1, "flex-1", "min-w-0"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "font-semibold", "text-base", "mb-2", 3, "ngClass"], [1, "text-sm", "mb-3", 3, "ngClass"], [1, "p-3", "rounded-lg", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-3", "mb-3"], [1, "w-full", "px-5", "py-4", "rounded-lg", "border-2", "transition-all", "duration-200", "hover:scale-[1.01]", "active:scale-[0.99]", "cursor-pointer", "group", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["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"], [1, "text-xs", "font-medium", "mb-1", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "p-3", "rounded-lg", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "w-full", "px-5", "py-4", "rounded-lg", "border-2", "transition-all", "duration-200", "hover:scale-[1.01]", "active:scale-[0.99]", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "w-10", "h-10", "rounded-lg", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "text-left"], [1, "text-xs", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "transition-transform", "group-hover:translate-x-1", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"]], template: function GoalObjectivesModalContentComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, GoalObjectivesModalContentComponent_For_2_Template, 14, 9, "div", 1, _forTrack0$7);
+            i0.ɵɵrepeaterCreate(1, GoalObjectivesModalContentComponent_For_2_Template, 14, 9, "div", 1, _forTrack0$8);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             let tmp_0_0;
@@ -80056,7 +80056,7 @@ class GoalObjectivesModalContentComponent {
     }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GoalObjectivesModalContentComponent, { className: "GoalObjectivesModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/goal-objectives-modal-content.component.ts", lineNumber: 94 }); })();
 
-const _forTrack0$6 = ($index, $item) => $item.id || $index;
+const _forTrack0$7 = ($index, $item) => $item.id || $index;
 const _forTrack1$1 = ($index, $item) => ($item == null ? null : $item.questionId) || $index;
 function ObjectiveStrategiesModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2)(1, "p", 6);
@@ -80497,7 +80497,7 @@ class ObjectiveStrategiesModalContentComponent {
             i0.ɵɵconditionalCreate(3, ObjectiveStrategiesModalContentComponent_Conditional_3_Template, 10, 5, "div", 3);
             i0.ɵɵconditionalCreate(4, ObjectiveStrategiesModalContentComponent_Conditional_4_Template, 6, 2, "div", 4);
             i0.ɵɵelementEnd();
-            i0.ɵɵrepeaterCreate(5, ObjectiveStrategiesModalContentComponent_For_6_Template, 17, 10, "div", 5, _forTrack0$6);
+            i0.ɵɵrepeaterCreate(5, ObjectiveStrategiesModalContentComponent_For_6_Template, 17, 10, "div", 5, _forTrack0$7);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             let tmp_1_0;
@@ -80798,7 +80798,7 @@ class TooltipContentBuilder {
     }
 }
 
-const _forTrack0$5 = ($index, $item) => $item.id || $index;
+const _forTrack0$6 = ($index, $item) => $item.id || $index;
 const _forTrack1 = ($index, $item) => $item.type + $item.label;
 const _forTrack2 = ($index, $item) => $item.order || $index;
 const _forTrack3 = ($index, $item) => ($item == null ? null : $item.questionId) || $index;
@@ -82521,7 +82521,7 @@ class StrategyRecommendationsModalContentComponent {
             i0.ɵɵconditionalCreate(5, StrategyRecommendationsModalContentComponent_Conditional_5_Template, 2, 2, "span", 4);
             i0.ɵɵconditionalCreate(6, StrategyRecommendationsModalContentComponent_Conditional_6_Template, 2, 2, "span", 4);
             i0.ɵɵelementEnd()();
-            i0.ɵɵrepeaterCreate(7, StrategyRecommendationsModalContentComponent_For_8_Template, 35, 31, "div", 5, _forTrack0$5);
+            i0.ɵɵrepeaterCreate(7, StrategyRecommendationsModalContentComponent_For_8_Template, 35, 31, "div", 5, _forTrack0$6);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             let tmp_1_0;
@@ -84551,7 +84551,7 @@ class GapDetailModalContentComponent {
 (() => { (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$3 = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$4 = ($index, $item) => $item.id || $index;
+const _forTrack0$5 = ($index, $item) => $item.id || $index;
 function OpportunityDetailModalContentComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9)(1, "h4", 10);
     i0.ɵɵnamespaceSVG();
@@ -84662,7 +84662,7 @@ function OpportunityDetailModalContentComponent_Conditional_14_Conditional_0_Tem
     i0.ɵɵtext(2, " Related Goals ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 25);
-    i0.ɵɵrepeaterCreate(4, OpportunityDetailModalContentComponent_Conditional_14_Conditional_0_For_5_Template, 4, 6, "div", 26, _forTrack0$4);
+    i0.ɵɵrepeaterCreate(4, OpportunityDetailModalContentComponent_Conditional_14_Conditional_0_For_5_Template, 4, 6, "div", 26, _forTrack0$5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const goals_r6 = i0.ɵɵnextContext();
@@ -85455,7 +85455,7 @@ class SimplifiedGoalCardComponent {
     }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: true }] }], 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(SimplifiedGoalCardComponent, { className: "SimplifiedGoalCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/simplified-goal-card.component.ts", lineNumber: 127 }); })();
 
-const _forTrack0$3 = ($index, $item) => $item.id;
+const _forTrack0$4 = ($index, $item) => $item.id;
 function StrategicGoalsTiledGridComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵtext(1);
@@ -85479,7 +85479,7 @@ function StrategicGoalsTiledGridComponent_Conditional_14_For_2_Template(rf, ctx)
 } }
 function StrategicGoalsTiledGridComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵrepeaterCreate(1, StrategicGoalsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-goal-card", 13, _forTrack0$3);
+    i0.ɵɵrepeaterCreate(1, StrategicGoalsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-goal-card", 13, _forTrack0$4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -85693,7 +85693,7 @@ class StrategicGoalsTiledGridComponent {
     }], null, { goals: [{ type: i0.Input, args: [{ isSignal: true, alias: "goals", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewMoreClick: [{ type: i0.Output, args: ["viewMoreClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StrategicGoalsTiledGridComponent, { className: "StrategicGoalsTiledGridComponent", filePath: "lib/components/profile-analysis-dashboard/cards/strategic-goals-tiled-grid.component.ts", lineNumber: 69 }); })();
 
-const _forTrack0$2 = ($index, $item) => $item.id;
+const _forTrack0$3 = ($index, $item) => $item.id;
 function CollapsibleAnalysisSectionGroupComponent_For_23_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 20);
     i0.ɵɵelement(1, "symphiq-icon", 31);
@@ -86063,7 +86063,7 @@ class CollapsibleAnalysisSectionGroupComponent {
             i0.ɵɵtext(20);
             i0.ɵɵelementEnd()()();
             i0.ɵɵelementStart(21, "div", 16);
-            i0.ɵɵrepeaterCreate(22, CollapsibleAnalysisSectionGroupComponent_For_23_Template, 16, 14, "div", 17, _forTrack0$2);
+            i0.ɵɵrepeaterCreate(22, CollapsibleAnalysisSectionGroupComponent_For_23_Template, 16, 14, "div", 17, _forTrack0$3);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -86257,7 +86257,7 @@ class CollapsibleAnalysisSectionGroupComponent {
     }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], executiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "executiveSummary", required: false }] }], focusAreaExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaExecutiveSummary", required: false }] }], metricExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricExecutiveSummary", required: false }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], businessProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessProfile", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleAnalysisSectionGroupComponent, { className: "CollapsibleAnalysisSectionGroupComponent", filePath: "lib/components/profile-analysis-dashboard/cards/collapsible-analysis-section-group.component.ts", lineNumber: 172 }); })();
 
-const _forTrack0$1 = ($index, $item) => $item.code;
+const _forTrack0$2 = ($index, $item) => $item.code;
 function BillingCurrencySelectorCardComponent_For_15_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "label", 11)(1, "input", 12);
@@ -86395,7 +86395,7 @@ class BillingCurrencySelectorCardComponent {
             i0.ɵɵtext(10, " Choose the currency for your subscription ");
             i0.ɵɵelementEnd()()()();
             i0.ɵɵelementStart(11, "div", 8)(12, "div", 9)(13, "div", 10);
-            i0.ɵɵrepeaterCreate(14, BillingCurrencySelectorCardComponent_For_15_Template, 10, 12, "label", 11, _forTrack0$1);
+            i0.ɵɵrepeaterCreate(14, BillingCurrencySelectorCardComponent_For_15_Template, 10, 12, "label", 11, _forTrack0$2);
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -86485,6 +86485,7 @@ class PlanSelectionPlaceholderCardComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.selectedCurrency = input(CurrencyCodeEnum.USD, ...(ngDevMode ? [{ debugName: "selectedCurrency" }] : []));
+        this.editCurrency = output();
     }
     containerClasses() {
         return this.viewMode() === ViewModeEnum.DARK
@@ -86541,8 +86542,13 @@ class PlanSelectionPlaceholderCardComponent {
             ? 'text-slate-300'
             : 'text-slate-700';
     }
+    editButtonClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-slate-700 text-slate-300 hover:bg-slate-600 hover:text-white'
+            : 'bg-slate-100 text-slate-600 hover:bg-slate-200 hover:text-slate-800';
+    }
     static { this.ɵfac = function PlanSelectionPlaceholderCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PlanSelectionPlaceholderCardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PlanSelectionPlaceholderCardComponent, selectors: [["symphiq-plan-selection-placeholder-card"]], inputs: { viewMode: [1, "viewMode"], selectedCurrency: [1, "selectedCurrency"] }, decls: 33, vars: 13, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [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 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "font-semibold"], [1, "p-8", 3, "ngClass"], [1, "text-center", "space-y-6"], [1, "w-20", "h-20", "mx-auto", "rounded-full", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-10", "h-10"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "space-y-3"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "text-base", "leading-relaxed", "max-w-md", "mx-auto", 3, "ngClass"], [1, "p-5", "rounded-xl", "border", "inline-block", 3, "ngClass"], [1, "flex", "items-start", "gap-3", "text-left"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", "clip-rule", "evenodd"], [1, "flex-1"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function PlanSelectionPlaceholderCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PlanSelectionPlaceholderCardComponent, selectors: [["symphiq-plan-selection-placeholder-card"]], inputs: { viewMode: [1, "viewMode"], selectedCurrency: [1, "selectedCurrency"] }, outputs: { editCurrency: "editCurrency" }, decls: 37, vars: 14, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [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 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", "flex", "items-center", "gap-2", 3, "ngClass"], [1, "font-semibold"], [1, "inline-flex", "items-center", "gap-1", "px-2", "py-0.5", "text-xs", "font-medium", "rounded-md", "transition-colors", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "p-8", 3, "ngClass"], [1, "text-center", "space-y-6"], [1, "w-20", "h-20", "mx-auto", "rounded-full", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-10", "h-10"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "space-y-3"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "text-base", "leading-relaxed", "max-w-md", "mx-auto", 3, "ngClass"], [1, "p-5", "rounded-xl", "border", "inline-block", 3, "ngClass"], [1, "flex", "items-start", "gap-3", "text-left"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", "clip-rule", "evenodd"], [1, "flex-1"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function PlanSelectionPlaceholderCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(4, "svg", 4);
@@ -86556,31 +86562,40 @@ class PlanSelectionPlaceholderCardComponent {
             i0.ɵɵtext(10, " Selected currency: ");
             i0.ɵɵelementStart(11, "span", 8);
             i0.ɵɵtext(12);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "button", 9);
+            i0.ɵɵlistener("click", function PlanSelectionPlaceholderCardComponent_Template_button_click_13_listener() { return ctx.editCurrency.emit(); });
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(14, "svg", 10);
+            i0.ɵɵelement(15, "path", 11);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(16, " Edit ");
             i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(13, "div", 9)(14, "div", 10)(15, "div", 11);
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(17, "div", 12)(18, "div", 13)(19, "div", 14);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(16, "svg", 12);
-            i0.ɵɵelement(17, "path", 13);
+            i0.ɵɵelementStart(20, "svg", 15);
+            i0.ɵɵelement(21, "path", 16);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(18, "div", 14)(19, "h3", 15);
-            i0.ɵɵtext(20, " Plan Selection Coming Soon ");
+            i0.ɵɵelementStart(22, "div", 17)(23, "h3", 18);
+            i0.ɵɵtext(24, " Plan Selection Coming Soon ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "p", 16);
-            i0.ɵɵtext(22, " Your billing currency has been set to ");
-            i0.ɵɵelementStart(23, "strong");
-            i0.ɵɵtext(24);
+            i0.ɵɵelementStart(25, "p", 19);
+            i0.ɵɵtext(26, " Your billing currency has been set to ");
+            i0.ɵɵelementStart(27, "strong");
+            i0.ɵɵtext(28);
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(25, ". Plan selection and subscription management will be available shortly. ");
+            i0.ɵɵtext(29, ". Plan selection and subscription management will be available shortly. ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(26, "div", 17)(27, "div", 18);
+            i0.ɵɵelementStart(30, "div", 20)(31, "div", 21);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(28, "svg", 19);
-            i0.ɵɵelement(29, "path", 20);
+            i0.ɵɵelementStart(32, "svg", 22);
+            i0.ɵɵelement(33, "path", 23);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(30, "div", 21)(31, "p", 22);
-            i0.ɵɵtext(32, " You'll be able to view and select from our subscription plans once this feature is enabled. In the meantime, your currency preference has been saved. ");
+            i0.ɵɵelementStart(34, "div", 24)(35, "p", 25);
+            i0.ɵɵtext(36, " You'll be able to view and select from our subscription plans once this feature is enabled. In the meantime, your currency preference has been saved. ");
             i0.ɵɵelementEnd()()()()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -86595,6 +86610,8 @@ class PlanSelectionPlaceholderCardComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate(ctx.selectedCurrency());
             i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.editButtonClasses());
+            i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngClass", ctx.contentClasses());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.placeholderIconClasses());
@@ -86617,6 +86634,892 @@ class PlanSelectionPlaceholderCardComponent {
                 standalone: true,
                 imports: [CommonModule],
                 changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
+      <div [ngClass]="headerClasses()" class="px-6 py-5 border-b">
+        <div class="flex items-center gap-3">
+          <div [ngClass]="iconContainerClasses()" class="p-2.5 rounded-lg">
+            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path>
+            </svg>
+          </div>
+          <div>
+            <h2 [ngClass]="titleClasses()" class="text-xl font-bold">
+              Choose Your Plan
+            </h2>
+            <p [ngClass]="subtitleClasses()" class="text-sm mt-0.5 flex items-center gap-2">
+              Selected currency: <span class="font-semibold">{{ selectedCurrency() }}</span>
+              <button
+                (click)="editCurrency.emit()"
+                [ngClass]="editButtonClasses()"
+                class="inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded-md transition-colors"
+              >
+                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path>
+                </svg>
+                Edit
+              </button>
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div [ngClass]="contentClasses()" class="p-8">
+        <div class="text-center space-y-6">
+          <div [ngClass]="placeholderIconClasses()" class="w-20 h-20 mx-auto rounded-full flex items-center justify-center">
+            <svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+            </svg>
+          </div>
+
+          <div class="space-y-3">
+            <h3 [ngClass]="placeholderTitleClasses()" class="text-2xl font-bold">
+              Plan Selection Coming Soon
+            </h3>
+            <p [ngClass]="placeholderTextClasses()" class="text-base leading-relaxed max-w-md mx-auto">
+              Your billing currency has been set to <strong>{{ selectedCurrency() }}</strong>. Plan selection and subscription management will be available shortly.
+            </p>
+          </div>
+
+          <div [ngClass]="infoBoxClasses()" class="p-5 rounded-xl border inline-block">
+            <div class="flex items-start gap-3 text-left">
+              <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
+              </svg>
+              <div class="flex-1">
+                <p [ngClass]="infoTextClasses()" class="text-sm leading-relaxed">
+                  You'll be able to view and select from our subscription plans once this feature is enabled. In the meantime, your currency preference has been saved.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  `
+            }]
+    }], 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 }); })();
+
+function BillingPeriodToggleComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 7);
+} }
+function BillingPeriodToggleComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 7);
+} }
+class BillingPeriodToggleComponent {
+    constructor() {
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.selectedPeriodUnit = input(ChargebeeItemPricePeriodUnitEnum.YEAR, ...(ngDevMode ? [{ debugName: "selectedPeriodUnit" }] : []));
+        this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.periodUnitChanged = output();
+        this.periodUnitEnum = ChargebeeItemPricePeriodUnitEnum;
+    }
+    selectPeriod(period) {
+        if (this.isLoading() || period === this.selectedPeriodUnit()) {
+            return;
+        }
+        this.periodUnitChanged.emit(period);
+    }
+    getSubtitle() {
+        return this.selectedPeriodUnit() === ChargebeeItemPricePeriodUnitEnum.YEAR
+            ? 'Save on annual'
+            : 'Flexible monthly billing';
+    }
+    toggleContainerClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-slate-800/60 border border-slate-700/50'
+            : 'bg-slate-100 border border-slate-200';
+    }
+    getButtonClasses(period) {
+        const isSelected = this.selectedPeriodUnit() === period;
+        const isDisabled = this.isLoading();
+        if (this.viewMode() === ViewModeEnum.DARK) {
+            if (isDisabled) {
+                return 'text-slate-500 opacity-50';
+            }
+            if (isSelected) {
+                return 'bg-gradient-to-r from-blue-600 to-cyan-600 text-white shadow-lg scale-105';
+            }
+            return 'text-slate-300 hover:text-white hover:bg-slate-700/50';
+        }
+        else {
+            if (isDisabled) {
+                return 'text-slate-400 opacity-50';
+            }
+            if (isSelected) {
+                return 'bg-gradient-to-r from-blue-600 to-cyan-600 text-white shadow-lg scale-105';
+            }
+            return 'text-slate-700 hover:text-slate-900 hover:bg-slate-200/50';
+        }
+    }
+    iconClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-blue-400'
+            : 'text-blue-600';
+    }
+    subtitleClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-400'
+            : 'text-slate-600';
+    }
+    static { this.ɵfac = function BillingPeriodToggleComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BillingPeriodToggleComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BillingPeriodToggleComponent, selectors: [["symphiq-billing-period-toggle"]], inputs: { viewMode: [1, "viewMode"], selectedPeriodUnit: [1, "selectedPeriodUnit"], isLoading: [1, "isLoading"] }, outputs: { periodUnitChanged: "periodUnitChanged" }, decls: 15, vars: 10, consts: [[1, "flex", "flex-col", "items-center", "gap-4", "mb-8"], [1, "flex", "items-center", "gap-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["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, "inline-flex", "rounded-xl", "p-1", "transition-all", "duration-200", 3, "ngClass"], ["type", "button", 1, "relative", "px-6", "py-3", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "disabled:cursor-not-allowed", 3, "click", "disabled", "ngClass"], [1, "relative", "z-10"], [1, "absolute", "inset-0", "rounded-lg", "shadow-lg", "opacity-20"], [1, "text-sm", 3, "ngClass"]], template: function BillingPeriodToggleComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(2, "svg", 2);
+            i0.ɵɵelement(3, "path", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(4, "div", 4)(5, "button", 5);
+            i0.ɵɵlistener("click", function BillingPeriodToggleComponent_Template_button_click_5_listener() { return ctx.selectPeriod(ctx.periodUnitEnum.YEAR); });
+            i0.ɵɵelementStart(6, "span", 6);
+            i0.ɵɵtext(7, "Annual contract");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(8, BillingPeriodToggleComponent_Conditional_8_Template, 1, 0, "div", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "button", 5);
+            i0.ɵɵlistener("click", function BillingPeriodToggleComponent_Template_button_click_9_listener() { return ctx.selectPeriod(ctx.periodUnitEnum.MONTH); });
+            i0.ɵɵelementStart(10, "span", 6);
+            i0.ɵɵtext(11, "Monthly contract");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(12, BillingPeriodToggleComponent_Conditional_12_Template, 1, 0, "div", 7);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(13, "p", 8);
+            i0.ɵɵtext(14);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.iconClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.toggleContainerClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("disabled", ctx.isLoading())("ngClass", ctx.getButtonClasses(ctx.periodUnitEnum.YEAR));
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.selectedPeriodUnit() === ctx.periodUnitEnum.YEAR ? 8 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("disabled", ctx.isLoading())("ngClass", ctx.getButtonClasses(ctx.periodUnitEnum.MONTH));
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.selectedPeriodUnit() === ctx.periodUnitEnum.MONTH ? 12 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.subtitleClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.getSubtitle(), " ");
+        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BillingPeriodToggleComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-billing-period-toggle',
+                standalone: true,
+                imports: [CommonModule],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <div class="flex flex-col items-center gap-4 mb-8">
+      <div class="flex items-center gap-3">
+        <svg [ngClass]="iconClasses()" class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+        </svg>
+        <div [ngClass]="toggleContainerClasses()" class="inline-flex rounded-xl p-1 transition-all duration-200">
+          <button
+            type="button"
+            [disabled]="isLoading()"
+            (click)="selectPeriod(periodUnitEnum.YEAR)"
+            [ngClass]="getButtonClasses(periodUnitEnum.YEAR)"
+            class="relative px-6 py-3 rounded-lg font-semibold text-sm transition-all duration-200 disabled:cursor-not-allowed">
+            <span class="relative z-10">Annual contract</span>
+            @if (selectedPeriodUnit() === periodUnitEnum.YEAR) {
+              <div class="absolute inset-0 rounded-lg shadow-lg opacity-20"></div>
+            }
+          </button>
+          <button
+            type="button"
+            [disabled]="isLoading()"
+            (click)="selectPeriod(periodUnitEnum.MONTH)"
+            [ngClass]="getButtonClasses(periodUnitEnum.MONTH)"
+            class="relative px-6 py-3 rounded-lg font-semibold text-sm transition-all duration-200 disabled:cursor-not-allowed">
+            <span class="relative z-10">Monthly contract</span>
+            @if (selectedPeriodUnit() === periodUnitEnum.MONTH) {
+              <div class="absolute inset-0 rounded-lg shadow-lg opacity-20"></div>
+            }
+          </button>
+        </div>
+      </div>
+      <p [ngClass]="subtitleClasses()" class="text-sm">
+        {{ getSubtitle() }}
+      </p>
+    </div>
+  `
+            }]
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], selectedPeriodUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedPeriodUnit", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], periodUnitChanged: [{ type: i0.Output, args: ["periodUnitChanged"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BillingPeriodToggleComponent, { className: "BillingPeriodToggleComponent", filePath: "lib/components/profile-analysis-dashboard/cards/billing-period-toggle.component.ts", lineNumber: 47 }); })();
+
+function PlanCardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtext(1, " Best value ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.badgeClasses());
+} }
+function PlanCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 10);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.radioInnerClasses());
+} }
+function PlanCardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 15);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 24);
+    i0.ɵɵelement(2, "path", 25);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.tooltipButtonClasses());
+} }
+function PlanCardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 15);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 24);
+    i0.ɵɵelement(2, "path", 25);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.tooltipButtonClasses());
+} }
+function PlanCardComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.subValueClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.getAdditionalShopsPrice(), " ");
+} }
+class PlanCardComponent {
+    constructor() {
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.planInfo = input.required(...(ngDevMode ? [{ debugName: "planInfo" }] : []));
+        this.isSelected = input(false, ...(ngDevMode ? [{ debugName: "isSelected" }] : []));
+        this.selectedPeriodUnit = input(ChargebeeItemPricePeriodUnitEnum.YEAR, ...(ngDevMode ? [{ debugName: "selectedPeriodUnit" }] : []));
+        this.planSelected = output();
+        this.showBestValueBadge = computed(() => {
+            return this.planInfo().periodUnit === ChargebeeItemPricePeriodUnitEnum.YEAR;
+        }, ...(ngDevMode ? [{ debugName: "showBestValueBadge" }] : []));
+    }
+    handleCardClick() {
+        this.planSelected.emit(this.planInfo());
+    }
+    getPlanTitle() {
+        const info = this.planInfo();
+        const periodLabel = info.periodUnit === ChargebeeItemPricePeriodUnitEnum.YEAR ? 'Pay Annually' : 'Pay Monthly';
+        return `${info.planItem.name} - ${periodLabel}`;
+    }
+    formatPrice() {
+        const info = this.planInfo();
+        const price = info.planItemPrice.price || 0;
+        const symbol = this.getCurrencySymbol();
+        const formattedPrice = Math.floor(price / 100).toLocaleString();
+        return `${symbol}${formattedPrice}`;
+    }
+    getCurrencySymbol() {
+        const currency = this.planInfo().currencyCode;
+        const symbols = {
+            'USD': '$',
+            'EUR': '€',
+            'NOK': 'kr',
+            'JPY': '¥'
+        };
+        return symbols[currency] || '$';
+    }
+    getPricePeriod() {
+        const info = this.planInfo();
+        if (info.periodUnit === ChargebeeItemPricePeriodUnitEnum.YEAR) {
+            return 'per month, billed annually';
+        }
+        else {
+            return 'per month';
+        }
+    }
+    getShopsQuantity() {
+        const shops = this.planInfo().includedShops || 1;
+        return `${shops} shop${shops > 1 ? 's' : ''}`;
+    }
+    getAdditionalShopsPrice() {
+        const info = this.planInfo();
+        if (!info.shopsPrice)
+            return null;
+        const symbol = this.getCurrencySymbol();
+        const price = Math.floor(info.shopsPrice / 100).toLocaleString();
+        const periodText = info.periodUnit === ChargebeeItemPricePeriodUnitEnum.YEAR ? 'billed annually' : '';
+        return `${symbol}${price} per month for additional shops${periodText ? ', ' + periodText : ''}`;
+    }
+    getContractTerms() {
+        const info = this.planInfo();
+        if (info.periodUnit === ChargebeeItemPricePeriodUnitEnum.YEAR) {
+            return 'One up-front payment covers 12 months of service. Plan auto-renews yearly—cancel at least 14 days before the renewal date to prevent the next term.';
+        }
+        else {
+            return 'Billed every month with no long-term commitment. Plan auto-renews each month—cancel at least 14 days before your next bill to stop future charges.';
+        }
+    }
+    hasTooltip(field) {
+        return false;
+    }
+    cardContainerClasses() {
+        const isSelected = this.isSelected();
+        if (this.viewMode() === ViewModeEnum.DARK) {
+            if (isSelected) {
+                return 'bg-slate-800/60 border-blue-500 shadow-2xl shadow-blue-500/20';
+            }
+            return 'bg-slate-800/40 border-slate-700/50 hover:border-blue-500/50 hover:shadow-xl hover:shadow-blue-500/10';
+        }
+        else {
+            if (isSelected) {
+                return 'bg-white border-blue-500 shadow-2xl shadow-blue-500/20';
+            }
+            return 'bg-white border-slate-200 hover:border-blue-400 hover:shadow-xl hover:shadow-blue-500/10';
+        }
+    }
+    badgeClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-gradient-to-r from-purple-600 to-pink-600 text-white'
+            : 'bg-gradient-to-r from-purple-600 to-pink-600 text-white';
+    }
+    planTitleClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-white'
+            : 'text-slate-900';
+    }
+    priceClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-blue-400'
+            : 'text-blue-600';
+    }
+    pricePeriodClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-400'
+            : 'text-slate-600';
+    }
+    radioClasses() {
+        const isSelected = this.isSelected();
+        if (this.viewMode() === ViewModeEnum.DARK) {
+            return isSelected
+                ? 'border-blue-500 bg-blue-500/20'
+                : 'border-slate-600';
+        }
+        else {
+            return isSelected
+                ? 'border-blue-500 bg-blue-50'
+                : 'border-slate-300';
+        }
+    }
+    radioInnerClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-blue-500'
+            : 'bg-blue-600';
+    }
+    sectionClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'border-slate-700/50'
+            : 'border-slate-200';
+    }
+    featureRowClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'border-slate-700/50'
+            : 'border-slate-200';
+    }
+    labelClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-300'
+            : 'text-slate-700';
+    }
+    valueClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-white'
+            : 'text-slate-900';
+    }
+    subValueClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-400'
+            : 'text-slate-600';
+    }
+    checkIconClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-emerald-400'
+            : 'text-emerald-600';
+    }
+    tooltipButtonClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-500 hover:text-slate-300'
+            : 'text-slate-400 hover:text-slate-600';
+    }
+    contractTermsClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'border-t border-slate-700/50'
+            : 'border-t border-slate-200';
+    }
+    contractTermsLabelClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-500'
+            : 'text-slate-500';
+    }
+    contractTermsTextClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-400'
+            : 'text-slate-600';
+    }
+    static { this.ɵfac = function PlanCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PlanCardComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PlanCardComponent, selectors: [["symphiq-plan-card"]], inputs: { viewMode: [1, "viewMode"], planInfo: [1, "planInfo"], isSelected: [1, "isSelected"], selectedPeriodUnit: [1, "selectedPeriodUnit"] }, outputs: { planSelected: "planSelected" }, decls: 51, vars: 34, consts: [[1, "relative", "rounded-2xl", "border-2", "p-6", "transition-all", "duration-200", "cursor-pointer", "hover:scale-[1.02]", 3, "click", "ngClass"], [1, "absolute", "-top-3", "left-1/2", "transform", "-translate-x-1/2", "px-4", "py-1", "rounded-full", "text-xs", "font-bold", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-6"], [1, "flex-1"], [1, "text-xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-baseline", "gap-2"], [1, "text-4xl", "font-bold", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "flex-shrink-0", "ml-4"], [1, "w-6", "h-6", "rounded-full", "border-2", "flex", "items-center", "justify-center", "transition-all", "duration-200", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", 3, "ngClass"], [1, "space-y-4", 3, "ngClass"], [1, "flex", "justify-between", "items-center", "py-3", "border-b", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "w-4", "h-4", "rounded-full", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-right"], [1, "text-xs", "mt-1", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", 3, "ngClass"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "pt-4", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3", "h-3"], ["fill-rule", "evenodd", "d", "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z", "clip-rule", "evenodd"]], template: function PlanCardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵlistener("click", function PlanCardComponent_Template_div_click_0_listener() { return ctx.handleCardClick(); });
+            i0.ɵɵconditionalCreate(1, PlanCardComponent_Conditional_1_Template, 2, 1, "div", 1);
+            i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "h3", 4);
+            i0.ɵɵtext(5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "div", 5)(7, "span", 6);
+            i0.ɵɵtext(8);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "span", 7);
+            i0.ɵɵtext(10);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(11, "div", 8)(12, "div", 9);
+            i0.ɵɵconditionalCreate(13, PlanCardComponent_Conditional_13_Template, 1, 1, "div", 10);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(14, "div", 11)(15, "div", 12)(16, "div", 13)(17, "span", 14);
+            i0.ɵɵtext(18, "AI usage");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(19, PlanCardComponent_Conditional_19_Template, 3, 1, "button", 15);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(20, "span", 16);
+            i0.ɵɵtext(21, " charged monthly based on your actual usage ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(22, "div", 12)(23, "div", 13)(24, "span", 14);
+            i0.ɵɵtext(25, "Shops");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(26, PlanCardComponent_Conditional_26_Template, 3, 1, "button", 15);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(27, "div", 17)(28, "div", 16);
+            i0.ɵɵtext(29);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(30, PlanCardComponent_Conditional_30_Template, 2, 2, "div", 18);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(31, "div", 12)(32, "span", 14);
+            i0.ɵɵtext(33, "Unlimited recommendations");
+            i0.ɵɵelementEnd();
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(34, "svg", 19);
+            i0.ɵɵelement(35, "path", 20);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(36, "div", 12)(37, "span", 14);
+            i0.ɵɵtext(38, "Unlimited seats");
+            i0.ɵɵelementEnd();
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(39, "svg", 19);
+            i0.ɵɵelement(40, "path", 20);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(41, "div", 12)(42, "span", 14);
+            i0.ɵɵtext(43, "Google Analytics integration");
+            i0.ɵɵelementEnd();
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(44, "svg", 19);
+            i0.ɵɵelement(45, "path", 20);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(46, "div", 21)(47, "h4", 22);
+            i0.ɵɵtext(48, " Contract terms ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(49, "p", 23);
+            i0.ɵɵtext(50);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.cardContainerClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showBestValueBadge() ? 1 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngClass", ctx.planTitleClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.getPlanTitle(), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.priceClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.formatPrice(), " ");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.pricePeriodClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.getPricePeriod(), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.radioClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.isSelected() ? 13 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.sectionClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.featureRowClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.labelClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.hasTooltip("aiUsage") ? 19 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.valueClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.featureRowClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.labelClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.hasTooltip("shops") ? 26 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.valueClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.getShopsQuantity(), " ");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.getAdditionalShopsPrice() ? 30 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.featureRowClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.labelClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.featureRowClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.labelClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.featureRowClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.labelClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.contractTermsClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.contractTermsLabelClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.contractTermsTextClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.getContractTerms(), " ");
+        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PlanCardComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-plan-card',
+                standalone: true,
+                imports: [CommonModule],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <div
+      (click)="handleCardClick()"
+      [ngClass]="cardContainerClasses()"
+      class="relative rounded-2xl border-2 p-6 transition-all duration-200 cursor-pointer hover:scale-[1.02]">
+
+      @if (showBestValueBadge()) {
+        <div [ngClass]="badgeClasses()" class="absolute -top-3 left-1/2 transform -translate-x-1/2 px-4 py-1 rounded-full text-xs font-bold">
+          Best value
+        </div>
+      }
+
+      <div class="flex items-start justify-between mb-6">
+        <div class="flex-1">
+          <h3 [ngClass]="planTitleClasses()" class="text-xl font-bold mb-2">
+            {{ getPlanTitle() }}
+          </h3>
+          <div class="flex items-baseline gap-2">
+            <span [ngClass]="priceClasses()" class="text-4xl font-bold">
+              {{ formatPrice() }}
+            </span>
+            <span [ngClass]="pricePeriodClasses()" class="text-base">
+              {{ getPricePeriod() }}
+            </span>
+          </div>
+        </div>
+        <div class="flex-shrink-0 ml-4">
+          <div [ngClass]="radioClasses()" class="w-6 h-6 rounded-full border-2 flex items-center justify-center transition-all duration-200">
+            @if (isSelected()) {
+              <div [ngClass]="radioInnerClasses()" class="w-3 h-3 rounded-full"></div>
+            }
+          </div>
+        </div>
+      </div>
+
+      <div [ngClass]="sectionClasses()" class="space-y-4">
+        <div [ngClass]="featureRowClasses()" class="flex justify-between items-center py-3 border-b">
+          <div class="flex items-center gap-2">
+            <span [ngClass]="labelClasses()" class="text-sm font-medium">AI usage</span>
+            @if (hasTooltip('aiUsage')) {
+              <button [ngClass]="tooltipButtonClasses()" class="w-4 h-4 rounded-full flex items-center justify-center">
+                <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
+                  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
+                </svg>
+              </button>
+            }
+          </div>
+          <span [ngClass]="valueClasses()" class="text-sm font-semibold">
+            charged monthly based on your actual usage
+          </span>
+        </div>
+
+        <div [ngClass]="featureRowClasses()" class="flex justify-between items-center py-3 border-b">
+          <div class="flex items-center gap-2">
+            <span [ngClass]="labelClasses()" class="text-sm font-medium">Shops</span>
+            @if (hasTooltip('shops')) {
+              <button [ngClass]="tooltipButtonClasses()" class="w-4 h-4 rounded-full flex items-center justify-center">
+                <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
+                  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
+                </svg>
+              </button>
+            }
+          </div>
+          <div class="text-right">
+            <div [ngClass]="valueClasses()" class="text-sm font-semibold">
+              {{ getShopsQuantity() }}
+            </div>
+            @if (getAdditionalShopsPrice()) {
+              <div [ngClass]="subValueClasses()" class="text-xs mt-1">
+                {{ getAdditionalShopsPrice() }}
+              </div>
+            }
+          </div>
+        </div>
+
+        <div [ngClass]="featureRowClasses()" class="flex justify-between items-center py-3 border-b">
+          <span [ngClass]="labelClasses()" class="text-sm font-medium">Unlimited recommendations</span>
+          <svg [ngClass]="checkIconClasses()" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+            <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
+          </svg>
+        </div>
+
+        <div [ngClass]="featureRowClasses()" class="flex justify-between items-center py-3 border-b">
+          <span [ngClass]="labelClasses()" class="text-sm font-medium">Unlimited seats</span>
+          <svg [ngClass]="checkIconClasses()" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+            <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
+          </svg>
+        </div>
+
+        <div [ngClass]="featureRowClasses()" class="flex justify-between items-center py-3 border-b">
+          <span [ngClass]="labelClasses()" class="text-sm font-medium">Google Analytics integration</span>
+          <svg [ngClass]="checkIconClasses()" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+            <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
+          </svg>
+        </div>
+
+        <div [ngClass]="contractTermsClasses()" class="pt-4">
+          <h4 [ngClass]="contractTermsLabelClasses()" class="text-xs font-semibold uppercase tracking-wider mb-2">
+            Contract terms
+          </h4>
+          <p [ngClass]="contractTermsTextClasses()" class="text-sm leading-relaxed">
+            {{ getContractTerms() }}
+          </p>
+        </div>
+      </div>
+    </div>
+  `
+            }]
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], planInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "planInfo", required: true }] }], isSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelected", required: false }] }], selectedPeriodUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedPeriodUnit", required: false }] }], planSelected: [{ type: i0.Output, args: ["planSelected"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanCardComponent, { className: "PlanCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/plan-card.component.ts", lineNumber: 118 }); })();
+
+const _forTrack0$1 = ($index, $item) => $item.planItem.id;
+function PlanSelectionContainerComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 17);
+    i0.ɵɵelementStart(2, "p", 18);
+    i0.ɵɵtext(3, " Loading your plan options... ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("size", "large");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.loadingTextClasses());
+} }
+function PlanSelectionContainerComponent_Conditional_20_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-plan-card", 20);
+    i0.ɵɵlistener("planSelected", function PlanSelectionContainerComponent_Conditional_20_For_2_Template_symphiq_plan_card_planSelected_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.handlePlanSelection($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const plan_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("planInfo", plan_r3)("isSelected", ctx_r0.isSelectedPlan(plan_r3))("selectedPeriodUnit", ctx_r0.selectedPeriodUnit());
+} }
+function PlanSelectionContainerComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵrepeaterCreate(1, PlanSelectionContainerComponent_Conditional_20_For_2_Template, 1, 4, "symphiq-plan-card", 19, _forTrack0$1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.planCardInfos());
+} }
+function PlanSelectionContainerComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 21);
+    i0.ɵɵelement(2, "path", 22);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "p", 23);
+    i0.ɵɵtext(4, " No plans available ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p", 24);
+    i0.ɵɵtext(6, " Please contact support if this issue persists ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.emptyStateClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.emptyIconClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.emptyTextClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.emptySubtextClasses());
+} }
+class PlanSelectionContainerComponent {
+    constructor() {
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.selectedCurrency = input(CurrencyCodeEnum.USD, ...(ngDevMode ? [{ debugName: "selectedCurrency" }] : []));
+        this.planCardInfos = input(...(ngDevMode ? [undefined, { debugName: "planCardInfos" }] : []));
+        this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.selectedPeriodUnit = input(ChargebeeItemPricePeriodUnitEnum.YEAR, ...(ngDevMode ? [{ debugName: "selectedPeriodUnit" }] : []));
+        this.periodUnitChanged = output();
+        this.planSelected = output();
+        this.editCurrency = output();
+        this.selectedPlanId = signal(undefined, ...(ngDevMode ? [{ debugName: "selectedPlanId" }] : []));
+    }
+    handlePeriodChange(period) {
+        this.selectedPlanId.set(undefined);
+        this.periodUnitChanged.emit(period);
+    }
+    handlePlanSelection(plan) {
+        this.selectedPlanId.set(plan.planItem.id);
+        this.planSelected.emit(plan);
+    }
+    isSelectedPlan(plan) {
+        return this.selectedPlanId() === plan.planItem.id;
+    }
+    containerClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-slate-800/40 border-slate-700/50'
+            : 'bg-white border-slate-200';
+    }
+    headerClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'border-slate-700/50 bg-slate-800/60'
+            : 'border-slate-200 bg-gradient-to-r from-emerald-50/50 to-cyan-50/50';
+    }
+    iconContainerClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-emerald-500/20 text-emerald-400'
+            : 'bg-emerald-100 text-emerald-600';
+    }
+    titleClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-white'
+            : 'bg-gradient-to-r from-emerald-600 to-cyan-600 bg-clip-text text-transparent';
+    }
+    subtitleClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-400'
+            : 'text-slate-600';
+    }
+    editButtonClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-slate-700 text-slate-300 hover:bg-slate-600 hover:text-white'
+            : 'bg-slate-100 text-slate-600 hover:bg-slate-200 hover:text-slate-800';
+    }
+    contentClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-slate-800/30'
+            : 'bg-slate-50/30';
+    }
+    loadingTextClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-300'
+            : 'text-slate-700';
+    }
+    emptyStateClasses() {
+        return '';
+    }
+    emptyIconClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-600'
+            : 'text-slate-400';
+    }
+    emptyTextClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-300'
+            : 'text-slate-700';
+    }
+    emptySubtextClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-500'
+            : 'text-slate-500';
+    }
+    static { this.ɵfac = function PlanSelectionContainerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PlanSelectionContainerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PlanSelectionContainerComponent, selectors: [["symphiq-plan-selection-container"]], inputs: { viewMode: [1, "viewMode"], selectedCurrency: [1, "selectedCurrency"], planCardInfos: [1, "planCardInfos"], isLoading: [1, "isLoading"], selectedPeriodUnit: [1, "selectedPeriodUnit"] }, outputs: { periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", editCurrency: "editCurrency" }, decls: 22, vars: 12, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "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 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", "flex", "items-center", "gap-2", 3, "ngClass"], [1, "font-semibold"], [1, "inline-flex", "items-center", "gap-1", "px-2", "py-0.5", "text-xs", "font-medium", "rounded-md", "transition-colors", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "p-8", 3, "ngClass"], [3, "periodUnitChanged", "viewMode", "selectedPeriodUnit", "isLoading"], [1, "flex", "flex-col", "items-center", "justify-center", "py-16", "space-y-6"], [1, "space-y-6", "mb-32"], [1, "text-center", "py-16", 3, "ngClass"], [3, "viewMode", "size"], [1, "text-base", "font-medium", 3, "ngClass"], [3, "viewMode", "planInfo", "isSelected", "selectedPeriodUnit"], [3, "planSelected", "viewMode", "planInfo", "isSelected", "selectedPeriodUnit"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-lg", "font-semibold", 3, "ngClass"], [1, "text-sm", "mt-2", 3, "ngClass"]], template: function PlanSelectionContainerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(4, "svg", 4);
+            i0.ɵɵelement(5, "path", 5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(6, "div")(7, "h2", 6);
+            i0.ɵɵtext(8, " Choose Your Plan ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "p", 7);
+            i0.ɵɵtext(10, " Selected currency: ");
+            i0.ɵɵelementStart(11, "span", 8);
+            i0.ɵɵtext(12);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "button", 9);
+            i0.ɵɵlistener("click", function PlanSelectionContainerComponent_Template_button_click_13_listener() { return ctx.editCurrency.emit(); });
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(14, "svg", 10);
+            i0.ɵɵelement(15, "path", 11);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(16, " Edit ");
+            i0.ɵɵelementEnd()()()()();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(17, "div", 12)(18, "symphiq-billing-period-toggle", 13);
+            i0.ɵɵlistener("periodUnitChanged", function PlanSelectionContainerComponent_Template_symphiq_billing_period_toggle_periodUnitChanged_18_listener($event) { return ctx.handlePeriodChange($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(19, PlanSelectionContainerComponent_Conditional_19_Template, 4, 3, "div", 14)(20, PlanSelectionContainerComponent_Conditional_20_Template, 3, 0, "div", 15)(21, PlanSelectionContainerComponent_Conditional_21_Template, 7, 4, "div", 16);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.containerClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.headerClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngClass", ctx.titleClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.subtitleClasses());
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.selectedCurrency());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.editButtonClasses());
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngClass", ctx.contentClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("selectedPeriodUnit", ctx.selectedPeriodUnit())("isLoading", ctx.isLoading());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.isLoading() ? 19 : ctx.planCardInfos() && ctx.planCardInfos().length > 0 ? 20 : 21);
+        } }, dependencies: [CommonModule, i1$1.NgClass, BillingPeriodToggleComponent, PlanCardComponent, IndeterminateSpinnerComponent], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PlanSelectionContainerComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-plan-selection-container',
+                standalone: true,
+                imports: [CommonModule, BillingPeriodToggleComponent, PlanCardComponent, IndeterminateSpinnerComponent],
+                changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
       <div [ngClass]="headerClasses()" class="px-6 py-5 border-b">
@@ -86630,49 +87533,72 @@ class PlanSelectionPlaceholderCardComponent {
             <h2 [ngClass]="titleClasses()" class="text-xl font-bold">
               Choose Your Plan
             </h2>
-            <p [ngClass]="subtitleClasses()" class="text-sm mt-0.5">
+            <p [ngClass]="subtitleClasses()" class="text-sm mt-0.5 flex items-center gap-2">
               Selected currency: <span class="font-semibold">{{ selectedCurrency() }}</span>
+              <button
+                (click)="editCurrency.emit()"
+                [ngClass]="editButtonClasses()"
+                class="inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded-md transition-colors"
+              >
+                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path>
+                </svg>
+                Edit
+              </button>
             </p>
           </div>
         </div>
       </div>
 
       <div [ngClass]="contentClasses()" class="p-8">
-        <div class="text-center space-y-6">
-          <div [ngClass]="placeholderIconClasses()" class="w-20 h-20 mx-auto rounded-full flex items-center justify-center">
-            <svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-            </svg>
-          </div>
+        <symphiq-billing-period-toggle
+          [viewMode]="viewMode()"
+          [selectedPeriodUnit]="selectedPeriodUnit()"
+          [isLoading]="isLoading()"
+          (periodUnitChanged)="handlePeriodChange($event)"
+        />
 
-          <div class="space-y-3">
-            <h3 [ngClass]="placeholderTitleClasses()" class="text-2xl font-bold">
-              Plan Selection Coming Soon
-            </h3>
-            <p [ngClass]="placeholderTextClasses()" class="text-base leading-relaxed max-w-md mx-auto">
-              Your billing currency has been set to <strong>{{ selectedCurrency() }}</strong>. Plan selection and subscription management will be available shortly.
+        @if (isLoading()) {
+          <div class="flex flex-col items-center justify-center py-16 space-y-6">
+            <symphiq-indeterminate-spinner
+              [viewMode]="viewMode()"
+              [size]="'large'"
+            />
+            <p [ngClass]="loadingTextClasses()" class="text-base font-medium">
+              Loading your plan options...
             </p>
           </div>
-
-          <div [ngClass]="infoBoxClasses()" class="p-5 rounded-xl border inline-block">
-            <div class="flex items-start gap-3 text-left">
-              <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-                <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
-              </svg>
-              <div class="flex-1">
-                <p [ngClass]="infoTextClasses()" class="text-sm leading-relaxed">
-                  You'll be able to view and select from our subscription plans once this feature is enabled. In the meantime, your currency preference has been saved.
-                </p>
-              </div>
-            </div>
+        } @else if (planCardInfos() && planCardInfos()!.length > 0) {
+          <div class="space-y-6 mb-32">
+            @for (plan of planCardInfos(); track plan.planItem.id) {
+              <symphiq-plan-card
+                [viewMode]="viewMode()"
+                [planInfo]="plan"
+                [isSelected]="isSelectedPlan(plan)"
+                [selectedPeriodUnit]="selectedPeriodUnit()"
+                (planSelected)="handlePlanSelection($event)"
+              />
+            }
           </div>
-        </div>
+        } @else {
+          <div [ngClass]="emptyStateClasses()" class="text-center py-16">
+            <svg [ngClass]="emptyIconClasses()" class="w-16 h-16 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+            </svg>
+            <p [ngClass]="emptyTextClasses()" class="text-lg font-semibold">
+              No plans available
+            </p>
+            <p [ngClass]="emptySubtextClasses()" class="text-sm mt-2">
+              Please contact support if this issue persists
+            </p>
+          </div>
+        }
       </div>
     </div>
   `
             }]
-    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], selectedCurrency: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedCurrency", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanSelectionPlaceholderCardComponent, { className: "PlanSelectionPlaceholderCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/plan-selection-placeholder-card.component.ts", lineNumber: 64 }); })();
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], selectedCurrency: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedCurrency", required: false }] }], planCardInfos: [{ type: i0.Input, args: [{ isSignal: true, alias: "planCardInfos", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], selectedPeriodUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedPeriodUnit", required: false }] }], periodUnitChanged: [{ type: i0.Output, args: ["periodUnitChanged"] }], planSelected: [{ type: i0.Output, args: ["planSelected"] }], editCurrency: [{ type: i0.Output, args: ["editCurrency"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanSelectionContainerComponent, { className: "PlanSelectionContainerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/plan-selection-container.component.ts", lineNumber: 90 }); })();
 
 class SubscriptionValuePropositionCardComponent {
     constructor() {
@@ -86784,7 +87710,7 @@ class SubscriptionValuePropositionCardComponent {
             : 'text-slate-600';
     }
     static { this.ɵfac = function SubscriptionValuePropositionCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SubscriptionValuePropositionCardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscriptionValuePropositionCardComponent, selectors: [["symphiq-subscription-value-proposition-card"]], inputs: { viewMode: [1, "viewMode"] }, decls: 114, vars: 41, consts: [[1, "rounded-2xl", "border", "shadow-2xl", "overflow-hidden", "relative", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-10", 3, "ngClass"], [1, "relative", "z-10", "px-8", "py-10"], [1, "flex", "items-start", "gap-6", "mb-8"], [1, "flex-shrink-0", "w-20", "h-20", "rounded-2xl", "flex", "items-center", "justify-center", "shadow-xl", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-10", "h-10"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex-1"], [1, "text-3xl", "sm:text-4xl", "font-bold", "mb-4", "leading-tight", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [1, "p-6", "rounded-xl", "border", "mb-8", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-4", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-6", "h-6", 3, "ngClass"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "space-y-3"], [1, "flex", "items-start", "gap-3"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "font-semibold"], [1, "p-6", "rounded-xl", "border-2", "mb-8", 3, "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", "M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z"], [1, "space-y-4"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-bold", "text-base", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "p-6", "rounded-xl", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], ["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", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "mt-8", "p-6", "rounded-xl", "border-2", "text-center", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"]], template: function SubscriptionValuePropositionCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscriptionValuePropositionCardComponent, selectors: [["symphiq-subscription-value-proposition-card"]], inputs: { viewMode: [1, "viewMode"] }, decls: 121, vars: 43, consts: [[1, "rounded-2xl", "border", "shadow-2xl", "overflow-hidden", "relative", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-10", 3, "ngClass"], [1, "relative", "z-10", "px-8", "py-10"], [1, "flex", "items-start", "gap-6", "mb-8"], [1, "flex-shrink-0", "w-20", "h-20", "rounded-2xl", "flex", "items-center", "justify-center", "shadow-xl", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-10", "h-10"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex-1"], [1, "text-3xl", "sm:text-4xl", "font-bold", "mb-4", "leading-tight", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [1, "p-6", "rounded-xl", "border", "mb-8", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-4", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-6", "h-6", 3, "ngClass"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "space-y-3"], [1, "flex", "items-start", "gap-3"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "font-semibold"], [1, "p-6", "rounded-xl", "border-2", "mb-8", 3, "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", "M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z"], [1, "space-y-4"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-bold", "text-base", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "p-6", "rounded-xl", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], ["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", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "mt-8", "p-6", "rounded-xl", "border-2", "text-center", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"]], template: function SubscriptionValuePropositionCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
             i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "div", 4);
@@ -86814,9 +87740,9 @@ class SubscriptionValuePropositionCardComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
             i0.ɵɵelementStart(21, "p", 17)(22, "strong", 18);
-            i0.ɵɵtext(23, "Connected GA4 + Shopify");
+            i0.ɵɵtext(23, "Completed Business Analysis");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(24, " \u2014 Your data foundation is set ");
+            i0.ɵɵtext(24, " \u2014 Your competitive landscape and market position are clear ");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(25, "div", 15);
             i0.ɵɵnamespaceSVG();
@@ -86825,9 +87751,9 @@ class SubscriptionValuePropositionCardComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
             i0.ɵɵelementStart(28, "p", 17)(29, "strong", 18);
-            i0.ɵɵtext(30, "Set Growth Targets");
+            i0.ɵɵtext(30, "Connected GA4");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(31, " \u2014 Your revenue goals are defined ");
+            i0.ɵɵtext(31, " \u2014 Your data foundation is set ");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(32, "div", 15);
             i0.ɵɵnamespaceSVG();
@@ -86836,78 +87762,78 @@ class SubscriptionValuePropositionCardComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
             i0.ɵɵelementStart(35, "p", 17)(36, "strong", 18);
-            i0.ɵɵtext(37, "Received Funnel Insights");
+            i0.ɵɵtext(37, "Set Growth Targets");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(38, " \u2014 Your revenue goals are defined ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(39, "div", 15);
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(40, "svg", 16);
+            i0.ɵɵelement(41, "path", 13);
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(38, " \u2014 You know your performance landscape ");
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(42, "p", 17)(43, "strong", 18);
+            i0.ɵɵtext(44, "Received Funnel Insights");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(45, " \u2014 You know your performance landscape ");
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(39, "div", 19)(40, "h3", 11);
+            i0.ɵɵelementStart(46, "div", 19)(47, "h3", 11);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(41, "svg", 20);
-            i0.ɵɵelement(42, "path", 21);
+            i0.ɵɵelementStart(48, "svg", 20);
+            i0.ɵɵelement(49, "path", 21);
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(43, " What You'll Unlock Next ");
+            i0.ɵɵtext(50, " What You'll Unlock Next ");
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(44, "div", 22)(45, "div", 15)(46, "div", 23);
-            i0.ɵɵtext(47, " 1 ");
+            i0.ɵɵelementStart(51, "div", 22)(52, "div", 15)(53, "div", 23);
+            i0.ɵɵtext(54, " 1 ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(48, "div", 7)(49, "p", 24);
-            i0.ɵɵtext(50, " Shop Profile Analysis ");
+            i0.ɵɵelementStart(55, "div", 7)(56, "p", 24);
+            i0.ɵɵtext(57, " Shop Profile Analysis ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(51, "p", 25);
-            i0.ɵɵtext(52, " Deep insights into your operations, capabilities, and infrastructure ");
+            i0.ɵɵelementStart(58, "p", 25);
+            i0.ɵɵtext(59, " Deep insights into your operations, capabilities, and infrastructure ");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(53, "div", 15)(54, "div", 23);
-            i0.ɵɵtext(55, " 2 ");
+            i0.ɵɵelementStart(60, "div", 15)(61, "div", 23);
+            i0.ɵɵtext(62, " 2 ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(56, "div", 7)(57, "p", 24);
-            i0.ɵɵtext(58, " Focus Area Insights ");
+            i0.ɵɵelementStart(63, "div", 7)(64, "p", 24);
+            i0.ɵɵtext(65, " Focus Area Insights ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(59, "p", 25);
-            i0.ɵɵtext(60, " Tailored strategies for each marketing channel and growth lever ");
+            i0.ɵɵelementStart(66, "p", 25);
+            i0.ɵɵtext(67, " Tailored strategies for each marketing channel and growth lever ");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(61, "div", 15)(62, "div", 23);
-            i0.ɵɵtext(63, " 3 ");
+            i0.ɵɵelementStart(68, "div", 15)(69, "div", 23);
+            i0.ɵɵtext(70, " 3 ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(64, "div", 7)(65, "p", 24);
-            i0.ɵɵtext(66, " Metric-Level Guidance ");
+            i0.ɵɵelementStart(71, "div", 7)(72, "p", 24);
+            i0.ɵɵtext(73, " Metric-Level Guidance ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(67, "p", 25);
-            i0.ɵɵtext(68, " Precise recommendations for every funnel metric ");
+            i0.ɵɵelementStart(74, "p", 25);
+            i0.ɵɵtext(75, " Precise recommendations for every funnel metric ");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(69, "div", 15)(70, "div", 23);
-            i0.ɵɵtext(71, " 4 ");
+            i0.ɵɵelementStart(76, "div", 15)(77, "div", 23);
+            i0.ɵɵtext(78, " 4 ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(72, "div", 7)(73, "p", 24);
-            i0.ɵɵtext(74, " Unified Strategic Roadmap ");
+            i0.ɵɵelementStart(79, "div", 7)(80, "p", 24);
+            i0.ɵɵtext(81, " Unified Strategic Roadmap ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(75, "p", 25);
-            i0.ɵɵtext(76, " AI-powered goals, objectives, and execution-ready strategies ");
+            i0.ɵɵelementStart(82, "p", 25);
+            i0.ɵɵtext(83, " AI-powered goals, objectives, and execution-ready strategies ");
             i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(77, "div", 26)(78, "h3", 27);
-            i0.ɵɵtext(79, " The Symphiq Advantage ");
+            i0.ɵɵelementStart(84, "div", 26)(85, "h3", 27);
+            i0.ɵɵtext(86, " The Symphiq Advantage ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(80, "div", 28)(81, "div", 15);
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(82, "svg", 29);
-            i0.ɵɵelement(83, "path", 30);
-            i0.ɵɵelementEnd();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(84, "p", 25)(85, "strong", 18);
-            i0.ɵɵtext(86, "AI-Powered Recommendations");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtext(87, " tailored to your business context ");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(88, "div", 15);
+            i0.ɵɵelementStart(87, "div", 28)(88, "div", 15);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(89, "svg", 29);
             i0.ɵɵelement(90, "path", 30);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
             i0.ɵɵelementStart(91, "p", 25)(92, "strong", 18);
-            i0.ɵɵtext(93, "Knowledge Capture");
+            i0.ɵɵtext(93, "AI-Powered Recommendations");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(94, " that preserves institutional memory ");
+            i0.ɵɵtext(94, " tailored to your business context ");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(95, "div", 15);
             i0.ɵɵnamespaceSVG();
@@ -86916,9 +87842,9 @@ class SubscriptionValuePropositionCardComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
             i0.ɵɵelementStart(98, "p", 25)(99, "strong", 18);
-            i0.ɵɵtext(100, "Coordinated Execution");
+            i0.ɵɵtext(100, "Knowledge Capture");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(101, " from goals to actionable tasks ");
+            i0.ɵɵtext(101, " that preserves institutional memory ");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(102, "div", 15);
             i0.ɵɵnamespaceSVG();
@@ -86927,15 +87853,26 @@ class SubscriptionValuePropositionCardComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
             i0.ɵɵelementStart(105, "p", 25)(106, "strong", 18);
-            i0.ɵɵtext(107, "Measurable Outcomes");
+            i0.ɵɵtext(107, "Coordinated Execution");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(108, " from goals to actionable tasks ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(109, "div", 15);
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(110, "svg", 29);
+            i0.ɵɵelement(111, "path", 30);
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(108, " tied to funnel performance ");
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(112, "p", 25)(113, "strong", 18);
+            i0.ɵɵtext(114, "Measurable Outcomes");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(115, " tied to funnel performance ");
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(109, "div", 31)(110, "p", 32);
-            i0.ɵɵtext(111, " Ready to Continue? ");
+            i0.ɵɵelementStart(116, "div", 31)(117, "p", 32);
+            i0.ɵɵtext(118, " Ready to Continue? ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(112, "p", 25);
-            i0.ɵɵtext(113, " Select your billing currency below, choose a plan, and unlock your complete analysis ");
+            i0.ɵɵelementStart(119, "p", 25);
+            i0.ɵɵtext(120, " Select your billing currency below, choose a plan, and unlock your complete analysis ");
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -86965,6 +87902,10 @@ class SubscriptionValuePropositionCardComponent {
             i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.itemTextClasses());
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.itemTextClasses());
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngClass", ctx.unlockBoxClasses());
             i0.ɵɵadvance();
@@ -87063,7 +88004,15 @@ class SubscriptionValuePropositionCardComponent {
                 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
               </svg>
               <p [ngClass]="itemTextClasses()" class="text-base">
-                <strong class="font-semibold">Connected GA4 + Shopify</strong> — Your data foundation is set
+                <strong class="font-semibold">Completed Business Analysis</strong> — Your competitive landscape and market position are clear
+              </p>
+            </div>
+            <div class="flex items-start gap-3">
+              <svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="checkIconClasses()" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+              </svg>
+              <p [ngClass]="itemTextClasses()" class="text-base">
+                <strong class="font-semibold">Connected GA4</strong> — Your data foundation is set
               </p>
             </div>
             <div class="flex items-start gap-3">
@@ -87201,7 +88150,7 @@ class SubscriptionValuePropositionCardComponent {
   `
             }]
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscriptionValuePropositionCardComponent, { className: "SubscriptionValuePropositionCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/subscription-value-proposition-card.component.ts", lineNumber: 182 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscriptionValuePropositionCardComponent, { className: "SubscriptionValuePropositionCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/subscription-value-proposition-card.component.ts", lineNumber: 190 }); })();
 
 function StickySubscriptionContinueButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
@@ -87387,37 +88336,51 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Te
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
 } }
-function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-billing-currency-selector-card", 33);
-    i0.ɵɵlistener("currencySelected", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template_symphiq_billing_currency_selector_card_currencySelected_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleCurrencySelection($event)); });
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 32);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "symphiq-billing-currency-selector-card", 33);
+    i0.ɵɵlistener("currencySelected", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_0_Template_symphiq_billing_currency_selector_card_currencySelected_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleCurrencySelection($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
+    i0.ɵɵadvance();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("isLoading", ctx_r1.isCurrencySelectionLoading());
 } }
-function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-plan-selection-placeholder-card", 32);
+function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 30)(1, "symphiq-plan-selection-container", 34);
+    i0.ɵɵlistener("periodUnitChanged", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template_symphiq_plan_selection_container_periodUnitChanged_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handlePeriodUnitChange($event)); })("planSelected", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template_symphiq_plan_selection_container_planSelected_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handlePlanSelection($event)); })("editCurrency", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template_symphiq_plan_selection_container_editCurrency_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.editCurrencyClick.emit()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    let tmp_4_0;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selectedCurrency", ((tmp_4_0 = ctx_r1.account()) == null ? null : tmp_4_0.billingCurrencyCode) || ctx_r1.CurrencyCodeEnum.USD)("planCardInfos", ctx_r1.planCardInfos())("isLoading", ctx_r1.isPlanLoading())("selectedPeriodUnit", ctx_r1.selectedPeriodUnit());
+} }
+function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-plan-selection-placeholder-card", 35);
+    i0.ɵɵlistener("editCurrency", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template_symphiq_plan_selection_placeholder_card_editCurrency_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.editCurrencyClick.emit()); });
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_4_0;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selectedCurrency", ((tmp_4_0 = ctx_r1.account()) == null ? null : tmp_4_0.billingCurrencyCode) || ctx_r1.CurrencyCodeEnum.USD);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
-    i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 30);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template, 1, 2, "symphiq-billing-currency-selector-card", 31)(3, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 32);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_0_Template, 3, 3)(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template, 2, 5, "div", 30)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 31);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.hasBillingCurrency() ? 2 : 3);
+    i0.ɵɵconditional(!ctx_r1.hasBillingCurrency() ? 0 : ctx_r1.showPlanSelection() ? 1 : 2);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 34);
+    i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 36);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -87426,7 +88389,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_3_Te
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 27);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 28)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template, 4, 2);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 28)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template, 3, 1);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_3_Template, 2, 11, "div");
 } if (rf & 2) {
@@ -87437,188 +88400,188 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template(rf, ctx
     i0.ɵɵconditional(ctx_r1.nonStrategicSections().length > 0 ? 3 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-grade-badge", 45);
+    i0.ɵɵelement(0, "symphiq-grade-badge", 47);
 } if (rf & 2) {
-    const summary_r6 = i0.ɵɵnextContext();
+    const summary_r8 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("grade", summary_r6.overallGrade)("gradeRationale", summary_r6.gradeRationale || "")("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("grade", summary_r8.overallGrade)("gradeRationale", summary_r8.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", 58);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 61);
+    i0.ɵɵelementStart(0, "div", 60);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 63);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const summary_r6 = i0.ɵɵnextContext(2);
+    const summary_r8 = i0.ɵɵnextContext(2);
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("visual", summary_r6.napkinVisual)("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("visual", summary_r8.napkinVisual)("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46)(1, "h3", 56);
+    i0.ɵɵelementStart(0, "div", 48)(1, "h3", 58);
     i0.ɵɵtext(2, " Analysis Narrative ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 57);
-    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 58);
-    i0.ɵɵelementStart(5, "p", 59);
+    i0.ɵɵelementStart(3, "div", 59);
+    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 60);
+    i0.ɵɵelementStart(5, "p", 61);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "div", 60);
+    i0.ɵɵelement(7, "div", 62);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const summary_r6 = i0.ɵɵnextContext();
+    const summary_r8 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getNarrativeClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getSubheadingClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(summary_r6.napkinVisual && summary_r6.napkinVisual.enabled ? 4 : -1);
+    i0.ɵɵconditional(summary_r8.napkinVisual && summary_r8.napkinVisual.enabled ? 4 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getTextClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", summary_r6.narrative, " ");
+    i0.ɵɵtextInterpolate1(" ", summary_r8.narrative, " ");
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 71);
+    i0.ɵɵelementStart(0, "div", 73);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 73);
-    i0.ɵɵelement(2, "path", 74);
+    i0.ɵɵelementStart(1, "svg", 75);
+    i0.ɵɵelement(2, "path", 76);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const win_r7 = i0.ɵɵnextContext().$implicit;
+    const win_r9 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("ngClass", ctx_r1.getMetaTextClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(win_r7.estimatedTimeframe);
+    i0.ɵɵtextInterpolate(win_r9.estimatedTimeframe);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 72)(1, "h4", 75);
+    i0.ɵɵelementStart(0, "div", 74)(1, "h4", 77);
     i0.ɵɵtext(2, " Related Goal ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "symphiq-related-goal-chips", 76);
+    i0.ɵɵelement(3, "symphiq-related-goal-chips", 78);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const win_r7 = i0.ɵɵnextContext().$implicit;
+    const win_r9 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getMetaTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c2, win_r7.relatedGoalId))("allGoals", ctx_r1.allGoals())("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c2, win_r9.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", 64)(1, "div", 65)(2, "div", 66)(3, "span", 67);
+    i0.ɵɵelementStart(0, "div", 66)(1, "div", 67)(2, "div", 68)(3, "span", 69);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 68);
+    i0.ɵɵelementStart(5, "p", 70);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 69)(8, "span", 70);
+    i0.ɵɵelementStart(7, "div", 71)(8, "span", 72);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 70);
+    i0.ɵɵelementStart(10, "span", 72);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 71);
-    i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 72);
+    i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 73);
+    i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 74);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const win_r7 = ctx.$implicit;
-    const $index_r8 = ctx.$index;
+    const win_r9 = ctx.$implicit;
+    const $index_r10 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinCardClasses());
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r1.getNumberBadgeClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", $index_r8 + 1, " ");
+    i0.ɵɵtextInterpolate1(" ", $index_r10 + 1, " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinTextClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", win_r7.action, " ");
+    i0.ɵɵtextInterpolate1(" ", win_r9.action, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.getEffortBadgeClasses(win_r7.effort));
+    i0.ɵɵproperty("ngClass", ctx_r1.getEffortBadgeClasses(win_r9.effort));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatLabel(win_r7.effort), " Effort ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatLabel(win_r9.effort), " Effort ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.getImpactBadgeClasses(win_r7.impact));
+    i0.ɵɵproperty("ngClass", ctx_r1.getImpactBadgeClasses(win_r9.impact));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatLabel(win_r7.impact), " Impact ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatLabel(win_r9.impact), " Impact ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(win_r7.estimatedTimeframe ? 12 : -1);
+    i0.ɵɵconditional(win_r9.estimatedTimeframe ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(win_r7.relatedGoalId ? 13 : -1);
+    i0.ɵɵconditional(win_r9.relatedGoalId ? 13 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55)(1, "h3", 62);
+    i0.ɵɵelementStart(0, "div", 57)(1, "h3", 64);
     i0.ɵɵtext(2, " Quick Wins ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 63);
-    i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 64, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(3, "div", 65);
+    i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 66, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const summary_r6 = i0.ɵɵnextContext();
+    const summary_r8 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getSectionTitleClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(summary_r6.quickWins);
+    i0.ɵɵrepeater(summary_r8.quickWins);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "section", 35)(1, "div", 39)(2, "div", 40)(3, "div", 41)(4, "div", 42)(5, "h2", 43);
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 37)(1, "div", 41)(2, "div", 42)(3, "div", 43)(4, "div", 44)(5, "h2", 45);
     i0.ɵɵtext(6, " Executive Summary ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "p", 44);
+    i0.ɵɵelementStart(7, "p", 46);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 45);
+    i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 47);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template, 8, 5, "div", 46);
-    i0.ɵɵelementStart(11, "div", 47)(12, "button", 48);
-    i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_12_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r6)); });
-    i0.ɵɵelementStart(13, "div", 49);
+    i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template, 8, 5, "div", 48);
+    i0.ɵɵelementStart(11, "div", 49)(12, "button", 50);
+    i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_12_listener() { const summary_r8 = i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r8)); });
+    i0.ɵɵelementStart(13, "div", 51);
     i0.ɵɵtext(14, " Key Strengths ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 50);
+    i0.ɵɵelementStart(15, "div", 52);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 51)(18, "span", 52);
+    i0.ɵɵelementStart(17, "div", 53)(18, "span", 54);
     i0.ɵɵtext(19, "View Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(20, "symphiq-icon", 53);
+    i0.ɵɵelement(20, "symphiq-icon", 55);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "button", 48);
-    i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_21_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r6)); });
-    i0.ɵɵelementStart(22, "div", 49);
+    i0.ɵɵelementStart(21, "button", 50);
+    i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_21_listener() { const summary_r8 = i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r8)); });
+    i0.ɵɵelementStart(22, "div", 51);
     i0.ɵɵtext(23, " Critical Gaps ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "div", 50);
+    i0.ɵɵelementStart(24, "div", 52);
     i0.ɵɵtext(25);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 51)(27, "span", 52);
+    i0.ɵɵelementStart(26, "div", 53)(27, "span", 54);
     i0.ɵɵtext(28, "View Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(29, "symphiq-icon", 53);
+    i0.ɵɵelement(29, "symphiq-icon", 55);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "button", 48);
-    i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
-    i0.ɵɵelementStart(31, "div", 49);
+    i0.ɵɵelementStart(30, "button", 50);
+    i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
+    i0.ɵɵelementStart(31, "div", 51);
     i0.ɵɵtext(32, " Quick Wins ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "div", 50);
+    i0.ɵɵelementStart(33, "div", 52);
     i0.ɵɵtext(34);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "div", 51)(36, "span", 52);
+    i0.ɵɵelementStart(35, "div", 53)(36, "span", 54);
     i0.ɵɵtext(37, "Details Below");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(38, "symphiq-icon", 54);
+    i0.ɵɵelement(38, "symphiq-icon", 56);
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵconditionalCreate(39, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div", 55);
+    i0.ɵɵconditionalCreate(39, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const summary_r6 = ctx;
+    const summary_r8 = ctx;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getBannerClasses());
@@ -87627,11 +88590,11 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getTextClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", summary_r6.gradeRationale, " ");
+    i0.ɵɵtextInterpolate1(" ", summary_r8.gradeRationale, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(summary_r6.overallGrade ? 9 : -1);
+    i0.ɵɵconditional(summary_r8.overallGrade ? 9 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(summary_r6.narrative ? 10 : -1);
+    i0.ɵɵconditional(summary_r8.narrative ? 10 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getKeyStrengthsStatCardClasses());
     i0.ɵɵadvance();
@@ -87639,7 +88602,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getKeyStrengthsStatValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (summary_r6.keyStrengths == null ? null : summary_r6.keyStrengths.length) || 0, " ");
+    i0.ɵɵtextInterpolate1(" ", (summary_r8.keyStrengths == null ? null : summary_r8.keyStrengths.length) || 0, " ");
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getKeyStrengthsButtonTextClasses());
     i0.ɵɵadvance(2);
@@ -87651,7 +88614,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getCriticalGapsStatValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (summary_r6.criticalGaps == null ? null : summary_r6.criticalGaps.length) || 0, " ");
+    i0.ɵɵtextInterpolate1(" ", (summary_r8.criticalGaps == null ? null : summary_r8.criticalGaps.length) || 0, " ");
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getCriticalGapsButtonTextClasses());
     i0.ɵɵadvance(2);
@@ -87663,133 +88626,133 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinsStatValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (summary_r6.quickWins == null ? null : summary_r6.quickWins.length) || 0, " ");
+    i0.ɵɵtextInterpolate1(" ", (summary_r8.quickWins == null ? null : summary_r8.quickWins.length) || 0, " ");
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinsButtonTextClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(32, _c1, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getQuickWinsButtonTextClasses());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(summary_r6.quickWins && summary_r6.quickWins.length > 0 ? 39 : -1);
+    i0.ɵɵconditional(summary_r8.quickWins && summary_r8.quickWins.length > 0 ? 39 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 77);
-    i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_focus_area_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r9); 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(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); });
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 79);
+    i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_focus_area_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r11); 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(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("allGoals", ctx_r1.allGoals());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 78);
-    i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r10); 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(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricPriorityDetailClick($event)); });
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 80);
+    i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r12); 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(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricPriorityDetailClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 79);
+    i0.ɵɵelement(0, "symphiq-section-divider", 81);
 } if (rf & 2) {
-    const sectionList_r11 = i0.ɵɵnextContext();
+    const sectionList_r13 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r11[0].icon);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r13[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", 79);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template, 1, 2, "symphiq-section-divider", 81);
 } if (rf & 2) {
-    const sectionList_r11 = ctx;
-    i0.ɵɵconditional(sectionList_r11.length > 0 && sectionList_r11[0].icon ? 0 : -1);
+    const sectionList_r13 = ctx;
+    i0.ɵɵconditional(sectionList_r13.length > 0 && sectionList_r13[0].icon ? 0 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵelement(1, "symphiq-icon", 86);
+    i0.ɵɵelementStart(0, "div", 84);
+    i0.ɵɵelement(1, "symphiq-icon", 88);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const section_r12 = i0.ɵɵnextContext().$implicit;
+    const section_r14 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.getSectionIconClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", section_r12.icon);
+    i0.ɵɵproperty("icon", section_r14.icon);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 88);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 61);
+    i0.ɵɵelementStart(0, "div", 90);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 63);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const section_r12 = i0.ɵɵnextContext(2).$implicit;
+    const section_r14 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("visual", section_r12.visual)("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("visual", section_r14.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", 90)(1, "p", 59);
+    i0.ɵɵelementStart(0, "div", 92)(1, "p", 61);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const section_r12 = i0.ɵɵnextContext(2).$implicit;
+    const section_r14 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("lg:w-1/3", section_r12.visual && section_r12.visual.enabled)("lg:w-full", !section_r12.visual || !section_r12.visual.enabled);
+    i0.ɵɵclassProp("lg:w-1/3", section_r14.visual && section_r14.visual.enabled)("lg:w-full", !section_r14.visual || !section_r14.visual.enabled);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getSectionDescriptionClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", section_r12.description, " ");
+    i0.ɵɵtextInterpolate1(" ", section_r14.description, " ");
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 87);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 88);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 89);
+    i0.ɵɵelementStart(0, "div", 89);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 90);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 91);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r12 = i0.ɵɵnextContext();
-    const section_r12 = ctx_r12.$implicit;
-    const ɵ$index_198_r14 = ctx_r12.$index;
-    i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_198_r14 % 2 === 0);
+    const ctx_r14 = i0.ɵɵnextContext();
+    const section_r14 = ctx_r14.$implicit;
+    const ɵ$index_203_r16 = ctx_r14.$index;
+    i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_203_r16 % 2 === 0);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(section_r12.visual && section_r12.visual.enabled ? 1 : -1);
+    i0.ɵɵconditional(section_r14.visual && section_r14.visual.enabled ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(section_r12.description ? 2 : -1);
+    i0.ɵɵconditional(section_r14.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", 79);
+    i0.ɵɵelement(0, "symphiq-section-divider", 81);
 } if (rf & 2) {
-    const ɵ$index_198_r14 = i0.ɵɵnextContext().$index;
-    const sectionList_r15 = i0.ɵɵnextContext();
+    const ɵ$index_203_r16 = i0.ɵɵnextContext().$index;
+    const sectionList_r17 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r15[ɵ$index_198_r14 + 1].icon);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r17[ɵ$index_203_r16 + 1].icon);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 80)(1, "div", 81);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template, 2, 2, "div", 82);
-    i0.ɵɵelementStart(3, "div", 42)(4, "h3", 83);
+    i0.ɵɵelementStart(0, "div", 82)(1, "div", 83);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template, 2, 2, "div", 84);
+    i0.ɵɵelementStart(3, "div", 44)(4, "h3", 85);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template, 3, 4, "div", 84);
-    i0.ɵɵelement(7, "symphiq-profile-section-content", 85);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template, 3, 4, "div", 86);
+    i0.ɵɵelement(7, "symphiq-profile-section-content", 87);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 79);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 81);
 } if (rf & 2) {
-    const section_r12 = ctx.$implicit;
-    const ɵ$index_198_r14 = ctx.$index;
-    const ɵ$count_198_r16 = ctx.$count;
+    const section_r14 = ctx.$implicit;
+    const ɵ$index_203_r16 = ctx.$index;
+    const ɵ$count_203_r18 = ctx.$count;
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("id", "section-" + section_r12.id)("ngClass", ctx_r1.getSectionCardClasses());
+    i0.ɵɵproperty("id", "section-" + section_r14.id)("ngClass", ctx_r1.getSectionCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(section_r12.icon ? 2 : -1);
+    i0.ɵɵconditional(section_r14.icon ? 2 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getSectionTitleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", section_r12.title, " ");
+    i0.ɵɵtextInterpolate1(" ", section_r14.title, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(section_r12.description || section_r12.visual && section_r12.visual.enabled ? 6 : -1);
+    i0.ɵɵconditional(section_r14.description || section_r14.visual && section_r14.visual.enabled ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("section", section_r12)("executiveSummary", section_r12.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_198_r14)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
+    i0.ɵɵproperty("section", section_r14)("executiveSummary", section_r14.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_203_r16)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ɵ$index_198_r14 === ɵ$count_198_r16 - 1) ? 8 : -1);
+    i0.ɵɵconditional(!(ɵ$index_203_r16 === ɵ$count_203_r18 - 1) ? 8 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 38);
+    i0.ɵɵelementStart(0, "section", 40);
     i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Template, 9, 16, null, null, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -87797,11 +88760,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", 35);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 3, "symphiq-focus-area-executive-summary", 36);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 4, "symphiq-metric-executive-summary", 37);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 40, 34, "section", 37);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 3, "symphiq-focus-area-executive-summary", 38);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 4, "symphiq-metric-executive-summary", 39);
     i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Template, 1, 1);
-    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template, 3, 0, "section", 38);
+    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template, 3, 0, "section", 40);
 } if (rf & 2) {
     let tmp_1_0;
     let tmp_2_0;
@@ -87834,60 +88797,60 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_12_Template(rf, ct
 function SymphiqProfileAnalysisDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-goal-card", 12);
 } if (rf & 2) {
-    const data_r17 = ctx;
+    const data_r19 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("goal", data_r17.goal)("viewMode", data_r17.viewMode)("isInModal", true)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("currentModalState", ctx_r1.getCurrentModalState())("businessProfile", ctx_r1.profile());
+    i0.ɵɵproperty("goal", data_r19.goal)("viewMode", data_r19.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);
 } if (rf & 2) {
-    const data_r18 = ctx;
-    i0.ɵɵproperty("goal", data_r18.goal)("viewMode", data_r18.viewMode);
+    const data_r20 = ctx;
+    i0.ɵɵproperty("goal", data_r20.goal)("viewMode", data_r20.viewMode);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content", 14);
 } if (rf & 2) {
-    const data_r19 = ctx;
-    i0.ɵɵproperty("objective", data_r19.objective)("goalTitle", data_r19.goalTitle)("viewMode", data_r19.viewMode);
+    const data_r21 = ctx;
+    i0.ɵɵproperty("objective", data_r21.objective)("goalTitle", data_r21.goalTitle)("viewMode", data_r21.viewMode);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 15);
 } if (rf & 2) {
-    const data_r20 = ctx;
+    const data_r22 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("strategy", data_r20.strategy)("objectiveTitle", data_r20.objectiveTitle)("goalTitle", data_r20.goalTitle)("viewMode", data_r20.viewMode)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("allBusinessInsights", ctx_r1.allBusinessInsights())("currentModalState", ctx_r1.getCurrentModalState());
+    i0.ɵɵproperty("strategy", data_r22.strategy)("objectiveTitle", data_r22.objectiveTitle)("goalTitle", data_r22.goalTitle)("viewMode", data_r22.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);
 } if (rf & 2) {
-    const data_r21 = ctx;
-    i0.ɵɵproperty("category", data_r21.category)("viewMode", data_r21.viewMode)("scrollToSection", data_r21.scrollToSection);
+    const data_r23 = ctx;
+    i0.ɵɵproperty("category", data_r23.category)("viewMode", data_r23.viewMode)("scrollToSection", data_r23.scrollToSection);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-strength-detail-modal-content", 17);
 } if (rf & 2) {
-    const data_r22 = ctx;
+    const data_r24 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("strength", data_r22.strength)("viewMode", data_r22.viewMode)("allFunnelStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
+    i0.ɵɵproperty("strength", data_r24.strength)("viewMode", data_r24.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);
 } if (rf & 2) {
-    const data_r23 = ctx;
+    const data_r25 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("gap", data_r23.gap)("viewMode", data_r23.viewMode)("allGoals", ctx_r1.allGoals())("allWeaknesses", ctx_r1.funnelWeaknesses())("currentModalState", ctx_r1.getCurrentModalState());
+    i0.ɵɵproperty("gap", data_r25.gap)("viewMode", data_r25.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);
 } if (rf & 2) {
-    const data_r24 = ctx;
+    const data_r26 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("opportunity", data_r24.opportunity)("viewMode", data_r24.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
+    i0.ɵɵproperty("opportunity", data_r26.opportunity)("viewMode", data_r26.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 91);
-    i0.ɵɵlistener("continueClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template_symphiq_sticky_subscription_continue_button_continueClick_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleStickyButtonClick()); });
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 93);
+    i0.ɵɵlistener("continueClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template_symphiq_sticky_subscription_continue_button_continueClick_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleStickyButtonClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -87915,8 +88878,18 @@ class SymphiqProfileAnalysisDashboardComponent {
         this.stepClick = output();
         this.nextStepClick = output();
         this.currencySelectionClick = output();
+        this.editCurrencyClick = output();
+        this.periodUnitChanged = output();
+        this.planSelected = output();
         this.isCurrencySelectionLoading = signal(false, ...(ngDevMode ? [{ debugName: "isCurrencySelectionLoading" }] : []));
         this.selectedCurrency = signal(null, ...(ngDevMode ? [{ debugName: "selectedCurrency" }] : []));
+        this.isPlanLoading = signal(false, ...(ngDevMode ? [{ debugName: "isPlanLoading" }] : []));
+        this.selectedPeriodUnit = computed(() => {
+            return this.account()?.onboardingPeriodUnit || ChargebeeItemPricePeriodUnitEnum.YEAR;
+        }, ...(ngDevMode ? [{ debugName: "selectedPeriodUnit" }] : []));
+        this.showPlanSelection = computed(() => {
+            return this.hasBillingCurrency() && this.planCardInfos() && this.planCardInfos().length > 0;
+        }, ...(ngDevMode ? [{ debugName: "showPlanSelection" }] : []));
         this.isSubscriptionActive = computed(() => {
             const account = this.account();
             if (!account)
@@ -87938,6 +88911,9 @@ class SymphiqProfileAnalysisDashboardComponent {
             }
             return true;
         }, ...(ngDevMode ? [{ debugName: "shouldShowContinueButton" }] : []));
+        this.shouldShowStickyButton = computed(() => {
+            return !this.isSubscriptionActive() && !this.hasBillingCurrency() && this.isSimplifiedView() && !this.isFocusAreaAnalysis() && !this.isMetricAnalysis();
+        }, ...(ngDevMode ? [{ debugName: "shouldShowStickyButton" }] : []));
         this.COLLAPSE_THRESHOLD = 20;
         this.EXPAND_THRESHOLD = 10;
         this.currencySelectionEffect = effect(() => {
@@ -87946,6 +88922,12 @@ class SymphiqProfileAnalysisDashboardComponent {
                 this.isCurrencySelectionLoading.set(false);
             }
         }, ...(ngDevMode ? [{ debugName: "currencySelectionEffect" }] : []));
+        this.planLoadingEffect = effect(() => {
+            const planCardInfos = this.planCardInfos();
+            if (planCardInfos && this.isPlanLoading()) {
+                this.isPlanLoading.set(false);
+            }
+        }, ...(ngDevMode ? [{ debugName: "planLoadingEffect" }] : []));
         this.embeddedScrollEffect = effect(() => {
             const scrollEvent = this.scrollEvent();
             const isEmbedded = this.embedded();
@@ -88462,9 +89444,6 @@ class SymphiqProfileAnalysisDashboardComponent {
         }
         this.closeViewModeSwitcher();
     }
-    handleCurrencySelection(currency) {
-        this.selectedCurrency.set(currency);
-    }
     handleStickyButtonClick() {
         const currency = this.selectedCurrency();
         if (currency) {
@@ -88653,6 +89632,18 @@ class SymphiqProfileAnalysisDashboardComponent {
             element.scrollIntoView({ behavior: 'smooth', block: 'start' });
         }
     }
+    handleCurrencySelection(currency) {
+        this.isCurrencySelectionLoading.set(true);
+        this.selectedCurrency.set(currency);
+        this.currencySelectionClick.emit(currency);
+    }
+    handlePeriodUnitChange(periodUnit) {
+        this.isPlanLoading.set(true);
+        this.periodUnitChanged.emit(periodUnit);
+    }
+    handlePlanSelection(plan) {
+        this.planSelected.emit(plan);
+    }
     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);
@@ -88661,7 +89652,7 @@ class SymphiqProfileAnalysisDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _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"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 28, vars: 47, 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, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "mb-8"], [3, "goals", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode"], [3, "viewMode", "isLoading"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "viewMode", "isLoading"], [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"]], template: function SymphiqProfileAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 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"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected" }, features: [i0.ɵɵNgOnChangesFeature], decls: 28, vars: 49, 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, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "mb-8"], [3, "goals", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [1, "mb-32"], [3, "viewMode", "selectedCurrency"], [3, "viewMode"], [3, "currencySelected", "viewMode", "isLoading"], [3, "periodUnitChanged", "planSelected", "editCurrency", "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"]], template: function SymphiqProfileAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
             i0.ɵɵelementStart(2, "div");
@@ -88700,7 +89691,6 @@ class SymphiqProfileAnalysisDashboardComponent {
         } if (rf & 2) {
             let tmp_5_0;
             let tmp_12_0;
-            let tmp_29_0;
             let tmp_30_0;
             let tmp_31_0;
             let tmp_32_0;
@@ -88708,6 +89698,7 @@ class SymphiqProfileAnalysisDashboardComponent {
             let tmp_34_0;
             let tmp_35_0;
             let tmp_36_0;
+            let tmp_37_0;
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
             i0.ɵɵadvance();
             i0.ɵɵclassProp("light-mode", ctx.isLightMode());
@@ -88720,7 +89711,9 @@ class SymphiqProfileAnalysisDashboardComponent {
             i0.ɵɵproperty("title", ((tmp_5_0 = ctx.profileAnalysis()) == null ? null : tmp_5_0.profileAnalysisStructured == null ? null : tmp_5_0.profileAnalysisStructured.businessName) || "Profile Analysis")("subtitle", ctx.getAnalysisSubtitle())("currentSection", ctx.getAnalysisSubtitle())("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_12_0 = ctx.profileAnalysis()) == null ? null : tmp_12_0.selfContentCompletedDate);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isSimplifiedView() && !ctx.isOnboarded() ? 6 : -1);
-            i0.ɵɵadvance(2);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("pb-32", ctx.shouldShowStickyButton());
+            i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isSimplifiedView() ? 8 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isSimplifiedView() ? 9 : -1);
@@ -88737,35 +89730,35 @@ class SymphiqProfileAnalysisDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allBusinessInsights", ctx.allBusinessInsights())("allCharts", ctx.allCharts());
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_29_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 16 : -1, tmp_29_0);
+            i0.ɵɵconditional((tmp_30_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 16 : -1, tmp_30_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_30_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 17 : -1, tmp_30_0);
+            i0.ɵɵconditional((tmp_31_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 17 : -1, tmp_31_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_31_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 18 : -1, tmp_31_0);
+            i0.ɵɵconditional((tmp_32_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 18 : -1, tmp_32_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_32_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 19 : -1, tmp_32_0);
+            i0.ɵɵconditional((tmp_33_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 19 : -1, tmp_33_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_33_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 20 : -1, tmp_33_0);
+            i0.ɵɵconditional((tmp_34_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 20 : -1, tmp_34_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_34_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 21 : -1, tmp_34_0);
+            i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 21 : -1, tmp_35_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 22 : -1, tmp_35_0);
+            i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 22 : -1, tmp_36_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 23 : -1, tmp_36_0);
+            i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 23 : -1, tmp_37_0);
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode())("viewMode", ctx.viewMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allCharts", ctx.allCharts());
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode());
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(!ctx.isSubscriptionActive() && !ctx.hasBillingCurrency() && ctx.isSimplifiedView() && !ctx.isFocusAreaAnalysis() && !ctx.isMetricAnalysis() ? 27 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, PlanSelectionContainerComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileAnalysisDashboardComponent, [{
         type: Component,
         args: [{
                 selector: 'symphiq-profile-analysis-dashboard',
                 standalone: true,
-                imports: [CommonModule, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent],
+                imports: [CommonModule, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, PlanSelectionContainerComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <div [ngClass]="getContainerClasses()" class="min-h-screen relative">
@@ -88810,7 +89803,7 @@ class SymphiqProfileAnalysisDashboardComponent {
         }
 
         <!-- Main Content -->
-        <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12">
+        <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12" [class.pb-32]="shouldShowStickyButton()">
 
           <!-- Welcome Banner (Simplified View Only) -->
           @if (isSimplifiedView()) {
@@ -88852,23 +89845,39 @@ class SymphiqProfileAnalysisDashboardComponent {
                 />
               } @else {
                 <!-- Subscription Value Proposition -->
-                <div class="mb-8">
-                  <symphiq-subscription-value-proposition-card
-                      [viewMode]="viewMode()"
-                  />
-                </div>
-
-                <!-- Currency Selection or Plan Placeholder -->
                 @if (!hasBillingCurrency()) {
+                  <div class="mb-8">
+                    <symphiq-subscription-value-proposition-card
+                        [viewMode]="viewMode()"
+                    />
+                  </div>
+
+                  <!-- Currency Selection -->
                   <symphiq-billing-currency-selector-card
                       [viewMode]="viewMode()"
                       [isLoading]="isCurrencySelectionLoading()"
                       (currencySelected)="handleCurrencySelection($event)"
                   />
+                } @else if (showPlanSelection()) {
+                  <!-- Plan Selection -->
+
+                  <div class="mb-32">
+                    <symphiq-plan-selection-container
+                        [viewMode]="viewMode()"
+                        [selectedCurrency]="account()?.billingCurrencyCode || CurrencyCodeEnum.USD"
+                        [planCardInfos]="planCardInfos()"
+                        [isLoading]="isPlanLoading()"
+                        [selectedPeriodUnit]="selectedPeriodUnit()"
+                        (periodUnitChanged)="handlePeriodUnitChange($event)"
+                        (planSelected)="handlePlanSelection($event)"
+                        (editCurrency)="editCurrencyClick.emit()"
+                    />
+                  </div>
                 } @else {
                   <symphiq-plan-selection-placeholder-card
                       [viewMode]="viewMode()"
                       [selectedCurrency]="account()?.billingCurrencyCode || CurrencyCodeEnum.USD"
+                      (editCurrency)="editCurrencyClick.emit()"
                   />
                 }
               }
@@ -89327,11 +90336,11 @@ class SymphiqProfileAnalysisDashboardComponent {
     }], () => [], { funnelModalComponent: [{
             type: ViewChild,
             args: [ModalComponent]
-        }], 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 }] }], 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 }] }], 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"] }], onWindowScroll: [{
+        }], 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 }] }], 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 }] }], 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"] }], 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: 668 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisDashboardComponent, { className: "SymphiqProfileAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-dashboard/symphiq-profile-analysis-dashboard.component.ts", lineNumber: 686 }); })();
 
 class ScrollProgressBarComponent {
     constructor() {