@eric-emg/symphiq-components 1.3.37 → 1.3.39

package/fesm2022/symphiq-components.mjs

@@ -4392,7 +4392,7 @@ class CompetitiveScoreService {
             }]
     }], null, null); })();
 
-const _forTrack0$1f = ($index, $item) => $item.category;
+const _forTrack0$1g = ($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);
@@ -4551,7 +4551,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$1f);
+    i0.ɵɵrepeaterCreate(46, CompetitivePositioningSummaryComponent_Conditional_1_For_47_Template, 15, 12, "div", 27, _forTrack0$1g);
     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()); });
@@ -4760,7 +4760,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$1f);
+    i0.ɵɵrepeaterCreate(35, CompetitivePositioningSummaryComponent_Conditional_2_For_36_Template, 12, 11, "div", 52, _forTrack0$1g);
     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()); });
@@ -9429,8 +9429,8 @@ class MetricCardComponent {
 const _c0$1h = () => [1, 2, 3];
 const _c1$J = (a0, a1, a2) => [a0, a1, a2];
 const _c2$t = (a0, a1) => [a0, a1];
-const _forTrack0$1e = ($index, $item) => $item.metric;
-const _forTrack1$e = ($index, $item) => $item.metric.dimensionValue;
+const _forTrack0$1f = ($index, $item) => $item.metric;
+const _forTrack1$d = ($index, $item) => $item.metric.dimensionValue;
 function BreakdownSectionComponent_Conditional_0_For_7_For_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
     i0.ɵɵelement(1, "symphiq-skeleton-loader", 3)(2, "symphiq-skeleton-loader", 3)(3, "symphiq-skeleton-loader", 3);
@@ -9570,7 +9570,7 @@ function BreakdownSectionComponent_Conditional_1_For_9_Conditional_8_For_2_Templ
 } }
 function BreakdownSectionComponent_Conditional_1_For_9_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 6);
-    i0.ɵɵrepeaterCreate(1, BreakdownSectionComponent_Conditional_1_For_9_Conditional_8_For_2_Template, 16, 23, "div", 31, _forTrack1$e);
+    i0.ɵɵrepeaterCreate(1, BreakdownSectionComponent_Conditional_1_For_9_Conditional_8_For_2_Template, 16, 23, "div", 31, _forTrack1$d);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const group_r5 = i0.ɵɵnextContext().$implicit;
@@ -9751,7 +9751,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$1e);
+    i0.ɵɵrepeaterCreate(8, BreakdownSectionComponent_Conditional_1_For_9_Template, 28, 18, "div", 13, _forTrack0$1f);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -11135,7 +11135,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: 108 }); })();
 
-const _forTrack0$1d = ($index, $item) => $item.id;
+const _forTrack0$1e = ($index, $item) => $item.id;
 function FunnelStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵnamespaceSVG();
@@ -11249,7 +11249,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$1d);
+    i0.ɵɵrepeaterCreate(1, FunnelStrengthsListModalContentComponent_Conditional_2_For_2_Template, 30, 22, "button", 7, _forTrack0$1e);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -11459,8 +11459,8 @@ 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$1c = ($index, $item) => $item.severity;
-const _forTrack1$d = ($index, $item) => $item.id;
+const _forTrack0$1d = ($index, $item) => $item.severity;
+const _forTrack1$c = ($index, $item) => $item.id;
 function FunnelWeaknessesListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵnamespaceSVG();
@@ -11619,7 +11619,7 @@ function FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_Template(
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "div", 10);
-    i0.ɵɵrepeaterCreate(7, FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_For_8_Template, 39, 25, "button", 11, _forTrack1$d);
+    i0.ɵɵrepeaterCreate(7, FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_For_8_Template, 39, 25, "button", 11, _forTrack1$c);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const severityGroup_r4 = ctx.$implicit;
@@ -11638,7 +11638,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$1c);
+    i0.ɵɵrepeaterCreate(1, FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_Template, 9, 7, "div", null, _forTrack0$1d);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -13413,7 +13413,7 @@ class ProfileItemLookupService {
     }], null, null); })();
 
 const _c0$1e = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$1b = ($index, $item) => $item.id;
+const _forTrack0$1c = ($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);
@@ -13434,7 +13434,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$1b);
+    i0.ɵɵrepeaterCreate(1, RelatedAreaChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$1c);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -13659,7 +13659,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$1a = ($index, $item) => $item.id;
+const _forTrack0$1b = ($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);
@@ -13742,7 +13742,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$1a);
+    i0.ɵɵrepeaterCreate(11, CompetitorContextSectionComponent_Conditional_0_For_12_Template, 10, 6, "button", 7, _forTrack0$1b);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -13933,7 +13933,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$1c = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$19 = ($index, $item) => $item.id;
+const _forTrack0$1a = ($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);
@@ -13976,7 +13976,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$19);
+    i0.ɵɵrepeaterCreate(2, RelatedRecommendationChipsComponent_Conditional_0_For_3_Template, 5, 6, "button", 2, _forTrack0$1a);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(4, RelatedRecommendationChipsComponent_Conditional_0_Conditional_4_Template, 5, 4, "button", 3);
     i0.ɵɵelementEnd();
@@ -14432,7 +14432,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$18 = ($index, $item) => $item.order;
+const _forTrack0$19 = ($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);
@@ -14785,7 +14785,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$18);
+    i0.ɵɵrepeaterCreate(1, RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6_For_2_Template, 13, 9, "div", 41, _forTrack0$19);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -15623,7 +15623,7 @@ const ModalComponent_Conditional_0_Conditional_16_Conditional_4_Defer_2_DepsFn =
 const ModalComponent_Conditional_0_Conditional_16_Conditional_5_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent)];
 const ModalComponent_Conditional_0_Conditional_16_Conditional_6_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return pieChart_component; }).then(m => m.PieChartComponent)];
 const ModalComponent_Conditional_0_Conditional_16_Conditional_7_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
-const _forTrack0$17 = ($index, $item) => $item.id || $index;
+const _forTrack0$18 = ($index, $item) => $item.id || $index;
 function ModalComponent_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 10);
@@ -16008,7 +16008,7 @@ function ModalComponent_Conditional_0_Conditional_19_For_3_Template(rf, ctx) { i
 function ModalComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 19);
     i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_19_Conditional_1_Template, 2, 2, "p", 54);
-    i0.ɵɵrepeaterCreate(2, ModalComponent_Conditional_0_Conditional_19_For_3_Template, 2, 5, "div", null, _forTrack0$17);
+    i0.ɵɵrepeaterCreate(2, ModalComponent_Conditional_0_Conditional_19_For_3_Template, 2, 5, "div", null, _forTrack0$18);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -20304,7 +20304,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$16 = ($index, $item) => $item.metric.name;
+const _forTrack0$17 = ($index, $item) => $item.metric.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);
@@ -20348,7 +20348,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$16);
+    i0.ɵɵrepeaterCreate(5, CompetitiveStatusTooltipComponent_Conditional_6_For_6_Template, 13, 12, "div", 6, _forTrack0$17);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -20607,7 +20607,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$15 = ($index, $item) => $item.name;
+const _forTrack0$16 = ($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);
@@ -20647,7 +20647,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$15);
+    i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_8_For_7_Template, 11, 9, "div", 9, _forTrack0$16);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -20697,7 +20697,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$15);
+    i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_9_For_7_Template, 11, 9, "div", 9, _forTrack0$16);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -20747,7 +20747,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$15);
+    i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_10_For_7_Template, 11, 9, "div", 9, _forTrack0$16);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -22035,7 +22035,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$14 = ($index, $item) => $item.id;
+const _forTrack0$15 = ($index, $item) => $item.id;
 function MobileBottomNavComponent_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 3);
@@ -22093,7 +22093,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$14);
+            i0.ɵɵrepeaterCreate(2, MobileBottomNavComponent_For_3_Template, 4, 3, "button", 2, _forTrack0$15);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClass());
@@ -22298,7 +22298,7 @@ class SearchService {
     }], null, null); })();
 
 const _c0$1a = ["searchInput"];
-const _forTrack0$13 = ($index, $item) => $item.id;
+const _forTrack0$14 = ($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);
@@ -22391,7 +22391,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$13);
+    i0.ɵɵrepeaterCreate(1, SearchBarComponent_Conditional_0_Conditional_14_For_2_Template, 16, 12, "button", 19, _forTrack0$14);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -22882,8 +22882,8 @@ 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$12 = ($index, $item) => $item.value;
-const _forTrack1$c = ($index, $item) => $item.performanceItemId;
+const _forTrack0$13 = ($index, $item) => $item.value;
+const _forTrack1$b = ($index, $item) => $item.performanceItemId;
 function CompetitiveScorecardComponent_For_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
     i0.ɵɵelement(1, "div", 15);
@@ -23257,7 +23257,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$12);
+            i0.ɵɵrepeaterCreate(11, CompetitiveScorecardComponent_For_12_Template, 4, 7, "div", 7, _forTrack0$13);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(13, "div", 8)(14, "table", 9)(15, "thead")(16, "tr", 10)(17, "th", 11);
             i0.ɵɵtext(18, "Metric");
@@ -23273,7 +23273,7 @@ class CompetitiveScorecardComponent {
             i0.ɵɵelement(25, "th", 11);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(26, "tbody");
-            i0.ɵɵrepeaterCreate(27, CompetitiveScorecardComponent_For_28_Template, 21, 26, "tr", 13, _forTrack1$c);
+            i0.ɵɵrepeaterCreate(27, CompetitiveScorecardComponent_For_28_Template, 21, 26, "tr", 13, _forTrack1$b);
             i0.ɵɵelementEnd()()();
             i0.ɵɵconditionalCreate(29, CompetitiveScorecardComponent_Conditional_29_Template, 5, 2, "div", 14);
             i0.ɵɵelementEnd();
@@ -23890,7 +23890,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$11 = ($index, $item) => $item.id;
+const _forTrack0$12 = ($index, $item) => $item.id;
 function FloatingTocComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelement(0, "path", 8);
@@ -23942,7 +23942,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$11);
+    i0.ɵɵrepeaterCreate(1, FloatingTocComponent_For_19_Conditional_7_For_2_Template, 4, 4, "button", 19, _forTrack0$12);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r2 = i0.ɵɵnextContext().$implicit;
@@ -24332,7 +24332,7 @@ class FloatingTocComponent {
             i0.ɵɵelementEnd()()();
             i0.ɵɵnamespaceHTML();
             i0.ɵɵelementStart(17, "nav", 9);
-            i0.ɵɵrepeaterCreate(18, FloatingTocComponent_For_19_Template, 8, 6, "div", 10, _forTrack0$11);
+            i0.ɵɵrepeaterCreate(18, FloatingTocComponent_For_19_Template, 8, 6, "div", 10, _forTrack0$12);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(20, "div", 11)(21, "button", 7);
             i0.ɵɵlistener("click", function FloatingTocComponent_Template_button_click_21_listener() { return ctx.scrollToTop(); });
@@ -24486,7 +24486,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$10 = ($index, $item) => $item.id;
+const _forTrack0$11 = ($index, $item) => $item.id;
 function JourneyProgressIndicatorComponent_For_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "svg", 22);
@@ -24719,7 +24719,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$10);
+    i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_Conditional_23_For_5_Template, 14, 8, "div", 45, _forTrack0$11);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -25169,7 +25169,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: 14, consts: [[1, "sticky", "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$10);
+            i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_For_5_Template, 10, 10, null, null, _forTrack0$11);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(6, JourneyProgressIndicatorComponent_Conditional_6_Template, 3, 11, "button", 4);
             i0.ɵɵelementEnd();
@@ -26510,7 +26510,7 @@ class ContinueYourJourneyComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], colorScheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorScheme", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], onboardedTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "onboardedTitle", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], onboardedDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "onboardedDescription", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContinueYourJourneyComponent, { className: "ContinueYourJourneyComponent", filePath: "lib/components/shared/continue-your-journey.component.ts", lineNumber: 32 }); })();
 
-const _forTrack0$$ = ($index, $item) => $item.title;
+const _forTrack0$10 = ($index, $item) => $item.title;
 function WhatYoullSeeBelowComponent_For_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "li", 6);
     i0.ɵɵnamespaceSVG();
@@ -26581,7 +26581,7 @@ class WhatYoullSeeBelowComponent {
             i0.ɵɵtext(5, " What You'll See Below ");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(6, "ul", 5);
-            i0.ɵɵrepeaterCreate(7, WhatYoullSeeBelowComponent_For_8_Template, 7, 2, "li", 6, _forTrack0$$);
+            i0.ɵɵrepeaterCreate(7, WhatYoullSeeBelowComponent_For_8_Template, 7, 2, "li", 6, _forTrack0$10);
             i0.ɵɵconditionalCreate(9, WhatYoullSeeBelowComponent_Conditional_9_Template, 7, 2, "li", 6);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
@@ -27805,7 +27805,7 @@ class ViewModeSwitcherModalComponent {
 const _c0$18 = a0 => ({ name: "check-badge", source: a0 });
 const _c1$H = a0 => ({ name: "check-circle", source: a0 });
 const _c2$s = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$_ = ($index, $item) => $item.area;
+const _forTrack0$$ = ($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);
@@ -27874,7 +27874,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$_);
+    i0.ɵɵrepeaterCreate(1, KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$$);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -28038,7 +28038,7 @@ const _c0$17 = a0 => ({ name: "shield-check", source: a0 });
 const _c1$G = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c2$r = a0 => ({ name: "document-text", source: a0 });
 const _c3$k = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$Z = ($index, $item) => $item.area;
+const _forTrack0$_ = ($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);
@@ -28123,7 +28123,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$Z);
+    i0.ɵɵrepeaterCreate(1, CriticalGapsListModalContentComponent_Conditional_2_For_2_Template, 23, 25, "button", 6, _forTrack0$_);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -28352,7 +28352,7 @@ class CriticalGapsListModalContentComponent {
 
 const _c0$16 = a0 => ({ name: "check-circle", source: a0 });
 const _c1$F = a0 => ({ name: "chat-bubble-left-right", source: a0 });
-const _forTrack0$Y = ($index, $item) => $item.questionId;
+const _forTrack0$Z = ($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);
@@ -28399,7 +28399,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$Y);
+    i0.ɵɵrepeaterCreate(5, KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Template, 9, 10, "div", 13, _forTrack0$Z);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -28594,7 +28594,7 @@ class KeyStrengthDetailModalContentComponent {
 const _c0$15 = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c1$E = a0 => ({ name: "document-text", source: a0 });
 const _c2$q = a0 => ({ name: "chat-bubble-left-right", source: a0 });
-const _forTrack0$X = ($index, $item) => $item.questionId;
+const _forTrack0$Y = ($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: ");
@@ -28662,7 +28662,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$X);
+    i0.ɵɵrepeaterCreate(5, CriticalGapDetailModalContentComponent_Conditional_20_For_6_Template, 10, 11, "div", 18, _forTrack0$Y);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -29589,40 +29589,104 @@ class NapkinVisualPlaceholderComponent {
     }], null, { visual: [{ type: i0.Input, args: [{ isSignal: true, alias: "visual", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NapkinVisualPlaceholderComponent, { className: "NapkinVisualPlaceholderComponent", filePath: "lib/components/business-analysis-dashboard/napkin-visual-placeholder.component.ts", lineNumber: 80 }); })();
 
-function GoalDetailModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 2);
+function ExpectedImpactSectionComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(0, "svg", 2);
+    i0.ɵɵelement(1, "path", 4);
+    i0.ɵɵelementEnd();
+} }
+function ExpectedImpactSectionComponent_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 3);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.descriptionClasses());
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.goal().description, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.impactStatement(), " ");
 } }
-function GoalDetailModalContentComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 18);
+function ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 9);
+    i0.ɵɵtext(2, "Revenue");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 10);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.impactCardClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("visual", ctx_r0.goal().visual)("viewMode", ctx_r0.viewMode());
+    i0.ɵɵproperty("ngClass", ctx_r0.impactLabelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.impactValueClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.expectedImpact().revenueImpact);
+} }
+function ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 9);
+    i0.ɵɵtext(2, "Conversion");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 10);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.impactCardClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.impactLabelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.impactValueClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.expectedImpact().conversionImpact);
+} }
+function ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 9);
+    i0.ɵɵtext(2, "Customer Satisfaction");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 10);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.impactCardClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.impactLabelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.impactValueClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.expectedImpact().customerSatisfactionImpact);
+} }
+function ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵconditionalCreate(1, ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_0_Conditional_1_Template, 5, 4, "div", 8);
+    i0.ɵɵconditionalCreate(2, ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_0_Conditional_2_Template, 5, 4, "div", 8);
+    i0.ɵɵconditionalCreate(3, ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_0_Conditional_3_Template, 5, 4, "div", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("mt-4", ctx_r0.impactStatement());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.expectedImpact().revenueImpact ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.expectedImpact().conversionImpact ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.expectedImpact().customerSatisfactionImpact ? 3 : -1);
 } }
-function GoalDetailModalContentComponent_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
+function ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 12);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 23);
-    i0.ɵɵelement(3, "path", 24);
+    i0.ɵɵelementStart(2, "svg", 13);
+    i0.ɵɵelement(3, "path", 14);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(4, "div")(5, "p", 25);
+    i0.ɵɵelementStart(4, "div")(5, "p", 15);
     i0.ɵɵtext(6, "Revenue");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "p", 26);
+    i0.ɵɵelementStart(7, "p", 10);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.impactIconBgClasses());
     i0.ɵɵadvance();
@@ -29632,23 +29696,23 @@ function GoalDetailModalContentComponent_Conditional_18_Conditional_4_Template(r
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.impactValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.goal().expectedImpact.revenueImpact);
+    i0.ɵɵtextInterpolate(ctx_r0.expectedImpact().revenueImpact);
 } }
-function GoalDetailModalContentComponent_Conditional_18_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
+function ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 12);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 23);
-    i0.ɵɵelement(3, "path", 27);
+    i0.ɵɵelementStart(2, "svg", 13);
+    i0.ɵɵelement(3, "path", 4);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(4, "div")(5, "p", 25);
+    i0.ɵɵelementStart(4, "div")(5, "p", 15);
     i0.ɵɵtext(6, "Conversion");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "p", 28);
+    i0.ɵɵelementStart(7, "p", 16);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.impactIconBgClasses());
     i0.ɵɵadvance();
@@ -29658,23 +29722,23 @@ function GoalDetailModalContentComponent_Conditional_18_Conditional_5_Template(r
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.impactValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.goal().expectedImpact.conversionImpact);
+    i0.ɵɵtextInterpolate(ctx_r0.expectedImpact().conversionImpact);
 } }
-function GoalDetailModalContentComponent_Conditional_18_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
+function ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 12);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 23);
-    i0.ɵɵelement(3, "path", 29);
+    i0.ɵɵelementStart(2, "svg", 13);
+    i0.ɵɵelement(3, "path", 17);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(4, "div")(5, "p", 25);
+    i0.ɵɵelementStart(4, "div")(5, "p", 15);
     i0.ɵɵtext(6, "Customer Satisfaction");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "p", 28);
+    i0.ɵɵelementStart(7, "p", 16);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.impactIconBgClasses());
     i0.ɵɵadvance();
@@ -29684,53 +29748,67 @@ function GoalDetailModalContentComponent_Conditional_18_Conditional_6_Template(r
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.impactValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.goal().expectedImpact.customerSatisfactionImpact);
+    i0.ɵɵtextInterpolate(ctx_r0.expectedImpact().customerSatisfactionImpact);
 } }
-function GoalDetailModalContentComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16)(1, "h4", 19);
-    i0.ɵɵtext(2, "Expected Impact");
+function ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵconditionalCreate(1, ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_1_Conditional_1_Template, 9, 5, "div", 11);
+    i0.ɵɵconditionalCreate(2, ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_1_Conditional_2_Template, 9, 5, "div", 11);
+    i0.ɵɵconditionalCreate(3, ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_1_Conditional_3_Template, 9, 5, "div", 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.expectedImpact().revenueImpact ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.expectedImpact().conversionImpact ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.expectedImpact().customerSatisfactionImpact ? 3 : -1);
+} }
+function ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_0_Template, 4, 5, "div", 5)(1, ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Conditional_1_Template, 4, 3, "div", 6);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r0.layout() === "grid" ? 0 : 1);
+} }
+function ExpectedImpactSectionComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0)(1, "h4", 1);
+    i0.ɵɵconditionalCreate(2, ExpectedImpactSectionComponent_Conditional_0_Conditional_2_Template, 2, 0, ":svg:svg", 2);
+    i0.ɵɵtext(3, " Expected Impact ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, ExpectedImpactSectionComponent_Conditional_0_Conditional_4_Template, 2, 2, "p", 3);
+    i0.ɵɵconditionalCreate(5, ExpectedImpactSectionComponent_Conditional_0_Conditional_5_Template, 2, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 20);
-    i0.ɵɵconditionalCreate(4, GoalDetailModalContentComponent_Conditional_18_Conditional_4_Template, 9, 5, "div", 21);
-    i0.ɵɵconditionalCreate(5, GoalDetailModalContentComponent_Conditional_18_Conditional_5_Template, 9, 5, "div", 21);
-    i0.ɵɵconditionalCreate(6, GoalDetailModalContentComponent_Conditional_18_Conditional_6_Template, 9, 5, "div", 21);
-    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r0.goal().expectedImpact.revenueImpact ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.goal().expectedImpact.conversionImpact ? 5 : -1);
+    i0.ɵɵconditional(ctx_r0.showTitleIcon() ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.impactStatement() ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.goal().expectedImpact.customerSatisfactionImpact ? 6 : -1);
+    i0.ɵɵconditional(ctx_r0.expectedImpact() ? 5 : -1);
 } }
-class GoalDetailModalContentComponent {
+class ExpectedImpactSectionComponent {
     constructor() {
-        this.goal = input.required(...(ngDevMode ? [{ debugName: "goal" }] : []));
+        this.expectedImpact = input(...(ngDevMode ? [undefined, { debugName: "expectedImpact" }] : []));
+        this.impactStatement = input(...(ngDevMode ? [undefined, { debugName: "impactStatement" }] : []));
         this.viewMode = input.required(...(ngDevMode ? [{ debugName: "viewMode" }] : []));
-        this.allInsights = input([], ...(ngDevMode ? [{ debugName: "allInsights" }] : []));
-        this.allMetrics = input([], ...(ngDevMode ? [{ debugName: "allMetrics" }] : []));
-        this.allBusinessInsights = input([], ...(ngDevMode ? [{ debugName: "allBusinessInsights" }] : []));
-        this.allCharts = input([], ...(ngDevMode ? [{ debugName: "allCharts" }] : []));
-        this.showObjectives = output();
-        this.crossDashboardService = inject(CrossDashboardRelationshipsService);
-        this.modalService = inject(ModalService);
+        this.layout = input('vertical', ...(ngDevMode ? [{ debugName: "layout" }] : []));
+        this.showTitleIcon = input(false, ...(ngDevMode ? [{ debugName: "showTitleIcon" }] : []));
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
-        this.relatedContent = computed(() => {
-            const goal = this.goal();
-            const insights = this.allInsights();
-            const metrics = this.allMetrics();
-            const businessInsights = this.allBusinessInsights();
-            return this.crossDashboardService.getRelatedContentForGoal(goal, insights, metrics, businessInsights);
-        }, ...(ngDevMode ? [{ debugName: "relatedContent" }] : []));
-        this.descriptionClasses = computed(() => {
+        this.textClasses = computed(() => {
             return this.isLightMode()
                 ? 'text-slate-700'
                 : 'text-slate-300';
-        }, ...(ngDevMode ? [{ debugName: "descriptionClasses" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "textClasses" }] : []));
+        this.impactCardClasses = computed(() => {
+            return this.isLightMode()
+                ? 'bg-white border border-slate-200'
+                : 'bg-slate-700/50 border border-slate-600';
+        }, ...(ngDevMode ? [{ debugName: "impactCardClasses" }] : []));
         this.sectionClasses = computed(() => {
             return this.isLightMode()
                 ? 'bg-slate-50 border border-slate-200'
@@ -29761,182 +29839,62 @@ class GoalDetailModalContentComponent {
                 ? 'text-slate-900'
                 : 'text-white';
         }, ...(ngDevMode ? [{ debugName: "impactValueClasses" }] : []));
-        this.buttonClasses = computed(() => {
-            return this.isLightMode()
-                ? 'bg-white border-slate-200 hover:border-blue-500/50 hover:bg-slate-50'
-                : 'bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50';
-        }, ...(ngDevMode ? [{ debugName: "buttonClasses" }] : []));
-        this.buttonIconBgClasses = computed(() => {
-            return this.isLightMode()
-                ? 'bg-green-100'
-                : 'bg-green-900/30';
-        }, ...(ngDevMode ? [{ debugName: "buttonIconBgClasses" }] : []));
-        this.buttonIconClasses = computed(() => {
-            return this.isLightMode()
-                ? 'text-green-600'
-                : 'text-green-400';
-        }, ...(ngDevMode ? [{ debugName: "buttonIconClasses" }] : []));
-        this.buttonLabelClasses = computed(() => {
-            return this.isLightMode()
-                ? 'text-slate-900'
-                : 'text-white';
-        }, ...(ngDevMode ? [{ debugName: "buttonLabelClasses" }] : []));
-        this.buttonSubLabelClasses = computed(() => {
-            return this.isLightMode()
-                ? 'text-slate-600'
-                : 'text-slate-400';
-        }, ...(ngDevMode ? [{ debugName: "buttonSubLabelClasses" }] : []));
-        this.buttonChevronClasses = computed(() => {
-            return this.isLightMode()
-                ? 'text-slate-400 group-hover:text-blue-600'
-                : 'text-slate-500 group-hover:text-blue-400';
-        }, ...(ngDevMode ? [{ debugName: "buttonChevronClasses" }] : []));
-    }
-    onShowObjectivesClick() {
-        this.showObjectives.emit();
-    }
-    onFunnelInsightsClick() {
-        const goal = this.goal();
-        const content = this.relatedContent();
-        const insights = content?.funnelAnalysis?.insights || [];
-        const charts = this.allCharts();
-        if (insights.length > 0) {
-            const currentState = this.modalService['modalState'].value;
-            this.modalService.openGoalInsightsListModal(insights, [], charts, { title: goal.title || 'Goal', description: goal.description || '', icon: 'goal' }, currentState);
-        }
     }
-    onFunnelMetricsClick() {
-        const goal = this.goal();
-        const content = this.relatedContent();
-        const metrics = content?.funnelAnalysis?.metrics || [];
-        const charts = this.allCharts();
-        if (metrics.length > 0) {
-            const currentState = this.modalService['modalState'].value;
-            this.modalService.openGoalMetricsListModal(metrics, charts, { title: goal.title || 'Goal', description: goal.description || '', icon: 'goal' }, currentState);
-        }
-    }
-    onBusinessInsightsClick() {
-        const goal = this.goal();
-        const content = this.relatedContent();
-        const businessInsights = (content?.businessAnalysis?.insights || []);
-        if (businessInsights.length > 0) {
-            const currentState = this.modalService['modalState'].value;
-            this.modalService.openGoalBusinessInsightsListModal(businessInsights, { title: goal.title || 'Goal', description: goal.description || '', icon: 'goal' }, this.viewMode(), currentState);
-        }
-    }
-    static { this.ɵfac = function GoalDetailModalContentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoalDetailModalContentComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GoalDetailModalContentComponent, selectors: [["symphiq-goal-detail-modal-content"]], inputs: { goal: [1, "goal"], viewMode: [1, "viewMode"], allInsights: [1, "allInsights"], allMetrics: [1, "allMetrics"], allBusinessInsights: [1, "allBusinessInsights"], allCharts: [1, "allCharts"] }, outputs: { showObjectives: "showObjectives" }, decls: 20, vars: 11, consts: [[1, "flex", "flex-col", "lg:flex-row", "gap-6"], [1, "flex-1"], [1, "text-sm", "mb-6", "leading-relaxed", 3, "ngClass"], [1, "mb-6"], ["type", "button", 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", "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, "text-left"], [1, "text-sm", "font-semibold", 3, "ngClass"], [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"], [1, "lg:w-80", "flex-shrink-0", "space-y-6"], [1, "p-5", "rounded-lg", 3, "ngClass"], [3, "funnelInsightsClicked", "funnelMetricsClicked", "businessInsightsClicked", "relatedContent", "viewMode"], [3, "visual", "viewMode"], [1, "text-sm", "font-semibold", "mb-4", 3, "ngClass"], [1, "space-y-3"], [1, "flex", "items-start", "gap-3"], [1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "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, "text-xs", "font-medium", 3, "ngClass"], [1, "text-sm", "font-bold", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], [1, "text-sm", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"]], template: function GoalDetailModalContentComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
-            i0.ɵɵconditionalCreate(2, GoalDetailModalContentComponent_Conditional_2_Template, 2, 2, "p", 2);
-            i0.ɵɵconditionalCreate(3, GoalDetailModalContentComponent_Conditional_3_Template, 2, 2, "div", 3);
-            i0.ɵɵelementStart(4, "button", 4);
-            i0.ɵɵlistener("click", function GoalDetailModalContentComponent_Template_button_click_4_listener() { return ctx.onShowObjectivesClick(); });
-            i0.ɵɵelementStart(5, "div", 5)(6, "div", 6)(7, "div", 7);
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(8, "svg", 8);
-            i0.ɵɵelement(9, "path", 9);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(10, "div", 10)(11, "div", 11);
-            i0.ɵɵtext(12, "Show Objectives");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "div", 12);
-            i0.ɵɵtext(14, "View goal objectives");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(15, "svg", 13);
-            i0.ɵɵelement(16, "path", 14);
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(17, "div", 15);
-            i0.ɵɵconditionalCreate(18, GoalDetailModalContentComponent_Conditional_18_Template, 7, 5, "div", 16);
-            i0.ɵɵelementStart(19, "symphiq-related-content-sidebar", 17);
-            i0.ɵɵlistener("funnelInsightsClicked", function GoalDetailModalContentComponent_Template_symphiq_related_content_sidebar_funnelInsightsClicked_19_listener() { return ctx.onFunnelInsightsClick(); })("funnelMetricsClicked", function GoalDetailModalContentComponent_Template_symphiq_related_content_sidebar_funnelMetricsClicked_19_listener() { return ctx.onFunnelMetricsClick(); })("businessInsightsClicked", function GoalDetailModalContentComponent_Template_symphiq_related_content_sidebar_businessInsightsClicked_19_listener() { return ctx.onBusinessInsightsClick(); });
-            i0.ɵɵelementEnd()()();
+    static { this.ɵfac = function ExpectedImpactSectionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExpectedImpactSectionComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExpectedImpactSectionComponent, selectors: [["symphiq-expected-impact-section"]], inputs: { expectedImpact: [1, "expectedImpact"], impactStatement: [1, "impactStatement"], viewMode: [1, "viewMode"], layout: [1, "layout"], showTitleIcon: [1, "showTitleIcon"] }, decls: 1, vars: 1, consts: [[1, "p-5", "rounded-lg", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-4", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], [1, "grid", "grid-cols-1", "sm:grid-cols-3", "gap-4", 3, "mt-4"], [1, "space-y-3"], [1, "grid", "grid-cols-1", "sm:grid-cols-3", "gap-4"], [1, "p-3", "rounded-lg", 3, "ngClass"], [1, "text-xs", "font-medium", "mb-1", 3, "ngClass"], [1, "text-sm", "font-bold", 3, "ngClass"], [1, "flex", "items-start", "gap-3"], [1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "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, "text-xs", "font-medium", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"]], template: function ExpectedImpactSectionComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, ExpectedImpactSectionComponent_Conditional_0_Template, 6, 5, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.goal().description ? 2 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.goal().visual ? 3 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.buttonClasses());
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", ctx.buttonIconBgClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.buttonIconClasses());
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", ctx.buttonLabelClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.buttonSubLabelClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.buttonChevronClasses());
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.goal().expectedImpact ? 18 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("relatedContent", ctx.relatedContent())("viewMode", ctx.viewMode());
-        } }, dependencies: [CommonModule, i1$1.NgClass, RelatedContentSidebarComponent, NapkinVisualPlaceholderComponent], encapsulation: 2, changeDetection: 0 }); }
+            i0.ɵɵconditional(ctx.expectedImpact() || ctx.impactStatement() ? 0 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoalDetailModalContentComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExpectedImpactSectionComponent, [{
         type: Component,
         args: [{
-                selector: 'symphiq-goal-detail-modal-content',
+                selector: 'symphiq-expected-impact-section',
                 standalone: true,
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                imports: [CommonModule, RelatedContentSidebarComponent, NapkinVisualPlaceholderComponent],
+                imports: [CommonModule],
                 template: `
-    <div class="flex flex-col lg:flex-row gap-6">
-      <!-- Main Content -->
-      <div class="flex-1">
-        <!-- Goal Description -->
-        @if (goal().description) {
-          <p [ngClass]="descriptionClasses()" class="text-sm mb-6 leading-relaxed">
-            {{ goal()!.description }}
+    @if (expectedImpact() || impactStatement()) {
+      <div [ngClass]="sectionClasses()" class="p-5 rounded-lg">
+        <h4 [ngClass]="sectionTitleClasses()" class="text-sm font-semibold mb-4 flex items-center gap-2">
+          @if (showTitleIcon()) {
+            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/>
+            </svg>
+          }
+          Expected Impact
+        </h4>
+        @if (impactStatement()) {
+          <p [ngClass]="textClasses()" class="text-sm leading-relaxed">
+            {{ impactStatement() }}
           </p>
         }
-
-        <!-- Napkin Visual -->
-        @if (goal().visual) {
-          <div class="mb-6">
-            <symphiq-napkin-visual-placeholder
-              [visual]="goal()!.visual"
-              [viewMode]="viewMode()"
-            />
-          </div>
-        }
-
-        <!-- Objectives Button -->
-        <button
-          type="button"
-          (click)="onShowObjectivesClick()"
-          [ngClass]="buttonClasses()"
-          class="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">
-          <div class="flex items-center justify-between">
-            <div class="flex items-center gap-3">
-              <div [ngClass]="buttonIconBgClasses()" class="w-10 h-10 rounded-lg flex items-center justify-center">
-                <svg class="w-5 h-5" [ngClass]="buttonIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path 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"/>
-                </svg>
-              </div>
-              <div class="text-left">
-                <div [ngClass]="buttonLabelClasses()" class="text-sm font-semibold">Show Objectives</div>
-                <div [ngClass]="buttonSubLabelClasses()" class="text-xs">View goal objectives</div>
-              </div>
+        @if (expectedImpact()) {
+          @if (layout() === 'grid') {
+            <div class="grid grid-cols-1 sm:grid-cols-3 gap-4" [class.mt-4]="impactStatement()">
+              @if (expectedImpact()!.revenueImpact) {
+                <div [ngClass]="impactCardClasses()" class="p-3 rounded-lg">
+                  <div [ngClass]="impactLabelClasses()" class="text-xs font-medium mb-1">Revenue</div>
+                  <div [ngClass]="impactValueClasses()" class="text-sm font-bold">{{ expectedImpact()!.revenueImpact }}</div>
+                </div>
+              }
+              @if (expectedImpact()!.conversionImpact) {
+                <div [ngClass]="impactCardClasses()" class="p-3 rounded-lg">
+                  <div [ngClass]="impactLabelClasses()" class="text-xs font-medium mb-1">Conversion</div>
+                  <div [ngClass]="impactValueClasses()" class="text-sm font-bold">{{ expectedImpact()!.conversionImpact }}</div>
+                </div>
+              }
+              @if (expectedImpact()!.customerSatisfactionImpact) {
+                <div [ngClass]="impactCardClasses()" class="p-3 rounded-lg">
+                  <div [ngClass]="impactLabelClasses()" class="text-xs font-medium mb-1">Customer Satisfaction</div>
+                  <div [ngClass]="impactValueClasses()" class="text-sm font-bold">{{ expectedImpact()!.customerSatisfactionImpact }}</div>
+                </div>
+              }
             </div>
-            <svg [ngClass]="buttonChevronClasses()" class="w-5 h-5 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
-            </svg>
-          </div>
-        </button>
-      </div>
-
-      <!-- Right Sidebar -->
-      <div class="lg:w-80 flex-shrink-0 space-y-6">
-        <!-- Expected Impact Section -->
-        @if (goal().expectedImpact) {
-          <div [ngClass]="sectionClasses()" class="p-5 rounded-lg">
-            <h4 [ngClass]="sectionTitleClasses()" class="text-sm font-semibold mb-4">Expected Impact</h4>
+          } @else {
             <div class="space-y-3">
-              @if (goal()!.expectedImpact!.revenueImpact) {
+              @if (expectedImpact()!.revenueImpact) {
                 <div class="flex items-start gap-3">
                   <div [ngClass]="impactIconBgClasses()" class="w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0">
                     <svg class="w-4 h-4" [ngClass]="impactIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -29945,11 +29903,11 @@ class GoalDetailModalContentComponent {
                   </div>
                   <div>
                     <p [ngClass]="impactLabelClasses()" class="text-xs font-medium">Revenue</p>
-                    <p [ngClass]="impactValueClasses()" class="text-sm font-bold">{{ goal()!.expectedImpact!.revenueImpact }}</p>
+                    <p [ngClass]="impactValueClasses()" class="text-sm font-bold">{{ expectedImpact()!.revenueImpact }}</p>
                   </div>
                 </div>
               }
-              @if (goal()!.expectedImpact!.conversionImpact) {
+              @if (expectedImpact()!.conversionImpact) {
                 <div class="flex items-start gap-3">
                   <div [ngClass]="impactIconBgClasses()" class="w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0">
                     <svg class="w-4 h-4" [ngClass]="impactIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -29958,11 +29916,11 @@ class GoalDetailModalContentComponent {
                   </div>
                   <div>
                     <p [ngClass]="impactLabelClasses()" class="text-xs font-medium">Conversion</p>
-                    <p [ngClass]="impactValueClasses()" class="text-sm">{{ goal()!.expectedImpact!.conversionImpact }}</p>
+                    <p [ngClass]="impactValueClasses()" class="text-sm">{{ expectedImpact()!.conversionImpact }}</p>
                   </div>
                 </div>
               }
-              @if (goal()!.expectedImpact!.customerSatisfactionImpact) {
+              @if (expectedImpact()!.customerSatisfactionImpact) {
                 <div class="flex items-start gap-3">
                   <div [ngClass]="impactIconBgClasses()" class="w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0">
                     <svg class="w-4 h-4" [ngClass]="impactIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -29971,14 +29929,276 @@ class GoalDetailModalContentComponent {
                   </div>
                   <div>
                     <p [ngClass]="impactLabelClasses()" class="text-xs font-medium">Customer Satisfaction</p>
-                    <p [ngClass]="impactValueClasses()" class="text-sm">{{ goal()!.expectedImpact!.customerSatisfactionImpact }}</p>
+                    <p [ngClass]="impactValueClasses()" class="text-sm">{{ expectedImpact()!.customerSatisfactionImpact }}</p>
                   </div>
                 </div>
               }
             </div>
+          }
+        }
+      </div>
+    }
+  `
+            }]
+    }], null, { expectedImpact: [{ type: i0.Input, args: [{ isSignal: true, alias: "expectedImpact", required: false }] }], impactStatement: [{ type: i0.Input, args: [{ isSignal: true, alias: "impactStatement", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: true }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], showTitleIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTitleIcon", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExpectedImpactSectionComponent, { className: "ExpectedImpactSectionComponent", filePath: "lib/components/shared/expected-impact-section.component.ts", lineNumber: 98 }); })();
+
+class ShowObjectivesButtonComponent {
+    constructor() {
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.label = input('Show Objectives', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.subLabel = input('View goal objectives', ...(ngDevMode ? [{ debugName: "subLabel" }] : []));
+        this.buttonClick = output();
+        this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
+        this.buttonClasses = computed(() => {
+            return this.isLightMode()
+                ? 'bg-white border-slate-200 hover:border-blue-500/50 hover:bg-slate-50'
+                : 'bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50';
+        }, ...(ngDevMode ? [{ debugName: "buttonClasses" }] : []));
+        this.buttonIconBgClasses = computed(() => {
+            return this.isLightMode()
+                ? 'bg-green-100'
+                : 'bg-green-900/30';
+        }, ...(ngDevMode ? [{ debugName: "buttonIconBgClasses" }] : []));
+        this.buttonIconClasses = computed(() => {
+            return this.isLightMode()
+                ? 'text-green-600'
+                : 'text-green-400';
+        }, ...(ngDevMode ? [{ debugName: "buttonIconClasses" }] : []));
+        this.buttonLabelClasses = computed(() => {
+            return this.isLightMode()
+                ? 'text-slate-900'
+                : 'text-white';
+        }, ...(ngDevMode ? [{ debugName: "buttonLabelClasses" }] : []));
+        this.buttonSubLabelClasses = computed(() => {
+            return this.isLightMode()
+                ? 'text-slate-600'
+                : 'text-slate-400';
+        }, ...(ngDevMode ? [{ debugName: "buttonSubLabelClasses" }] : []));
+        this.buttonChevronClasses = computed(() => {
+            return this.isLightMode()
+                ? 'text-slate-400 group-hover:text-blue-600'
+                : 'text-slate-500 group-hover:text-blue-400';
+        }, ...(ngDevMode ? [{ debugName: "buttonChevronClasses" }] : []));
+    }
+    static { this.ɵfac = function ShowObjectivesButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ShowObjectivesButtonComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShowObjectivesButtonComponent, selectors: [["symphiq-show-objectives-button"]], inputs: { viewMode: [1, "viewMode"], label: [1, "label"], subLabel: [1, "subLabel"] }, outputs: { buttonClick: "buttonClick" }, decls: 13, vars: 8, consts: [["type", "button", 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", "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, "text-left"], [1, "text-sm", "font-semibold", 3, "ngClass"], [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 ShowObjectivesButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function ShowObjectivesButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
+            i0.ɵɵelementStart(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", 6)(7, "div", 7);
+            i0.ɵɵtext(8);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "div", 8);
+            i0.ɵɵtext(10);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(11, "svg", 9);
+            i0.ɵɵelement(12, "path", 10);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.buttonClasses());
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngClass", ctx.buttonIconBgClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.buttonIconClasses());
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngClass", ctx.buttonLabelClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.label());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.buttonSubLabelClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.subLabel());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.buttonChevronClasses());
+        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShowObjectivesButtonComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-show-objectives-button',
+                standalone: true,
+                imports: [CommonModule],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <button
+      type="button"
+      (click)="buttonClick.emit()"
+      [ngClass]="buttonClasses()"
+      class="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">
+      <div class="flex items-center justify-between">
+        <div class="flex items-center gap-3">
+          <div [ngClass]="buttonIconBgClasses()" class="w-10 h-10 rounded-lg flex items-center justify-center">
+            <svg class="w-5 h-5" [ngClass]="buttonIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path 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"/>
+            </svg>
+          </div>
+          <div class="text-left">
+            <div [ngClass]="buttonLabelClasses()" class="text-sm font-semibold">{{ label() }}</div>
+            <div [ngClass]="buttonSubLabelClasses()" class="text-xs">{{ subLabel() }}</div>
+          </div>
+        </div>
+        <svg [ngClass]="buttonChevronClasses()" class="w-5 h-5 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
+        </svg>
+      </div>
+    </button>
+  `
+            }]
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], subLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "subLabel", required: false }] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShowObjectivesButtonComponent, { className: "ShowObjectivesButtonComponent", filePath: "lib/components/shared/show-objectives-button.component.ts", lineNumber: 35 }); })();
+
+function GoalDetailModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.descriptionClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.goal().description, " ");
+} }
+function GoalDetailModalContentComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("visual", ctx_r0.goal().visual)("viewMode", ctx_r0.viewMode());
+} }
+class GoalDetailModalContentComponent {
+    constructor() {
+        this.goal = input.required(...(ngDevMode ? [{ debugName: "goal" }] : []));
+        this.viewMode = input.required(...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.allInsights = input([], ...(ngDevMode ? [{ debugName: "allInsights" }] : []));
+        this.allMetrics = input([], ...(ngDevMode ? [{ debugName: "allMetrics" }] : []));
+        this.allBusinessInsights = input([], ...(ngDevMode ? [{ debugName: "allBusinessInsights" }] : []));
+        this.allCharts = input([], ...(ngDevMode ? [{ debugName: "allCharts" }] : []));
+        this.showObjectives = output();
+        this.crossDashboardService = inject(CrossDashboardRelationshipsService);
+        this.modalService = inject(ModalService);
+        this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
+        this.relatedContent = computed(() => {
+            const goal = this.goal();
+            const insights = this.allInsights();
+            const metrics = this.allMetrics();
+            const businessInsights = this.allBusinessInsights();
+            return this.crossDashboardService.getRelatedContentForGoal(goal, insights, metrics, businessInsights);
+        }, ...(ngDevMode ? [{ debugName: "relatedContent" }] : []));
+        this.descriptionClasses = computed(() => {
+            return this.isLightMode()
+                ? 'text-slate-700'
+                : 'text-slate-300';
+        }, ...(ngDevMode ? [{ debugName: "descriptionClasses" }] : []));
+    }
+    onShowObjectivesClick() {
+        this.showObjectives.emit();
+    }
+    onFunnelInsightsClick() {
+        const goal = this.goal();
+        const content = this.relatedContent();
+        const insights = content?.funnelAnalysis?.insights || [];
+        const charts = this.allCharts();
+        if (insights.length > 0) {
+            const currentState = this.modalService['modalState'].value;
+            this.modalService.openGoalInsightsListModal(insights, [], charts, { title: goal.title || 'Goal', description: goal.description || '', icon: 'goal' }, currentState);
+        }
+    }
+    onFunnelMetricsClick() {
+        const goal = this.goal();
+        const content = this.relatedContent();
+        const metrics = content?.funnelAnalysis?.metrics || [];
+        const charts = this.allCharts();
+        if (metrics.length > 0) {
+            const currentState = this.modalService['modalState'].value;
+            this.modalService.openGoalMetricsListModal(metrics, charts, { title: goal.title || 'Goal', description: goal.description || '', icon: 'goal' }, currentState);
+        }
+    }
+    onBusinessInsightsClick() {
+        const goal = this.goal();
+        const content = this.relatedContent();
+        const businessInsights = (content?.businessAnalysis?.insights || []);
+        if (businessInsights.length > 0) {
+            const currentState = this.modalService['modalState'].value;
+            this.modalService.openGoalBusinessInsightsListModal(businessInsights, { title: goal.title || 'Goal', description: goal.description || '', icon: 'goal' }, this.viewMode(), currentState);
+        }
+    }
+    static { this.ɵfac = function GoalDetailModalContentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoalDetailModalContentComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GoalDetailModalContentComponent, selectors: [["symphiq-goal-detail-modal-content"]], inputs: { goal: [1, "goal"], viewMode: [1, "viewMode"], allInsights: [1, "allInsights"], allMetrics: [1, "allMetrics"], allBusinessInsights: [1, "allBusinessInsights"], allCharts: [1, "allCharts"] }, outputs: { showObjectives: "showObjectives" }, decls: 8, vars: 7, consts: [[1, "flex", "flex-col", "lg:flex-row", "gap-6"], [1, "flex-1"], [1, "text-sm", "mb-6", "leading-relaxed", 3, "ngClass"], [1, "mb-6"], [3, "buttonClick", "viewMode"], [1, "lg:w-80", "flex-shrink-0", "space-y-6"], [3, "expectedImpact", "viewMode"], [3, "funnelInsightsClicked", "funnelMetricsClicked", "businessInsightsClicked", "relatedContent", "viewMode"], [3, "visual", "viewMode"]], template: function GoalDetailModalContentComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵconditionalCreate(2, GoalDetailModalContentComponent_Conditional_2_Template, 2, 2, "p", 2);
+            i0.ɵɵconditionalCreate(3, GoalDetailModalContentComponent_Conditional_3_Template, 2, 2, "div", 3);
+            i0.ɵɵelementStart(4, "symphiq-show-objectives-button", 4);
+            i0.ɵɵlistener("buttonClick", function GoalDetailModalContentComponent_Template_symphiq_show_objectives_button_buttonClick_4_listener() { return ctx.onShowObjectivesClick(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "div", 5);
+            i0.ɵɵelement(6, "symphiq-expected-impact-section", 6);
+            i0.ɵɵelementStart(7, "symphiq-related-content-sidebar", 7);
+            i0.ɵɵlistener("funnelInsightsClicked", function GoalDetailModalContentComponent_Template_symphiq_related_content_sidebar_funnelInsightsClicked_7_listener() { return ctx.onFunnelInsightsClick(); })("funnelMetricsClicked", function GoalDetailModalContentComponent_Template_symphiq_related_content_sidebar_funnelMetricsClicked_7_listener() { return ctx.onFunnelMetricsClick(); })("businessInsightsClicked", function GoalDetailModalContentComponent_Template_symphiq_related_content_sidebar_businessInsightsClicked_7_listener() { return ctx.onBusinessInsightsClick(); });
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.goal().description ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.goal().visual ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("viewMode", ctx.viewMode());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("expectedImpact", ctx.goal().expectedImpact)("viewMode", ctx.viewMode());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("relatedContent", ctx.relatedContent())("viewMode", ctx.viewMode());
+        } }, dependencies: [CommonModule, i1$1.NgClass, RelatedContentSidebarComponent, NapkinVisualPlaceholderComponent, ExpectedImpactSectionComponent, ShowObjectivesButtonComponent], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoalDetailModalContentComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-goal-detail-modal-content',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                imports: [CommonModule, RelatedContentSidebarComponent, NapkinVisualPlaceholderComponent, ExpectedImpactSectionComponent, ShowObjectivesButtonComponent],
+                template: `
+    <div class="flex flex-col lg:flex-row gap-6">
+      <!-- Main Content -->
+      <div class="flex-1">
+        <!-- Goal Description -->
+        @if (goal().description) {
+          <p [ngClass]="descriptionClasses()" class="text-sm mb-6 leading-relaxed">
+            {{ goal()!.description }}
+          </p>
+        }
+
+        <!-- Napkin Visual -->
+        @if (goal().visual) {
+          <div class="mb-6">
+            <symphiq-napkin-visual-placeholder
+              [visual]="goal()!.visual"
+              [viewMode]="viewMode()"
+            />
           </div>
         }
 
+        <!-- Objectives Button -->
+        <symphiq-show-objectives-button
+          [viewMode]="viewMode()"
+          (buttonClick)="onShowObjectivesClick()"
+        />
+      </div>
+
+      <!-- Right Sidebar -->
+      <div class="lg:w-80 flex-shrink-0 space-y-6">
+        <!-- Expected Impact Section -->
+        <symphiq-expected-impact-section
+          [expectedImpact]="goal().expectedImpact"
+          [viewMode]="viewMode()"
+        />
+
         <!-- Related Content Sidebar -->
         <symphiq-related-content-sidebar
           [relatedContent]="relatedContent()"
@@ -29992,7 +30212,7 @@ class GoalDetailModalContentComponent {
   `
             }]
     }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: true }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allBusinessInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allBusinessInsights", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], showObjectives: [{ type: i0.Output, args: ["showObjectives"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GoalDetailModalContentComponent, { className: "GoalDetailModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/goal-detail-modal-content.component.ts", lineNumber: 123 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GoalDetailModalContentComponent, { className: "GoalDetailModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/goal-detail-modal-content.component.ts", lineNumber: 65 }); })();
 
 function TopPrioritiesListModalContentComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -30458,7 +30678,7 @@ const _c0$14 = a0 => ({ name: "check-badge", source: a0 });
 const _c1$D = a0 => ({ name: "check-circle", source: a0 });
 const _c2$p = a0 => ({ name: "chevron-right", source: a0 });
 const _c3$j = a0 => ({ name: "chart-bar", source: a0 });
-const _forTrack0$W = ($index, $item) => $item.capability;
+const _forTrack0$X = ($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);
@@ -30573,7 +30793,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$W);
+    i0.ɵɵrepeaterCreate(1, FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Template, 16, 18, "button", 6, _forTrack0$X);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -30780,7 +31000,7 @@ class FocusAreaStrengthsListModalContentComponent {
 const _c0$13 = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c1$C = a0 => ({ name: "exclamation-circle", source: a0 });
 const _c2$o = a0 => ({ name: "chevron-right", source: a0 });
-function _forTrack0$V($index, $item) { return this.getGapTitle($item); }
+function _forTrack0$W($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);
@@ -30897,7 +31117,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$V, true);
+    i0.ɵɵrepeaterCreate(1, FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$W, true);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -31174,7 +31394,7 @@ class FocusAreaGapsListModalContentComponent {
 const _c0$12 = a0 => ({ name: "light-bulb", source: a0 });
 const _c1$B = a0 => ({ name: "chevron-right", source: a0 });
 const _c2$n = a0 => ({ name: "chart-bar", source: a0 });
-const _forTrack0$U = ($index, $item) => $item.opportunity;
+const _forTrack0$V = ($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);
@@ -31265,7 +31485,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$U);
+    i0.ɵɵrepeaterCreate(1, FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Template, 11, 11, "button", 6, _forTrack0$V);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -31442,7 +31662,7 @@ class FocusAreaOpportunitiesListModalContentComponent {
 
 const _c0$11 = a0 => ({ name: "chevron-right", source: a0 });
 const _c1$A = a0 => ({ name: "chat-bubble-left-right", source: a0 });
-const _forTrack0$T = ($index, $item) => $item.performanceItemId;
+const _forTrack0$U = ($index, $item) => $item.performanceItemId;
 function FocusAreaStrengthDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "p", 2);
     i0.ɵɵtext(2);
@@ -31512,7 +31732,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$T);
+    i0.ɵɵrepeaterCreate(4, FocusAreaStrengthDetailModalContentComponent_Conditional_4_For_5_Template, 4, 5, "button", 10, _forTrack0$U);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -32161,7 +32381,7 @@ class FocusAreaGapDetailModalContentComponent {
 
 const _c0$$ = a0 => ({ name: "chevron-right", source: a0 });
 const _c1$z = () => [];
-const _forTrack0$S = ($index, $item) => $item.performanceItemId;
+const _forTrack0$T = ($index, $item) => $item.performanceItemId;
 function FocusAreaOpportunityDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "p", 2);
     i0.ɵɵtext(2);
@@ -32213,7 +32433,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$S);
+    i0.ɵɵrepeaterCreate(4, FocusAreaOpportunityDetailModalContentComponent_Conditional_3_For_5_Template, 4, 5, "button", 7, _forTrack0$T);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -37346,7 +37566,7 @@ const _c4$9 = a0 => ({ name: "academic-cap", source: a0 });
 const _c5$6 = 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$R = ($index, $item) => $item.name;
+const _forTrack0$S = ($index, $item) => $item.name;
 function ProductCategoryCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 8);
     i0.ɵɵtext(1);
@@ -37477,7 +37697,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$R);
+    i0.ɵɵrepeaterCreate(8, ProductCategoryCardComponent_Conditional_16_For_9_Template, 2, 5, "div", 23, _forTrack0$S);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -42462,9 +42682,9 @@ const ProfileAnalysisModalComponent_Conditional_0_Conditional_28_Conditional_5_D
 const ProfileAnalysisModalComponent_Conditional_0_Conditional_28_Conditional_6_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
 const _c3$b = a0 => ({ name: "arrow-left", source: a0 });
 const _c4$7 = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$Q = ($index, $item) => $item.performanceItemId || $index;
-const _forTrack1$b = ($index, $item) => $item.id || $index;
-const _forTrack2$4 = ($index, $item) => $item.metric || $index;
+const _forTrack0$R = ($index, $item) => $item.performanceItemId || $index;
+const _forTrack1$a = ($index, $item) => $item.id || $index;
+const _forTrack2$3 = ($index, $item) => $item.metric || $index;
 function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 44);
@@ -42674,7 +42894,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_18_For_3_Templa
 function ProfileAnalysisModalComponent_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 18);
     i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_18_Conditional_1_Template, 2, 2, "p", 50);
-    i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_18_For_3_Template, 13, 10, "div", 51, _forTrack0$Q);
+    i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_18_For_3_Template, 13, 10, "div", 51, _forTrack0$R);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const data_r11 = ctx;
@@ -42754,7 +42974,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_19_For_3_Templa
 function ProfileAnalysisModalComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 18);
     i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_19_Conditional_1_Template, 2, 2, "p", 50);
-    i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_19_For_3_Template, 13, 10, "div", 51, _forTrack0$Q);
+    i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_19_For_3_Template, 13, 10, "div", 51, _forTrack0$R);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const data_r14 = ctx;
@@ -42789,7 +43009,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_20_For_3_Templa
 function ProfileAnalysisModalComponent_Conditional_0_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 19);
     i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_20_Conditional_1_Template, 2, 2, "p", 50);
-    i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_20_For_3_Template, 2, 5, "div", null, _forTrack1$b);
+    i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_20_For_3_Template, 2, 5, "div", null, _forTrack1$a);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const data_r17 = ctx;
@@ -42824,7 +43044,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", 19);
     i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_Conditional_1_Template, 2, 2, "p", 50);
-    i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Template, 2, 5, "div", null, _forTrack1$b);
+    i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Template, 2, 5, "div", null, _forTrack1$a);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const data_r21 = ctx;
@@ -42873,7 +43093,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_
     i0.ɵɵelementStart(0, "div", 67)(1, "h3", 68);
     i0.ɵɵtext(2, " Directly Affected Metric ");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_1_Conditional_0_For_4_Template, 1, 1, null, null, _forTrack2$4);
+    i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_1_Conditional_0_For_4_Template, 1, 1, null, null, _forTrack2$3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const data_r32 = i0.ɵɵnextContext(2);
@@ -42907,7 +43127,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_
     i0.ɵɵelementStart(0, "div", 67)(1, "h3", 68);
     i0.ɵɵtext(2, " Indirectly Affected Metrics ");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_1_Conditional_1_For_4_Template, 1, 1, null, null, _forTrack2$4);
+    i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_1_Conditional_1_For_4_Template, 1, 1, null, null, _forTrack2$3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const data_r32 = i0.ɵɵnextContext(2);
@@ -42939,7 +43159,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_
     i0.ɵɵproperty("metric", metric_r38)("isLightMode", ctx_r1.isLightMode())("animationKey", $index_r39);
 } }
 function ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_2_For_1_Template, 2, 3, "div", null, _forTrack0$Q);
+    i0.ɵɵrepeaterCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_2_For_1_Template, 2, 3, "div", null, _forTrack0$R);
 } if (rf & 2) {
     const data_r32 = i0.ɵɵnextContext();
     i0.ɵɵrepeater(data_r32.metrics);
@@ -45586,7 +45806,7 @@ const _c0$L = a0 => ({ name: "list-bullet", source: a0 });
 const _c1$m = a0 => ({ name: "arrow-right", source: a0 });
 const _c2$d = a0 => ({ name: "check-circle", source: a0 });
 const _c3$9 = a0 => ({ name: "exclamation-circle", source: a0 });
-const _forTrack0$P = ($index, $item) => $item.order;
+const _forTrack0$Q = ($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);
@@ -45740,7 +45960,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$P);
+            i0.ɵɵrepeaterCreate(3, RecommendationActionStepsModalComponent_For_4_Template, 13, 11, "div", 3, _forTrack0$Q);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(5, RecommendationActionStepsModalComponent_Conditional_5_Template, 4, 5, "div", 4);
             i0.ɵɵelementEnd();
@@ -47841,7 +48061,7 @@ const _c2$c = () => [1, 2, 3, 4, 5, 6];
 const _c3$8 = () => [1, 2, 3];
 const _c4$5 = () => [1, 2, 3, 4];
 const _c5$3 = () => [1, 2];
-const _forTrack0$O = ($index, $item) => $item.value;
+const _forTrack0$P = ($index, $item) => $item.value;
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_For_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 25);
     i0.ɵɵtext(1);
@@ -47861,7 +48081,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template(rf, ctx)
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template_div_click_3_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template_div_mousedown_3_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template_div_pointerdown_3_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵelementStart(4, "select", 24);
     i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template_select_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeSectionFilter($event)); });
-    i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_6_For_6_Template, 2, 2, "option", 25, _forTrack0$O);
+    i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_6_For_6_Template, 2, 2, "option", 25, _forTrack0$P);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -47913,7 +48133,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_Template(rf, ctx
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r5); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r5); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_Template_div_pointerdown_0_listener($event) { i0.ɵɵrestoreView(_r5); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵelementStart(1, "select", 29);
     i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_Template_select_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeSectionFilter($event)); });
-    i0.ɵɵrepeaterCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_10_For_3_Template, 2, 2, "option", 25, _forTrack0$O);
+    i0.ɵɵrepeaterCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_10_For_3_Template, 2, 2, "option", 25, _forTrack0$P);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -48707,7 +48927,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Te
     i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_14_Template, 2, 0, "div", 107);
     i0.ɵɵelementStart(15, "select", 108);
     i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter($event)); });
-    i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Template, 2, 1, null, null, _forTrack0$O);
+    i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Template, 2, 1, null, null, _forTrack0$P);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(18, "button", 109);
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleSortOrder()); });
@@ -48721,7 +48941,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Te
     i0.ɵɵtext(23, "Sort");
     i0.ɵɵelementEnd()()()();
     i0.ɵɵelementStart(24, "div", 113)(25, "div", 114);
-    i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$O);
+    i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$P);
     i0.ɵɵelementEnd()()();
     i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_Template, 3, 1, "div", 115)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_Template, 4, 5, "div", 116);
     i0.ɵɵelementEnd()();
@@ -48898,7 +49118,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Te
     i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_12_Template, 2, 0, "div", 107);
     i0.ɵɵelementStart(13, "select", 150);
     i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeBreakdownFilter($event)); });
-    i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Template, 2, 1, null, null, _forTrack0$O);
+    i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Template, 2, 1, null, null, _forTrack0$P);
     i0.ɵɵelementEnd()()();
     i0.ɵɵconditionalCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_Template, 3, 1, "div", 80)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_Template, 4, 5, "div", 151);
     i0.ɵɵelementEnd()();
@@ -49009,7 +49229,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Te
     i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_13_Template, 2, 0, "div", 107);
     i0.ɵɵelementStart(14, "select", 108);
     i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCompetitiveFilter($event)); });
-    i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Template, 2, 1, null, null, _forTrack0$O);
+    i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Template, 2, 1, null, null, _forTrack0$P);
     i0.ɵɵelementEnd()()();
     i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_Template, 6, 5, "div", 80)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_18_Template, 1, 6, "symphiq-competitive-intelligence-view", 77);
     i0.ɵɵelementEnd()();
@@ -51530,7 +51750,7 @@ function getTrendClasses(trendPercent, viewMode) {
     }
 }
 
-const _forTrack0$N = ($index, $item) => $item.metric.performanceItemId;
+const _forTrack0$O = ($index, $item) => $item.metric.performanceItemId;
 function SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 17)(1, "p", 18);
     i0.ɵɵtext(2);
@@ -52142,7 +52362,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$N);
+            i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisPreviewComponent_For_16_Template, 10, 17, "div", 12, _forTrack0$O);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisPreviewComponent_Conditional_17_Template, 9, 11, "div", 9);
             i0.ɵɵconditionalCreate(18, SymphiqFunnelAnalysisPreviewComponent_Conditional_18_Template, 14, 19, "div", 9);
@@ -52385,7 +52605,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$M = ($index, $item) => $item.id;
+const _forTrack0$N = ($index, $item) => $item.id;
 function SymphiqWelcomeDashboardComponent_For_50_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 27)(1, "div", 32)(2, "div", 33)(3, "span", 34);
     i0.ɵɵtext(4);
@@ -52614,7 +52834,7 @@ class SymphiqWelcomeDashboardComponent {
             i0.ɵɵtext(47, " Your Onboarding Journey ");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(48, "div", 26);
-            i0.ɵɵrepeaterCreate(49, SymphiqWelcomeDashboardComponent_For_50_Template, 9, 3, "div", 27, _forTrack0$M);
+            i0.ɵɵrepeaterCreate(49, SymphiqWelcomeDashboardComponent_For_50_Template, 9, 3, "div", 27, _forTrack0$N);
             i0.ɵɵelementEnd()()();
             i0.ɵɵelementStart(51, "div", 28);
             i0.ɵɵnamespaceSVG();
@@ -52798,7 +53018,7 @@ class SymphiqWelcomeDashboardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqWelcomeDashboardComponent, { className: "SymphiqWelcomeDashboardComponent", filePath: "lib/components/welcome-dashboard/symphiq-welcome-dashboard.component.ts", lineNumber: 163 }); })();
 
-const _forTrack0$L = ($index, $item) => $item.status;
+const _forTrack0$M = ($index, $item) => $item.status;
 function FocusAreaQuestionComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 5);
     i0.ɵɵtext(1, " Not answered yet ");
@@ -53011,7 +53231,7 @@ class FocusAreaQuestionComponent {
             i0.ɵɵtext(8);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(9, "div", 7);
-            i0.ɵɵrepeaterCreate(10, FocusAreaQuestionComponent_For_11_Template, 10, 8, "label", 8, _forTrack0$L);
+            i0.ɵɵrepeaterCreate(10, FocusAreaQuestionComponent_For_11_Template, 10, 8, "label", 8, _forTrack0$M);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(12, "div", 9)(13, "div", 10)(14, "div", 11)(15, "label", 12);
             i0.ɵɵtext(16, " Marketing automation tools used ");
@@ -53146,7 +53366,7 @@ class FocusAreaQuestionComponent {
     }], null, { focusAreaDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDomain", required: true }] }], selectedStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedStatus", required: false }] }], selectedTools: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedTools", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: true }] }], statusChange: [{ type: i0.Output, args: ["statusChange"] }], toolsClick: [{ type: i0.Output, args: ["toolsClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaQuestionComponent, { className: "FocusAreaQuestionComponent", filePath: "lib/components/create-account-dashboard/focus-area-question.component.ts", lineNumber: 106 }); })();
 
-const _forTrack0$K = ($index, $item) => $item.tool;
+const _forTrack0$L = ($index, $item) => $item.tool;
 function FocusAreaToolsModalComponent_Conditional_0_Conditional_10_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "label", 18)(1, "input", 19);
@@ -53170,7 +53390,7 @@ function FocusAreaToolsModalComponent_Conditional_0_Conditional_10_Template(rf,
     i0.ɵɵtext(2, " Select tools from the list: ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 17);
-    i0.ɵɵrepeaterCreate(4, FocusAreaToolsModalComponent_Conditional_0_Conditional_10_For_5_Template, 4, 4, "label", 18, _forTrack0$K);
+    i0.ɵɵrepeaterCreate(4, FocusAreaToolsModalComponent_Conditional_0_Conditional_10_For_5_Template, 4, 4, "label", 18, _forTrack0$L);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -53464,8 +53684,8 @@ 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$H = ["shopNameInput"];
-const _forTrack0$J = ($index, $item) => $item.focusArea.focusAreaDomain;
-const _forTrack1$a = ($index, $item) => $item.domain;
+const _forTrack0$K = ($index, $item) => $item.focusArea.focusAreaDomain;
+const _forTrack1$9 = ($index, $item) => $item.domain;
 function SymphiqCreateAccountDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
     i0.ɵɵelement(1, "symphiq-loading-card", 12);
@@ -53801,7 +54021,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 52);
-    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 53, _forTrack0$J);
+    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 53, _forTrack0$K);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -53831,7 +54051,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 62);
-    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 63, _forTrack0$J);
+    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 63, _forTrack0$K);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -53861,7 +54081,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 65);
-    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 66, _forTrack0$J);
+    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 66, _forTrack0$K);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -53941,7 +54161,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_Temp
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(11, "div", 21);
-    i0.ɵɵrepeaterCreate(12, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_For_13_Template, 2, 7, null, null, _forTrack1$a);
+    i0.ɵɵrepeaterCreate(12, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_For_13_Template, 2, 7, null, null, _forTrack1$9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -55452,7 +55672,7 @@ class ConnectGaWelcomeBannerComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConnectGaWelcomeBannerComponent, { className: "ConnectGaWelcomeBannerComponent", filePath: "lib/components/connect-ga-dashboard/connect-ga-welcome-banner.component.ts", lineNumber: 70 }); })();
 
-const _forTrack0$I = ($index, $item) => $item.property.id;
+const _forTrack0$J = ($index, $item) => $item.property.id;
 function SymphiqConnectGaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8)(1, "div", 10)(2, "div", 11);
     i0.ɵɵelement(3, "symphiq-indeterminate-spinner", 12);
@@ -55681,7 +55901,7 @@ function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_
 function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 53);
-    i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template, 11, 8, "label", 54, _forTrack0$I);
+    i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template, 11, 8, "label", 54, _forTrack0$J);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(3, "div", 55);
     i0.ɵɵelementStart(4, "button", 56);
@@ -57512,8 +57732,8 @@ 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$H = ($index, $item) => $item.stageMetric.metric;
-const _forTrack1$9 = ($index, $item) => $item.calc.metric;
+const _forTrack0$I = ($index, $item) => $item.stageMetric.metric;
+const _forTrack1$8 = ($index, $item) => $item.calc.metric;
 function FunnelMetricsVisualizationComponent_For_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "button", 7);
     i0.ɵɵnamespaceSVG();
@@ -57740,7 +57960,7 @@ function FunnelMetricsVisualizationComponent_For_4_Conditional_27_Template(rf, c
     i0.ɵɵtext(3, " Related Metrics ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 29);
-    i0.ɵɵrepeaterCreate(5, FunnelMetricsVisualizationComponent_For_4_Conditional_27_For_6_Template, 29, 22, "div", 30, _forTrack1$9);
+    i0.ɵɵrepeaterCreate(5, FunnelMetricsVisualizationComponent_For_4_Conditional_27_For_6_Template, 29, 22, "div", 30, _forTrack1$8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const stage_r2 = i0.ɵɵnextContext().$implicit;
@@ -57968,7 +58188,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$H);
+            i0.ɵɵrepeaterCreate(3, FunnelMetricsVisualizationComponent_For_4_Template, 28, 15, "div", 2, _forTrack0$I);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
@@ -59867,7 +60087,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: 67 }); })();
 
-const _forTrack0$G = ($index, $item) => $item.metric.metric;
+const _forTrack0$H = ($index, $item) => $item.metric.metric;
 function MetricReportModalComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-current-data-indicator", 9);
 } if (rf & 2) {
@@ -60011,7 +60231,7 @@ function MetricReportModalComponent_Conditional_0_Conditional_63_Template(rf, ct
     i0.ɵɵtext(12, "Improve by");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(13, "tbody");
-    i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_63_For_15_Template, 15, 7, "tr", 46, _forTrack0$G);
+    i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_63_For_15_Template, 15, 7, "tr", 46, _forTrack0$H);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -61584,7 +61804,7 @@ class UserDisplayComponent {
 
 const _c0$D = ["absoluteInputRef"];
 const _c1$i = ["percentageInputRef"];
-const _forTrack0$F = ($index, $item) => $item.history.id;
+const _forTrack0$G = ($index, $item) => $item.history.id;
 function EditMetricTargetModalComponent_Conditional_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 16);
@@ -62000,7 +62220,7 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Template(rf
     i0.ɵɵtext(8, "Amount set");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(9, "div", 65);
-    i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_34_For_11_Template, 7, 6, "div", 66, _forTrack0$F);
+    i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_34_For_11_Template, 7, 6, "div", 66, _forTrack0$G);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -67064,7 +67284,7 @@ class FloatingBackButtonComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FloatingBackButtonComponent, { className: "FloatingBackButtonComponent", filePath: "lib/components/business-analysis-dashboard/floating-back-button.component.ts", lineNumber: 70 }); })();
 
 const _c0$z = ["searchInput"];
-const _forTrack0$E = ($index, $item) => $item.result.id;
+const _forTrack0$F = ($index, $item) => $item.result.id;
 function SearchModalComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 18);
@@ -67188,7 +67408,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$E);
+    i0.ɵɵrepeaterCreate(1, SearchModalComponent_Conditional_0_Conditional_14_For_2_Template, 17, 13, "button", 19, _forTrack0$F);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -68177,7 +68397,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$y = () => [0, 1, 2];
-const _forTrack0$D = ($index, $item) => $item.id;
+const _forTrack0$E = ($index, $item) => $item.id;
 function RecommendationsTiledGridComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵtext(1);
@@ -68201,7 +68421,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$D);
+    i0.ɵɵrepeaterCreate(1, RecommendationsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-recommendation-card", 13, _forTrack0$E);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -68493,7 +68713,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$C = ($index, $item) => $item.section.id;
+const _forTrack0$D = ($index, $item) => $item.section.id;
 function CollapsibleSectionGroupComponent_For_23_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 20);
     i0.ɵɵelement(1, "symphiq-icon", 30);
@@ -68765,7 +68985,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$C);
+            i0.ɵɵrepeaterCreate(22, CollapsibleSectionGroupComponent_For_23_Template, 15, 17, "div", 17, _forTrack0$D);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -70282,7 +70502,7 @@ class MetricWelcomeBannerComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricWelcomeBannerComponent, { className: "MetricWelcomeBannerComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-welcome-banner.component.ts", lineNumber: 63 }); })();
 
 const _c0$w = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$B = ($index, $item) => $item.id;
+const _forTrack0$C = ($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);
@@ -70303,7 +70523,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$B);
+    i0.ɵɵrepeaterCreate(1, RelatedGoalChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$C);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -70383,7 +70603,7 @@ const _c7 = a0 => ({ name: "light-bulb", source: a0 });
 const _c8 = a0 => ({ name: "clock", source: a0 });
 const _c9 = a0 => [a0];
 const _c10 = () => [];
-const _forTrack0$A = ($index, $item) => $item.index;
+const _forTrack0$B = ($index, $item) => $item.index;
 function MetricExecutiveSummaryComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-grade-badge", 9);
 } if (rf & 2) {
@@ -70723,7 +70943,7 @@ function MetricExecutiveSummaryComponent_Conditional_31_Template(rf, ctx) { if (
     i0.ɵɵtext(2, "Quick Wins");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 54);
-    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_31_For_5_Template, 14, 11, "div", 55, _forTrack0$A);
+    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_31_For_5_Template, 14, 11, "div", 55, _forTrack0$B);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -72992,7 +73212,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-shop-dashboard/cards/capability-matrix-card.component.ts", lineNumber: 118 }); })();
 
-const _forTrack0$z = ($index, $item) => $item.competitorId || $index;
+const _forTrack0$A = ($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);
@@ -73105,7 +73325,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$z);
+    i0.ɵɵrepeaterCreate(3, CompetitiveComparisonCardComponent_Conditional_13_For_4_Template, 7, 6, "div", 22, _forTrack0$A);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -73494,7 +73714,7 @@ class CompetitiveComparisonCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveComparisonCardComponent, { className: "CompetitiveComparisonCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/competitive-comparison-card.component.ts", lineNumber: 126 }); })();
 
 const _c0$s = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$y = ($index, $item) => $item.id;
+const _forTrack0$z = ($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);
@@ -73523,7 +73743,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$y);
+    i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_8_For_7_Template, 4, 5, "button", 14, _forTrack0$z);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -73560,7 +73780,7 @@ function PhaseTimelineCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(5, "div", 18);
-    i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_9_For_7_Template, 4, 5, "button", 14, _forTrack0$y);
+    i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_9_For_7_Template, 4, 5, "button", 14, _forTrack0$z);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -74574,7 +74794,7 @@ class OperationalCategoryCardComponent {
 
 const _c0$q = a0 => ({ name: "arrow-trending-up", source: a0 });
 const _c1$e = a0 => ({ name: "chat-bubble-left-right", source: a0 });
-const _forTrack0$x = ($index, $item) => $item.questionId;
+const _forTrack0$y = ($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);
@@ -74594,7 +74814,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$x);
+    i0.ɵɵrepeaterCreate(5, KeyDriverCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$y);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -74784,7 +75004,7 @@ class KeyDriverCardComponent {
 
 const _c0$p = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c1$d = a0 => ({ name: "chat-bubble-left-right", source: a0 });
-const _forTrack0$w = ($index, $item) => $item.questionId;
+const _forTrack0$x = ($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);
@@ -74804,7 +75024,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$w);
+    i0.ɵɵrepeaterCreate(5, BottleneckCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$x);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -75013,7 +75233,7 @@ const _c0$o = a0 => ({ name: "arrow-right", source: a0 });
 const _c1$c = a0 => ({ name: "arrow-left", source: a0 });
 const _c2$a = a0 => ({ name: "arrows-right-left", source: a0 });
 const _c3$6 = a0 => ({ name: "scale", source: a0 });
-const _forTrack0$v = ($index, $item) => $item.metric;
+const _forTrack0$w = ($index, $item) => $item.metric;
 function MetricRelationshipsCardComponent_Conditional_1_For_8_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 8);
@@ -75038,7 +75258,7 @@ function MetricRelationshipsCardComponent_Conditional_1_Template(rf, ctx) { if (
     i0.ɵɵtext(5, " Directly Influences ");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "div", 6);
-    i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_1_For_8_Template, 4, 2, "button", 7, _forTrack0$v);
+    i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_1_For_8_Template, 4, 2, "button", 7, _forTrack0$w);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -75076,7 +75296,7 @@ function MetricRelationshipsCardComponent_Conditional_2_Template(rf, ctx) { if (
     i0.ɵɵtext(5, " Directly Influenced By ");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "div", 6);
-    i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_2_For_8_Template, 4, 2, "button", 7, _forTrack0$v);
+    i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_2_For_8_Template, 4, 2, "button", 7, _forTrack0$w);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -75122,7 +75342,7 @@ function MetricRelationshipsCardComponent_Conditional_3_Template(rf, ctx) { if (
     i0.ɵɵtext(5, " Trade-offs ");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "div", 11);
-    i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_3_For_8_Template, 7, 9, "div", 12, _forTrack0$v);
+    i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_3_For_8_Template, 7, 9, "div", 12, _forTrack0$w);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -75362,7 +75582,7 @@ class MetricRelationshipsCardComponent {
 
 const _c0$n = a0 => ({ name: "chevron-right", source: a0 });
 const _c1$b = a0 => ({ name: "link", source: a0 });
-const _forTrack0$u = ($index, $item) => $item.id;
+const _forTrack0$v = ($index, $item) => $item.id;
 function RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 18);
@@ -75383,7 +75603,7 @@ function RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template(
 } }
 function RelatedMetricCardComponent_Conditional_18_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵrepeaterCreate(1, RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template, 4, 5, "button", 17, _forTrack0$u);
+    i0.ɵɵrepeaterCreate(1, RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template, 4, 5, "button", 17, _forTrack0$v);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -75696,7 +75916,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 }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], cardClicked: [{ type: i0.Output, args: ["cardClicked"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedMetricCardComponent, { className: "RelatedMetricCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/related-metric-card.component.ts", lineNumber: 97 }); })();
 
-const _forTrack0$t = ($index, $item) => $item.metric;
+const _forTrack0$u = ($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);
@@ -75724,7 +75944,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, 7, "symphiq-related-metric-card", 11, _forTrack0$t);
+    i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_1_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$u);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -75770,7 +75990,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, 7, "symphiq-related-metric-card", 11, _forTrack0$t);
+    i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_2_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$u);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -75816,7 +76036,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, 7, "symphiq-related-metric-card", 11, _forTrack0$t);
+    i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_3_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$u);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -75862,7 +76082,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, 7, "symphiq-related-metric-card", 11, _forTrack0$t);
+    i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_4_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$u);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -77353,9 +77573,9 @@ const _c3$3 = a0 => [a0];
 const _c4$1 = () => [];
 const _c5$1 = a0 => ({ name: "chart-bar", source: a0 });
 const _c6 = a0 => ({ name: "user", source: a0 });
-const _forTrack0$s = ($index, $item) => $item.id || $index;
-const _forTrack1$8 = ($index, $item) => $item.dimension || $index;
-const _forTrack2$3 = ($index, $item) => $item.rec.id || $index;
+const _forTrack0$t = ($index, $item) => $item.id || $index;
+const _forTrack1$7 = ($index, $item) => $item.dimension || $index;
+const _forTrack2$2 = ($index, $item) => $item.rec.id || $index;
 const _forTrack3$1 = ($index, $item) => $item.phase || $index;
 const _forTrack4 = ($index, $item) => $item.driver;
 const _forTrack5 = ($index, $item) => $item.bottleneck;
@@ -77680,7 +77900,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$s);
+    i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_4_For_2_Template, 2, 3, "div", null, _forTrack0$t);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -77697,7 +77917,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$s);
+    i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_5_For_2_Template, 1, 8, "symphiq-goal-card", 48, _forTrack0$t);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -77713,7 +77933,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$s);
+    i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_6_For_2_Template, 1, 3, "symphiq-capability-matrix-card", 49, _forTrack0$t);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -77768,7 +77988,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$s);
+    i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_9_For_2_Template, 1, 2, "symphiq-operational-category-card", 53, _forTrack0$t);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -77887,7 +78107,7 @@ function ProfileSectionContentComponent_Conditional_10_Template(rf, ctx) { if (r
     i0.ɵɵelementStart(0, "div", 0);
     i0.ɵɵconditionalCreate(1, ProfileSectionContentComponent_Conditional_10_Conditional_1_Template, 5, 3, "div", 16);
     i0.ɵɵelementStart(2, "div", 10);
-    i0.ɵɵrepeaterCreate(3, ProfileSectionContentComponent_Conditional_10_For_4_Template, 9, 8, "div", 55, _forTrack1$8);
+    i0.ɵɵrepeaterCreate(3, ProfileSectionContentComponent_Conditional_10_For_4_Template, 9, 8, "div", 55, _forTrack1$7);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -78064,7 +78284,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, _forTrack2$3);
+    i0.ɵɵrepeaterCreate(4, ProfileSectionContentComponent_Conditional_11_Conditional_2_For_5_Template, 14, 12, "div", 16, _forTrack2$2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -80157,7 +80377,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-shop-dashboard/profile-section-content.component.ts", lineNumber: 763 }); })();
 
-const _forTrack0$r = ($index, $item) => $item.id || $index;
+const _forTrack0$s = ($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);
@@ -80415,7 +80635,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$r);
+            i0.ɵɵrepeaterCreate(1, GoalObjectivesModalContentComponent_For_2_Template, 14, 9, "div", 1, _forTrack0$s);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             let tmp_0_0;
@@ -80515,8 +80735,8 @@ 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-shop-dashboard/modals/goal-objectives-modal-content.component.ts", lineNumber: 94 }); })();
 
-const _forTrack0$q = ($index, $item) => $item.id || $index;
-const _forTrack1$7 = ($index, $item) => ($item == null ? null : $item.questionId) || $index;
+const _forTrack0$r = ($index, $item) => $item.id || $index;
+const _forTrack1$6 = ($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);
     i0.ɵɵtext(2);
@@ -80612,7 +80832,7 @@ function ObjectiveStrategiesModalContentComponent_Conditional_4_Template(rf, ctx
     i0.ɵɵtext(2, " Supporting Context ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 15);
-    i0.ɵɵrepeaterCreate(4, ObjectiveStrategiesModalContentComponent_Conditional_4_For_5_Template, 4, 4, "div", 16, _forTrack1$7);
+    i0.ɵɵrepeaterCreate(4, ObjectiveStrategiesModalContentComponent_Conditional_4_For_5_Template, 4, 4, "div", 16, _forTrack1$6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_3_0;
@@ -80956,7 +81176,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$q);
+            i0.ɵɵrepeaterCreate(5, ObjectiveStrategiesModalContentComponent_For_6_Template, 17, 10, "div", 5, _forTrack0$r);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             let tmp_1_0;
@@ -81257,9 +81477,9 @@ class TooltipContentBuilder {
     }
 }
 
-const _forTrack0$p = ($index, $item) => $item.id || $index;
-const _forTrack1$6 = ($index, $item) => $item.type + $item.label;
-const _forTrack2$2 = ($index, $item) => $item.order || $index;
+const _forTrack0$q = ($index, $item) => $item.id || $index;
+const _forTrack1$5 = ($index, $item) => $item.type + $item.label;
+const _forTrack2$1 = ($index, $item) => $item.order || $index;
 const _forTrack3 = ($index, $item) => ($item == null ? null : $item.questionId) || $index;
 function StrategyRecommendationsModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2)(1, "p", 6);
@@ -81429,7 +81649,7 @@ function StrategyRecommendationsModalContentComponent_For_8_Conditional_20_For_2
 } }
 function StrategyRecommendationsModalContentComponent_For_8_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 24);
-    i0.ɵɵrepeaterCreate(1, StrategyRecommendationsModalContentComponent_For_8_Conditional_20_For_2_Template, 1, 1, null, null, _forTrack1$6);
+    i0.ɵɵrepeaterCreate(1, StrategyRecommendationsModalContentComponent_For_8_Conditional_20_For_2_Template, 1, 1, null, null, _forTrack1$5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const recommendation_r4 = i0.ɵɵnextContext().$implicit;
@@ -81778,7 +81998,7 @@ function StrategyRecommendationsModalContentComponent_For_8_Conditional_29_Templ
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(5, "div", 50);
-    i0.ɵɵrepeaterCreate(6, StrategyRecommendationsModalContentComponent_For_8_Conditional_29_For_7_Template, 9, 7, "div", 64, _forTrack2$2);
+    i0.ɵɵrepeaterCreate(6, StrategyRecommendationsModalContentComponent_For_8_Conditional_29_For_7_Template, 9, 7, "div", 64, _forTrack2$1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const recommendation_r4 = i0.ɵɵnextContext().$implicit;
@@ -82999,7 +83219,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, 32, "div", 5, _forTrack0$p);
+            i0.ɵɵrepeaterCreate(7, StrategyRecommendationsModalContentComponent_For_8_Template, 35, 32, "div", 5, _forTrack0$q);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             let tmp_1_0;
@@ -85029,7 +85249,7 @@ class GapDetailModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GapDetailModalContentComponent, { className: "GapDetailModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/gap-detail-modal-content.component.ts", lineNumber: 133 }); })();
 
 const _c0$g = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$o = ($index, $item) => $item.id || $index;
+const _forTrack0$p = ($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();
@@ -85140,7 +85360,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$o);
+    i0.ɵɵrepeaterCreate(4, OpportunityDetailModalContentComponent_Conditional_14_Conditional_0_For_5_Template, 4, 6, "div", 26, _forTrack0$p);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const goals_r6 = i0.ɵɵnextContext();
@@ -85416,7 +85636,7 @@ class OpportunityDetailModalContentComponent {
     }], null, { opportunity: [{ type: i0.Input, args: [{ isSignal: true, alias: "opportunity", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], allStrengths: [{ type: i0.Input, args: [{ isSignal: true, alias: "allStrengths", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OpportunityDetailModalContentComponent, { className: "OpportunityDetailModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/opportunity-detail-modal-content.component.ts", lineNumber: 121 }); })();
 
-const _forTrack0$n = ($index, $item) => $item.icon;
+const _forTrack0$o = ($index, $item) => $item.icon;
 function RoadmapMetricsComponent_Conditional_0_For_2_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 1);
 } if (rf & 2) {
@@ -85486,7 +85706,7 @@ function RoadmapMetricsComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf
 } }
 function RoadmapMetricsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0);
-    i0.ɵɵrepeaterCreate(1, RoadmapMetricsComponent_Conditional_0_For_2_Template, 1, 1, null, null, _forTrack0$n);
+    i0.ɵɵrepeaterCreate(1, RoadmapMetricsComponent_Conditional_0_For_2_Template, 1, 1, null, null, _forTrack0$o);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -85906,7 +86126,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-shop-dashboard/cards/simplified-goal-card.component.ts", lineNumber: 102 }); })();
 
-const _forTrack0$m = ($index, $item) => $item.id;
+const _forTrack0$n = ($index, $item) => $item.id;
 function StrategicGoalsTiledGridComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵtext(1);
@@ -85930,7 +86150,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$m);
+    i0.ɵɵrepeaterCreate(1, StrategicGoalsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-goal-card", 13, _forTrack0$n);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -86887,7 +87107,7 @@ class FocusAreaExecutiveSummaryComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], topPrioritiesClick: [{ type: i0.Output, args: ["topPrioritiesClick"] }], priorityDetailClick: [{ type: i0.Output, args: ["priorityDetailClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaExecutiveSummaryComponent, { className: "FocusAreaExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/focus-area-executive-summary.component.ts", lineNumber: 195 }); })();
 
-const _forTrack0$l = ($index, $item) => $item.id;
+const _forTrack0$m = ($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);
@@ -87338,7 +87558,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$l);
+            i0.ɵɵrepeaterCreate(22, CollapsibleAnalysisSectionGroupComponent_For_23_Template, 16, 14, "div", 17, _forTrack0$m);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -87534,7 +87754,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 }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], viewReportClick: [{ type: i0.Output, args: ["viewReportClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleAnalysisSectionGroupComponent, { className: "CollapsibleAnalysisSectionGroupComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/collapsible-analysis-section-group.component.ts", lineNumber: 176 }); })();
 
-const _forTrack0$k = ($index, $item) => $item.code;
+const _forTrack0$l = ($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);
@@ -87726,7 +87946,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$k);
+            i0.ɵɵrepeaterCreate(14, BillingCurrencySelectorCardComponent_For_15_Template, 10, 12, "label", 11, _forTrack0$l);
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -88758,7 +88978,7 @@ At the end of each month, your total AI usage is calculated and automatically bi
     }], 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 }] }], monthlyComparisonPrice: [{ type: i0.Input, args: [{ isSignal: true, alias: "monthlyComparisonPrice", required: false }] }], planSelected: [{ type: i0.Output, args: ["planSelected"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanCardComponent, { className: "PlanCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/plan-card.component.ts", lineNumber: 274 }); })();
 
-const _forTrack0$j = ($index, $item) => $item.planItemPrice.id;
+const _forTrack0$k = ($index, $item) => $item.planItemPrice.id;
 function PlanSelectionContainerComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 14);
     i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 18);
@@ -88784,7 +89004,7 @@ function PlanSelectionContainerComponent_Conditional_20_For_2_Template(rf, ctx)
 } }
 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, 5, "symphiq-plan-card", 20, _forTrack0$j);
+    i0.ɵɵrepeaterCreate(1, PlanSelectionContainerComponent_Conditional_20_For_2_Template, 1, 5, "symphiq-plan-card", 20, _forTrack0$k);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -89115,7 +89335,7 @@ class PlanSelectionContainerComponent {
     }], 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"] }], checkout: [{ type: i0.Output, args: ["checkout"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanSelectionContainerComponent, { className: "PlanSelectionContainerComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/plan-selection-container.component.ts", lineNumber: 116 }); })();
 
-const _forTrack0$i = ($index, $item) => $item.item.id;
+const _forTrack0$j = ($index, $item) => $item.item.id;
 function ProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 0)(2, "div", 2)(3, "div", 3)(4, "div", 4);
@@ -89205,7 +89425,7 @@ class ProfileCategoryListComponent {
     static { this.ɵfac = function ProfileCategoryListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileCategoryListComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileCategoryListComponent, selectors: [["symphiq-profile-category-list"]], inputs: { viewMode: [1, "viewMode"], items: [1, "items"], delayAnimation: [1, "delayAnimation"] }, outputs: { itemClick: "itemClick" }, decls: 3, vars: 0, consts: [[1, "space-y-4"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", "hover:scale-[1.01]", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1", "min-w-0"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-2", 3, "ngClass"], [1, "text-lg", "font-semibold", "leading-tight", 3, "ngClass"], ["type", "button", 1, "flex-shrink-0", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-300", "flex", "items-center", "gap-2", "hover:scale-105", "active:scale-95", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "space-y-2"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [3, "ngClass"], [1, "flex", "justify-between", "items-center"], [1, "text-sm", "font-medium", 3, "ngClass"]], template: function ProfileCategoryListComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, ProfileCategoryListComponent_For_2_Template, 19, 16, "div", 1, _forTrack0$i);
+            i0.ɵɵrepeaterCreate(1, ProfileCategoryListComponent_For_2_Template, 19, 16, "div", 1, _forTrack0$j);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
@@ -89274,7 +89494,7 @@ class ProfileCategoryListComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], delayAnimation: [{ type: i0.Input, args: [{ isSignal: true, alias: "delayAnimation", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileCategoryListComponent, { className: "ProfileCategoryListComponent", filePath: "lib/components/shared/profile/profile-category-list.component.ts", lineNumber: 71 }); })();
 
-const _forTrack0$h = ($index, $item) => $item.type;
+const _forTrack0$i = ($index, $item) => $item.type;
 function ProfileViewToggleComponent_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 2);
@@ -89323,7 +89543,7 @@ class ProfileViewToggleComponent {
     static { this.ɵfac = function ProfileViewToggleComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileViewToggleComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileViewToggleComponent, selectors: [["symphiq-profile-view-toggle"]], inputs: { viewMode: [1, "viewMode"], currentView: [1, "currentView"], options: [1, "options"] }, outputs: { viewChanged: "viewChanged" }, decls: 3, vars: 1, consts: [[1, "inline-flex", "gap-2", "rounded-lg", "p-1", 3, "ngClass"], ["type", "button", 1, "px-6", "py-2.5", "rounded-md", "font-medium", "text-sm", "transition-all", "duration-300", "ease-in-out", 3, "ngClass"], ["type", "button", 1, "px-6", "py-2.5", "rounded-md", "font-medium", "text-sm", "transition-all", "duration-300", "ease-in-out", 3, "click", "ngClass"]], template: function ProfileViewToggleComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, ProfileViewToggleComponent_For_2_Template, 2, 2, "button", 1, _forTrack0$h);
+            i0.ɵɵrepeaterCreate(1, ProfileViewToggleComponent_For_2_Template, 2, 2, "button", 1, _forTrack0$i);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
@@ -89360,7 +89580,7 @@ const _c0$d = ["scrollContainer"];
 const _c1$5 = ["stickySentinel"];
 const _c2$4 = ["stickyHeader"];
 const _c3$2 = ["questionTitle"];
-const _forTrack0$g = ($index, $item) => $item.tempId;
+const _forTrack0$h = ($index, $item) => $item.tempId;
 function ProfileQuestionAnswerComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 16);
     i0.ɵɵtext(1);
@@ -89501,7 +89721,7 @@ function ProfileQuestionAnswerComponent_Conditional_26_Conditional_13_Template(r
 function ProfileQuestionAnswerComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 41);
-    i0.ɵɵrepeaterCreate(1, ProfileQuestionAnswerComponent_Conditional_26_For_2_Template, 4, 5, "label", 42, _forTrack0$g);
+    i0.ɵɵrepeaterCreate(1, ProfileQuestionAnswerComponent_Conditional_26_For_2_Template, 4, 5, "label", 42, _forTrack0$h);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 43)(4, "div", 44)(5, "div", 45)(6, "div", 46)(7, "textarea", 47);
     i0.ɵɵtwoWayListener("ngModelChange", function ProfileQuestionAnswerComponent_Conditional_26_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.customAnswerText, $event) || (ctx_r1.customAnswerText = $event); return i0.ɵɵresetView($event); });
@@ -90413,7 +90633,7 @@ class ProfileAnswerAnimationService {
             }]
     }], null, null); })();
 
-const _forTrack0$f = ($index, $item) => $item.answer.id;
+const _forTrack0$g = ($index, $item) => $item.answer.id;
 function ProfileQuestionCardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "span", 15);
     i0.ɵɵtext(2);
@@ -90502,7 +90722,7 @@ function ProfileQuestionCardComponent_Conditional_9_For_2_Template(rf, ctx) { if
 } }
 function ProfileQuestionCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵrepeaterCreate(1, ProfileQuestionCardComponent_Conditional_9_For_2_Template, 6, 11, null, null, _forTrack0$f);
+    i0.ɵɵrepeaterCreate(1, ProfileQuestionCardComponent_Conditional_9_For_2_Template, 6, 11, null, null, _forTrack0$g);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -90930,8 +91150,8 @@ class ProfileQuestionCardComponent {
     }], null, { question: [{ type: i0.Input, args: [{ isSignal: true, alias: "question", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: false }] }], profileAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswers", required: false }] }], profileAnswerHistories: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswerHistories", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], showFocusAreaChips: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFocusAreaChips", required: false }] }], categoryNameFormatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "categoryNameFormatter", required: false }] }], answerClick: [{ type: i0.Output, args: ["answerClick"] }], historyClick: [{ type: i0.Output, args: ["historyClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileQuestionCardComponent, { className: "ProfileQuestionCardComponent", filePath: "lib/components/shared/profile/profile-question-card.component.ts", lineNumber: 175 }); })();
 
-const _forTrack0$e = ($index, $item) => $item.answer.id;
-const _forTrack1$5 = ($index, $item) => $item.history.id;
+const _forTrack0$f = ($index, $item) => $item.answer.id;
+const _forTrack1$4 = ($index, $item) => $item.history.id;
 function ProfileQuestionHistoryComponent_Conditional_16_For_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 20)(1, "span", 21);
     i0.ɵɵtext(2);
@@ -90964,7 +91184,7 @@ function ProfileQuestionHistoryComponent_Conditional_16_Template(rf, ctx) { if (
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "div", 19);
-    i0.ɵɵrepeaterCreate(7, ProfileQuestionHistoryComponent_Conditional_16_For_8_Template, 6, 8, null, null, _forTrack0$e);
+    i0.ɵɵrepeaterCreate(7, ProfileQuestionHistoryComponent_Conditional_16_For_8_Template, 6, 8, null, null, _forTrack0$f);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -91045,7 +91265,7 @@ function ProfileQuestionHistoryComponent_Conditional_23_For_2_Template(rf, ctx)
 } }
 function ProfileQuestionHistoryComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵrepeaterCreate(1, ProfileQuestionHistoryComponent_Conditional_23_For_2_Template, 8, 9, "div", 17, _forTrack1$5);
+    i0.ɵɵrepeaterCreate(1, ProfileQuestionHistoryComponent_Conditional_23_For_2_Template, 8, 9, "div", 17, _forTrack1$4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -91366,7 +91586,7 @@ class ProfileQuestionHistoryComponent {
 const _c0$c = ["modalContent"];
 const _c1$4 = ["modalWrapper"];
 const _c2$3 = ["scrollContainer"];
-const _forTrack0$d = ($index, $item) => $item.id;
+const _forTrack0$e = ($index, $item) => $item.id;
 function ProfileQuestionsModalComponent_Conditional_0_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-profile-question-history", 7);
@@ -91418,7 +91638,7 @@ function ProfileQuestionsModalComponent_Conditional_0_Conditional_6_Conditional_
 } }
 function ProfileQuestionsModalComponent_Conditional_0_Conditional_6_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵrepeaterCreate(1, ProfileQuestionsModalComponent_Conditional_0_Conditional_6_Conditional_18_For_2_Template, 1, 9, "symphiq-profile-question-card", 28, _forTrack0$d);
+    i0.ɵɵrepeaterCreate(1, ProfileQuestionsModalComponent_Conditional_0_Conditional_6_Conditional_18_For_2_Template, 1, 9, "symphiq-profile-question-card", 28, _forTrack0$e);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -92962,8 +93182,8 @@ class ProfileStickyFooterComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], totalQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalQuestions", required: false }] }], answeredQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "answeredQuestions", required: false }] }], buttonConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonConfig", required: false }] }], continueClick: [{ type: i0.Output, args: ["continueClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileStickyFooterComponent, { className: "ProfileStickyFooterComponent", filePath: "lib/components/shared/profile/profile-sticky-footer.component.ts", lineNumber: 48 }); })();
 
-const _forTrack0$c = ($index, $item) => $item.label;
-const _forTrack1$4 = ($index, $item) => $item.title;
+const _forTrack0$d = ($index, $item) => $item.label;
+const _forTrack1$3 = ($index, $item) => $item.title;
 function SubscriptionValuePropositionCardComponent_For_104_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "svg", 71);
@@ -93442,7 +93662,7 @@ class SubscriptionValuePropositionCardComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
             i0.ɵɵelementStart(102, "div", 39);
-            i0.ɵɵrepeaterCreate(103, SubscriptionValuePropositionCardComponent_For_104_Template, 8, 6, "div", 40, _forTrack0$c);
+            i0.ɵɵrepeaterCreate(103, SubscriptionValuePropositionCardComponent_For_104_Template, 8, 6, "div", 40, _forTrack0$d);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(105, "div", 41);
             i0.ɵɵnamespaceSVG();
@@ -93490,7 +93710,7 @@ class SubscriptionValuePropositionCardComponent {
             i0.ɵɵtext(134, " Document what you did, how you did it, and what worked. Symphiq learns from every cycle to suggest smarter next steps. ");
             i0.ɵɵelementEnd()()();
             i0.ɵɵelementStart(135, "div", 52);
-            i0.ɵɵrepeaterCreate(136, SubscriptionValuePropositionCardComponent_For_137_Template, 9, 7, "div", 53, _forTrack1$4);
+            i0.ɵɵrepeaterCreate(136, SubscriptionValuePropositionCardComponent_For_137_Template, 9, 7, "div", 53, _forTrack1$3);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(138, "div", 54)(139, "div", 55);
             i0.ɵɵnamespaceSVG();
@@ -94153,8 +94373,8 @@ const _c2$2 = () => [];
 const _c3$1 = a0 => ({ name: "chevron-right", source: a0 });
 const _c4 = a0 => ({ name: "chevron-down", source: a0 });
 const _c5 = a0 => [a0];
-const _forTrack0$b = ($index, $item) => $item.index;
-const _forTrack1$3 = ($index, $item) => $item.id;
+const _forTrack0$c = ($index, $item) => $item.index;
+const _forTrack1$2 = ($index, $item) => $item.id;
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 29);
@@ -94509,7 +94729,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
     i0.ɵɵtext(2, " Quick Wins ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 85);
-    i0.ɵɵrepeaterCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 86, _forTrack0$b);
+    i0.ɵɵrepeaterCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 86, _forTrack0$c);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -94734,7 +94954,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "section", 61);
-    i0.ɵɵrepeaterCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Template, 9, 16, null, null, _forTrack1$3);
+    i0.ɵɵrepeaterCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Template, 9, 16, null, null, _forTrack1$2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
@@ -97519,7 +97739,7 @@ class ProfileProgressIndicatorComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], questionsAnswered: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionsAnswered", required: false }] }], totalQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalQuestions", required: false }] }], progressPercent: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressPercent", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileProgressIndicatorComponent, { className: "ProfileProgressIndicatorComponent", filePath: "lib/components/shared/profile-progress-indicator.component.ts", lineNumber: 36 }); })();
 
-const _forTrack0$a = ($index, $item) => $item.card.id;
+const _forTrack0$b = ($index, $item) => $item.card.id;
 function ProfileAnalysisCardGridComponent_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
     i0.ɵɵtext(1);
@@ -97787,7 +98007,7 @@ function ProfileAnalysisCardGridComponent_Conditional_3_Template(rf, ctx) { if (
     i0.ɵɵelement(5, "div", 41);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "div", 43);
-    i0.ɵɵrepeaterCreate(7, ProfileAnalysisCardGridComponent_Conditional_3_For_8_Template, 12, 12, "div", 1, _forTrack0$a);
+    i0.ɵɵrepeaterCreate(7, ProfileAnalysisCardGridComponent_Conditional_3_For_8_Template, 12, 12, "div", 1, _forTrack0$b);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -97883,7 +98103,7 @@ class ProfileAnalysisCardGridComponent {
     static { this.ɵfac = function ProfileAnalysisCardGridComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileAnalysisCardGridComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileAnalysisCardGridComponent, selectors: [["symphiq-profile-analysis-card-grid"]], inputs: { viewMode: [1, "viewMode"], cards: [1, "cards"], config: [1, "config"] }, outputs: { cardClick: "cardClick" }, decls: 4, vars: 1, consts: [[1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [1, "p-6", "flex-1"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-red-100", "dark:bg-red-900/30", "text-red-700", "dark:text-red-400", "flex", "items-center", "gap-1.5", "animate-alert-pulse"], [1, "px-3", "py-1", "bg-emerald-100", "dark:bg-emerald-900/40", "text-emerald-700", "dark:text-emerald-400", "text-xs", "font-semibold", "rounded-full", "flex", "items-center", "gap-1.5", "border", "border-emerald-300/50", "dark:border-emerald-500/30", "shadow-sm"], ["tooltipPosition", "bottom", 3, "libSymphiqTooltip"], [1, "mt-3", "mb-4"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "cursor-pointer", "mt-4"], [1, "px-6", "pb-4"], [1, "w-2", "h-2", "rounded-full", "bg-red-500", "animate-slow-pulse"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3.5", "h-3.5"], ["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, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "cursor-pointer", "mt-4", 3, "click"], [3, "viewMode", "questionsAnswered", "totalQuestions", "progressPercent", "status", "label"], [3, "itemStatus", "viewMode", "compact", "compactTitle"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse", 3, "click"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-semibold", "text-white", "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "animate-pulse"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-white/90", "group-hover:translate-x-1", "transition-transform"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "hover:text-blue-500", "dark:hover:text-blue-400", "hover:translate-x-1", "transition-all"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"]], template: function ProfileAnalysisCardGridComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, ProfileAnalysisCardGridComponent_For_2_Template, 19, 17, "div", 1, _forTrack0$a);
+            i0.ɵɵrepeaterCreate(1, ProfileAnalysisCardGridComponent_For_2_Template, 19, 17, "div", 1, _forTrack0$b);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(3, ProfileAnalysisCardGridComponent_Conditional_3_Template, 9, 4, "div", 2);
         } if (rf & 2) {
@@ -99344,7 +99564,7 @@ class FocusAreaWelcomeBannerComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaWelcomeBannerComponent, { className: "FocusAreaWelcomeBannerComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/focus-area-welcome-banner.component.ts", lineNumber: 63 }); })();
 
 const _c0$8 = ["funnelModalComponent"];
-const _forTrack0$9 = ($index, $item) => $item.id;
+const _forTrack0$a = ($index, $item) => $item.id;
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-loading-card", 23);
 } if (rf & 2) {
@@ -99520,7 +99740,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "section", 31);
-    i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Template, 9, 15, null, null, _forTrack0$9);
+    i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Template, 9, 15, null, null, _forTrack0$a);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
@@ -100551,63 +100771,82 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber: 482 }); })();
 
-const _forTrack0$8 = ($index, $item) => $item.analysisId;
+const _forTrack0$9 = ($index, $item) => $item.analysisId;
 function UnifiedGoalCardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p", 18);
-    i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_10_Template_p_click_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(0, "p", 8);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.descriptionClasses())("libSymphiqTooltip", ctx_r1.goal().description);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.descriptionClasses())("libSymphiqTooltip", ctx_r0.goal().description);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.goal().description);
+    i0.ɵɵtextInterpolate(ctx_r0.goal().description);
 } }
 function UnifiedGoalCardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵelement(1, "symphiq-roadmap-metrics", 19);
+    i0.ɵɵelement(1, "symphiq-roadmap-metrics", 16);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("metrics", ctx_r1.roadmapMetrics())("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("metrics", ctx_r0.roadmapMetrics())("viewMode", ctx_r0.viewMode());
 } }
 function UnifiedGoalCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-priority-badge", 11);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("priority", ctx_r1.goal().priority)("viewMode", ctx_r1.viewMode());
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("priority", ctx_r0.goal().priority)("viewMode", ctx_r0.viewMode());
 } }
 function UnifiedGoalCardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-timeframe-badge", 12);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("timeframe", ctx_r1.goal().timeframe)("viewMode", ctx_r1.viewMode());
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("timeframe", ctx_r0.goal().timeframe)("viewMode", ctx_r0.viewMode());
+} }
+function UnifiedGoalCardComponent_Conditional_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17)(1, "span", 21);
+    i0.ɵɵtext(2, "Source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 22);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 22);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.sourceLabelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.sourceChipClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" ", ctx_r0.sourceCounts().analyses, " ", ctx_r0.sourceCounts().analyses === 1 ? "Analysis" : "Analyses", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.sourceChipClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" ", ctx_r0.sourceCounts().goals, " ", ctx_r0.sourceCounts().goals === 1 ? "Goal" : "Goals", " ");
 } }
-function UnifiedGoalCardComponent_Conditional_15_For_2_Case_1_Template(rf, ctx) { if (rf & 1) {
+function UnifiedGoalCardComponent_Conditional_15_For_3_Case_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "svg", 23);
     i0.ɵɵelement(1, "path", 26);
     i0.ɵɵelementEnd();
 } }
-function UnifiedGoalCardComponent_Conditional_15_For_2_Case_2_Template(rf, ctx) { if (rf & 1) {
+function UnifiedGoalCardComponent_Conditional_15_For_3_Case_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "svg", 23);
     i0.ɵɵelement(1, "path", 27);
     i0.ɵɵelementEnd();
 } }
-function UnifiedGoalCardComponent_Conditional_15_For_2_Case_3_Template(rf, ctx) { if (rf & 1) {
+function UnifiedGoalCardComponent_Conditional_15_For_3_Case_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "svg", 23);
     i0.ɵɵelement(1, "path", 28);
     i0.ɵɵelementEnd();
 } }
-function UnifiedGoalCardComponent_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 22);
-    i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_15_For_2_Template_button_click_0_listener($event) { const source_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSourceBadgeClick($event, source_r4)); });
-    i0.ɵɵconditionalCreate(1, UnifiedGoalCardComponent_Conditional_15_For_2_Case_1_Template, 2, 0, ":svg:svg", 23)(2, UnifiedGoalCardComponent_Conditional_15_For_2_Case_2_Template, 2, 0, ":svg:svg", 23)(3, UnifiedGoalCardComponent_Conditional_15_For_2_Case_3_Template, 2, 0, ":svg:svg", 23);
+function UnifiedGoalCardComponent_Conditional_15_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵconditionalCreate(1, UnifiedGoalCardComponent_Conditional_15_For_3_Case_1_Template, 2, 0, ":svg:svg", 23)(2, UnifiedGoalCardComponent_Conditional_15_For_3_Case_2_Template, 2, 0, ":svg:svg", 23)(3, UnifiedGoalCardComponent_Conditional_15_For_3_Case_3_Template, 2, 0, ":svg:svg", 23);
     i0.ɵɵelementStart(4, "span", 24);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
@@ -100616,45 +100855,48 @@ function UnifiedGoalCardComponent_Conditional_15_For_2_Template(rf, ctx) { if (r
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_12_0;
-    const source_r4 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.getSourceBadgeClasses(source_r4.analysisType));
+    const source_r2 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.getSourceBadgeClasses(source_r2.analysisType));
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_12_0 = source_r4.analysisType) === ctx_r1.ProfileAnalysisTypeEnum.SHOP ? 1 : tmp_12_0 === ctx_r1.ProfileAnalysisTypeEnum.FOCUS_AREA ? 2 : tmp_12_0 === ctx_r1.ProfileAnalysisTypeEnum.METRIC ? 3 : -1);
+    i0.ɵɵconditional((tmp_12_0 = source_r2.analysisType) === ctx_r0.ProfileAnalysisTypeEnum.SHOP ? 1 : tmp_12_0 === ctx_r0.ProfileAnalysisTypeEnum.FOCUS_AREA ? 2 : tmp_12_0 === ctx_r0.ProfileAnalysisTypeEnum.METRIC ? 3 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(source_r4.sourceGoalTitle);
+    i0.ɵɵtextInterpolate(source_r2.sourceGoalTitle);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", ((source_r4.contributionWeight ?? 0) * 100).toFixed(0), "%");
+    i0.ɵɵtextInterpolate1("", ((source_r2.contributionWeight ?? 0) * 100).toFixed(0), "%");
 } }
-function UnifiedGoalCardComponent_Conditional_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 21);
+function UnifiedGoalCardComponent_Conditional_15_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 20);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_3_0;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.moreBadgeClasses());
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.moreBadgeClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" +", (((tmp_3_0 = ctx_r1.goal()) == null ? null : tmp_3_0.sourceAnalyses == null ? null : tmp_3_0.sourceAnalyses.length) ?? 0) - 3, " more ");
+    i0.ɵɵtextInterpolate1(" +", (((tmp_3_0 = ctx_r0.goal()) == null ? null : tmp_3_0.sourceAnalyses == null ? null : tmp_3_0.sourceAnalyses.length) ?? 0) - 3, " more ");
 } }
 function UnifiedGoalCardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13);
-    i0.ɵɵrepeaterCreate(1, UnifiedGoalCardComponent_Conditional_15_For_2_Template, 8, 4, "button", 20, _forTrack0$8);
-    i0.ɵɵconditionalCreate(3, UnifiedGoalCardComponent_Conditional_15_Conditional_3_Template, 2, 2, "span", 21);
+    i0.ɵɵconditionalCreate(0, UnifiedGoalCardComponent_Conditional_15_Conditional_0_Template, 7, 7, "div", 17);
+    i0.ɵɵelementStart(1, "div", 18);
+    i0.ɵɵrepeaterCreate(2, UnifiedGoalCardComponent_Conditional_15_For_3_Template, 8, 4, "div", 19, _forTrack0$9);
+    i0.ɵɵconditionalCreate(4, UnifiedGoalCardComponent_Conditional_15_Conditional_4_Template, 2, 2, "span", 20);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_3_0;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.borderClasses());
+    let tmp_4_0;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.sourceCounts().analyses > 0 || ctx_r0.sourceCounts().goals > 0 ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.borderClasses());
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.displayedSources());
+    i0.ɵɵrepeater(ctx_r0.displayedSources());
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional((((tmp_3_0 = ctx_r1.goal()) == null ? null : tmp_3_0.sourceAnalyses == null ? null : tmp_3_0.sourceAnalyses.length) ?? 0) > 3 ? 3 : -1);
+    i0.ɵɵconditional((((tmp_4_0 = ctx_r0.goal()) == null ? null : tmp_4_0.sourceAnalyses == null ? null : tmp_4_0.sourceAnalyses.length) ?? 0) > 3 ? 4 : -1);
 } }
 function UnifiedGoalCardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 29);
-    i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_16_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRelatedMetricsButtonClick($event)); });
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_16_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onRelatedMetricsButtonClick($event)); });
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 30);
     i0.ɵɵelement(2, "path", 28);
@@ -100662,33 +100904,26 @@ function UnifiedGoalCardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.relatedMetricsButtonClasses());
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.relatedMetricsButtonClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.goal().contributingMetrics.length, " Related Metrics ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.goal().contributingMetrics.length, " Related Metrics ");
 } }
 function UnifiedGoalCardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15)(1, "span", 31);
-    i0.ɵɵtext(2, "Source");
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_17_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onRelatedFocusAreasButtonClick($event)); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 30);
+    i0.ɵɵelement(2, "path", 27);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 32);
-    i0.ɵɵtext(4);
+    i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 32);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.sourceLabelClasses());
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.sourceChipClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" ", ctx_r1.sourceCounts().analyses, " ", ctx_r1.sourceCounts().analyses === 1 ? "Analysis" : "Analyses", " ");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.sourceChipClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" ", ctx_r1.sourceCounts().goals, " ", ctx_r1.sourceCounts().goals === 1 ? "Goal" : "Goals", " ");
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.relatedFocusAreasButtonClasses());
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.goal().contributingFocusAreaDomains.length, " Related Focus Areas ");
 } }
 class UnifiedGoalCardComponent {
     constructor() {
@@ -100697,6 +100932,7 @@ class UnifiedGoalCardComponent {
         this.goalClick = output();
         this.sourceBadgeClick = output();
         this.relatedMetricsClick = output();
+        this.relatedFocusAreasClick = output();
         this.learnMoreClick = output();
         this.ProfileAnalysisTypeEnum = ProfileAnalysisTypeEnum;
         this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
@@ -100777,6 +101013,12 @@ class UnifiedGoalCardComponent {
             }
             return 'bg-blue-50 hover:bg-blue-100 border border-blue-200 text-blue-700';
         }, ...(ngDevMode ? [{ debugName: "relatedMetricsButtonClasses" }] : []));
+        this.relatedFocusAreasButtonClasses = computed(() => {
+            if (this.isDark()) {
+                return 'bg-amber-900/30 hover:bg-amber-900/50 border border-amber-700/50 text-amber-300';
+            }
+            return 'bg-amber-50 hover:bg-amber-100 border border-amber-200 text-amber-700';
+        }, ...(ngDevMode ? [{ debugName: "relatedFocusAreasButtonClasses" }] : []));
         this.sourceLabelClasses = computed(() => {
             return this.isDark() ? 'text-slate-400' : 'text-slate-500';
         }, ...(ngDevMode ? [{ debugName: "sourceLabelClasses" }] : []));
@@ -100831,6 +101073,13 @@ class UnifiedGoalCardComponent {
             this.relatedMetricsClick.emit(g);
         }
     }
+    onRelatedFocusAreasButtonClick(event) {
+        event.stopPropagation();
+        const g = this.goal();
+        if (g) {
+            this.relatedFocusAreasClick.emit(g);
+        }
+    }
     onLearnMoreClick() {
         const g = this.goal();
         if (g) {
@@ -100838,7 +101087,7 @@ class UnifiedGoalCardComponent {
         }
     }
     static { this.ɵfac = function UnifiedGoalCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedGoalCardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalCardComponent, selectors: [["symphiq-unified-goal-card"]], inputs: { goal: [1, "goal"], viewMode: [1, "viewMode"] }, outputs: { goalClick: "goalClick", sourceBadgeClick: "sourceBadgeClick", relatedMetricsClick: "relatedMetricsClick", learnMoreClick: "learnMoreClick" }, decls: 20, vars: 15, consts: [[1, "rounded-2xl", "p-6", "shadow-lg", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.02]", "hover:shadow-xl", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-4", "mb-2"], [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, "flex-1", "min-w-0"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "font-semibold", "text-lg", "line-clamp-2", 3, "ngClass"], [1, "text-sm", "mb-4", "line-clamp-3", "cursor-help", 3, "ngClass", "libSymphiqTooltip"], [1, "mb-4"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "mb-4"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], [1, "flex", "flex-wrap", "gap-2", "pt-4", "border-t", 3, "ngClass"], ["type", "button", 1, "mt-4", "w-full", "flex", "items-center", "justify-center", "gap-2", "px-4", "py-2", "rounded-lg", "text-sm", "font-medium", "transition-all", "hover:scale-[1.02]", 3, "ngClass"], [1, "mt-4", "flex", "items-center", "gap-2", "flex-wrap"], [1, "mt-4"], [3, "buttonClick", "viewMode", "variant", "label"], [1, "text-sm", "mb-4", "line-clamp-3", "cursor-help", 3, "click", "ngClass", "libSymphiqTooltip"], [3, "metrics", "viewMode"], ["type", "button", 1, "inline-flex", "items-center", "gap-1", "px-2", "py-1", "rounded-full", "text-xs", "font-medium", "transition-all", "hover:scale-105", 3, "ngClass"], [1, "px-2", "py-1", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], ["type", "button", 1, "inline-flex", "items-center", "gap-1", "px-2", "py-1", "rounded-full", "text-xs", "font-medium", "transition-all", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], [1, "truncate", "max-w-[80px]"], [1, "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"], ["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"], ["type", "button", 1, "mt-4", "w-full", "flex", "items-center", "justify-center", "gap-2", "px-4", "py-2", "rounded-lg", "text-sm", "font-medium", "transition-all", "hover:scale-[1.02]", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "inline-flex", "items-center", "gap-1", "px-2", "py-1", "rounded-full", "text-xs", "font-medium", 3, "ngClass"]], template: function UnifiedGoalCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalCardComponent, selectors: [["symphiq-unified-goal-card"]], inputs: { goal: [1, "goal"], viewMode: [1, "viewMode"] }, outputs: { goalClick: "goalClick", sourceBadgeClick: "sourceBadgeClick", relatedMetricsClick: "relatedMetricsClick", relatedFocusAreasClick: "relatedFocusAreasClick", learnMoreClick: "learnMoreClick" }, decls: 20, vars: 15, consts: [[1, "rounded-2xl", "p-6", "shadow-lg", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.02]", "hover:shadow-xl", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-4", "mb-2"], [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, "flex-1", "min-w-0"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "font-semibold", "text-lg", "line-clamp-2", 3, "ngClass"], [1, "text-sm", "mb-4", "line-clamp-3", "cursor-help", 3, "ngClass", "libSymphiqTooltip"], [1, "mb-4"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "mb-4"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], [1, "mt-4", "w-full", "flex", "items-center", "justify-center", "gap-2", "px-4", "py-2", "rounded-lg", "text-sm", "font-medium", "transition-all", "hover:scale-[1.02]", 3, "ngClass"], [1, "mt-4"], [3, "buttonClick", "viewMode", "variant", "label"], [3, "metrics", "viewMode"], [1, "mt-4", "flex", "items-center", "gap-2", "flex-wrap"], [1, "flex", "flex-wrap", "gap-2", "pt-4", "border-t", 3, "ngClass"], [1, "inline-flex", "items-center", "gap-1", "px-2", "py-1", "rounded-full", "text-xs", "font-medium", "transition-all", "hover:scale-105", 3, "ngClass"], [1, "px-2", "py-1", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "inline-flex", "items-center", "gap-1", "px-2", "py-1", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], [1, "truncate", "max-w-[80px]"], [1, "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"], ["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, "mt-4", "w-full", "flex", "items-center", "justify-center", "gap-2", "px-4", "py-2", "rounded-lg", "text-sm", "font-medium", "transition-all", "hover:scale-[1.02]", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"]], template: function UnifiedGoalCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Template_div_click_0_listener() { return ctx.onCardClick(); });
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
@@ -100859,10 +101108,10 @@ class UnifiedGoalCardComponent {
             i0.ɵɵconditionalCreate(13, UnifiedGoalCardComponent_Conditional_13_Template, 1, 2, "symphiq-priority-badge", 11);
             i0.ɵɵconditionalCreate(14, UnifiedGoalCardComponent_Conditional_14_Template, 1, 2, "symphiq-timeframe-badge", 12);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(15, UnifiedGoalCardComponent_Conditional_15_Template, 4, 2, "div", 13);
-            i0.ɵɵconditionalCreate(16, UnifiedGoalCardComponent_Conditional_16_Template, 4, 2, "button", 14);
-            i0.ɵɵconditionalCreate(17, UnifiedGoalCardComponent_Conditional_17_Template, 7, 7, "div", 15);
-            i0.ɵɵelementStart(18, "div", 16)(19, "symphiq-learn-more-button", 17);
+            i0.ɵɵconditionalCreate(15, UnifiedGoalCardComponent_Conditional_15_Template, 5, 3);
+            i0.ɵɵconditionalCreate(16, UnifiedGoalCardComponent_Conditional_16_Template, 4, 2, "div", 13);
+            i0.ɵɵconditionalCreate(17, UnifiedGoalCardComponent_Conditional_17_Template, 4, 2, "div", 13);
+            i0.ɵɵelementStart(18, "div", 14)(19, "symphiq-learn-more-button", 15);
             i0.ɵɵlistener("buttonClick", function UnifiedGoalCardComponent_Template_symphiq_learn_more_button_buttonClick_19_listener() { return ctx.onLearnMoreClick(); });
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
@@ -100872,6 +101121,7 @@ class UnifiedGoalCardComponent {
             let tmp_8_0;
             let tmp_9_0;
             let tmp_10_0;
+            let tmp_11_0;
             i0.ɵɵproperty("ngClass", ctx.cardClasses());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
@@ -100894,7 +101144,7 @@ class UnifiedGoalCardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(((tmp_10_0 = ctx.goal()) == null ? null : tmp_10_0.contributingMetrics) && (((tmp_10_0 = ctx.goal().contributingMetrics) == null ? null : tmp_10_0.length) ?? 0) > 0 ? 16 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.sourceCounts().analyses > 0 || ctx.sourceCounts().goals > 0 ? 17 : -1);
+            i0.ɵɵconditional(((tmp_11_0 = ctx.goal()) == null ? null : tmp_11_0.contributingFocusAreaDomains) && (((tmp_11_0 = ctx.goal().contributingFocusAreaDomains) == null ? null : tmp_11_0.length) ?? 0) > 0 ? 17 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("viewMode", ctx.viewMode())("variant", "button")("label", "Learn More");
         } }, dependencies: [CommonModule, i1$1.NgClass, PriorityBadgeComponent,
@@ -100919,9 +101169,9 @@ class UnifiedGoalCardComponent {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <div
-      [ngClass]="cardClasses()"
-      class="rounded-2xl p-6 shadow-lg cursor-pointer transition-all duration-200 hover:scale-[1.02] hover:shadow-xl"
-      (click)="onCardClick()">
+        [ngClass]="cardClasses()"
+        class="rounded-2xl p-6 shadow-lg cursor-pointer transition-all duration-200 hover:scale-[1.02] hover:shadow-xl"
+        (click)="onCardClick()">
       <div class="flex items-start gap-4 mb-2">
         <div [ngClass]="iconContainerClasses()">
           <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -100938,14 +101188,15 @@ class UnifiedGoalCardComponent {
       </div>
 
       @if (goal()?.description) {
-        <p [ngClass]="descriptionClasses()" class="text-sm mb-4 line-clamp-3 cursor-help" [libSymphiqTooltip]="goal()!.description" (click)="$event.stopPropagation()">{{ goal()!.description }}</p>
+        <p [ngClass]="descriptionClasses()" class="text-sm mb-4 line-clamp-3 cursor-help"
+           [libSymphiqTooltip]="goal()!.description">{{ goal()!.description }}</p>
       }
 
       @if (roadmapMetrics().length > 0) {
         <div class="mb-4">
           <symphiq-roadmap-metrics
-            [metrics]="roadmapMetrics()"
-            [viewMode]="viewMode()"
+              [metrics]="roadmapMetrics()"
+              [viewMode]="viewMode()"
           />
         </div>
       }
@@ -100953,46 +101204,61 @@ class UnifiedGoalCardComponent {
       <div class="flex flex-wrap items-center justify-between gap-3 mb-4">
         @if (goal()?.priority) {
           <symphiq-priority-badge
-            [priority]="goal()!.priority"
-            [viewMode]="viewMode()"
+              [priority]="goal()!.priority"
+              [viewMode]="viewMode()"
           />
         }
         @if (goal()?.timeframe) {
           <symphiq-timeframe-badge
-            [timeframe]="goal()!.timeframe"
-            [viewMode]="viewMode()"
+              [timeframe]="goal()!.timeframe"
+              [viewMode]="viewMode()"
           />
         }
       </div>
 
       @if ((goal()?.sourceAnalyses?.length ?? 0) > 0) {
+        @if (sourceCounts().analyses > 0 || sourceCounts().goals > 0) {
+          <div class="mt-4 flex items-center gap-2 flex-wrap">
+            <span [ngClass]="sourceLabelClasses()" class="text-xs font-semibold uppercase tracking-wider">Source</span>
+            <span [ngClass]="sourceChipClasses()"
+                  class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium">
+            {{ sourceCounts().analyses }} {{ sourceCounts().analyses === 1 ? 'Analysis' : 'Analyses' }}
+          </span>
+            <span [ngClass]="sourceChipClasses()"
+                  class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium">
+            {{ sourceCounts().goals }} {{ sourceCounts().goals === 1 ? 'Goal' : 'Goals' }}
+          </span>
+          </div>
+        }
         <div class="flex flex-wrap gap-2 pt-4 border-t" [ngClass]="borderClasses()">
           @for (source of displayedSources(); track source.analysisId) {
-            <button
-              type="button"
-              [ngClass]="getSourceBadgeClasses(source.analysisType)"
-              class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium transition-all hover:scale-105"
-              (click)="onSourceBadgeClick($event, source)">
+            <div
+                [ngClass]="getSourceBadgeClasses(source.analysisType)"
+                class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium transition-all hover:scale-105"
+            >
               @switch (source.analysisType) {
                 @case (ProfileAnalysisTypeEnum.SHOP) {
                   <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="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                          d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
                   </svg>
                 }
                 @case (ProfileAnalysisTypeEnum.FOCUS_AREA) {
                   <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="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path>
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                          d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path>
                   </svg>
                 }
                 @case (ProfileAnalysisTypeEnum.METRIC) {
                   <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="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"></path>
+                    <path 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"></path>
                   </svg>
                 }
               }
               <span class="truncate max-w-[80px]">{{ source.sourceGoalTitle }}</span>
               <span class="opacity-60">{{ ((source.contributionWeight ?? 0) * 100).toFixed(0) }}%</span>
-            </button>
+            </div>
           }
           @if ((goal()?.sourceAnalyses?.length ?? 0) > 3) {
             <span [ngClass]="moreBadgeClasses()" class="px-2 py-1 rounded-full text-xs font-medium">
@@ -101003,362 +101269,167 @@ class UnifiedGoalCardComponent {
       }
 
       @if (goal()?.contributingMetrics && (goal()!.contributingMetrics?.length ?? 0) > 0) {
-        <button
-          type="button"
-          [ngClass]="relatedMetricsButtonClasses()"
-          class="mt-4 w-full flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-all hover:scale-[1.02]"
-          (click)="onRelatedMetricsButtonClick($event)">
+        <div
+            [ngClass]="relatedMetricsButtonClasses()"
+            class="mt-4 w-full flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-all hover:scale-[1.02]"
+            (click)="onRelatedMetricsButtonClick($event)">
           <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 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"></path>
+            <path 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"></path>
           </svg>
           {{ goal()!.contributingMetrics!.length }} Related Metrics
-        </button>
+        </div>
       }
 
-      @if (sourceCounts().analyses > 0 || sourceCounts().goals > 0) {
-        <div class="mt-4 flex items-center gap-2 flex-wrap">
-          <span [ngClass]="sourceLabelClasses()" class="text-xs font-semibold uppercase tracking-wider">Source</span>
-          <span [ngClass]="sourceChipClasses()" class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium">
-            {{ sourceCounts().analyses }} {{ sourceCounts().analyses === 1 ? 'Analysis' : 'Analyses' }}
-          </span>
-          <span [ngClass]="sourceChipClasses()" class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium">
-            {{ sourceCounts().goals }} {{ sourceCounts().goals === 1 ? 'Goal' : 'Goals' }}
-          </span>
+      @if (goal()?.contributingFocusAreaDomains && (goal()!.contributingFocusAreaDomains?.length ?? 0) > 0) {
+        <div
+            [ngClass]="relatedFocusAreasButtonClasses()"
+            class="mt-4 w-full flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-all hover:scale-[1.02]"
+            (click)="onRelatedFocusAreasButtonClick($event)">
+          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                  d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path>
+          </svg>
+          {{ goal()!.contributingFocusAreaDomains!.length }} Related Focus Areas
         </div>
       }
 
       <div class="mt-4">
         <symphiq-learn-more-button
-          [viewMode]="viewMode()"
-          [variant]="'button'"
-          [label]="'Learn More'"
-          (buttonClick)="onLearnMoreClick()"
+            [viewMode]="viewMode()"
+            [variant]="'button'"
+            [label]="'Learn More'"
+            (buttonClick)="onLearnMoreClick()"
         />
       </div>
     </div>
   `
             }]
-    }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], goalClick: [{ type: i0.Output, args: ["goalClick"] }], sourceBadgeClick: [{ type: i0.Output, args: ["sourceBadgeClick"] }], relatedMetricsClick: [{ type: i0.Output, args: ["relatedMetricsClick"] }], learnMoreClick: [{ type: i0.Output, args: ["learnMoreClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalCardComponent, { className: "UnifiedGoalCardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-goal-card.component.ts", lineNumber: 144 }); })();
+    }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], goalClick: [{ type: i0.Output, args: ["goalClick"] }], sourceBadgeClick: [{ type: i0.Output, args: ["sourceBadgeClick"] }], relatedMetricsClick: [{ type: i0.Output, args: ["relatedMetricsClick"] }], relatedFocusAreasClick: [{ type: i0.Output, args: ["relatedFocusAreasClick"] }], learnMoreClick: [{ type: i0.Output, args: ["learnMoreClick"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalCardComponent, { className: "UnifiedGoalCardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-goal-card.component.ts", lineNumber: 161 }); })();
 
-const _forTrack0$7 = ($index, $item) => $item.analysisId;
-const _forTrack1$2 = ($index, $item) => $item.id || $index;
-const _forTrack2$1 = ($index, $item) => $item.metric;
-function UnifiedGoalDetailModalContentComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 3);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.descriptionClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.goal().description, " ");
-} }
-function UnifiedGoalDetailModalContentComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
-    i0.ɵɵtext(1);
+const _forTrack0$8 = ($index, $item) => $item.analysisId;
+function SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelement(1, "div", 16);
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.priorityBadgeClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.goal().priority, " Priority ");
 } }
-function UnifiedGoalDetailModalContentComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6);
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 8);
-    i0.ɵɵelement(2, "path", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.timeframeBadgeClasses());
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.goal().timeframe, " ");
-} }
-function UnifiedGoalDetailModalContentComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7)(1, "h4", 10);
+function SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 11);
-    i0.ɵɵelement(3, "path", 12);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(4, " Expected Impact ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(5, "p", 13);
-    i0.ɵɵtext(6);
+    i0.ɵɵelementStart(1, "svg", 17);
+    i0.ɵɵelement(2, "path", 18);
     i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.sectionCardClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.goal().expectedImpact, " ");
 } }
-function UnifiedGoalDetailModalContentComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7)(1, "h4", 10);
+function SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Case_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 11);
-    i0.ɵɵelement(3, "path", 14);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(4, " Synthesis Confidence ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(5, "div", 15)(6, "div", 16);
-    i0.ɵɵelement(7, "div", 17);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 18);
-    i0.ɵɵtext(9);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.sectionCardClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngClass", ctx_r0.progressBarBgClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵstyleProp("width", (ctx_r0.goal().synthesisConfidenceScore || 0) * 100, "%");
-    i0.ɵɵproperty("ngClass", ctx_r0.progressBarFillClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ((ctx_r0.goal().synthesisConfidenceScore || 0) * 100).toFixed(0), "% ");
-} }
-function UnifiedGoalDetailModalContentComponent_Conditional_9_For_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 24);
-    i0.ɵɵelement(1, "div", 32);
+    i0.ɵɵelementStart(0, "svg", 2);
+    i0.ɵɵelement(1, "path", 19);
     i0.ɵɵelementEnd();
 } }
-function UnifiedGoalDetailModalContentComponent_Conditional_9_For_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25);
+function SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Case_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 33);
-    i0.ɵɵelement(2, "path", 34);
-    i0.ɵɵelementEnd()();
-} }
-function UnifiedGoalDetailModalContentComponent_Conditional_9_For_7_Case_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 11);
-    i0.ɵɵelement(1, "path", 35);
+    i0.ɵɵelementStart(0, "svg", 2);
+    i0.ɵɵelement(1, "path", 20);
     i0.ɵɵelementEnd();
 } }
-function UnifiedGoalDetailModalContentComponent_Conditional_9_For_7_Case_6_Template(rf, ctx) { if (rf & 1) {
+function SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Case_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 11);
-    i0.ɵɵelement(1, "path", 36);
+    i0.ɵɵelementStart(0, "svg", 2);
+    i0.ɵɵelement(1, "path", 21);
     i0.ɵɵelementEnd();
 } }
-function UnifiedGoalDetailModalContentComponent_Conditional_9_For_7_Case_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 11);
-    i0.ɵɵelement(1, "path", 37);
+function SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const source_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r2.sourceTitleClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", source_r2.sourceTypeTitle, " ");
 } }
-function UnifiedGoalDetailModalContentComponent_Conditional_9_For_7_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 23);
-    i0.ɵɵlistener("click", function UnifiedGoalDetailModalContentComponent_Conditional_9_For_7_Template_button_click_0_listener() { const source_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSourceAnalysisClick(source_r3)); });
-    i0.ɵɵconditionalCreate(1, UnifiedGoalDetailModalContentComponent_Conditional_9_For_7_Conditional_1_Template, 2, 0, "div", 24);
-    i0.ɵɵconditionalCreate(2, UnifiedGoalDetailModalContentComponent_Conditional_9_For_7_Conditional_2_Template, 3, 0, "div", 25);
-    i0.ɵɵelementStart(3, "div", 26)(4, "div", 27);
-    i0.ɵɵconditionalCreate(5, UnifiedGoalDetailModalContentComponent_Conditional_9_For_7_Case_5_Template, 2, 0, ":svg:svg", 11)(6, UnifiedGoalDetailModalContentComponent_Conditional_9_For_7_Case_6_Template, 2, 0, ":svg:svg", 11)(7, UnifiedGoalDetailModalContentComponent_Conditional_9_For_7_Case_7_Template, 2, 0, ":svg:svg", 11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 28)(9, "div", 29);
+function SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵlistener("click", function SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Template_button_click_0_listener() { const source_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onSourceAnalysisClick(source_r2)); });
+    i0.ɵɵconditionalCreate(1, SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Conditional_1_Template, 2, 0, "div", 7);
+    i0.ɵɵconditionalCreate(2, SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Conditional_2_Template, 3, 0, "div", 8);
+    i0.ɵɵelementStart(3, "div", 9)(4, "div", 10);
+    i0.ɵɵconditionalCreate(5, SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Case_5_Template, 2, 0, ":svg:svg", 2)(6, SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Case_6_Template, 2, 0, ":svg:svg", 2)(7, SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Case_7_Template, 2, 0, ":svg:svg", 2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 11)(9, "div", 12);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 30);
-    i0.ɵɵtext(12);
+    i0.ɵɵconditionalCreate(11, SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Conditional_11_Template, 2, 2, "div", 13);
+    i0.ɵɵelementStart(12, "div", 14);
+    i0.ɵɵtext(13);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 31);
-    i0.ɵɵtext(14);
+    i0.ɵɵelementStart(14, "div", 15);
+    i0.ɵɵtext(15);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     let tmp_15_0;
-    const source_r3 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.sourceCardClasses()(source_r3));
+    const source_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r2.sourceCardClasses()(source_r2));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.loadingSourceAnalysisId() === source_r3.analysisId ? 1 : -1);
+    i0.ɵɵconditional(ctx_r2.loadingSourceAnalysisId() === source_r2.analysisId ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(source_r3.analysisId !== undefined && ctx_r0.loadedSourceAnalysisIds().includes(source_r3.analysisId) ? 2 : -1);
+    i0.ɵɵconditional(source_r2.analysisId !== undefined && ctx_r2.loadedSourceAnalysisIds().includes(source_r2.analysisId) ? 2 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.sourceIconClasses()(source_r3));
+    i0.ɵɵproperty("ngClass", ctx_r2.sourceIconClasses()(source_r2));
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_15_0 = source_r3.analysisType) === "SHOP" ? 5 : tmp_15_0 === "FOCUS_AREA" ? 6 : tmp_15_0 === "METRIC" ? 7 : -1);
+    i0.ɵɵconditional((tmp_15_0 = source_r2.analysisType) === "SHOP" ? 5 : tmp_15_0 === "FOCUS_AREA" ? 6 : tmp_15_0 === "METRIC" ? 7 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngClass", ctx_r0.sourceTypeClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.getAnalysisTypeLabel(source_r3.analysisType ?? ""), " ");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.sourceTitleClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", source_r3.sourceGoalTitle, " ");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.sourceWeightClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ((source_r3.contributionWeight ?? 0) * 100).toFixed(0), "% contribution ");
-} }
-function UnifiedGoalDetailModalContentComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7)(1, "h4", 19);
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 11);
-    i0.ɵɵelement(3, "path", 20);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(5, "div", 21);
-    i0.ɵɵrepeaterCreate(6, UnifiedGoalDetailModalContentComponent_Conditional_9_For_7_Template, 15, 11, "button", 22, _forTrack0$7);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    let tmp_3_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.sectionCardClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" Source Analyses (", ((tmp_3_0 = ctx_r0.goal().sourceAnalyses) == null ? null : tmp_3_0.length) ?? 0, ") ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r0.goal().sourceAnalyses);
-} }
-function UnifiedGoalDetailModalContentComponent_Conditional_10_For_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 42);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const objective_r4 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.objectiveDescClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.sourceTypeClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", objective_r4.description, " ");
-} }
-function UnifiedGoalDetailModalContentComponent_Conditional_10_For_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "h5", 41);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, UnifiedGoalDetailModalContentComponent_Conditional_10_For_7_Conditional_3_Template, 2, 2, "p", 42);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const objective_r4 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.objectiveCardClasses());
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getAnalysisTypeLabel(source_r2.analysisType ?? ""), " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.objectiveTitleClasses());
+    i0.ɵɵconditional(source_r2.sourceTypeTitle ? 11 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", objective_r4.title, " ");
+    i0.ɵɵproperty("ngClass", ctx_r2.sourceTitleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(objective_r4.description ? 3 : -1);
-} }
-function UnifiedGoalDetailModalContentComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7)(1, "h4", 19);
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 11);
-    i0.ɵɵelement(3, "path", 38);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(5, "div", 39);
-    i0.ɵɵrepeaterCreate(6, UnifiedGoalDetailModalContentComponent_Conditional_10_For_7_Template, 4, 4, "div", 40, _forTrack1$2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.sectionCardClasses());
+    i0.ɵɵtextInterpolate1(" ", source_r2.sourceGoalTitle, " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" Objectives (", ctx_r0.goal().objectives.length, ") ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r0.goal().objectives);
-} }
-function UnifiedGoalDetailModalContentComponent_Conditional_11_For_7_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 45);
-    i0.ɵɵlistener("click", function UnifiedGoalDetailModalContentComponent_Conditional_11_For_7_Template_button_click_0_listener() { const metric_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onMetricClick(metric_r6)); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const metric_r6 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.metricChipClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.sourceWeightClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", metric_r6.metric, " ");
+    i0.ɵɵtextInterpolate1(" ", ((source_r2.contributionWeight ?? 0) * 100).toFixed(0), "% contribution ");
 } }
-function UnifiedGoalDetailModalContentComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7)(1, "h4", 19);
+function SourceAnalysisTraceabilityComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0)(1, "h4", 1);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 11);
-    i0.ɵɵelement(3, "path", 37);
+    i0.ɵɵelementStart(2, "svg", 2);
+    i0.ɵɵelement(3, "path", 3);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(5, "div", 43);
-    i0.ɵɵrepeaterCreate(6, UnifiedGoalDetailModalContentComponent_Conditional_11_For_7_Template, 2, 2, "button", 44, _forTrack2$1);
+    i0.ɵɵelementStart(5, "div", 4);
+    i0.ɵɵrepeaterCreate(6, SourceAnalysisTraceabilityComponent_Conditional_0_For_7_Template, 16, 12, "button", 5, _forTrack0$8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.sectionCardClasses());
+    let tmp_3_0;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r2.sectionCardClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.sectionTitleClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" Contributing Metrics (", ctx_r0.relatedMetrics().length, ") ");
+    i0.ɵɵtextInterpolate1(" Source Analyses (", ((tmp_3_0 = ctx_r2.sourceAnalyses()) == null ? null : tmp_3_0.length) ?? 0, ") ");
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r0.relatedMetrics());
+    i0.ɵɵrepeater(ctx_r2.sourceAnalyses());
 } }
-class UnifiedGoalDetailModalContentComponent {
+class SourceAnalysisTraceabilityComponent {
     constructor() {
-        this.goal = input.required(...(ngDevMode ? [{ debugName: "goal" }] : []));
-        this.allMetrics = input([], ...(ngDevMode ? [{ debugName: "allMetrics" }] : []));
-        this.allCharts = input([], ...(ngDevMode ? [{ debugName: "allCharts" }] : []));
+        this.sourceAnalyses = input(...(ngDevMode ? [undefined, { debugName: "sourceAnalyses" }] : []));
         this.loadedSourceAnalysisIds = input([], ...(ngDevMode ? [{ debugName: "loadedSourceAnalysisIds" }] : []));
         this.loadingSourceAnalysisId = input(...(ngDevMode ? [undefined, { debugName: "loadingSourceAnalysisId" }] : []));
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
-        this.currentModalState = input(null, ...(ngDevMode ? [{ debugName: "currentModalState" }] : []));
         this.sourceAnalysisClick = output();
-        this.metricClick = output();
-        this.close = output();
-        this.modalService = inject(ModalService);
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
-        this.relatedMetrics = computed(() => {
-            const goal = this.goal();
-            const allMetrics = this.allMetrics();
-            if (!goal.contributingMetrics || goal.contributingMetrics.length === 0)
-                return [];
-            return allMetrics.filter(m => goal.contributingMetrics?.includes(m.metric || ''));
-        }, ...(ngDevMode ? [{ debugName: "relatedMetrics" }] : []));
-        this.descriptionClasses = computed(() => this.isLightMode() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "descriptionClasses" }] : []));
-        this.priorityBadgeClasses = computed(() => {
-            const priority = this.goal().priority;
-            if (this.isLightMode()) {
-                switch (priority) {
-                    case 'HIGH': return 'bg-red-100 text-red-700';
-                    case 'MEDIUM': return 'bg-amber-100 text-amber-700';
-                    case 'LOW': return 'bg-green-100 text-green-700';
-                    default: return 'bg-slate-100 text-slate-700';
-                }
-            }
-            else {
-                switch (priority) {
-                    case 'HIGH': return 'bg-red-900/50 text-red-300';
-                    case 'MEDIUM': return 'bg-amber-900/50 text-amber-300';
-                    case 'LOW': return 'bg-green-900/50 text-green-300';
-                    default: return 'bg-slate-700 text-slate-300';
-                }
-            }
-        }, ...(ngDevMode ? [{ debugName: "priorityBadgeClasses" }] : []));
-        this.timeframeBadgeClasses = computed(() => this.isLightMode() ? 'bg-slate-100 text-slate-600' : 'bg-slate-700 text-slate-300', ...(ngDevMode ? [{ debugName: "timeframeBadgeClasses" }] : []));
         this.sectionCardClasses = computed(() => this.isLightMode() ? 'bg-slate-50 border border-slate-200' : 'bg-slate-800/50 border border-slate-700', ...(ngDevMode ? [{ debugName: "sectionCardClasses" }] : []));
         this.sectionTitleClasses = computed(() => this.isLightMode() ? 'text-slate-900' : 'text-white', ...(ngDevMode ? [{ debugName: "sectionTitleClasses" }] : []));
-        this.textClasses = computed(() => this.isLightMode() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "textClasses" }] : []));
-        this.progressBarBgClasses = computed(() => this.isLightMode() ? 'bg-slate-200' : 'bg-slate-700', ...(ngDevMode ? [{ debugName: "progressBarBgClasses" }] : []));
-        this.progressBarFillClasses = computed(() => this.isLightMode() ? 'bg-gradient-to-r from-blue-500 to-cyan-500' : 'bg-gradient-to-r from-blue-400 to-cyan-400', ...(ngDevMode ? [{ debugName: "progressBarFillClasses" }] : []));
         this.sourceCardClasses = computed(() => (source) => {
             if (this.isLightMode()) {
                 switch (source.analysisType) {
@@ -101398,22 +101469,10 @@ class UnifiedGoalDetailModalContentComponent {
         this.sourceTypeClasses = computed(() => this.isLightMode() ? 'text-slate-500' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "sourceTypeClasses" }] : []));
         this.sourceTitleClasses = computed(() => this.isLightMode() ? 'text-slate-900' : 'text-white', ...(ngDevMode ? [{ debugName: "sourceTitleClasses" }] : []));
         this.sourceWeightClasses = computed(() => this.isLightMode() ? 'text-slate-500' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "sourceWeightClasses" }] : []));
-        this.objectiveCardClasses = computed(() => this.isLightMode() ? 'bg-white border border-slate-200' : 'bg-slate-700/50 border border-slate-600', ...(ngDevMode ? [{ debugName: "objectiveCardClasses" }] : []));
-        this.objectiveTitleClasses = computed(() => this.isLightMode() ? 'text-slate-900' : 'text-white', ...(ngDevMode ? [{ debugName: "objectiveTitleClasses" }] : []));
-        this.objectiveDescClasses = computed(() => this.isLightMode() ? 'text-slate-600' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "objectiveDescClasses" }] : []));
-        this.metricChipClasses = computed(() => this.isLightMode()
-            ? 'bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100'
-            : 'bg-blue-900/30 text-blue-300 border border-blue-700 hover:bg-blue-900/50', ...(ngDevMode ? [{ debugName: "metricChipClasses" }] : []));
-        this.focusAreaChipClasses = computed(() => this.isLightMode()
-            ? 'bg-purple-50 text-purple-700 border border-purple-200'
-            : 'bg-purple-900/30 text-purple-300 border border-purple-700', ...(ngDevMode ? [{ debugName: "focusAreaChipClasses" }] : []));
     }
     onSourceAnalysisClick(source) {
         this.sourceAnalysisClick.emit(source);
     }
-    onMetricClick(metric) {
-        this.metricClick.emit(metric);
-    }
     getAnalysisTypeLabel(type) {
         switch (type) {
             case 'SHOP': return 'Shop Analysis';
@@ -101422,40 +101481,290 @@ class UnifiedGoalDetailModalContentComponent {
             default: return type;
         }
     }
+    static { this.ɵfac = function SourceAnalysisTraceabilityComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SourceAnalysisTraceabilityComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SourceAnalysisTraceabilityComponent, selectors: [["symphiq-source-analysis-traceability"]], inputs: { sourceAnalyses: [1, "sourceAnalyses"], loadedSourceAnalysisIds: [1, "loadedSourceAnalysisIds"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"], viewMode: [1, "viewMode"] }, outputs: { sourceAnalysisClick: "sourceAnalysisClick" }, decls: 1, vars: 1, consts: [[1, "p-5", "rounded-xl", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-4", "flex", "items-center", "gap-2", 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", "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-3"], ["type", "button", 1, "p-4", "rounded-lg", "text-left", "transition-all", "hover:scale-[1.02]", "relative", 3, "ngClass"], ["type", "button", 1, "p-4", "rounded-lg", "text-left", "transition-all", "hover:scale-[1.02]", "relative", 3, "click", "ngClass"], [1, "absolute", "inset-0", "bg-black/10", "rounded-lg", "flex", "items-center", "justify-center"], [1, "absolute", "top-2", "right-2"], [1, "flex", "items-start", "gap-3"], [1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "text-xs", "font-medium", "uppercase", "mb-0.5", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "text-sm", "font-medium", "truncate", 3, "ngClass"], [1, "text-xs", "mt-1", 3, "ngClass"], [1, "w-5", "h-5", "border-2", "border-current", "border-t-transparent", "rounded-full", "animate-spin"], ["fill", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "text-green-500"], ["d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"], ["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"]], template: function SourceAnalysisTraceabilityComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, SourceAnalysisTraceabilityComponent_Conditional_0_Template, 8, 3, "div", 0);
+        } if (rf & 2) {
+            let tmp_0_0;
+            i0.ɵɵconditional((((tmp_0_0 = ctx.sourceAnalyses()) == null ? null : tmp_0_0.length) ?? 0) > 0 ? 0 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SourceAnalysisTraceabilityComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-source-analysis-traceability',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                imports: [CommonModule],
+                template: `
+    @if ((sourceAnalyses()?.length ?? 0) > 0) {
+      <div [ngClass]="sectionCardClasses()" class="p-5 rounded-xl">
+        <h4 [ngClass]="sectionTitleClasses()" class="text-sm font-semibold mb-4 flex items-center gap-2">
+          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"/>
+          </svg>
+          Source Analyses ({{ sourceAnalyses()?.length ?? 0 }})
+        </h4>
+        <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
+          @for (source of sourceAnalyses(); track source.analysisId) {
+            <button
+              type="button"
+              [ngClass]="sourceCardClasses()(source)"
+              class="p-4 rounded-lg text-left transition-all hover:scale-[1.02] relative"
+              (click)="onSourceAnalysisClick(source)">
+              @if (loadingSourceAnalysisId() === source.analysisId) {
+                <div class="absolute inset-0 bg-black/10 rounded-lg flex items-center justify-center">
+                  <div class="w-5 h-5 border-2 border-current border-t-transparent rounded-full animate-spin"></div>
+                </div>
+              }
+              @if (source.analysisId !== undefined && loadedSourceAnalysisIds().includes(source.analysisId)) {
+                <div class="absolute top-2 right-2">
+                  <svg class="w-4 h-4 text-green-500" fill="currentColor" viewBox="0 0 24 24">
+                    <path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
+                  </svg>
+                </div>
+              }
+              <div class="flex items-start gap-3">
+                <div [ngClass]="sourceIconClasses()(source)" class="w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0">
+                  @switch (source.analysisType) {
+                    @case ('SHOP') {
+                      <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
+                      </svg>
+                    }
+                    @case ('FOCUS_AREA') {
+                      <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path>
+                      </svg>
+                    }
+                    @case ('METRIC') {
+                      <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 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"></path>
+                      </svg>
+                    }
+                  }
+                </div>
+                <div class="flex-1 min-w-0">
+                  <div [ngClass]="sourceTypeClasses()" class="text-xs font-medium uppercase mb-0.5">
+                    {{ getAnalysisTypeLabel(source.analysisType ?? '') }}
+                  </div>
+                  @if (source.sourceTypeTitle) {
+                    <div [ngClass]="sourceTitleClasses()" class="text-sm font-semibold truncate">
+                      {{ source.sourceTypeTitle }}
+                    </div>
+                  }
+                  <div [ngClass]="sourceTitleClasses()" class="text-sm font-medium truncate">
+                    {{ source.sourceGoalTitle }}
+                  </div>
+                  <div [ngClass]="sourceWeightClasses()" class="text-xs mt-1">
+                    {{ ((source.contributionWeight ?? 0) * 100).toFixed(0) }}% contribution
+                  </div>
+                </div>
+              </div>
+            </button>
+          }
+        </div>
+      </div>
+    }
+  `
+            }]
+    }], null, { sourceAnalyses: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceAnalyses", required: false }] }], loadedSourceAnalysisIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadedSourceAnalysisIds", required: false }] }], loadingSourceAnalysisId: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingSourceAnalysisId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], sourceAnalysisClick: [{ type: i0.Output, args: ["sourceAnalysisClick"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SourceAnalysisTraceabilityComponent, { className: "SourceAnalysisTraceabilityComponent", filePath: "lib/components/shared/source-analysis-traceability.component.ts", lineNumber: 89 }); })();
+
+const _forTrack0$7 = ($index, $item) => $item.metric;
+function UnifiedGoalDetailModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-priority-badge", 2);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("priority", ctx_r0.goal().priority)("viewMode", ctx_r0.viewMode());
+} }
+function UnifiedGoalDetailModalContentComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-timeframe-badge", 3);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("timeframe", ctx_r0.goal().timeframe)("viewMode", ctx_r0.viewMode());
+} }
+function UnifiedGoalDetailModalContentComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.descriptionClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.goal().description, " ");
+} }
+function UnifiedGoalDetailModalContentComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 12);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("visual", ctx_r0.goal().visual)("viewMode", ctx_r0.viewMode());
+} }
+function UnifiedGoalDetailModalContentComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "h4", 13);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(2, "svg", 14);
+    i0.ɵɵelement(3, "path", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4, " Synthesis Confidence ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(5, "div", 16)(6, "div", 17);
+    i0.ɵɵelement(7, "div", 18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 19);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionCardClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngClass", ctx_r0.progressBarBgClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("width", (ctx_r0.goal().synthesisConfidenceScore || 0) * 100, "%");
+    i0.ɵɵproperty("ngClass", ctx_r0.progressBarFillClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ((ctx_r0.goal().synthesisConfidenceScore || 0) * 100).toFixed(0), "% ");
+} }
+function UnifiedGoalDetailModalContentComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-show-objectives-button", 20);
+    i0.ɵɵlistener("buttonClick", function UnifiedGoalDetailModalContentComponent_Conditional_12_Template_symphiq_show_objectives_button_buttonClick_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.showObjectives.emit()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("subLabel", "View " + ctx_r0.goal().objectives.length + " objectives");
+} }
+function UnifiedGoalDetailModalContentComponent_Conditional_13_For_7_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 25);
+    i0.ɵɵlistener("click", function UnifiedGoalDetailModalContentComponent_Conditional_13_For_7_Template_button_click_0_listener() { const metric_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onMetricClick(metric_r4)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const metric_r4 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.metricChipClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", metric_r4.metric, " ");
+} }
+function UnifiedGoalDetailModalContentComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "h4", 21);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(2, "svg", 14);
+    i0.ɵɵelement(3, "path", 22);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(5, "div", 23);
+    i0.ɵɵrepeaterCreate(6, UnifiedGoalDetailModalContentComponent_Conditional_13_For_7_Template, 2, 2, "button", 24, _forTrack0$7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionCardClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" Contributing Metrics (", ctx_r0.relatedMetrics().length, ") ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r0.relatedMetrics());
+} }
+class UnifiedGoalDetailModalContentComponent {
+    constructor() {
+        this.goal = input.required(...(ngDevMode ? [{ debugName: "goal" }] : []));
+        this.allMetrics = input([], ...(ngDevMode ? [{ debugName: "allMetrics" }] : []));
+        this.allCharts = input([], ...(ngDevMode ? [{ debugName: "allCharts" }] : []));
+        this.loadedSourceAnalysisIds = input([], ...(ngDevMode ? [{ debugName: "loadedSourceAnalysisIds" }] : []));
+        this.loadingSourceAnalysisId = input(...(ngDevMode ? [undefined, { debugName: "loadingSourceAnalysisId" }] : []));
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.currentModalState = input(null, ...(ngDevMode ? [{ debugName: "currentModalState" }] : []));
+        this.sourceAnalysisClick = output();
+        this.metricClick = output();
+        this.showObjectives = output();
+        this.close = output();
+        this.modalService = inject(ModalService);
+        this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
+        this.relatedMetrics = computed(() => {
+            const goal = this.goal();
+            const allMetrics = this.allMetrics();
+            console.log('[UnifiedGoalDetailModal] Contributing Metrics Debug:', {
+                goalTitle: goal.title,
+                contributingMetrics: goal.contributingMetrics,
+                allMetricsCount: allMetrics.length,
+                allMetricNames: allMetrics.map(m => m.metric)
+            });
+            if (!goal.contributingMetrics || goal.contributingMetrics.length === 0) {
+                console.log('[UnifiedGoalDetailModal] No contributingMetrics on goal, returning empty array');
+                return [];
+            }
+            const result = allMetrics.filter(m => goal.contributingMetrics?.includes(m.metric || ''));
+            console.log('[UnifiedGoalDetailModal] Filtered metrics result:', result.length, result.map(m => m.metric));
+            return result;
+        }, ...(ngDevMode ? [{ debugName: "relatedMetrics" }] : []));
+        this.descriptionClasses = computed(() => this.isLightMode() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "descriptionClasses" }] : []));
+        this.sectionCardClasses = computed(() => this.isLightMode() ? 'bg-slate-50 border border-slate-200' : 'bg-slate-800/50 border border-slate-700', ...(ngDevMode ? [{ debugName: "sectionCardClasses" }] : []));
+        this.sectionTitleClasses = computed(() => this.isLightMode() ? 'text-slate-900' : 'text-white', ...(ngDevMode ? [{ debugName: "sectionTitleClasses" }] : []));
+        this.textClasses = computed(() => this.isLightMode() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "textClasses" }] : []));
+        this.progressBarBgClasses = computed(() => this.isLightMode() ? 'bg-slate-200' : 'bg-slate-700', ...(ngDevMode ? [{ debugName: "progressBarBgClasses" }] : []));
+        this.progressBarFillClasses = computed(() => this.isLightMode() ? 'bg-gradient-to-r from-blue-500 to-cyan-500' : 'bg-gradient-to-r from-blue-400 to-cyan-400', ...(ngDevMode ? [{ debugName: "progressBarFillClasses" }] : []));
+        this.metricChipClasses = computed(() => this.isLightMode()
+            ? 'bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100'
+            : 'bg-blue-900/30 text-blue-300 border border-blue-700 hover:bg-blue-900/50', ...(ngDevMode ? [{ debugName: "metricChipClasses" }] : []));
+    }
+    onSourceAnalysisClick(source) {
+        this.sourceAnalysisClick.emit(source);
+    }
+    onMetricClick(metric) {
+        this.metricClick.emit(metric);
+    }
     static { this.ɵfac = function UnifiedGoalDetailModalContentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedGoalDetailModalContentComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalDetailModalContentComponent, selectors: [["symphiq-unified-goal-detail-modal-content"]], inputs: { goal: [1, "goal"], allMetrics: [1, "allMetrics"], allCharts: [1, "allCharts"], loadedSourceAnalysisIds: [1, "loadedSourceAnalysisIds"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"], viewMode: [1, "viewMode"], currentModalState: [1, "currentModalState"] }, outputs: { sourceAnalysisClick: "sourceAnalysisClick", metricClick: "metricClick", close: "close" }, decls: 12, vars: 8, consts: [[1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "flex", "flex-col", "gap-2", "flex-shrink-0"], [1, "px-3", "py-1.5", "text-sm", "font-semibold", "rounded-full", "text-center", 3, "ngClass"], [1, "px-3", "py-1.5", "text-xs", "font-medium", "rounded-full", "flex", "items-center", "gap-1.5", "justify-center", 3, "ngClass"], [1, "p-5", "rounded-xl", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], ["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-sm", "font-semibold", "mb-3", "flex", "items-center", "gap-2", 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", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"], [1, "flex", "items-center", "gap-3"], [1, "flex-1", "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-500", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-4", "flex", "items-center", "gap-2", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-3"], ["type", "button", 1, "p-4", "rounded-lg", "text-left", "transition-all", "hover:scale-[1.02]", "relative", 3, "ngClass"], ["type", "button", 1, "p-4", "rounded-lg", "text-left", "transition-all", "hover:scale-[1.02]", "relative", 3, "click", "ngClass"], [1, "absolute", "inset-0", "bg-black/10", "rounded-lg", "flex", "items-center", "justify-center"], [1, "absolute", "top-2", "right-2"], [1, "flex", "items-start", "gap-3"], [1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-sm", "font-medium", "truncate", 3, "ngClass"], [1, "text-xs", "mt-1", 3, "ngClass"], [1, "w-5", "h-5", "border-2", "border-current", "border-t-transparent", "rounded-full", "animate-spin"], ["fill", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "text-green-500"], ["d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"], ["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"], ["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, "space-y-3"], [1, "p-4", "rounded-lg", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-xs", "line-clamp-2", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], ["type", "button", 1, "px-3", "py-1.5", "rounded-full", "text-xs", "font-medium", "transition-all", "hover:scale-105", 3, "ngClass"], ["type", "button", 1, "px-3", "py-1.5", "rounded-full", "text-xs", "font-medium", "transition-all", "hover:scale-105", 3, "click", "ngClass"]], template: function UnifiedGoalDetailModalContentComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
-            i0.ɵɵconditionalCreate(3, UnifiedGoalDetailModalContentComponent_Conditional_3_Template, 2, 2, "p", 3);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalDetailModalContentComponent, selectors: [["symphiq-unified-goal-detail-modal-content"]], inputs: { goal: [1, "goal"], allMetrics: [1, "allMetrics"], allCharts: [1, "allCharts"], loadedSourceAnalysisIds: [1, "loadedSourceAnalysisIds"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"], viewMode: [1, "viewMode"], currentModalState: [1, "currentModalState"] }, outputs: { sourceAnalysisClick: "sourceAnalysisClick", metricClick: "metricClick", showObjectives: "showObjectives", close: "close" }, decls: 14, vars: 14, consts: [[1, "space-y-6"], [1, "flex", "items-start", "justify-end", "gap-2"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], [1, "flex", "flex-col", "lg:flex-row", "gap-6"], [1, "flex-1"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "lg:w-80", "flex-shrink-0"], ["layout", "vertical", 3, "expectedImpact", "viewMode", "showTitleIcon"], [1, "p-5", "rounded-xl", 3, "ngClass"], [3, "sourceAnalysisClick", "sourceAnalyses", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode"], [3, "viewMode", "subLabel"], [3, "visual", "viewMode"], [1, "text-sm", "font-semibold", "mb-3", "flex", "items-center", "gap-2", 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 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"], [1, "flex", "items-center", "gap-3"], [1, "flex-1", "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-500", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [3, "buttonClick", "viewMode", "subLabel"], [1, "text-sm", "font-semibold", "mb-4", "flex", "items-center", "gap-2", 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", "flex-wrap", "gap-2"], ["type", "button", 1, "px-3", "py-1.5", "rounded-full", "text-xs", "font-medium", "transition-all", "hover:scale-105", 3, "ngClass"], ["type", "button", 1, "px-3", "py-1.5", "rounded-full", "text-xs", "font-medium", "transition-all", "hover:scale-105", 3, "click", "ngClass"]], template: function UnifiedGoalDetailModalContentComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵconditionalCreate(2, UnifiedGoalDetailModalContentComponent_Conditional_2_Template, 1, 2, "symphiq-priority-badge", 2);
+            i0.ɵɵconditionalCreate(3, UnifiedGoalDetailModalContentComponent_Conditional_3_Template, 1, 2, "symphiq-timeframe-badge", 3);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 4);
-            i0.ɵɵconditionalCreate(5, UnifiedGoalDetailModalContentComponent_Conditional_5_Template, 2, 2, "span", 5);
-            i0.ɵɵconditionalCreate(6, UnifiedGoalDetailModalContentComponent_Conditional_6_Template, 4, 2, "span", 6);
+            i0.ɵɵelementStart(4, "div", 4)(5, "div", 5);
+            i0.ɵɵconditionalCreate(6, UnifiedGoalDetailModalContentComponent_Conditional_6_Template, 2, 2, "p", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "div", 7);
+            i0.ɵɵelement(8, "symphiq-expected-impact-section", 8);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(7, UnifiedGoalDetailModalContentComponent_Conditional_7_Template, 7, 4, "div", 7);
-            i0.ɵɵconditionalCreate(8, UnifiedGoalDetailModalContentComponent_Conditional_8_Template, 10, 8, "div", 7);
-            i0.ɵɵconditionalCreate(9, UnifiedGoalDetailModalContentComponent_Conditional_9_Template, 8, 3, "div", 7);
-            i0.ɵɵconditionalCreate(10, UnifiedGoalDetailModalContentComponent_Conditional_10_Template, 8, 3, "div", 7);
-            i0.ɵɵconditionalCreate(11, UnifiedGoalDetailModalContentComponent_Conditional_11_Template, 8, 3, "div", 7);
+            i0.ɵɵconditionalCreate(9, UnifiedGoalDetailModalContentComponent_Conditional_9_Template, 2, 2, "div");
+            i0.ɵɵconditionalCreate(10, UnifiedGoalDetailModalContentComponent_Conditional_10_Template, 10, 8, "div", 9);
+            i0.ɵɵelementStart(11, "symphiq-source-analysis-traceability", 10);
+            i0.ɵɵlistener("sourceAnalysisClick", function UnifiedGoalDetailModalContentComponent_Template_symphiq_source_analysis_traceability_sourceAnalysisClick_11_listener($event) { return ctx.onSourceAnalysisClick($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(12, UnifiedGoalDetailModalContentComponent_Conditional_12_Template, 1, 2, "symphiq-show-objectives-button", 11);
+            i0.ɵɵconditionalCreate(13, UnifiedGoalDetailModalContentComponent_Conditional_13_Template, 8, 3, "div", 9);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            let tmp_5_0;
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.goal().description ? 3 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.goal().priority ? 5 : -1);
+            i0.ɵɵconditional(ctx.goal().priority ? 2 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.goal().timeframe ? 6 : -1);
+            i0.ɵɵconditional(ctx.goal().timeframe ? 3 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.goal().description ? 6 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("expectedImpact", ctx.goal().expectedImpact)("viewMode", ctx.viewMode())("showTitleIcon", false);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.goal().expectedImpact ? 7 : -1);
+            i0.ɵɵconditional(ctx.goal().visual ? 9 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.goal().synthesisConfidenceScore ? 8 : -1);
+            i0.ɵɵconditional(ctx.goal().synthesisConfidenceScore ? 10 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((((tmp_5_0 = ctx.goal().sourceAnalyses) == null ? null : tmp_5_0.length) ?? 0) > 0 ? 9 : -1);
+            i0.ɵɵproperty("sourceAnalyses", ctx.goal().sourceAnalyses)("loadedSourceAnalysisIds", ctx.loadedSourceAnalysisIds())("loadingSourceAnalysisId", ctx.loadingSourceAnalysisId())("viewMode", ctx.viewMode());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.goal().objectives && ctx.goal().objectives.length > 0 ? 10 : -1);
+            i0.ɵɵconditional(ctx.goal().objectives && ctx.goal().objectives.length > 0 ? 12 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.relatedMetrics().length > 0 ? 11 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+            i0.ɵɵconditional(ctx.relatedMetrics().length > 0 ? 13 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass, ExpectedImpactSectionComponent, PriorityBadgeComponent, TimeframeBadgeComponent, NapkinVisualPlaceholderComponent, ShowObjectivesButtonComponent, SourceAnalysisTraceabilityComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UnifiedGoalDetailModalContentComponent, [{
         type: Component,
@@ -101463,11 +101772,21 @@ class UnifiedGoalDetailModalContentComponent {
                 selector: 'symphiq-unified-goal-detail-modal-content',
                 standalone: true,
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                imports: [CommonModule],
+                imports: [CommonModule, ExpectedImpactSectionComponent, PriorityBadgeComponent, TimeframeBadgeComponent, NapkinVisualPlaceholderComponent, ShowObjectivesButtonComponent, SourceAnalysisTraceabilityComponent],
                 template: `
     <div class="space-y-6">
-      <!-- Header with Priority & Timeframe -->
-      <div class="flex items-start justify-between gap-4">
+      <!-- Header with Priority & Timeframe Badges -->
+      <div class="flex items-start justify-end gap-2">
+        @if (goal().priority) {
+          <symphiq-priority-badge [priority]="goal().priority" [viewMode]="viewMode()" />
+        }
+        @if (goal().timeframe) {
+          <symphiq-timeframe-badge [timeframe]="goal().timeframe" [viewMode]="viewMode()" />
+        }
+      </div>
+
+      <!-- Description and Expected Impact Side by Side -->
+      <div class="flex flex-col lg:flex-row gap-6">
         <div class="flex-1">
           @if (goal().description) {
             <p [ngClass]="descriptionClasses()" class="text-base leading-relaxed">
@@ -101475,35 +101794,23 @@ class UnifiedGoalDetailModalContentComponent {
             </p>
           }
         </div>
-        <div class="flex flex-col gap-2 flex-shrink-0">
-          @if (goal().priority) {
-            <span [ngClass]="priorityBadgeClasses()" class="px-3 py-1.5 text-sm font-semibold rounded-full text-center">
-              {{ goal().priority }} Priority
-            </span>
-          }
-          @if (goal().timeframe) {
-            <span [ngClass]="timeframeBadgeClasses()" class="px-3 py-1.5 text-xs font-medium rounded-full flex items-center gap-1.5 justify-center">
-              <svg class="w-3.5 h-3.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>
-              {{ goal().timeframe }}
-            </span>
-          }
+        <div class="lg:w-80 flex-shrink-0">
+          <symphiq-expected-impact-section
+            [expectedImpact]="goal().expectedImpact"
+            [viewMode]="viewMode()"
+            layout="vertical"
+            [showTitleIcon]="false"
+          />
         </div>
       </div>
 
-      <!-- Expected Impact -->
-      @if (goal().expectedImpact) {
-        <div [ngClass]="sectionCardClasses()" class="p-5 rounded-xl">
-          <h4 [ngClass]="sectionTitleClasses()" class="text-sm font-semibold mb-3 flex items-center gap-2">
-            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/>
-            </svg>
-            Expected Impact
-          </h4>
-          <p [ngClass]="textClasses()" class="text-sm leading-relaxed">
-            {{ goal().expectedImpact }}
-          </p>
+      <!-- Napkin Visual -->
+      @if (goal().visual) {
+        <div>
+          <symphiq-napkin-visual-placeholder
+            [visual]="goal().visual"
+            [viewMode]="viewMode()"
+          />
         </div>
       }
 
@@ -101532,95 +101839,21 @@ class UnifiedGoalDetailModalContentComponent {
       }
 
       <!-- Source Analysis Traceability -->
-      @if ((goal().sourceAnalyses?.length ?? 0) > 0) {
-        <div [ngClass]="sectionCardClasses()" class="p-5 rounded-xl">
-          <h4 [ngClass]="sectionTitleClasses()" class="text-sm font-semibold mb-4 flex items-center gap-2">
-            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"/>
-            </svg>
-            Source Analyses ({{ goal().sourceAnalyses?.length ?? 0 }})
-          </h4>
-          <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
-            @for (source of goal().sourceAnalyses; track source.analysisId) {
-              <button
-                type="button"
-                [ngClass]="sourceCardClasses()(source)"
-                class="p-4 rounded-lg text-left transition-all hover:scale-[1.02] relative"
-                (click)="onSourceAnalysisClick(source)">
-                @if (loadingSourceAnalysisId() === source.analysisId) {
-                  <div class="absolute inset-0 bg-black/10 rounded-lg flex items-center justify-center">
-                    <div class="w-5 h-5 border-2 border-current border-t-transparent rounded-full animate-spin"></div>
-                  </div>
-                }
-                @if (source.analysisId !== undefined && loadedSourceAnalysisIds().includes(source.analysisId)) {
-                  <div class="absolute top-2 right-2">
-                    <svg class="w-4 h-4 text-green-500" fill="currentColor" viewBox="0 0 24 24">
-                      <path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
-                    </svg>
-                  </div>
-                }
-                <div class="flex items-start gap-3">
-                  <div [ngClass]="sourceIconClasses()(source)" class="w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0">
-                    @switch (source.analysisType) {
-                      @case ('SHOP') {
-                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
-                        </svg>
-                      }
-                      @case ('FOCUS_AREA') {
-                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path>
-                        </svg>
-                      }
-                      @case ('METRIC') {
-                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 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"></path>
-                        </svg>
-                      }
-                    }
-                  </div>
-                  <div class="flex-1 min-w-0">
-                    <div [ngClass]="sourceTypeClasses()" class="text-xs font-semibold uppercase mb-1">
-                      {{ getAnalysisTypeLabel(source.analysisType ?? '') }}
-                    </div>
-                    <div [ngClass]="sourceTitleClasses()" class="text-sm font-medium truncate">
-                      {{ source.sourceGoalTitle }}
-                    </div>
-                    <div [ngClass]="sourceWeightClasses()" class="text-xs mt-1">
-                      {{ ((source.contributionWeight ?? 0) * 100).toFixed(0) }}% contribution
-                    </div>
-                  </div>
-                </div>
-              </button>
-            }
-          </div>
-        </div>
-      }
+      <symphiq-source-analysis-traceability
+        [sourceAnalyses]="goal().sourceAnalyses"
+        [loadedSourceAnalysisIds]="loadedSourceAnalysisIds()"
+        [loadingSourceAnalysisId]="loadingSourceAnalysisId()"
+        [viewMode]="viewMode()"
+        (sourceAnalysisClick)="onSourceAnalysisClick($event)"
+      />
 
-      <!-- Objectives -->
+      <!-- Objectives Button -->
       @if (goal().objectives && goal().objectives!.length > 0) {
-        <div [ngClass]="sectionCardClasses()" class="p-5 rounded-xl">
-          <h4 [ngClass]="sectionTitleClasses()" class="text-sm font-semibold mb-4 flex items-center gap-2">
-            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 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"/>
-            </svg>
-            Objectives ({{ goal().objectives!.length }})
-          </h4>
-          <div class="space-y-3">
-            @for (objective of goal().objectives; track objective.id || $index) {
-              <div [ngClass]="objectiveCardClasses()" class="p-4 rounded-lg">
-                <h5 [ngClass]="objectiveTitleClasses()" class="text-sm font-semibold mb-1">
-                  {{ objective.title }}
-                </h5>
-                @if (objective.description) {
-                  <p [ngClass]="objectiveDescClasses()" class="text-xs line-clamp-2">
-                    {{ objective.description }}
-                  </p>
-                }
-              </div>
-            }
-          </div>
-        </div>
+        <symphiq-show-objectives-button
+          [viewMode]="viewMode()"
+          [subLabel]="'View ' + goal().objectives!.length + ' objectives'"
+          (buttonClick)="showObjectives.emit()"
+        />
       }
 
       <!-- Contributing Metrics -->
@@ -101650,8 +101883,8 @@ class UnifiedGoalDetailModalContentComponent {
     </div>
   `
             }]
-    }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: true }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], loadedSourceAnalysisIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadedSourceAnalysisIds", required: false }] }], loadingSourceAnalysisId: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingSourceAnalysisId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }], sourceAnalysisClick: [{ type: i0.Output, args: ["sourceAnalysisClick"] }], metricClick: [{ type: i0.Output, args: ["metricClick"] }], close: [{ type: i0.Output, args: ["close"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalDetailModalContentComponent, { className: "UnifiedGoalDetailModalContentComponent", filePath: "lib/components/profile-analysis-unified-dashboard/modals/unified-goal-detail-modal-content.component.ts", lineNumber: 209 }); })();
+    }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: true }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], loadedSourceAnalysisIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadedSourceAnalysisIds", required: false }] }], loadingSourceAnalysisId: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingSourceAnalysisId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }], sourceAnalysisClick: [{ type: i0.Output, args: ["sourceAnalysisClick"] }], metricClick: [{ type: i0.Output, args: ["metricClick"] }], showObjectives: [{ type: i0.Output, args: ["showObjectives"] }], close: [{ type: i0.Output, args: ["close"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalDetailModalContentComponent, { className: "UnifiedGoalDetailModalContentComponent", filePath: "lib/components/profile-analysis-unified-dashboard/modals/unified-goal-detail-modal-content.component.ts", lineNumber: 139 }); })();
 
 const _c0$7 = ["modalContent"];
 const _c1$2 = ["modalWrapper"];
@@ -102753,6 +102986,12 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_13_Template
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selfContentStatus", ctx_r1.selfContentStatus())("isLoading", ctx_r1.isMarkingAsReviewed());
 } }
+function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-content-generation-progress-with-confetti", 12);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("itemStatus", ctx_r1.itemStatus())("currentStatus", ctx_r1.selfContentStatus())("confettiIntensity", "celebration")("title", "We are generating a new Unified Analysis for " + ctx_r1.businessName() + ".");
+} }
 class SymphiqProfileAnalysisUnifiedDashboardComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -103458,7 +103697,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
     static { this.ɵfac = function SymphiqProfileAnalysisUnifiedDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileAnalysisUnifiedDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileAnalysisUnifiedDashboardComponent, selectors: [["symphiq-profile-analysis-unified-dashboard"]], hostBindings: function SymphiqProfileAnalysisUnifiedDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisUnifiedDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], isLoadingSourceAnalysis: [1, "isLoadingSourceAnalysis"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], requestedByUser: [1, "requestedByUser"] }, outputs: { markAsReviewedClick: "markAsReviewedClick", generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest" }, features: [i0.ɵɵNgOnChangesFeature], decls: 19, vars: 39, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "showControls", "embedded", "scrollEvent"], [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"], ["title", "Loading Your Unified Analysis", "subtitle", "Please wait while we prepare your synthesized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "selfContentStatus", "isLoading"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "viewMode"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [1, "rounded-2xl", "p-8", "shadow-xl", "animate-fade-in-up", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "p-4", "rounded-xl", "flex-shrink-0", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["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, "flex-1"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-lg", "mb-4", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], ["id", "section-unified-goals", 1, "space-y-6", "scroll-mt-24"], ["id", "section-timeline", 1, "space-y-6", "scroll-mt-24"], ["id", "section-priority-matrix", 1, "space-y-6", "scroll-mt-24"], ["id", "section-next-steps", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "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, "p-6", "rounded-xl", "mb-4", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", "opacity-80"], [1, "text-4xl", "font-bold"], [1, "text-6xl", "opacity-20"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], [1, "p-4", "rounded-xl", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-2"], [1, "text-sm", "opacity-80"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], ["title", "Unified Goals", "subtitle", "Strategic priorities synthesized from all analyses", 3, "viewMode"], [1, "grid", "gap-6", 2, "grid-template-columns", "repeat(auto-fit, minmax(340px, 1fr))"], [3, "goal", "viewMode"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "learnMoreClick", "goal", "viewMode"], ["title", "Implementation Timeline", "subtitle", "Strategic roadmap for goal execution", 3, "viewMode"], [1, "absolute", "left-6", "top-0", "bottom-0", "w-0.5", 3, "ngClass"], [1, "space-y-8"], [1, "relative", "pl-16", "group"], [1, "absolute", "left-4", "w-5", "h-5", "rounded-full", "border-4", "flex", "items-center", "justify-center", "transition-all", "group-hover:scale-125", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", 3, "ngClass"], [1, "rounded-xl", "p-5", "transition-all", "hover:shadow-lg", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-3"], [1, "text-base", "font-semibold", 3, "ngClass"], [1, "px-2", "py-1", "text-xs", "font-semibold", "rounded-full", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-3", 3, "ngClass"], [1, "mt-4"], [1, "absolute", "-left-[52px]", "top-5", "text-xs", "font-bold", 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", "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"], [1, "text-sm", "font-medium"], [1, "text-xs", "font-semibold", "uppercase", "mb-2", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2", "text-sm", 3, "ngClass"], [1, "text-xs", "pl-6", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "mt-0.5", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4"], [1, "line-clamp-1"], ["title", "Priority Matrix", "subtitle", "Goals organized by impact and effort", 3, "viewMode"], [1, "rounded-2xl", "p-6", "shadow-xl", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "relative"], [1, "absolute", "-left-2", "top-1/2", "-translate-y-1/2", "-rotate-90", "text-xs", "font-semibold", "uppercase", "tracking-wider", "whitespace-nowrap", "origin-center", 3, "ngClass"], [1, "absolute", "bottom-0", "left-1/2", "-translate-x-1/2", "translate-y-6", "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "rounded-xl", "p-4", "min-h-[180px]", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-3"], [1, "w-3", "h-3", "rounded-full", "bg-green-500"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-xs", "mb-3", 3, "ngClass"], ["type", "button", 1, "w-full", "text-left", "p-2", "rounded-lg", "text-sm", "transition-all", "hover:scale-[1.02]", 3, "ngClass"], [1, "text-xs", "text-center", 3, "ngClass"], [1, "text-xs", "text-center", "py-4", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-amber-500"], [1, "w-3", "h-3", "rounded-full", "bg-blue-500"], [1, "w-3", "h-3", "rounded-full", "bg-slate-400"], ["type", "button", 1, "w-full", "text-left", "p-2", "rounded-lg", "text-sm", "transition-all", "hover:scale-[1.02]", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "line-clamp-1", "flex-1"], [1, "text-xs", 3, "ngClass"], ["title", "Next Steps", "subtitle", "Actionable priorities to drive progress", 3, "viewMode"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [1, "rounded-2xl", "p-6", "shadow-lg", "transition-all", "hover:shadow-xl", 3, "ngClass"], [1, "flex", "items-start", "gap-4", "mb-4"], [1, "w-10", "h-10", "rounded-full", "flex", "items-center", "justify-center", "text-lg", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-base", "font-semibold", "line-clamp-2", 3, "ngClass"], [1, "text-sm", "mb-4", "line-clamp-3", 3, "ngClass"], [1, "mt-4", "pt-4", "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "line-clamp-2"], [3, "close", "isLightMode", "isOpen"], [3, "close", "modeSelected", "viewMode", "currentMode", "isOpen"], [3, "markAsReviewed", "viewMode", "selfContentStatus", "isLoading"]], template: function SymphiqProfileAnalysisUnifiedDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], isLoadingSourceAnalysis: [1, "isLoadingSourceAnalysis"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], requestedByUser: [1, "requestedByUser"] }, outputs: { markAsReviewedClick: "markAsReviewedClick", generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest" }, features: [i0.ɵɵNgOnChangesFeature], decls: 19, vars: 35, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "showControls", "embedded", "scrollEvent"], [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"], ["title", "Loading Your Unified Analysis", "subtitle", "Please wait while we prepare your synthesized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "selfContentStatus", "isLoading"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "viewMode"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [1, "rounded-2xl", "p-8", "shadow-xl", "animate-fade-in-up", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "p-4", "rounded-xl", "flex-shrink-0", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["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, "flex-1"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-lg", "mb-4", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], ["id", "section-unified-goals", 1, "space-y-6", "scroll-mt-24"], ["id", "section-timeline", 1, "space-y-6", "scroll-mt-24"], ["id", "section-priority-matrix", 1, "space-y-6", "scroll-mt-24"], ["id", "section-next-steps", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "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, "p-6", "rounded-xl", "mb-4", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", "opacity-80"], [1, "text-4xl", "font-bold"], [1, "text-6xl", "opacity-20"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], [1, "p-4", "rounded-xl", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-2"], [1, "text-sm", "opacity-80"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], ["title", "Unified Goals", "subtitle", "Strategic priorities synthesized from all analyses", 3, "viewMode"], [1, "grid", "gap-6", 2, "grid-template-columns", "repeat(auto-fit, minmax(340px, 1fr))"], [3, "goal", "viewMode"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "learnMoreClick", "goal", "viewMode"], ["title", "Implementation Timeline", "subtitle", "Strategic roadmap for goal execution", 3, "viewMode"], [1, "absolute", "left-6", "top-0", "bottom-0", "w-0.5", 3, "ngClass"], [1, "space-y-8"], [1, "relative", "pl-16", "group"], [1, "absolute", "left-4", "w-5", "h-5", "rounded-full", "border-4", "flex", "items-center", "justify-center", "transition-all", "group-hover:scale-125", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", 3, "ngClass"], [1, "rounded-xl", "p-5", "transition-all", "hover:shadow-lg", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-3"], [1, "text-base", "font-semibold", 3, "ngClass"], [1, "px-2", "py-1", "text-xs", "font-semibold", "rounded-full", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-3", 3, "ngClass"], [1, "mt-4"], [1, "absolute", "-left-[52px]", "top-5", "text-xs", "font-bold", 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", "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"], [1, "text-sm", "font-medium"], [1, "text-xs", "font-semibold", "uppercase", "mb-2", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2", "text-sm", 3, "ngClass"], [1, "text-xs", "pl-6", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "mt-0.5", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4"], [1, "line-clamp-1"], ["title", "Priority Matrix", "subtitle", "Goals organized by impact and effort", 3, "viewMode"], [1, "rounded-2xl", "p-6", "shadow-xl", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "relative"], [1, "absolute", "-left-2", "top-1/2", "-translate-y-1/2", "-rotate-90", "text-xs", "font-semibold", "uppercase", "tracking-wider", "whitespace-nowrap", "origin-center", 3, "ngClass"], [1, "absolute", "bottom-0", "left-1/2", "-translate-x-1/2", "translate-y-6", "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "rounded-xl", "p-4", "min-h-[180px]", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-3"], [1, "w-3", "h-3", "rounded-full", "bg-green-500"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-xs", "mb-3", 3, "ngClass"], ["type", "button", 1, "w-full", "text-left", "p-2", "rounded-lg", "text-sm", "transition-all", "hover:scale-[1.02]", 3, "ngClass"], [1, "text-xs", "text-center", 3, "ngClass"], [1, "text-xs", "text-center", "py-4", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-amber-500"], [1, "w-3", "h-3", "rounded-full", "bg-blue-500"], [1, "w-3", "h-3", "rounded-full", "bg-slate-400"], ["type", "button", 1, "w-full", "text-left", "p-2", "rounded-lg", "text-sm", "transition-all", "hover:scale-[1.02]", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "line-clamp-1", "flex-1"], [1, "text-xs", 3, "ngClass"], ["title", "Next Steps", "subtitle", "Actionable priorities to drive progress", 3, "viewMode"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [1, "rounded-2xl", "p-6", "shadow-lg", "transition-all", "hover:shadow-xl", 3, "ngClass"], [1, "flex", "items-start", "gap-4", "mb-4"], [1, "w-10", "h-10", "rounded-full", "flex", "items-center", "justify-center", "text-lg", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-base", "font-semibold", "line-clamp-2", 3, "ngClass"], [1, "text-sm", "mb-4", "line-clamp-3", 3, "ngClass"], [1, "mt-4", "pt-4", "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "line-clamp-2"], [3, "close", "isLightMode", "isOpen"], [3, "close", "modeSelected", "viewMode", "currentMode", "isOpen"], [3, "markAsReviewed", "viewMode", "selfContentStatus", "isLoading"]], template: function SymphiqProfileAnalysisUnifiedDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
             i0.ɵɵelementStart(3, "div", 3)(4, "symphiq-dashboard-header", 4);
@@ -103475,7 +103714,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             i0.ɵɵconditionalCreate(11, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_11_Template, 1, 2, "symphiq-search-modal", 9);
             i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_12_Template, 1, 3, "symphiq-view-mode-switcher-modal", 10);
             i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_13_Template, 1, 3, "symphiq-mark-as-reviewed-footer", 11);
-            i0.ɵɵelement(14, "symphiq-content-generation-progress-with-confetti", 12);
+            i0.ɵɵconditionalCreate(14, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_14_Template, 1, 5, "symphiq-content-generation-progress-with-confetti", 12);
             i0.ɵɵelementStart(15, "symphiq-mobile-fab", 13);
             i0.ɵɵlistener("expandedChange", function SymphiqProfileAnalysisUnifiedDashboardComponent_Template_symphiq_mobile_fab_expandedChange_15_listener($event) { return ctx.fabExpanded.set($event); })("scrollToTop", function SymphiqProfileAnalysisUnifiedDashboardComponent_Template_symphiq_mobile_fab_scrollToTop_15_listener() { return ctx.scrollToTop(); })("toggleView", function SymphiqProfileAnalysisUnifiedDashboardComponent_Template_symphiq_mobile_fab_toggleView_15_listener() { return ctx.openViewModeSwitcher(); });
             i0.ɵɵelementEnd();
@@ -103511,7 +103750,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.shouldShowReviewFooter() ? 13 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("itemStatus", ctx.itemStatus())("currentStatus", ctx.selfContentStatus())("confettiIntensity", "celebration")("title", "We are generating a new Unified Analysis for " + ctx.businessName() + ".");
+            i0.ɵɵconditional(!ctx.isLoading() && ctx.isGenerating() ? 14 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode())("isCompactMode", ctx.isCompactView())("isExpanded", ctx.fabExpanded());
             i0.ɵɵadvance();
@@ -104088,13 +104327,15 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
       }
 
       <!-- Content Generation Progress Component -->
-      <symphiq-content-generation-progress-with-confetti
-        [viewMode]="viewMode()"
-        [itemStatus]="itemStatus()"
-        [currentStatus]="selfContentStatus()"
-        [confettiIntensity]="'celebration'"
-        [title]="'We are generating a new Unified Analysis for ' + businessName() + '.'"
-      />
+      @if (!isLoading() && isGenerating()) {
+        <symphiq-content-generation-progress-with-confetti
+          [viewMode]="viewMode()"
+          [itemStatus]="itemStatus()"
+          [currentStatus]="selfContentStatus()"
+          [confettiIntensity]="'celebration'"
+          [title]="'We are generating a new Unified Analysis for ' + businessName() + '.'"
+        />
+      }
 
       <!-- Mobile FAB -->
       <symphiq-mobile-fab
@@ -104124,7 +104365,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             type: HostListener,
             args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber: 667 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber: 669 }); })();
 
 function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();