@eric-emg/symphiq-components 1.3.85 → 1.3.87

package/fesm2022/symphiq-components.mjs

@@ -4673,7 +4673,7 @@ class CompetitiveScoreService {
             }]
     }], null, null); })();
 
-const _forTrack0$1l = ($index, $item) => $item.category;
+const _forTrack0$1k = ($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);
@@ -4832,7 +4832,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$1l);
+    i0.ɵɵrepeaterCreate(46, CompetitivePositioningSummaryComponent_Conditional_1_For_47_Template, 15, 12, "div", 27, _forTrack0$1k);
     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()); });
@@ -5041,7 +5041,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$1l);
+    i0.ɵɵrepeaterCreate(35, CompetitivePositioningSummaryComponent_Conditional_2_For_36_Template, 12, 11, "div", 52, _forTrack0$1k);
     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()); });
@@ -9710,7 +9710,7 @@ class MetricCardComponent {
 const _c0$1m = () => [1, 2, 3];
 const _c1$L = (a0, a1, a2) => [a0, a1, a2];
 const _c2$u = (a0, a1) => [a0, a1];
-const _forTrack0$1k = ($index, $item) => $item.metric;
+const _forTrack0$1j = ($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);
@@ -10032,7 +10032,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$1k);
+    i0.ɵɵrepeaterCreate(8, BreakdownSectionComponent_Conditional_1_For_9_Template, 28, 18, "div", 13, _forTrack0$1j);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -11416,7 +11416,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$1j = ($index, $item) => $item.id;
+const _forTrack0$1i = ($index, $item) => $item.id;
 function FunnelStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵnamespaceSVG();
@@ -11530,7 +11530,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$1j);
+    i0.ɵɵrepeaterCreate(1, FunnelStrengthsListModalContentComponent_Conditional_2_For_2_Template, 30, 22, "button", 7, _forTrack0$1i);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -11740,7 +11740,7 @@ class FunnelStrengthsListModalContentComponent {
     }], null, { strengths: [{ type: i0.Input, args: [{ isSignal: true, alias: "strengths", required: true }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelStrengthsListModalContentComponent, { className: "FunnelStrengthsListModalContentComponent", filePath: "lib/components/funnel-analysis-dashboard/funnel-strengths-list-modal-content.component.ts", lineNumber: 93 }); })();
 
-const _forTrack0$1i = ($index, $item) => $item.severity;
+const _forTrack0$1h = ($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);
@@ -11919,7 +11919,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$1i);
+    i0.ɵɵrepeaterCreate(1, FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_Template, 9, 7, "div", null, _forTrack0$1h);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -13561,6 +13561,17 @@ class ProfileContextService {
         console.log('[ProfileContextService] indexProfile - recommendations with relatedCompetitorIds:', index.recommendations.filter(r => r.relatedCompetitorIds && r.relatedCompetitorIds.length > 0).map(r => ({ id: r.id, relatedCompetitorIds: r.relatedCompetitorIds })));
         this.contextIndex.set(index);
     }
+    addRecommendations(recommendations) {
+        const currentIndex = this.contextIndex();
+        const existingIds = new Set(currentIndex.recommendations.map(r => r.id));
+        const newRecs = recommendations.filter(r => !existingIds.has(r.id));
+        const mergedRecommendations = [...currentIndex.recommendations, ...newRecs];
+        console.log('[ProfileContextService] addRecommendations - adding', newRecs.length, 'new recommendations, total:', mergedRecommendations.length);
+        this.contextIndex.set({
+            ...currentIndex,
+            recommendations: mergedRecommendations
+        });
+    }
     getRegions() {
         return this.contextIndex().regions;
     }
@@ -13697,7 +13708,7 @@ class ProfileItemLookupService {
     }], null, null); })();
 
 const _c0$1j = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$1h = ($index, $item) => $item.id;
+const _forTrack0$1g = ($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);
@@ -13718,7 +13729,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$1h);
+    i0.ɵɵrepeaterCreate(1, RelatedAreaChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$1g);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -13943,7 +13954,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$1g = ($index, $item) => $item.id;
+const _forTrack0$1f = ($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);
@@ -14026,7 +14037,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$1g);
+    i0.ɵɵrepeaterCreate(11, CompetitorContextSectionComponent_Conditional_0_For_12_Template, 10, 6, "button", 7, _forTrack0$1f);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -14217,7 +14228,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$1h = a0 => ({ name: "chevron-right", source: a0 });
-const _forTrack0$1f = ($index, $item) => $item.id;
+const _forTrack0$1e = ($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);
@@ -14260,7 +14271,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$1f);
+    i0.ɵɵrepeaterCreate(2, RelatedRecommendationChipsComponent_Conditional_0_For_3_Template, 5, 6, "button", 2, _forTrack0$1e);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(4, RelatedRecommendationChipsComponent_Conditional_0_Conditional_4_Template, 5, 4, "button", 3);
     i0.ɵɵelementEnd();
@@ -14716,7 +14727,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$1e = ($index, $item) => $item.order;
+const _forTrack0$1d = ($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);
@@ -15069,7 +15080,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$1e);
+    i0.ɵɵrepeaterCreate(1, RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6_For_2_Template, 13, 9, "div", 41, _forTrack0$1d);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -15922,7 +15933,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$1d = ($index, $item) => $item.id || $index;
+const _forTrack0$1c = ($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);
@@ -16307,7 +16318,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$1d);
+    i0.ɵɵrepeaterCreate(2, ModalComponent_Conditional_0_Conditional_19_For_3_Template, 2, 5, "div", null, _forTrack0$1c);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -16664,7 +16675,7 @@ function ModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-slate-900/60" : "bg-slate-950/80")("@fadeIn", undefined);
     i0.ɵɵadvance();
     i0.ɵɵstyleProp("z-index", ctx_r1.contentZIndex());
-    i0.ɵɵclassProp("max-w-6xl", ctx_r1.modalType() === "chart")("max-w-3xl", ctx_r1.modalType() !== "chart");
+    i0.ɵɵclassProp("sm:max-w-6xl", ctx_r1.modalType() === "chart")("sm:max-w-3xl", ctx_r1.modalType() !== "chart");
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white/90 border-slate-200/50" : "bg-slate-800/90 border-slate-700/50")("@slideUpFade", undefined);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white/50 border-slate-200/50" : "bg-slate-800/50 border-slate-700/50");
@@ -17494,7 +17505,7 @@ class ModalComponent {
         });
     }
     static { this.ɵfac = function ModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModalComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModalComponent, selectors: [["symphiq-funnel-analysis-modal"]], inputs: { isLightMode: [1, "isLightMode"], viewMode: [1, "viewMode"], allMetrics: [1, "allMetrics"], allInsights: [1, "allInsights"], allCharts: [1, "allCharts"], currencySymbol: [1, "currencySymbol"], businessProfile: [1, "businessProfile"] }, decls: 1, vars: 1, consts: [[1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "click", "ngClass"], [1, "relative", "w-full", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "ngClass"], [1, "flex-shrink-0", 3, "class", "animate-pulse"], [1, "flex", "items-center", "gap-2", "flex-wrap"], [1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-6", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "isInModal", "currencySymbol", "currentModalState"], [3, "metric", "insights", "charts", "allCharts", "isLightMode", "isInModal", "currencySymbol", "currentModalState", "initialExpandedSection"], [1, "chart-modal-content"], [1, "space-y-3"], [1, "space-y-5"], [1, "space-y-6"], [3, "recommendation", "viewMode", "forceExpanded", "showNavigationChevron", "inModalContext", "isCompactMode", "animationIndex"], [3, "strengths", "isLightMode"], [3, "weaknesses", "isLightMode"], [3, "strength", "isLightMode", "allMetrics", "allCharts", "currentModalState"], [3, "weakness", "isLightMode", "allMetrics", "allCharts", "currentModalState"], [1, "px-6", "py-4", "border-t", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", "flex", "items-center", "justify-center", "gap-2", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "flex-shrink-0"], [1, "text-sm", 3, "ngClass"], [1, "text-sm", "font-semibold", "transition-colors", "cursor-pointer", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-sm", "font-semibold", "transition-colors", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xl", "font-bold", "!mb-0", 3, "ngClass"], ["tooltipPosition", "bottom", 3, "viewMode"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "min-h-[500px]"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol"], [1, "flex", "items-center", "justify-center", "py-12"], [1, "animate-spin", "rounded-full", "h-8", "w-8", 3, "ngClass"], [1, "w-full", "text-left", "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "ngClass"], [1, "w-full", "text-left", "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "click", "ngClass"], [1, "inline-flex", "items-center", "justify-center", "w-8", "h-8", "rounded-full", "text-sm", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "text-base", "font-medium", "transition-colors", "flex-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "group-hover:text-blue-400", "transition-colors", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "w-full", "text-left", "p-4", "rounded-xl", "border-2", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "hover:shadow-lg", "active:scale-[0.99]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-2"], [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"], ["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"], [1, "text-lg", "font-semibold", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "border-t", "pt-4", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-3", 3, "ngClass"], [1, "w-full", "text-left", "p-4", "rounded-xl", "border-2", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "hover:shadow-lg", "active:scale-[0.99]", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "inline-flex", "items-center", "justify-center", "w-8", "h-8", "rounded-full", "text-xs", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "text-base", "font-semibold", "transition-colors", "mb-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "group-hover:text-blue-400", "transition-colors", "flex-shrink-0", "mt-1", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "pt-2"], [1, "inline-flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-full", "text-xs", "font-semibold", "border", 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", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [3, "cardNavigate", "recommendation", "viewMode", "animationIndex", "showNavigationChevron", "inModalContext"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-2", 3, "ngClass"], [3, "metricClick", "metric", "isLightMode", "animationKey", "currencySymbol"], [3, "chartClick", "chart", "viewMode", "isLightMode"], [1, "w-full", "text-left", "flex", "items-start", "gap-3", "p-4", "rounded-lg", "border", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-emerald-400", "flex-shrink-0", "mt-0.5"], [1, "p-4", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-3"], ["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", "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"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", "flex", "items-center", "justify-center", "gap-2", 3, "click", "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "click", "ngClass"]], template: function ModalComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModalComponent, selectors: [["symphiq-funnel-analysis-modal"]], inputs: { isLightMode: [1, "isLightMode"], viewMode: [1, "viewMode"], allMetrics: [1, "allMetrics"], allInsights: [1, "allInsights"], allCharts: [1, "allCharts"], currencySymbol: [1, "currencySymbol"], businessProfile: [1, "businessProfile"] }, decls: 1, vars: 1, consts: [[1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-0", "sm:p-4", "overflow-y-auto", 3, "z-index"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-0", "sm:p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "click", "ngClass"], [1, "relative", "w-full", "h-full", "sm:h-auto", "max-w-full", "sm:max-w-3xl", "rounded-none", "sm:rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "ngClass"], [1, "flex-shrink-0", 3, "class", "animate-pulse"], [1, "flex", "items-center", "gap-2", "flex-wrap"], [1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-6", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "isInModal", "currencySymbol", "currentModalState"], [3, "metric", "insights", "charts", "allCharts", "isLightMode", "isInModal", "currencySymbol", "currentModalState", "initialExpandedSection"], [1, "chart-modal-content"], [1, "space-y-3"], [1, "space-y-5"], [1, "space-y-6"], [3, "recommendation", "viewMode", "forceExpanded", "showNavigationChevron", "inModalContext", "isCompactMode", "animationIndex"], [3, "strengths", "isLightMode"], [3, "weaknesses", "isLightMode"], [3, "strength", "isLightMode", "allMetrics", "allCharts", "currentModalState"], [3, "weakness", "isLightMode", "allMetrics", "allCharts", "currentModalState"], [1, "px-6", "py-4", "border-t", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", "flex", "items-center", "justify-center", "gap-2", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "flex-shrink-0"], [1, "text-sm", 3, "ngClass"], [1, "text-sm", "font-semibold", "transition-colors", "cursor-pointer", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-sm", "font-semibold", "transition-colors", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xl", "font-bold", "!mb-0", 3, "ngClass"], ["tooltipPosition", "bottom", 3, "viewMode"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "min-h-[500px]"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol"], [1, "flex", "items-center", "justify-center", "py-12"], [1, "animate-spin", "rounded-full", "h-8", "w-8", 3, "ngClass"], [1, "w-full", "text-left", "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "ngClass"], [1, "w-full", "text-left", "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "click", "ngClass"], [1, "inline-flex", "items-center", "justify-center", "w-8", "h-8", "rounded-full", "text-sm", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "text-base", "font-medium", "transition-colors", "flex-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "group-hover:text-blue-400", "transition-colors", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "w-full", "text-left", "p-4", "rounded-xl", "border-2", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "hover:shadow-lg", "active:scale-[0.99]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-2"], [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"], ["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"], [1, "text-lg", "font-semibold", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "border-t", "pt-4", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-3", 3, "ngClass"], [1, "w-full", "text-left", "p-4", "rounded-xl", "border-2", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.01]", "hover:shadow-lg", "active:scale-[0.99]", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "inline-flex", "items-center", "justify-center", "w-8", "h-8", "rounded-full", "text-xs", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "text-base", "font-semibold", "transition-colors", "mb-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "group-hover:text-blue-400", "transition-colors", "flex-shrink-0", "mt-1", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "pt-2"], [1, "inline-flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-full", "text-xs", "font-semibold", "border", 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", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [3, "cardNavigate", "recommendation", "viewMode", "animationIndex", "showNavigationChevron", "inModalContext"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-2", 3, "ngClass"], [3, "metricClick", "metric", "isLightMode", "animationKey", "currencySymbol"], [3, "chartClick", "chart", "viewMode", "isLightMode"], [1, "w-full", "text-left", "flex", "items-start", "gap-3", "p-4", "rounded-lg", "border", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-emerald-400", "flex-shrink-0", "mt-0.5"], [1, "p-4", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-3"], ["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", "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"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", "flex", "items-center", "justify-center", "gap-2", 3, "click", "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "click", "ngClass"]], template: function ModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ModalComponent_Conditional_0_Template, 32, 41, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
@@ -17536,15 +17547,15 @@ class ModalComponent {
                 ],
                 template: `
     @if (isOpen()) {
-      <div class="fixed inset-0 flex items-center justify-center p-4 overflow-y-auto" [style.z-index]="baseZIndex()">
+      <div class="fixed inset-0 flex items-center justify-center p-0 sm:p-4 overflow-y-auto" [style.z-index]="baseZIndex()">
         <div [ngClass]="isLightMode() ? 'bg-slate-900/60' : 'bg-slate-950/80'" class="fixed inset-0 backdrop-blur-md" [style.z-index]="backdropZIndex()" aria-hidden="true" @fadeIn (click)="closeModal()"></div>
 
         <div
           (click)="$event.stopPropagation()"
           [ngClass]="isLightMode() ? 'bg-white/90 border-slate-200/50' : 'bg-slate-800/90 border-slate-700/50'"
-          [class.max-w-6xl]="modalType() === 'chart'"
-          [class.max-w-3xl]="modalType() !== 'chart'"
-          class="relative w-full rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
+          [class.sm:max-w-6xl]="modalType() === 'chart'"
+          [class.sm:max-w-3xl]="modalType() !== 'chart'"
+          class="relative w-full h-full sm:h-auto max-w-full sm:max-w-3xl rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
           [style.z-index]="contentZIndex()"
           @slideUpFade>
 
@@ -20603,7 +20614,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$1c = ($index, $item) => $item.metric.name;
+const _forTrack0$1b = ($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);
@@ -20647,7 +20658,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$1c);
+    i0.ɵɵrepeaterCreate(5, CompetitiveStatusTooltipComponent_Conditional_6_For_6_Template, 13, 12, "div", 6, _forTrack0$1b);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -20906,7 +20917,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$1b = ($index, $item) => $item.name;
+const _forTrack0$1a = ($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);
@@ -20946,7 +20957,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$1b);
+    i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_8_For_7_Template, 11, 9, "div", 9, _forTrack0$1a);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -20996,7 +21007,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$1b);
+    i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_9_For_7_Template, 11, 9, "div", 9, _forTrack0$1a);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -21046,7 +21057,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$1b);
+    i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_10_For_7_Template, 11, 9, "div", 9, _forTrack0$1a);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -22201,233 +22212,6 @@ class TooltipContainerComponent {
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TooltipContainerComponent, { className: "TooltipContainerComponent", filePath: "lib/components/funnel-analysis-dashboard/tooltip/tooltip-container.component.ts", lineNumber: 230 }); })();
 
-function MobileFABComponent_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 6);
-    i0.ɵɵelement(1, "path", 8);
-    i0.ɵɵelementEnd();
-} }
-function MobileFABComponent_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 6);
-    i0.ɵɵelement(1, "path", 9);
-    i0.ɵɵelementEnd();
-} }
-function MobileFABComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "button", 5);
-    i0.ɵɵlistener("click", function MobileFABComponent_Conditional_1_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onScrollToTop()); });
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 6);
-    i0.ɵɵelement(3, "path", 7);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(4, "button", 5);
-    i0.ɵɵlistener("click", function MobileFABComponent_Conditional_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onToggleView()); });
-    i0.ɵɵconditionalCreate(5, MobileFABComponent_Conditional_1_Conditional_5_Template, 2, 0, ":svg:svg", 6)(6, MobileFABComponent_Conditional_1_Conditional_6_Template, 2, 0, ":svg:svg", 6);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.buttonClass());
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.buttonClass());
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isCompactMode() ? 5 : 6);
-} }
-class MobileFABComponent {
-    constructor() {
-        this.isLightMode = input(false, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
-        this.isCompactMode = input(false, ...(ngDevMode ? [{ debugName: "isCompactMode" }] : []));
-        this.isExpanded = input(false, ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
-        this.expandedChange = output();
-        this.scrollToTop = output();
-        this.toggleView = output();
-        this.buttonClass = computed(() => this.isLightMode()
-            ? 'bg-white text-slate-700 border border-slate-300 hover:border-blue-500'
-            : 'bg-slate-800 text-white border border-slate-600 hover:border-blue-400', ...(ngDevMode ? [{ debugName: "buttonClass" }] : []));
-        this.mainButtonClass = computed(() => this.isLightMode()
-            ? 'bg-gradient-to-br from-blue-500 to-blue-600 text-white hover:from-blue-600 hover:to-blue-700'
-            : 'bg-gradient-to-br from-blue-400 to-blue-500 text-white hover:from-blue-500 hover:to-blue-600', ...(ngDevMode ? [{ debugName: "mainButtonClass" }] : []));
-    }
-    toggleExpanded() {
-        this.expandedChange.emit(!this.isExpanded());
-    }
-    onScrollToTop() {
-        this.scrollToTop.emit();
-        this.expandedChange.emit(false);
-    }
-    onToggleView() {
-        this.toggleView.emit();
-        this.expandedChange.emit(false);
-    }
-    static { this.ɵfac = function MobileFABComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MobileFABComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MobileFABComponent, selectors: [["symphiq-mobile-fab"]], inputs: { isLightMode: [1, "isLightMode"], isCompactMode: [1, "isCompactMode"], isExpanded: [1, "isExpanded"] }, outputs: { expandedChange: "expandedChange", scrollToTop: "scrollToTop", toggleView: "toggleView" }, decls: 5, vars: 4, consts: [[1, "fixed", "bottom-24", "right-4", "z-[60]", "lg:hidden"], [1, "flex", "flex-col", "gap-3", "mb-3", "animate-fade-in-up"], [1, "w-14", "h-14", "rounded-full", "shadow-2xl", "flex", "items-center", "justify-center", "transition-all", "duration-300", "hover:scale-110", "active:scale-95", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-300"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 4v16m8-8H4"], [1, "w-12", "h-12", "rounded-full", "shadow-lg", "flex", "items-center", "justify-center", "transition-all", "duration-200", "hover:scale-110", "active:scale-95", 3, "click", "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", "M5 10l7-7m0 0l7 7m-7-7v18"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"]], template: function MobileFABComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵconditionalCreate(1, MobileFABComponent_Conditional_1_Template, 7, 3, "div", 1);
-            i0.ɵɵelementStart(2, "button", 2);
-            i0.ɵɵlistener("click", function MobileFABComponent_Template_button_click_2_listener() { return ctx.toggleExpanded(); });
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(3, "svg", 3);
-            i0.ɵɵelement(4, "path", 4);
-            i0.ɵɵelementEnd()()();
-        } if (rf & 2) {
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isExpanded() ? 1 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.mainButtonClass());
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("rotate-45", ctx.isExpanded());
-        } }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_fade-in-up .2s ease-out}"], changeDetection: 0 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileFABComponent, [{
-        type: Component,
-        args: [{ selector: 'symphiq-mobile-fab', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], template: `
-    <div class="fixed bottom-24 right-4 z-[60] lg:hidden">
-      <!-- FAB Menu Items (shown when expanded) -->
-      @if (isExpanded()) {
-        <div class="flex flex-col gap-3 mb-3 animate-fade-in-up">
-          <!-- Scroll to Top -->
-          <button
-            (click)="onScrollToTop()"
-            [ngClass]="buttonClass()"
-            class="w-12 h-12 rounded-full shadow-lg flex items-center justify-center transition-all duration-200 hover:scale-110 active:scale-95">
-            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
-            </svg>
-          </button>
-
-          <!-- Toggle View Mode -->
-          <button
-            (click)="onToggleView()"
-            [ngClass]="buttonClass()"
-            class="w-12 h-12 rounded-full shadow-lg flex items-center justify-center transition-all duration-200 hover:scale-110 active:scale-95">
-            @if (isCompactMode()) {
-              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path>
-              </svg>
-            } @else {
-              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
-              </svg>
-            }
-          </button>
-        </div>
-      }
-
-      <!-- Main FAB Button -->
-      <button
-        (click)="toggleExpanded()"
-        [ngClass]="mainButtonClass()"
-        class="w-14 h-14 rounded-full shadow-2xl flex items-center justify-center transition-all duration-300 hover:scale-110 active:scale-95">
-        <svg
-          class="w-6 h-6 transition-transform duration-300"
-          [class.rotate-45]="isExpanded()"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
-        </svg>
-      </button>
-    </div>
-  `, styles: ["@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .2s ease-out}\n"] }]
-    }], 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$1a = ($index, $item) => $item.id;
-function MobileBottomNavComponent_For_3_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 3);
-    i0.ɵɵlistener("click", function MobileBottomNavComponent_For_3_Template_button_click_0_listener() { const section_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onNavigate(section_r2.id)); });
-    i0.ɵɵelement(1, "div", 4);
-    i0.ɵɵelementStart(2, "span", 5);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const section_r2 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r2.getButtonClass(section_r2.id));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("innerHTML", ctx_r2.getSvgIcon(section_r2.icon), i0.ɵɵsanitizeHtml);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(section_r2.label);
-} }
-class MobileBottomNavComponent {
-    constructor() {
-        this.isLightMode = input(false, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
-        this.sections = input([], ...(ngDevMode ? [{ debugName: "sections" }] : []));
-        this.activeSection = input('', ...(ngDevMode ? [{ debugName: "activeSection" }] : []));
-        this.navigate = output();
-        this.containerClass = computed(() => this.isLightMode()
-            ? 'bg-white/95 border-slate-200'
-            : 'bg-slate-900/95 border-slate-700', ...(ngDevMode ? [{ debugName: "containerClass" }] : []));
-    }
-    getButtonClass(sectionId) {
-        const isActive = this.activeSection() === sectionId;
-        const baseClass = 'transition-all duration-200';
-        if (this.isLightMode()) {
-            return isActive
-                ? `${baseClass} bg-blue-100 text-blue-600`
-                : `${baseClass} text-slate-600 hover:bg-slate-100`;
-        }
-        return isActive
-            ? `${baseClass} bg-blue-500/20 text-blue-400`
-            : `${baseClass} text-slate-400 hover:bg-slate-800`;
-    }
-    getSvgIcon(iconName) {
-        const baseClasses = 'w-6 h-6';
-        const svgWrapper = (path) => `<svg class="${baseClasses}" fill="none" stroke="currentColor" viewBox="0 0 24 24">${path}</svg>`;
-        const icons = {
-            overview: '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path>',
-            insights: '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path>',
-            metrics: '<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>',
-            breakdowns: '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"></path>',
-            competitive: '<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>'
-        };
-        return svgWrapper(icons[iconName] || icons['overview']);
-    }
-    onNavigate(sectionId) {
-        this.navigate.emit(sectionId);
-    }
-    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$1a);
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", ctx.containerClass());
-            i0.ɵɵadvance(2);
-            i0.ɵɵrepeater(ctx.sections());
-        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileBottomNavComponent, [{
-        type: Component,
-        args: [{
-                selector: 'symphiq-mobile-bottom-nav',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                imports: [CommonModule],
-                template: `
-    <div
-      [ngClass]="containerClass()"
-      class="fixed bottom-0 left-0 right-0 z-50 lg:hidden border-t backdrop-blur-md">
-      <div class="flex items-center justify-around px-2 py-3">
-        @for (section of sections(); track section.id) {
-          <button
-            (click)="onNavigate(section.id)"
-            [ngClass]="getButtonClass(section.id)"
-            class="flex flex-col items-center gap-1 px-3 py-2 rounded-lg transition-all duration-200 active:scale-95 min-w-[64px]">
-            <div class="w-6 h-6" [innerHTML]="getSvgIcon(section.icon)"></div>
-            <span class="text-xs font-medium">{{ section.label }}</span>
-          </button>
-        }
-      </div>
-    </div>
-  `
-            }]
-    }], null, { isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], activeSection: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeSection", required: false }] }], navigate: [{ type: i0.Output, args: ["navigate"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileBottomNavComponent, { className: "MobileBottomNavComponent", filePath: "lib/components/funnel-analysis-dashboard/mobile-bottom-nav.component.ts", lineNumber: 33 }); })();
-
 class SearchService {
     constructor() {
         this.searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : []));
@@ -24130,6 +23914,9 @@ class SectionDividerComponent {
             if (subsectionIcons.length === 0 && this.sectionIcon()) {
                 return [this.sectionIcon()];
             }
+            if (subsectionIcons.length === 0) {
+                return [{ name: 'sparkles', source: IconSourceEnum.HEROICONS }];
+            }
             return subsectionIcons;
         }, ...(ngDevMode ? [{ debugName: "displayIcons" }] : []));
     }
@@ -26556,7 +26343,7 @@ class ConfidenceLevelCardComponent {
             i0.ɵɵconditional(ctx.confidenceData().nextDashboardAction && ctx.confidenceData().nextDashboardGrade ? 31 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.confidenceData().currentStepAction && ctx.confidenceData().nextStepAction && ctx.confidenceData().potentialGrade ? 32 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_confidence-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _ngcontent-%COMP%_pulse-glow{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 20px #10b9814d}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 40px #10b98199}}@keyframes _ngcontent-%COMP%_shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes _ngcontent-%COMP%_grade-change{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}.confidence-card-animate[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_confidence-fade-in-up .6s ease-out forwards}.animate-pulse-glow[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-glow 2s ease-in-out infinite}.grade-change-animate[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_grade-change .8s ease-out}@media(prefers-reduced-motion:reduce){.confidence-card-animate[_ngcontent-%COMP%], .animate-pulse-glow[_ngcontent-%COMP%], .grade-change-animate[_ngcontent-%COMP%]{animation:none;opacity:1}}"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_confidence-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _ngcontent-%COMP%_shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes _ngcontent-%COMP%_grade-change{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}.confidence-card-animate[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_confidence-fade-in-up .6s ease-out forwards}.grade-change-animate[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_grade-change .8s ease-out}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfidenceLevelCardComponent, [{
         type: Component,
@@ -26677,9 +26464,9 @@ class ConfidenceLevelCardComponent {
         </div>
       </div>
     </div>
-  `, styles: ["@keyframes confidence-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 20px #10b9814d}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 40px #10b98199}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes grade-change{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}.confidence-card-animate{animation:confidence-fade-in-up .6s ease-out forwards}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.grade-change-animate{animation:grade-change .8s ease-out}@media(prefers-reduced-motion:reduce){.confidence-card-animate,.animate-pulse-glow,.grade-change-animate{animation:none;opacity:1}}\n"] }]
+  `, styles: ["@keyframes confidence-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes grade-change{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}.confidence-card-animate{animation:confidence-fade-in-up .6s ease-out forwards}.grade-change-animate{animation:grade-change .8s ease-out}\n"] }]
     }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], currentFocusAreaDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentFocusAreaDomain", required: false }] }], currentMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentMetric", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }], isCurrentStepComplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCurrentStepComplete", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfidenceLevelCardComponent, { className: "ConfidenceLevelCardComponent", filePath: "lib/components/shared/confidence-level-card.component.ts", lineNumber: 216 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfidenceLevelCardComponent, { className: "ConfidenceLevelCardComponent", filePath: "lib/components/shared/confidence-level-card.component.ts", lineNumber: 190 }); })();
 
 function ContinueYourJourneyComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
@@ -27930,7 +27717,7 @@ class ViewModeSwitcherModalComponent {
             : 'text-slate-600 group-hover:text-slate-700';
     }
     static { this.ɵfac = function ViewModeSwitcherModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ViewModeSwitcherModalComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ViewModeSwitcherModalComponent, selectors: [["symphiq-view-mode-switcher-modal"]], inputs: { isOpen: [1, "isOpen"], currentMode: [1, "currentMode"], viewMode: [1, "viewMode"], isLoading: [1, "isLoading"] }, outputs: { close: "close", modeSelected: "modeSelected" }, decls: 1, vars: 1, consts: [[1, "fixed", "inset-0", "z-[9999]", "flex", "items-center", "justify-center", "p-4"], [1, "absolute", "inset-0", "backdrop-blur-sm", 3, "click", "ngClass"], [1, "relative", "z-10", "w-full", "max-w-2xl", "rounded-2xl", "shadow-2xl", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-6", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "text-2xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "p-2", "rounded-lg", "transition-all", "hover:scale-110", 3, "click", "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", "M6 18L18 6M6 6l12 12"], [1, "mt-2", "text-sm", 3, "ngClass"], [1, "px-8", "py-6", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "py-12"], [1, "grid", "gap-4"], [1, "relative", "w-16", "h-16", "mb-4"], [1, "absolute", "inset-0", "border-4", "border-t-transparent", "rounded-full", "animate-spin", 3, "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], ["type", "button", 1, "text-left", "p-5", "rounded-xl", "border-2", "transition-all", "duration-200", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-4"], [1, "p-3", "rounded-lg", "transition-all", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex-1"], [1, "flex", "items-center", "gap-2"], [1, "text-lg", "font-bold", "transition-colors", "duration-200", "mb-0!", 3, "ngClass"], [1, "px-2", "py-0.5", "text-xs", "font-medium", "rounded-full", 3, "ngClass"], [1, "mt-1", "text-sm", "transition-colors", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"], [1, "text-lg", "font-bold", "transition-colors", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"]], template: function ViewModeSwitcherModalComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ViewModeSwitcherModalComponent, selectors: [["symphiq-view-mode-switcher-modal"]], inputs: { isOpen: [1, "isOpen"], currentMode: [1, "currentMode"], viewMode: [1, "viewMode"], isLoading: [1, "isLoading"] }, outputs: { close: "close", modeSelected: "modeSelected" }, decls: 1, vars: 1, consts: [[1, "fixed", "inset-0", "z-[9999]", "flex", "items-center", "justify-center", "p-0", "sm:p-4"], [1, "absolute", "inset-0", "backdrop-blur-sm", 3, "click", "ngClass"], [1, "relative", "z-10", "w-full", "h-full", "sm:h-auto", "max-w-full", "sm:max-w-2xl", "rounded-none", "sm:rounded-2xl", "shadow-2xl", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-6", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "text-2xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "p-2", "rounded-lg", "transition-all", "hover:scale-110", 3, "click", "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", "M6 18L18 6M6 6l12 12"], [1, "mt-2", "text-sm", 3, "ngClass"], [1, "px-8", "py-6", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "py-12"], [1, "grid", "gap-4"], [1, "relative", "w-16", "h-16", "mb-4"], [1, "absolute", "inset-0", "border-4", "border-t-transparent", "rounded-full", "animate-spin", 3, "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], ["type", "button", 1, "text-left", "p-5", "rounded-xl", "border-2", "transition-all", "duration-200", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-4"], [1, "p-3", "rounded-lg", "transition-all", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex-1"], [1, "flex", "items-center", "gap-2"], [1, "text-lg", "font-bold", "transition-colors", "duration-200", "mb-0!", 3, "ngClass"], [1, "px-2", "py-0.5", "text-xs", "font-medium", "rounded-full", 3, "ngClass"], [1, "mt-1", "text-sm", "transition-colors", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"], [1, "text-lg", "font-bold", "transition-colors", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"]], template: function ViewModeSwitcherModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ViewModeSwitcherModalComponent_Conditional_0_Template, 15, 10, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
@@ -27984,7 +27771,7 @@ class ViewModeSwitcherModalComponent {
                 ],
                 template: `
     @if (isOpen()) {
-      <div class="fixed inset-0 z-[9999] flex items-center justify-center p-4" @fadeIn>
+      <div class="fixed inset-0 z-[9999] flex items-center justify-center p-0 sm:p-4" @fadeIn>
         <div
           [ngClass]="backdropClasses()"
           class="absolute inset-0 backdrop-blur-sm"
@@ -27993,7 +27780,7 @@ class ViewModeSwitcherModalComponent {
 
         <div
           [ngClass]="modalClasses()"
-          class="relative z-10 w-full max-w-2xl rounded-2xl shadow-2xl overflow-hidden"
+          class="relative z-10 w-full h-full sm:h-auto max-w-full sm:max-w-2xl rounded-none sm:rounded-2xl shadow-2xl overflow-hidden"
           @slideUp>
           <div [ngClass]="headerClasses()" class="px-8 py-6 border-b">
             <div class="flex items-center justify-between">
@@ -41208,8 +40995,8 @@ const _c2$j = () => ({ name: "chart-bar", source: "HEROICONS" });
 const _c3$e = a0 => ({ name: "chart-bar", source: a0 });
 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 _c6$3 = a0 => ({ name: "signal", source: a0 });
+const _c7$2 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 const _forTrack0$U = ($index, $item) => $item.name;
 function ProductCategoryCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 8);
@@ -41481,7 +41268,7 @@ function ProductCategoryCardComponent_Conditional_18_Conditional_7_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c6$2, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c6$3, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -41513,7 +41300,7 @@ function ProductCategoryCardComponent_Conditional_18_Conditional_8_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c7$1, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c7$2, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(3);
@@ -48855,7 +48642,7 @@ class ProfileAnalysisModalComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
-        } }, inputs: { isLightMode: [1, "isLightMode"], allMetrics: [1, "allMetrics"], allInsights: [1, "allInsights"], allCharts: [1, "allCharts"], allBusinessInsights: [1, "allBusinessInsights"] }, ngContentSelectors: _c2$g, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", "transition-opacity", "duration-200", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-5xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "flex", "items-center", "gap-2", "text-sm", "mb-2", 3, "ngClass"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-x-4", "gap-y-2"], [1, "text-2xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "z-[10001]", "relative", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[80vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "viewMode", "allInsights", "allMetrics", "allBusinessInsights", "allCharts"], [3, "objectives", "goalTitle", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState", "expandedRecommendationId"], [1, "space-y-4"], [1, "space-y-6"], [3, "recommendation", "viewMode", "forceExpanded", "showNavigationChevron", "inModalContext", "isCompactMode", "fromProfileAnalysis", "animationIndex", "allMetrics", "allCharts", "allInsights", "currentModalState", "goalTitle", "objectiveTitle", "strategyTitle"], [3, "item", "viewMode", "sectionTitle", "subsectionTitle", "isCompactMode", "fromProfileAnalysis"], [3, "metric", "insights", "charts", "allCharts", "isLightMode", "isInModal", "currentModalState", "viewMode"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "isInModal", "isLoading", "isCompactMode", "viewMode", "currentModalState"], [1, "chart-modal-content"], [3, "keyStrengths", "viewMode"], [3, "criticalGaps", "viewMode"], [3, "strength", "viewMode"], [3, "gap", "viewMode"], [3, "priorities", "viewMode", "focusAreaName"], [3, "priority", "index", "totalCount", "viewMode", "focusAreaName"], [3, "strengths", "viewMode", "categoryTitle"], [3, "gaps", "viewMode", "categoryTitle"], [3, "opportunities", "viewMode", "categoryTitle"], [3, "strength", "viewMode", "allMetrics", "allCharts", "currentModalState"], [3, "gap", "viewMode", "allMetrics", "allCharts", "currentModalState"], [3, "opportunity", "viewMode", "allMetrics", "allCharts", "currentModalState"], [1, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 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", "M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "text-xs", 3, "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], ["type", "button", 1, "p-1.5", "rounded-md", "transition-colors", "cursor-pointer", "hover:scale-110", "flex-shrink-0", 3, "click", "ngClass"], ["size", "w-4 h-4", 3, "icon"], [1, "flex", "items-center", "gap-2", "flex-wrap", "flex-1", "min-w-0"], [1, "opacity-90", "font-medium", "truncate"], ["type", "button", 1, "opacity-75", "hover:opacity-100", "transition-opacity", "cursor-pointer", "truncate", 3, "ngClass"], [1, "opacity-75", "font-medium", "truncate"], ["size", "w-4 h-4", 1, "opacity-50", "flex-shrink-0", 3, "icon"], ["type", "button", 1, "opacity-75", "hover:opacity-100", "transition-opacity", "cursor-pointer", "truncate", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "px-2", "py-0.5", "text-xs", "font-medium", "rounded-full", "border", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], [1, "px-3", "py-1", "text-xs", "font-semibold", "rounded-full", 3, "ngClass"], [3, "showObjectives", "goal", "viewMode", "allInsights", "allMetrics", "allBusinessInsights", "allCharts"], [1, "text-sm", "mb-6", 3, "ngClass"], [1, "p-5", "rounded-lg", "border", "transition-all", "duration-300", "hover:shadow-lg", "cursor-pointer", "group", 3, "ngClass"], [1, "p-5", "rounded-lg", "border", "transition-all", "duration-300", "hover:shadow-lg", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "flex", "items-center", "justify-center", "rounded-full", "text-xs", "font-bold", "border-2", "backdrop-blur-md", "transition-all", "duration-300", "group-hover:scale-110", 3, "ngClass", "ngStyle"], [1, "font-semibold", "mb-2", "transition-colors", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "mt-3", "flex", "items-center"], [1, "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "transition-colors", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "text-xs", "font-semibold", "rounded-full", "border", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [3, "cardNavigate", "recommendation", "viewMode", "animationIndex", "showNavigationChevron", "inModalContext"], [3, "close", "scrollToTop", "item", "viewMode", "sectionTitle", "subsectionTitle", "isCompactMode", "fromProfileAnalysis"], [1, "space-y-3"], [1, "text-xs", "font-bold", "uppercase", "tracking-wider", "px-1", 3, "ngClass"], [3, "metricClick", "metric", "isLightMode", "animationKey"], [3, "chartClick", "chart", "viewMode", "isLightMode"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "min-h-[500px]"], [3, "chart", "showAxisLabels", "viewMode"], [1, "flex", "items-center", "justify-center", "py-12"], [1, "animate-spin", "rounded-full", "h-8", "w-8", 3, "ngClass"], [3, "priorityClick", "priorities", "viewMode", "focusAreaName"]], template: function ProfileAnalysisModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { isLightMode: [1, "isLightMode"], allMetrics: [1, "allMetrics"], allInsights: [1, "allInsights"], allCharts: [1, "allCharts"], allBusinessInsights: [1, "allBusinessInsights"] }, ngContentSelectors: _c2$g, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-0", "sm:p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-0", "sm:p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", "transition-opacity", "duration-200", 3, "click", "ngClass"], [1, "relative", "w-full", "h-full", "sm:h-auto", "max-w-full", "sm:max-w-5xl", "rounded-none", "sm:rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "flex", "items-center", "gap-2", "text-sm", "mb-2", 3, "ngClass"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-x-4", "gap-y-2"], [1, "text-2xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "z-[10001]", "relative", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[80vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "viewMode", "allInsights", "allMetrics", "allBusinessInsights", "allCharts"], [3, "objectives", "goalTitle", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState", "expandedRecommendationId"], [1, "space-y-4"], [1, "space-y-6"], [3, "recommendation", "viewMode", "forceExpanded", "showNavigationChevron", "inModalContext", "isCompactMode", "fromProfileAnalysis", "animationIndex", "allMetrics", "allCharts", "allInsights", "currentModalState", "goalTitle", "objectiveTitle", "strategyTitle"], [3, "item", "viewMode", "sectionTitle", "subsectionTitle", "isCompactMode", "fromProfileAnalysis"], [3, "metric", "insights", "charts", "allCharts", "isLightMode", "isInModal", "currentModalState", "viewMode"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "isInModal", "isLoading", "isCompactMode", "viewMode", "currentModalState"], [1, "chart-modal-content"], [3, "keyStrengths", "viewMode"], [3, "criticalGaps", "viewMode"], [3, "strength", "viewMode"], [3, "gap", "viewMode"], [3, "priorities", "viewMode", "focusAreaName"], [3, "priority", "index", "totalCount", "viewMode", "focusAreaName"], [3, "strengths", "viewMode", "categoryTitle"], [3, "gaps", "viewMode", "categoryTitle"], [3, "opportunities", "viewMode", "categoryTitle"], [3, "strength", "viewMode", "allMetrics", "allCharts", "currentModalState"], [3, "gap", "viewMode", "allMetrics", "allCharts", "currentModalState"], [3, "opportunity", "viewMode", "allMetrics", "allCharts", "currentModalState"], [1, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 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", "M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "text-xs", 3, "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], ["type", "button", 1, "p-1.5", "rounded-md", "transition-colors", "cursor-pointer", "hover:scale-110", "flex-shrink-0", 3, "click", "ngClass"], ["size", "w-4 h-4", 3, "icon"], [1, "flex", "items-center", "gap-2", "flex-wrap", "flex-1", "min-w-0"], [1, "opacity-90", "font-medium", "truncate"], ["type", "button", 1, "opacity-75", "hover:opacity-100", "transition-opacity", "cursor-pointer", "truncate", 3, "ngClass"], [1, "opacity-75", "font-medium", "truncate"], ["size", "w-4 h-4", 1, "opacity-50", "flex-shrink-0", 3, "icon"], ["type", "button", 1, "opacity-75", "hover:opacity-100", "transition-opacity", "cursor-pointer", "truncate", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "px-2", "py-0.5", "text-xs", "font-medium", "rounded-full", "border", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], [1, "px-3", "py-1", "text-xs", "font-semibold", "rounded-full", 3, "ngClass"], [3, "showObjectives", "goal", "viewMode", "allInsights", "allMetrics", "allBusinessInsights", "allCharts"], [1, "text-sm", "mb-6", 3, "ngClass"], [1, "p-5", "rounded-lg", "border", "transition-all", "duration-300", "hover:shadow-lg", "cursor-pointer", "group", 3, "ngClass"], [1, "p-5", "rounded-lg", "border", "transition-all", "duration-300", "hover:shadow-lg", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "flex", "items-center", "justify-center", "rounded-full", "text-xs", "font-bold", "border-2", "backdrop-blur-md", "transition-all", "duration-300", "group-hover:scale-110", 3, "ngClass", "ngStyle"], [1, "font-semibold", "mb-2", "transition-colors", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "mt-3", "flex", "items-center"], [1, "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "transition-colors", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "text-xs", "font-semibold", "rounded-full", "border", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [3, "cardNavigate", "recommendation", "viewMode", "animationIndex", "showNavigationChevron", "inModalContext"], [3, "close", "scrollToTop", "item", "viewMode", "sectionTitle", "subsectionTitle", "isCompactMode", "fromProfileAnalysis"], [1, "space-y-3"], [1, "text-xs", "font-bold", "uppercase", "tracking-wider", "px-1", 3, "ngClass"], [3, "metricClick", "metric", "isLightMode", "animationKey"], [3, "chartClick", "chart", "viewMode", "isLightMode"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "min-h-[500px]"], [3, "chart", "showAxisLabels", "viewMode"], [1, "flex", "items-center", "justify-center", "py-12"], [1, "animate-spin", "rounded-full", "h-8", "w-8", 3, "ngClass"], [3, "priorityClick", "priorities", "viewMode", "focusAreaName"]], template: function ProfileAnalysisModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Template, 47, 25, "div", 2);
         } if (rf & 2) {
@@ -48898,13 +48685,13 @@ class ProfileAnalysisModalComponent {
                 ],
                 template: `
     @if (isOpen()) {
-      <div #modalWrapper class="fixed inset-0 flex items-center justify-center p-4 overflow-y-auto" [style.z-index]="baseZIndex()" [style.visibility]="modalReady() ? 'visible' : 'hidden'">
+      <div #modalWrapper class="fixed inset-0 flex items-center justify-center p-0 sm:p-4 overflow-y-auto" [style.z-index]="baseZIndex()" [style.visibility]="modalReady() ? 'visible' : 'hidden'">
         <div [ngClass]="isLightMode() ? 'bg-slate-900/15' : 'bg-slate-950/25'" class="fixed inset-0 backdrop-blur-sm transition-opacity duration-200" [class.opacity-0]="!modalReady()" [class.opacity-100]="modalReady()" [style.z-index]="backdropZIndex()" aria-hidden="true" (click)="closeModal()"></div>
 
         <div
           (click)="$event.stopPropagation()"
           [ngClass]="isLightMode() ? 'bg-white/90 border-slate-200/50' : 'bg-slate-800/90 border-slate-700/50'"
-          class="relative w-full max-w-5xl rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
+          class="relative w-full h-full sm:h-auto max-w-full sm:max-w-5xl rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
           [style.z-index]="contentZIndex()"
           @slideUpFade>
 
@@ -50157,7 +49944,7 @@ function BusinessAnalysisModalComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵstyleProp("z-index", ctx_r1.backdropZIndex());
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-slate-900/15" : "bg-slate-950/25")("@fadeIn", undefined);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.modalType() === "visualization" ? "relative w-[90vw] h-[90vh] rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl" : "relative w-full max-w-4xl rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl");
+    i0.ɵɵclassMap(ctx_r1.modalType() === "visualization" ? "relative w-full h-full sm:w-[90vw] sm:h-[90vh] rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl" : "relative w-full h-full sm:h-auto max-w-full sm:max-w-4xl rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl");
     i0.ɵɵstyleProp("z-index", ctx_r1.contentZIndex());
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white/90 border-slate-200/50" : "bg-slate-800/90 border-slate-700/50")("@slideUpFade", undefined);
     i0.ɵɵadvance();
@@ -50536,7 +50323,7 @@ class BusinessAnalysisModalComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
-        } }, inputs: { isLightMode: [1, "isLightMode"] }, outputs: { viewInContextRequested: "viewInContextRequested" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "click", "ngClass"], [3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "flex", "items-center", "gap-2", "text-sm", "mb-2", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [3, "ngClass"], [3, "item", "viewMode", "sectionTitle", "subsectionTitle", "navigationStack", "isCompactMode", "fromProfileAnalysis"], [3, "item", "isDark"], [3, "title", "actionSteps", "viewMode"], [1, "space-y-6"], [1, "flex", "justify-center", "items-center", "min-h-[400px]"], [1, "w-full", "h-full", "flex", "justify-center", "items-center", 3, "innerHTML"], ["type", "button", 1, "p-1.5", "rounded-md", "transition-colors", "cursor-pointer", "hover:scale-110", "flex-shrink-0", 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", "M15 19l-7-7 7-7"], [1, "flex", "items-center", "gap-2", "flex-wrap", "flex-1", "min-w-0"], [1, "opacity-90", "font-medium", "truncate"], ["type", "button", 1, "opacity-75", "hover:opacity-100", "transition-opacity", "cursor-pointer", "truncate", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "opacity-50", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [3, "viewInContext", "navigateBack", "navigateToBreadcrumb", "close", "scrollToTop", "item", "viewMode", "sectionTitle", "subsectionTitle", "navigationStack", "isCompactMode", "fromProfileAnalysis"], [3, "percentage", "label", "value", "height", "gradient", "isDark"], [3, "percentage", "size", "strokeWidth", "progressColor", "backgroundColor", "textClasses", "showPercentage"]], template: function BusinessAnalysisModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { isLightMode: [1, "isLightMode"] }, outputs: { viewInContextRequested: "viewInContextRequested" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-0", "sm:p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-0", "sm:p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "click", "ngClass"], [3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "flex", "items-center", "gap-2", "text-sm", "mb-2", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [3, "ngClass"], [3, "item", "viewMode", "sectionTitle", "subsectionTitle", "navigationStack", "isCompactMode", "fromProfileAnalysis"], [3, "item", "isDark"], [3, "title", "actionSteps", "viewMode"], [1, "space-y-6"], [1, "flex", "justify-center", "items-center", "min-h-[400px]"], [1, "w-full", "h-full", "flex", "justify-center", "items-center", 3, "innerHTML"], ["type", "button", 1, "p-1.5", "rounded-md", "transition-colors", "cursor-pointer", "hover:scale-110", "flex-shrink-0", 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", "M15 19l-7-7 7-7"], [1, "flex", "items-center", "gap-2", "flex-wrap", "flex-1", "min-w-0"], [1, "opacity-90", "font-medium", "truncate"], ["type", "button", 1, "opacity-75", "hover:opacity-100", "transition-opacity", "cursor-pointer", "truncate", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "opacity-50", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [3, "viewInContext", "navigateBack", "navigateToBreadcrumb", "close", "scrollToTop", "item", "viewMode", "sectionTitle", "subsectionTitle", "navigationStack", "isCompactMode", "fromProfileAnalysis"], [3, "percentage", "label", "value", "height", "gradient", "isDark"], [3, "percentage", "size", "strokeWidth", "progressColor", "backgroundColor", "textClasses", "showPercentage"]], template: function BusinessAnalysisModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, BusinessAnalysisModalComponent_Conditional_0_Template, 21, 30, "div", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
@@ -50572,13 +50359,13 @@ class BusinessAnalysisModalComponent {
                     ])
                 ], template: `
     @if (isOpen()) {
-      <div #modalWrapper class="fixed inset-0 flex items-center justify-center p-4 overflow-y-auto" [style.z-index]="baseZIndex()" [style.visibility]="modalReady() ? 'visible' : 'hidden'">
+      <div #modalWrapper class="fixed inset-0 flex items-center justify-center p-0 sm:p-4 overflow-y-auto" [style.z-index]="baseZIndex()" [style.visibility]="modalReady() ? 'visible' : 'hidden'">
         <div [ngClass]="isLightMode() ? 'bg-slate-900/15' : 'bg-slate-950/25'" class="fixed inset-0 backdrop-blur-sm" [style.z-index]="backdropZIndex()" aria-hidden="true" @fadeIn (click)="closeModal()"></div>
 
         <div
           (click)="$event.stopPropagation()"
           [ngClass]="isLightMode() ? 'bg-white/90 border-slate-200/50' : 'bg-slate-800/90 border-slate-700/50'"
-          [class]="modalType() === 'visualization' ? 'relative w-[90vw] h-[90vh] rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl' : 'relative w-full max-w-4xl rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl'"
+          [class]="modalType() === 'visualization' ? 'relative w-full h-full sm:w-[90vw] sm:h-[90vh] rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl' : 'relative w-full h-full sm:h-auto max-w-full sm:max-w-4xl rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl'"
           [style.z-index]="contentZIndex()"
           @slideUpFade>
 
@@ -51689,7 +51476,7 @@ class DashboardHeaderComponent {
             : 'bg-slate-800 hover:bg-slate-700 text-slate-300 border border-slate-700';
     }
     static { this.ɵfac = function DashboardHeaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashboardHeaderComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardHeaderComponent, selectors: [["symphiq-dashboard-header"]], inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], viewModeLabel: [1, "viewModeLabel"], currentSection: [1, "currentSection"], currentSubsection: [1, "currentSubsection"], sectionFading: [1, "sectionFading"], subsectionFading: [1, "subsectionFading"], isLoading: [1, "isLoading"], showSearchControl: [1, "showSearchControl"], showViewModeControl: [1, "showViewModeControl"], hasCondensedLeftContent: [1, "hasCondensedLeftContent"], size: [1, "size"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"] }, outputs: { searchClick: "searchClick", viewModeClick: "viewModeClick" }, ngContentSelectors: _c1$m, decls: 30, vars: 29, consts: [[1, "sticky", "top-0", "z-50", "overflow-hidden", 2, "transition", "height 300ms ease-in-out", 3, "ngClass"], [1, "transition-opacity", "duration-300", "ease-in-out", "h-full"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4", "h-full", "flex", "items-center"], [1, "flex", "items-center", "justify-between", "w-full"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-3", "min-w-0"], [1, "truncate", 3, "mouseenter", "mouseleave", "ngClass"], ["title", "Refreshing data...", 1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [1, "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-4"], [3, "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "ngClass"], [1, "flex", "flex-col", "gap-1", "min-w-[180px]"], [1, "absolute", "inset-x-0", "top-0", "h-full", "transition-opacity", "duration-300", "ease-in-out"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "h-full", "flex", "items-center"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0", "mr-4"], [1, "flex-shrink-0", "!mb-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [3, "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "ngClass"], [3, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 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", "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"], [1, "text-left", "sm:text-right"], [1, "text-xs"], [1, "text-sm", "font-medium"], [1, "hidden", "sm:inline", 3, "ngClass"], [1, "hidden", "sm:block", "truncate", "min-w-0", 3, "ngClass"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"]], template: function DashboardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardHeaderComponent, selectors: [["symphiq-dashboard-header"]], inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], viewModeLabel: [1, "viewModeLabel"], currentSection: [1, "currentSection"], currentSubsection: [1, "currentSubsection"], sectionFading: [1, "sectionFading"], subsectionFading: [1, "subsectionFading"], isLoading: [1, "isLoading"], showSearchControl: [1, "showSearchControl"], showViewModeControl: [1, "showViewModeControl"], hasCondensedLeftContent: [1, "hasCondensedLeftContent"], size: [1, "size"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"] }, outputs: { searchClick: "searchClick", viewModeClick: "viewModeClick" }, ngContentSelectors: _c1$m, decls: 30, vars: 29, consts: [[1, "sticky", "top-0", "z-50", "overflow-hidden", 2, "transition", "height 300ms ease-in-out", 3, "ngClass"], [1, "transition-opacity", "duration-300", "ease-in-out", "h-full"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4", "h-full", "flex", "items-center"], [1, "flex", "items-center", "justify-between", "w-full"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-3", "min-w-0"], [1, "truncate", 3, "mouseenter", "mouseleave", "ngClass"], ["title", "Refreshing data...", 1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "flex", "items-center", "gap-4"], [1, "truncate", "min-w-0", "flex-1", 3, "ngClass"], [1, "flex", "items-center", "gap-4", "flex-shrink-0"], [3, "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "ngClass"], [1, "flex", "flex-col", "gap-1", "min-w-[180px]"], [1, "absolute", "inset-x-0", "top-0", "h-full", "transition-opacity", "duration-300", "ease-in-out"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "h-full", "flex", "items-center"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0", "mr-4"], [1, "flex-shrink-0", "!mb-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [3, "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "ngClass"], [3, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 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", "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"], [1, "text-left", "sm:text-right"], [1, "text-xs"], [1, "text-sm", "font-medium"], [1, "hidden", "sm:inline", 3, "ngClass"], [1, "hidden", "sm:block", "truncate", "min-w-0", 3, "ngClass"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"]], template: function DashboardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c0$O);
             i0.ɵɵelementStart(0, "header", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5)(6, "h1", 6);
             i0.ɵɵlistener("mouseenter", function DashboardHeaderComponent_Template_h1_mouseenter_6_listener($event) { return ctx.onTitleMouseEnter($event); })("mouseleave", function DashboardHeaderComponent_Template_h1_mouseleave_6_listener() { return ctx.onTitleMouseLeave(); });
@@ -51713,7 +51500,7 @@ class DashboardHeaderComponent {
             i0.ɵɵconditionalCreate(23, DashboardHeaderComponent_Conditional_23_Template, 4, 3);
             i0.ɵɵprojection(24, 1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(25, "div", 10);
+            i0.ɵɵelementStart(25, "div", 8);
             i0.ɵɵconditionalCreate(26, DashboardHeaderComponent_Conditional_26_Template, 4, 7, "div", 18);
             i0.ɵɵconditionalCreate(27, DashboardHeaderComponent_Conditional_27_Template, 1, 2, "symphiq-search-button", 19);
             i0.ɵɵconditionalCreate(28, DashboardHeaderComponent_Conditional_28_Template, 4, 1, "button", 20);
@@ -51783,11 +51570,11 @@ class DashboardHeaderComponent {
                   <div class="animate-spin w-4 h-4 border-2 border-blue-500/30 border-t-blue-500 rounded-full" title="Refreshing data..."></div>
                 }
               </div>
-              <div class="flex flex-wrap items-center justify-between gap-3 sm:gap-4">
-                <p [ngClass]="getSubtitleClasses()" class="truncate">
+              <div class="flex items-center gap-4">
+                <p [ngClass]="getSubtitleClasses()" class="truncate min-w-0 flex-1">
                   {{ subtitle() }}
                 </p>
-                <div class="flex items-center gap-4">
+                <div class="flex items-center gap-4 flex-shrink-0">
                   @if (showSearchControl()) {
                     <symphiq-search-button
                       [isLightMode]="isLightMode()"
@@ -52050,13 +51837,16 @@ class LoadingCardComponent {
 
 const _c0$N = ["dashboardContainer"];
 const _c1$l = () => ({});
-const _c2$d = () => [1, 2, 3, 4, 5, 6];
-const _c3$8 = () => [1, 2, 3];
-const _c4$5 = () => [1, 2, 3, 4];
-const _c5$2 = () => [1, 2];
+const _c2$d = a0 => ({ name: "light-bulb", source: a0 });
+const _c3$8 = () => [1, 2, 3, 4, 5, 6];
+const _c4$5 = () => [1, 2, 3];
+const _c5$2 = () => [1, 2, 3, 4];
+const _c6$2 = a0 => ({ name: "rectangle-group", source: a0 });
+const _c7$1 = () => [1, 2];
+const _c8$1 = a0 => ({ name: "building-office-2", source: a0 });
 const _forTrack0$R = ($index, $item) => $item.value;
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 25);
+    i0.ɵɵelementStart(0, "option", 23);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52067,14 +51857,14 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_For_6_Template(rf
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 6)(1, "label", 22);
+    i0.ɵɵelementStart(0, "div", 6)(1, "label", 20);
     i0.ɵɵtext(2, "View:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 23);
+    i0.ɵɵelementStart(3, "div", 21);
     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.ɵɵelementStart(4, "select", 22);
     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$R);
+    i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_6_For_6_Template, 2, 2, "option", 23, _forTrack0$R);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -52087,13 +51877,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template(rf, ctx)
     i0.ɵɵrepeater(ctx_r2.sectionFilters);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8)(1, "span", 26);
+    i0.ɵɵelementStart(0, "div", 8)(1, "span", 24);
     i0.ɵɵtext(2, "Revenue:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 27);
+    i0.ɵɵelementStart(3, "span", 25);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 28);
+    i0.ɵɵelementStart(5, "span", 26);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -52111,7 +51901,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_8_Template(rf, ctx)
     i0.ɵɵtextInterpolate2(" ", ctx_r2.revenueTrend() >= 0 ? "+" : "", "", ctx_r2.revenueTrend().toFixed(1), "% ");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_For_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 25);
+    i0.ɵɵelementStart(0, "option", 23);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52122,11 +51912,11 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_For_3_Template(r
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵelementStart(0, "div", 21);
     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.ɵɵelementStart(1, "select", 27);
     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$R);
+    i0.ɵɵrepeaterCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_10_For_3_Template, 2, 2, "option", 23, _forTrack0$R);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -52138,26 +51928,26 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_Template(rf, ctx
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 10)(1, "div", 30)(2, "div", 31)(3, "div", 32);
+    i0.ɵɵelementStart(0, "div", 10)(1, "div", 28)(2, "div", 29)(3, "div", 30);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 33);
-    i0.ɵɵelement(5, "path", 34);
+    i0.ɵɵelementStart(4, "svg", 31);
+    i0.ɵɵelement(5, "path", 32);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 35)(7, "span", 36);
+    i0.ɵɵelementStart(6, "div", 33)(7, "span", 34);
     i0.ɵɵtext(8, "Showing:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 37);
+    i0.ɵɵelementStart(9, "span", 35);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 38);
+    i0.ɵɵelementStart(11, "span", 36);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(13, "button", 39);
+    i0.ɵɵelementStart(13, "button", 37);
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_11_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); ctx_r2.clearSearchResult(); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(14, "svg", 40);
-    i0.ɵɵelement(15, "path", 41);
+    i0.ɵɵelementStart(14, "svg", 38);
+    i0.ɵɵelement(15, "path", 39);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -52185,7 +51975,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_12_Template(rf, ctx
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 43);
+    i0.ɵɵelementStart(0, "button", 41);
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.scrollToTop()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52194,7 +51984,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_1_Te
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 43);
+    i0.ɵɵelementStart(0, "button", 41);
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.scrollToSection("section-insights")); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52203,7 +51993,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_2_Te
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 43);
+    i0.ɵɵelementStart(0, "button", 41);
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.scrollToSection("section-metrics")); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52212,7 +52002,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_3_Te
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 43);
+    i0.ɵɵelementStart(0, "button", 41);
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.scrollToSection("section-breakdowns")); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52221,7 +52011,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_4_Te
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 43);
+    i0.ɵɵelementStart(0, "button", 41);
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.scrollToSection("section-competitive")); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52230,11 +52020,11 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_5_Te
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_1_Template, 1, 3, "button", 42);
-    i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_2_Template, 1, 3, "button", 42);
-    i0.ɵɵconditionalCreate(3, SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_3_Template, 1, 3, "button", 42);
-    i0.ɵɵconditionalCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_4_Template, 1, 3, "button", 42);
-    i0.ɵɵconditionalCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_5_Template, 1, 3, "button", 42);
+    i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_1_Template, 1, 3, "button", 40);
+    i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_2_Template, 1, 3, "button", 40);
+    i0.ɵɵconditionalCreate(3, SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_3_Template, 1, 3, "button", 40);
+    i0.ɵɵconditionalCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_4_Template, 1, 3, "button", 40);
+    i0.ɵɵconditionalCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Conditional_5_Template, 1, 3, "button", 40);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -52251,7 +52041,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Template(rf, ctx
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 48);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 46);
     i0.ɵɵlistener("stepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.stepClick.emit($event)); })("nextStepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52259,9 +52049,9 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Te
     i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("currentStepId", ctx_r2.JourneyStepIdEnum.FUNNEL_ANALYSIS)("showNextStepAction", false)("forDemo", ctx_r2.forDemo())("maxAccessibleStepId", ctx_r2.maxAccessibleStepId());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 44);
-    i0.ɵɵelementStart(1, "main", 45)(2, "div", 46);
-    i0.ɵɵelement(3, "symphiq-loading-card", 47);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 42);
+    i0.ɵɵelementStart(1, "main", 43)(2, "div", 44);
+    i0.ɵɵelement(3, "symphiq-loading-card", 45);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -52271,7 +52061,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Template(rf, ctx
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 48);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 46);
     i0.ɵɵlistener("stepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.stepClick.emit($event)); })("nextStepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52279,11 +52069,11 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Te
     i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("currentStepId", ctx_r2.JourneyStepIdEnum.FUNNEL_ANALYSIS)("showNextStepAction", false)("forDemo", ctx_r2.forDemo())("maxAccessibleStepId", ctx_r2.maxAccessibleStepId());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 44);
-    i0.ɵɵelementStart(1, "main", 45)(2, "div", 49)(3, "div", 50);
-    i0.ɵɵelement(4, "symphiq-funnel-welcome-banner", 51);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 42);
+    i0.ɵɵelementStart(1, "main", 43)(2, "div", 47)(3, "div", 48);
+    i0.ɵɵelement(4, "symphiq-funnel-welcome-banner", 49);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelement(5, "symphiq-content-generation-progress-with-confetti", 52);
+    i0.ɵɵelement(5, "symphiq-content-generation-progress-with-confetti", 50);
 } if (rf & 2) {
     let tmp_5_0;
     let tmp_8_0;
@@ -52296,7 +52086,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Template(rf, ctx
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 48);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 46);
     i0.ɵɵlistener("stepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.stepClick.emit($event)); })("nextStepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52304,27 +52094,27 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Te
     i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("currentStepId", ctx_r2.JourneyStepIdEnum.FUNNEL_ANALYSIS)("showNextStepAction", ctx_r2.showNextStepAction())("forDemo", ctx_r2.forDemo())("maxAccessibleStepId", ctx_r2.maxAccessibleStepId());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_For_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card", 69);
+    i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card", 67);
 } if (rf & 2) {
     const insight_r16 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("insight", insight_r16)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r16))("allCharts", ctx_r2.allCharts())("allBusinessInsights", ctx_r2.allBusinessInsights())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true)("isLoading", ctx_r2.isDataLoading());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 53)(1, "div", 61)(2, "div", 62)(3, "div", 63)(4, "div", 62);
+    i0.ɵɵelementStart(0, "section", 51)(1, "div", 59)(2, "div", 60)(3, "div", 61)(4, "div", 60);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 64);
-    i0.ɵɵelement(6, "path", 65);
+    i0.ɵɵelementStart(5, "svg", 62);
+    i0.ɵɵelement(6, "path", 63);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(7, "h2", 66);
+    i0.ɵɵelementStart(7, "h2", 64);
     i0.ɵɵtext(8, "Key Insights");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(9, "span", 67);
+    i0.ɵɵelementStart(9, "span", 65);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 68);
-    i0.ɵɵrepeaterCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_For_13_Template, 1, 9, "symphiq-funnel-analysis-insight-card", 69, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(11, "div", 66);
+    i0.ɵɵrepeaterCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_For_13_Template, 1, 9, "symphiq-funnel-analysis-insight-card", 67, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -52342,14 +52132,14 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_Te
     i0.ɵɵrepeater(ctx_r2.insights());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelement(0, "symphiq-skeleton-loader", 68);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("width", "100%")("height", "200px")("isLightMode", ctx_r2.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment", 72);
+    i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment", 70);
     i0.ɵɵlistener("scrollToSection", function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_2_Template_symphiq_funnel_analysis_overall_assessment_scrollToSection_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.scrollToSection($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52357,8 +52147,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Co
     i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$l))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", true)("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 56);
-    i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_1_Template, 1, 3, "symphiq-skeleton-loader", 70)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_2_Template, 1, 12, "symphiq-funnel-analysis-overall-assessment", 71);
+    i0.ɵɵelementStart(0, "div", 54);
+    i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_1_Template, 1, 3, "symphiq-skeleton-loader", 68)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_2_Template, 1, 12, "symphiq-funnel-analysis-overall-assessment", 69);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -52366,15 +52156,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Te
     i0.ɵɵconditional(ctx_r2.isDataLoading() ? 1 : 2);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-funnel-analysis-metric-card", 74);
+    i0.ɵɵelement(0, "symphiq-funnel-analysis-metric-card", 72);
 } if (rf & 2) {
     const metric_r18 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵproperty("metric", metric_r18)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(metric_r18))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true)("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 75);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_For_2_Template, 1, 9, "symphiq-funnel-analysis-metric-card", 74, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 73);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_For_2_Template, 1, 9, "symphiq-funnel-analysis-metric-card", 72, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const funnelGroup_r19 = i0.ɵɵnextContext().$implicit;
@@ -52382,10 +52172,10 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_F
     i0.ɵɵrepeater(funnelGroup_r19.relatedMetrics);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 74);
+    i0.ɵɵelementStart(0, "div", 71);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 72);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_Template, 3, 0, "div", 75);
+    i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_Template, 3, 0, "div", 73);
 } if (rf & 2) {
     const funnelGroup_r19 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -52395,7 +52185,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_F
     i0.ɵɵconditional(funnelGroup_r19.relatedMetrics.length > 0 ? 2 : -1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58);
+    i0.ɵɵelementStart(0, "div", 56);
     i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Template, 3, 10, null, null, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52404,15 +52194,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_T
     i0.ɵɵrepeater(ctx_r2.groupedMetrics());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-funnel-analysis-breakdown-section", 76);
+    i0.ɵɵelement(0, "symphiq-funnel-analysis-breakdown-section", 74);
 } if (rf & 2) {
     const breakdown_r20 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("breakdown", breakdown_r20)("charts", ctx_r2.chartsForBreakdown(breakdown_r20))("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isDataLoading())("isCompactMode", true)("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_For_2_Template, 1, 6, "symphiq-funnel-analysis-breakdown-section", 76, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 56);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_For_2_Template, 1, 6, "symphiq-funnel-analysis-breakdown-section", 74, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -52420,8 +52210,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_T
     i0.ɵɵrepeater(ctx_r2.breakdowns());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 56);
-    i0.ɵɵelement(1, "symphiq-competitive-intelligence-view", 77);
+    i0.ɵɵelementStart(0, "div", 54);
+    i0.ɵɵelement(1, "symphiq-competitive-intelligence-view", 75);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_7_0;
@@ -52430,22 +52220,22 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_14_T
     i0.ɵɵproperty("metrics", ctx_r2.competitiveMetrics())("allCharts", ctx_r2.allCharts())("isLightMode", ctx_r2.isLightMode())("isCompactMode", true)("competitiveBenchmark", (tmp_7_0 = ctx_r2.performanceOverview().overallAssessment) == null ? null : tmp_7_0.competitiveBenchmark)("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 44);
-    i0.ɵɵelementStart(1, "main", 45)(2, "div", 46)(3, "div", 50);
-    i0.ɵɵelement(4, "symphiq-funnel-welcome-banner", 51);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 42);
+    i0.ɵɵelementStart(1, "main", 43)(2, "div", 44)(3, "div", 48);
+    i0.ɵɵelement(4, "symphiq-funnel-welcome-banner", 49);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_Template, 14, 7, "section", 53);
-    i0.ɵɵelementStart(6, "symphiq-collapsible-funnel-section-group", 54)(7, "div", 55);
-    i0.ɵɵconditionalCreate(8, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Template, 3, 1, "div", 56);
+    i0.ɵɵconditionalCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_Template, 14, 7, "section", 51);
+    i0.ɵɵelementStart(6, "symphiq-collapsible-funnel-section-group", 52)(7, "div", 53);
+    i0.ɵɵconditionalCreate(8, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Template, 3, 1, "div", 54);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 57);
-    i0.ɵɵconditionalCreate(10, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_Template, 3, 0, "div", 58);
+    i0.ɵɵelementStart(9, "div", 55);
+    i0.ɵɵconditionalCreate(10, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_Template, 3, 0, "div", 56);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 59);
-    i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_Template, 3, 0, "div", 58);
+    i0.ɵɵelementStart(11, "div", 57);
+    i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_Template, 3, 0, "div", 56);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 60);
-    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_14_Template, 2, 6, "div", 56);
+    i0.ɵɵelementStart(13, "div", 58);
+    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_14_Template, 2, 6, "div", 54);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     let tmp_6_0;
@@ -52469,16 +52259,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Template(rf, ctx
     i0.ɵɵconditional(ctx_r2.showCompetitiveIntelligence() ? 14 : -1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 79)(1, "div", 80)(2, "div", 62);
-    i0.ɵɵelement(3, "symphiq-skeleton-loader", 70);
-    i0.ɵɵelementStart(4, "div", 81);
-    i0.ɵɵelement(5, "symphiq-skeleton-loader", 70)(6, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(0, "div", 77)(1, "div", 78)(2, "div", 60);
+    i0.ɵɵelement(3, "symphiq-skeleton-loader", 68);
+    i0.ɵɵelementStart(4, "div", 79);
+    i0.ɵɵelement(5, "symphiq-skeleton-loader", 68)(6, "symphiq-skeleton-loader", 68);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 82);
-    i0.ɵɵelement(8, "symphiq-skeleton-loader", 70)(9, "symphiq-skeleton-loader", 70)(10, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(7, "div", 80);
+    i0.ɵɵelement(8, "symphiq-skeleton-loader", 68)(9, "symphiq-skeleton-loader", 68)(10, "symphiq-skeleton-loader", 68);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 83);
-    i0.ɵɵelement(12, "symphiq-skeleton-loader", 70)(13, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(11, "div", 81);
+    i0.ɵɵelement(12, "symphiq-skeleton-loader", 68)(13, "symphiq-skeleton-loader", 68);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -52502,7 +52292,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Co
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment", 72);
+    i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment", 70);
     i0.ɵɵlistener("scrollToSection", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_2_Template_symphiq_funnel_analysis_overall_assessment_scrollToSection_0_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.scrollToSection($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52510,8 +52300,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Co
     i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$l))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", ctx_r2.viewModeService.isCompact())("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 78);
-    i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_1_Template, 14, 25, "div", 79)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_2_Template, 1, 12, "symphiq-funnel-analysis-overall-assessment", 71);
+    i0.ɵɵelementStart(0, "div", 76);
+    i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_1_Template, 14, 25, "div", 77)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_2_Template, 1, 12, "symphiq-funnel-analysis-overall-assessment", 69);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -52519,21 +52309,21 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Te
     i0.ɵɵconditional(ctx_r2.isDataLoading() ? 1 : 2);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 84);
+    i0.ɵɵelement(0, "symphiq-section-divider", 82);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("viewMode", ctx_r2.viewMode());
+    i0.ɵɵproperty("viewMode", ctx_r2.viewMode())("sectionIcon", i0.ɵɵpureFunction1(2, _c2$d, ctx_r2.IconSourceEnum.HEROICONS));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 91)(1, "div", 92)(2, "div", 93);
-    i0.ɵɵelement(3, "symphiq-skeleton-loader", 70)(4, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(0, "div", 89)(1, "div", 90)(2, "div", 91);
+    i0.ɵɵelement(3, "symphiq-skeleton-loader", 68)(4, "symphiq-skeleton-loader", 68);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "symphiq-skeleton-loader", 70)(6, "symphiq-skeleton-loader", 70)(7, "symphiq-skeleton-loader", 70);
-    i0.ɵɵelementStart(8, "div", 94);
-    i0.ɵɵelement(9, "symphiq-skeleton-loader", 70)(10, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelement(5, "symphiq-skeleton-loader", 68)(6, "symphiq-skeleton-loader", 68)(7, "symphiq-skeleton-loader", 68);
+    i0.ɵɵelementStart(8, "div", 92);
+    i0.ɵɵelement(9, "symphiq-skeleton-loader", 68)(10, "symphiq-skeleton-loader", 68);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 95);
-    i0.ɵɵelement(12, "symphiq-skeleton-loader", 70)(13, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(11, "div", 93);
+    i0.ɵɵelement(12, "symphiq-skeleton-loader", 68)(13, "symphiq-skeleton-loader", 68);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
@@ -52558,16 +52348,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
     i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r2.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 89);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_For_2_Template, 14, 28, "div", 91, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 87);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_For_2_Template, 14, 28, "div", 89, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2$d));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3$8));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 97);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 98);
+    i0.ɵɵelementStart(0, "div", 95);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 96);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const entry_r22 = ctx.$implicit;
@@ -52580,8 +52370,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
     i0.ɵɵproperty("insight", entry_r22.insight)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(entry_r22.insight))("allCharts", ctx_r2.allCharts())("allBusinessInsights", ctx_r2.allBusinessInsights())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 89);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_For_2_Template, 2, 14, "div", 96, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 87);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_For_2_Template, 2, 14, "div", 94, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -52589,8 +52379,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
     i0.ɵɵrepeater(ctx_r2.insightsDisplay());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 97);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 98);
+    i0.ɵɵelementStart(0, "div", 95);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 96);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const insight_r24 = ctx.$implicit;
@@ -52602,8 +52392,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
     i0.ɵɵproperty("insight", insight_r24)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r24))("allCharts", ctx_r2.allCharts())("allBusinessInsights", ctx_r2.allBusinessInsights())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 90);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_For_2_Template, 2, 12, "div", 99, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 88);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_For_2_Template, 2, 12, "div", 97, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -52611,22 +52401,22 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
     i0.ɵɵrepeater(ctx_r2.insights());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_0_Template, 1, 1, "symphiq-section-divider", 84);
-    i0.ɵɵelementStart(1, "section", 85);
-    i0.ɵɵelement(2, "div", 86);
-    i0.ɵɵelementStart(3, "div", 87)(4, "div", 88)(5, "div", 62)(6, "div", 63)(7, "div", 62);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_0_Template, 1, 4, "symphiq-section-divider", 82);
+    i0.ɵɵelementStart(1, "section", 83);
+    i0.ɵɵelement(2, "div", 84);
+    i0.ɵɵelementStart(3, "div", 85)(4, "div", 86)(5, "div", 60)(6, "div", 61)(7, "div", 60);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 64);
-    i0.ɵɵelement(9, "path", 65);
+    i0.ɵɵelementStart(8, "svg", 62);
+    i0.ɵɵelement(9, "path", 63);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(10, "h2", 66);
+    i0.ɵɵelementStart(10, "h2", 64);
     i0.ɵɵtext(11, "Key Insights");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(12, "span", 67);
+    i0.ɵɵelementStart(12, "span", 65);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_Template, 3, 1, "div", 89)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_Template, 3, 0, "div", 89)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_Template, 3, 0, "div", 90);
+    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_Template, 3, 1, "div", 87)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_Template, 3, 0, "div", 87)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_Template, 3, 0, "div", 88);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -52647,13 +52437,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Te
     i0.ɵɵconditional(ctx_r2.isDataLoading() || ctx_r2.viewModeService.isExpanded() && ctx_r2.viewModeService.getIsTransitioning() ? 14 : ctx_r2.viewModeService.isExpanded() ? 15 : 16);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 100)(1, "div", 117);
-    i0.ɵɵelement(2, "div", 118);
+    i0.ɵɵelementStart(0, "div", 98)(1, "div", 115);
+    i0.ɵɵelement(2, "div", 116);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 119)(4, "div", 120);
+    i0.ɵɵelementStart(3, "div", 117)(4, "div", 118);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 121);
-    i0.ɵɵelement(6, "path", 122);
+    i0.ɵɵelementStart(5, "svg", 119);
+    i0.ɵɵelement(6, "path", 120);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -52665,12 +52455,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-emerald-500" : "text-emerald-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 107);
-    i0.ɵɵelement(1, "div", 123);
+    i0.ɵɵelementStart(0, "div", 105);
+    i0.ɵɵelement(1, "div", 121);
     i0.ɵɵelementEnd();
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 124);
+    i0.ɵɵelementStart(0, "option", 122);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52680,7 +52470,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Fo
     i0.ɵɵtextInterpolate(cat_r27.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 25);
+    i0.ɵɵelementStart(0, "option", 23);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52690,22 +52480,22 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Fo
     i0.ɵɵtextInterpolate(cat_r27.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_0_Template, 2, 2, "option", 124)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_1_Template, 2, 2, "option", 25);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_0_Template, 2, 2, "option", 122)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_1_Template, 2, 2, "option", 23);
 } if (rf & 2) {
     const cat_r27 = ctx.$implicit;
     i0.ɵɵconditional(cat_r27.divider ? 0 : 1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelement(0, "path", 111);
+    i0.ɵɵelement(0, "path", 109);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelement(0, "path", 112);
+    i0.ɵɵelement(0, "path", 110);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 126);
+    i0.ɵɵelementStart(0, "button", 124);
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const cat_r29 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter(cat_r29.value)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -52718,27 +52508,27 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Fo
     i0.ɵɵtextInterpolate1(" ", cat_r29.label, " ");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Conditional_0_Template, 2, 4, "button", 125);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Conditional_0_Template, 2, 4, "button", 123);
 } if (rf & 2) {
     const cat_r29 = ctx.$implicit;
     i0.ɵɵconditional(!cat_r29.divider ? 0 : -1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_For_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelement(0, "symphiq-skeleton-loader", 68);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 127)(1, "div", 128)(2, "div", 62);
-    i0.ɵɵelement(3, "symphiq-skeleton-loader", 70);
-    i0.ɵɵelementStart(4, "div", 82);
-    i0.ɵɵelement(5, "symphiq-skeleton-loader", 70)(6, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(0, "div", 125)(1, "div", 126)(2, "div", 60);
+    i0.ɵɵelement(3, "symphiq-skeleton-loader", 68);
+    i0.ɵɵelementStart(4, "div", 80);
+    i0.ɵɵelement(5, "symphiq-skeleton-loader", 68)(6, "symphiq-skeleton-loader", 68);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(7, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelement(7, "symphiq-skeleton-loader", 68);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 129);
-    i0.ɵɵrepeaterCreate(9, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_For_10_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(8, "div", 127);
+    i0.ɵɵrepeaterCreate(9, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_For_10_Template, 1, 3, "symphiq-skeleton-loader", 68, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
@@ -52752,19 +52542,19 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵadvance();
     i0.ɵɵproperty("width", "80px")("height", "36px")("isLightMode", ctx_r2.isLightMode());
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(13, _c4$5));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(13, _c5$2));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 115);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_Template, 11, 14, "div", 127, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 113);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_Template, 11, 14, "div", 125, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3$8));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c4$5));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 135);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 136);
+    i0.ɵɵelementStart(0, "div", 133);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 134);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const entry_r30 = ctx.$implicit;
@@ -52777,8 +52567,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵproperty("metric", entry_r30.metric)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(entry_r30.metric))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false)("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 132);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template, 2, 13, "div", 134, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 130);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template, 2, 13, "div", 132, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const funnelGroup_r33 = i0.ɵɵnextContext(2).$implicit;
@@ -52786,8 +52576,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵrepeater(funnelGroup_r33.relatedMetricsDisplay);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 135);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 74);
+    i0.ɵɵelementStart(0, "div", 133);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 72);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const entry_r34 = ctx.$implicit;
@@ -52799,8 +52589,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵproperty("metric", entry_r34.metric)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(entry_r34.metric))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true)("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 133);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template, 2, 11, "div", 137, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 131);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template, 2, 11, "div", 135, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const funnelGroup_r33 = i0.ɵɵnextContext(2).$implicit;
@@ -52808,16 +52598,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵrepeater(funnelGroup_r33.relatedMetricsDisplay);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 138)(1, "div", 92)(2, "div", 104);
-    i0.ɵɵelement(3, "symphiq-skeleton-loader", 70)(4, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(0, "div", 136)(1, "div", 90)(2, "div", 102);
+    i0.ɵɵelement(3, "symphiq-skeleton-loader", 68)(4, "symphiq-skeleton-loader", 68);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "symphiq-skeleton-loader", 70);
-    i0.ɵɵelementStart(6, "div", 139);
-    i0.ɵɵelement(7, "symphiq-skeleton-loader", 70)(8, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelement(5, "symphiq-skeleton-loader", 68);
+    i0.ɵɵelementStart(6, "div", 137);
+    i0.ɵɵelement(7, "symphiq-skeleton-loader", 68)(8, "symphiq-skeleton-loader", 68);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(9, "symphiq-skeleton-loader", 70)(10, "symphiq-skeleton-loader", 70);
-    i0.ɵɵelementStart(11, "div", 140);
-    i0.ɵɵelement(12, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelement(9, "symphiq-skeleton-loader", 68)(10, "symphiq-skeleton-loader", 68);
+    i0.ɵɵelementStart(11, "div", 138);
+    i0.ɵɵelement(12, "symphiq-skeleton-loader", 68);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(7);
@@ -52840,22 +52630,22 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 132);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 138, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 130);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 136, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c4$5));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c5$2));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_Template, 3, 0, "div", 132)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_Template, 3, 0, "div", 133)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_Template, 3, 1, "div", 132);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_Template, 3, 0, "div", 130)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_Template, 3, 0, "div", 131)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_Template, 3, 1, "div", 130);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵconditional(ctx_r2.viewModeService.isExpanded() ? 0 : !ctx_r2.viewModeService.isExpanded() ? 1 : 2);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 131);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 74);
+    i0.ɵɵelementStart(0, "div", 129);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 72);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Template, 3, 1);
 } if (rf & 2) {
@@ -52870,16 +52660,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵconditional(funnelGroup_r33.relatedMetricsDisplay.length > 0 ? 2 : -1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 130);
+    i0.ɵɵelementStart(0, "div", 128);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 141);
-    i0.ɵɵelement(2, "path", 105);
+    i0.ɵɵelementStart(1, "svg", 139);
+    i0.ɵɵelement(2, "path", 103);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "h3", 142);
+    i0.ɵɵelementStart(3, "h3", 140);
     i0.ɵɵtext(4, "No Metrics Found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 143);
+    i0.ɵɵelementStart(5, "p", 141);
     i0.ɵɵtext(6, "No performance metrics match your current filter selection. Try adjusting your filters to see more results.");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -52893,8 +52683,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 115);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Template, 3, 14, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_ForEmpty_3_Template, 7, 4, "div", 130);
+    i0.ɵɵelementStart(0, "div", 113);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Template, 3, 14, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_ForEmpty_3_Template, 7, 4, "div", 128);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -52904,39 +52694,39 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_0_Template, 7, 3, "div", 100);
-    i0.ɵɵelementStart(1, "section", 101);
-    i0.ɵɵelement(2, "div", 102);
-    i0.ɵɵelementStart(3, "div", 87)(4, "div", 103)(5, "div", 104)(6, "div", 62)(7, "div", 63)(8, "div", 62);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_0_Template, 7, 3, "div", 98);
+    i0.ɵɵelementStart(1, "section", 99);
+    i0.ɵɵelement(2, "div", 100);
+    i0.ɵɵelementStart(3, "div", 85)(4, "div", 101)(5, "div", 102)(6, "div", 60)(7, "div", 61)(8, "div", 60);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(9, "svg", 64);
-    i0.ɵɵelement(10, "path", 105);
+    i0.ɵɵelementStart(9, "svg", 62);
+    i0.ɵɵelement(10, "path", 103);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(11, "h2", 66);
+    i0.ɵɵelementStart(11, "h2", 64);
     i0.ɵɵtext(12, "Performance Metrics");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(13, "div", 106);
-    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_14_Template, 2, 0, "div", 107);
-    i0.ɵɵelementStart(15, "select", 108);
+    i0.ɵɵelementStart(13, "div", 104);
+    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_14_Template, 2, 0, "div", 105);
+    i0.ɵɵelementStart(15, "select", 106);
     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$R);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "button", 109);
+    i0.ɵɵelementStart(18, "button", 107);
     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()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(19, "svg", 110);
-    i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_20_Template, 1, 0, ":svg:path", 111);
-    i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_21_Template, 1, 0, ":svg:path", 112);
+    i0.ɵɵelementStart(19, "svg", 108);
+    i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_20_Template, 1, 0, ":svg:path", 109);
+    i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_21_Template, 1, 0, ":svg:path", 110);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(22, "span");
     i0.ɵɵtext(23, "Sort");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(24, "div", 113)(25, "div", 114);
+    i0.ɵɵelementStart(24, "div", 111)(25, "div", 112);
     i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$R);
     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.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_Template, 3, 1, "div", 113)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_Template, 4, 5, "div", 114);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -52970,21 +52760,21 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Te
     i0.ɵɵconditional(ctx_r2.isDataLoading() ? 28 : 29);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 144);
-    i0.ɵɵelement(1, "symphiq-section-divider", 152);
+    i0.ɵɵelementStart(0, "div", 142);
+    i0.ɵɵelement(1, "symphiq-section-divider", 150);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r2.viewMode());
+    i0.ɵɵproperty("viewMode", ctx_r2.viewMode())("sectionIcon", i0.ɵɵpureFunction1(2, _c6$2, ctx_r2.IconSourceEnum.HEROICONS));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 107);
-    i0.ɵɵelement(1, "div", 153);
+    i0.ɵɵelementStart(0, "div", 105);
+    i0.ɵɵelement(1, "div", 151);
     i0.ɵɵelementEnd();
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 124);
+    i0.ɵɵelementStart(0, "option", 122);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -52994,7 +52784,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Fo
     i0.ɵɵtextInterpolate(filter_r37.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 25);
+    i0.ɵɵelementStart(0, "option", 23);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -53004,14 +52794,14 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Fo
     i0.ɵɵtextInterpolate(filter_r37.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_0_Template, 2, 2, "option", 124)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_1_Template, 2, 2, "option", 25);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_0_Template, 2, 2, "option", 122)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_1_Template, 2, 2, "option", 23);
 } if (rf & 2) {
     const filter_r37 = ctx.$implicit;
     i0.ɵɵconditional(filter_r37.divider ? 0 : 1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 155);
-    i0.ɵɵelement(1, "symphiq-skeleton-loader", 70)(2, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(0, "div", 153);
+    i0.ɵɵelement(1, "symphiq-skeleton-loader", 68)(2, "symphiq-skeleton-loader", 68);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(5);
@@ -53022,11 +52812,11 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
     i0.ɵɵproperty("width", "80px")("height", "18px")("isLightMode", ctx_r2.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 127)(1, "div", 128);
-    i0.ɵɵelement(2, "symphiq-skeleton-loader", 70)(3, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(0, "div", 125)(1, "div", 126);
+    i0.ɵɵelement(2, "symphiq-skeleton-loader", 68)(3, "symphiq-skeleton-loader", 68);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 154);
-    i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_For_6_Template, 3, 7, "div", 155, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(4, "div", 152);
+    i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_For_6_Template, 3, 7, "div", 153, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
@@ -53036,19 +52826,19 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
     i0.ɵɵadvance();
     i0.ɵɵproperty("width", "100px")("height", "24px")("isLightMode", ctx_r2.isLightMode());
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(7, _c4$5));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(7, _c5$2));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 80);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_Template, 7, 8, "div", 127, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 78);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_Template, 7, 8, "div", 125, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c5$2));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c7$1));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 97);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 156);
+    i0.ɵɵelementStart(0, "div", 95);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 154);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const breakdown_r38 = ctx.$implicit;
@@ -53060,16 +52850,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
     i0.ɵɵproperty("breakdown", breakdown_r38)("charts", ctx_r2.chartsForBreakdown(breakdown_r38))("isLightMode", ctx_r2.isLightMode())("isCompactMode", ctx_r2.viewModeService.isCompact())("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 130);
+    i0.ɵɵelementStart(0, "div", 128);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 141);
-    i0.ɵɵelement(2, "path", 157);
+    i0.ɵɵelementStart(1, "svg", 139);
+    i0.ɵɵelement(2, "path", 155);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "h3", 142);
+    i0.ɵɵelementStart(3, "h3", 140);
     i0.ɵɵtext(4, "No Breakdowns Found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 143);
+    i0.ɵɵelementStart(5, "p", 141);
     i0.ɵɵtext(6, "No performance breakdowns match your current filter selection. Try adjusting your filters to see more results.");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -53083,8 +52873,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
     i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 80);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_For_2_Template, 2, 9, "div", 99, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_ForEmpty_3_Template, 7, 4, "div", 130);
+    i0.ɵɵelementStart(0, "div", 78);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_For_2_Template, 2, 9, "div", 97, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_ForEmpty_3_Template, 7, 4, "div", 128);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -53094,26 +52884,26 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_0_Template, 2, 1, "div", 144);
-    i0.ɵɵelementStart(1, "section", 145);
-    i0.ɵɵelement(2, "div", 146);
-    i0.ɵɵelementStart(3, "div", 87)(4, "div", 147)(5, "div", 63)(6, "div", 62);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_0_Template, 2, 4, "div", 142);
+    i0.ɵɵelementStart(1, "section", 143);
+    i0.ɵɵelement(2, "div", 144);
+    i0.ɵɵelementStart(3, "div", 85)(4, "div", 145)(5, "div", 61)(6, "div", 60);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(7, "svg", 64);
-    i0.ɵɵelement(8, "path", 148);
+    i0.ɵɵelementStart(7, "svg", 62);
+    i0.ɵɵelement(8, "path", 146);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(9, "h2", 66);
+    i0.ɵɵelementStart(9, "h2", 64);
     i0.ɵɵtext(10, "Performance Breakdowns");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "div", 149);
+    i0.ɵɵelementStart(11, "div", 147);
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r36); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template_div_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r36); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template_div_pointerdown_11_listener($event) { i0.ɵɵrestoreView(_r36); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_12_Template, 2, 0, "div", 107);
-    i0.ɵɵelementStart(13, "select", 150);
+    i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_12_Template, 2, 0, "div", 105);
+    i0.ɵɵelementStart(13, "select", 148);
     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$R);
     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.ɵɵconditionalCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_Template, 3, 1, "div", 78)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_Template, 4, 5, "div", 149);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -53137,21 +52927,21 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Te
     i0.ɵɵconditional(ctx_r2.isDataLoading() ? 16 : 17);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 144);
-    i0.ɵɵelement(1, "symphiq-section-divider", 162);
+    i0.ɵɵelementStart(0, "div", 142);
+    i0.ɵɵelement(1, "symphiq-section-divider", 160);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r2.viewMode());
+    i0.ɵɵproperty("viewMode", ctx_r2.viewMode())("sectionIcon", i0.ɵɵpureFunction1(2, _c8$1, ctx_r2.IconSourceEnum.HEROICONS));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 107);
-    i0.ɵɵelement(1, "div", 163);
+    i0.ɵɵelementStart(0, "div", 105);
+    i0.ɵɵelement(1, "div", 161);
     i0.ɵɵelementEnd();
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 124);
+    i0.ɵɵelementStart(0, "option", 122);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -53161,7 +52951,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Fo
     i0.ɵɵtextInterpolate(filter_r41.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 25);
+    i0.ɵɵelementStart(0, "option", 23);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -53171,22 +52961,22 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Fo
     i0.ɵɵtextInterpolate(filter_r41.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_0_Template, 2, 2, "option", 124)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_1_Template, 2, 2, "option", 25);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_0_Template, 2, 2, "option", 122)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_1_Template, 2, 2, "option", 23);
 } if (rf & 2) {
     const filter_r41 = ctx.$implicit;
     i0.ɵɵconditional(filter_r41.divider ? 0 : 1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelement(0, "symphiq-skeleton-loader", 68);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("width", "100%")("height", "140px")("isLightMode", ctx_r2.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 80)(1, "div", 127);
-    i0.ɵɵelement(2, "symphiq-skeleton-loader", 70);
-    i0.ɵɵelementStart(3, "div", 164);
-    i0.ɵɵrepeaterCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_For_5_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 78)(1, "div", 125);
+    i0.ɵɵelement(2, "symphiq-skeleton-loader", 68);
+    i0.ɵɵelementStart(3, "div", 162);
+    i0.ɵɵrepeaterCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_For_5_Template, 1, 3, "symphiq-skeleton-loader", 68, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -53195,10 +52985,10 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Co
     i0.ɵɵadvance();
     i0.ɵɵproperty("width", "60%")("height", "24px")("isLightMode", ctx_r2.isLightMode());
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(4, _c3$8));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(4, _c4$5));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-competitive-intelligence-view", 77);
+    i0.ɵɵelement(0, "symphiq-competitive-intelligence-view", 75);
 } if (rf & 2) {
     let tmp_8_0;
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -53206,25 +52996,25 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Co
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r40 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_0_Template, 2, 1, "div", 144);
-    i0.ɵɵelementStart(1, "section", 158);
-    i0.ɵɵelement(2, "div", 86);
-    i0.ɵɵelementStart(3, "div", 87)(4, "div", 159)(5, "div", 62)(6, "div", 63)(7, "div", 62);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_0_Template, 2, 4, "div", 142);
+    i0.ɵɵelementStart(1, "section", 156);
+    i0.ɵɵelement(2, "div", 84);
+    i0.ɵɵelementStart(3, "div", 85)(4, "div", 157)(5, "div", 60)(6, "div", 61)(7, "div", 60);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 64);
-    i0.ɵɵelement(9, "path", 160);
+    i0.ɵɵelementStart(8, "svg", 62);
+    i0.ɵɵelement(9, "path", 158);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(10, "h2", 66);
+    i0.ɵɵelementStart(10, "h2", 64);
     i0.ɵɵtext(11, "Competitive Intelligence");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(12, "div", 161);
-    i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_13_Template, 2, 0, "div", 107);
-    i0.ɵɵelementStart(14, "select", 108);
+    i0.ɵɵelementStart(12, "div", 159);
+    i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_13_Template, 2, 0, "div", 105);
+    i0.ɵɵelementStart(14, "select", 106);
     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$R);
     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.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_Template, 6, 5, "div", 78)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_18_Template, 1, 6, "symphiq-competitive-intelligence-view", 75);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -53249,8 +53039,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Te
     i0.ɵɵconditional(ctx_r2.isDataLoading() ? 17 : 18);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "main", 45)(1, "div", 46);
-    i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Template, 3, 1, "div", 78);
+    i0.ɵɵelementStart(0, "main", 43)(1, "div", 44);
+    i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Template, 3, 1, "div", 76);
     i0.ɵɵconditionalCreate(3, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Template, 17, 10);
     i0.ɵɵconditionalCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template, 30, 18);
     i0.ɵɵconditionalCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template, 18, 12);
@@ -53291,6 +53081,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
         this.profileItemLookupService = profileItemLookupService;
         this.headerScrollService = headerScrollService;
         this.ViewModeEnum = ViewModeEnum;
+        this.IconSourceEnum = IconSourceEnum;
         // Input signals (Angular 20 signal-based inputs)
         this.requestedByUser = input(...(ngDevMode ? [undefined, { debugName: "requestedByUser" }] : []));
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -53336,8 +53127,6 @@ class SymphiqFunnelAnalysisDashboardComponent {
         this.selectedBreakdownFilter = signal('ALL', ...(ngDevMode ? [{ debugName: "selectedBreakdownFilter" }] : []));
         this.selectedCompetitiveFilter = signal('ALL', ...(ngDevMode ? [{ debugName: "selectedCompetitiveFilter" }] : []));
         this.scrollProgress = signal(0, ...(ngDevMode ? [{ debugName: "scrollProgress" }] : []));
-        this.fabExpanded = signal(false, ...(ngDevMode ? [{ debugName: "fabExpanded" }] : []));
-        this.activeNavSection = signal('overview', ...(ngDevMode ? [{ debugName: "activeNavSection" }] : []));
         this.isSectionTransitioning = signal(false, ...(ngDevMode ? [{ debugName: "isSectionTransitioning" }] : []));
         this.isCategoryTransitioning = signal(false, ...(ngDevMode ? [{ debugName: "isCategoryTransitioning" }] : []));
         this.isBreakdownTransitioning = signal(false, ...(ngDevMode ? [{ debugName: "isBreakdownTransitioning" }] : []));
@@ -53376,14 +53165,6 @@ class SymphiqFunnelAnalysisDashboardComponent {
         this.lastStateChangeTime = 0;
         this.STATE_CHANGE_COOLDOWN = 500; // milliseconds
         this.embeddedScrollContainer = null;
-        // Mobile navigation sections
-        this.navSections = [
-            { id: 'overview', label: 'Overview', icon: 'overview' },
-            { id: 'insights', label: 'Insights', icon: 'insights' },
-            { id: 'metrics', label: 'Metrics', icon: 'metrics' },
-            { id: 'breakdowns', label: 'Breakdown', icon: 'breakdowns' },
-            { id: 'competitive', label: 'Competitive', icon: 'competitive' }
-        ];
         // Computed signals (automatically memoized)
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
         this.analysisData = computed(() => this.funnelAnalysis(), ...(ngDevMode ? [{ debugName: "analysisData" }] : []));
@@ -53923,10 +53704,6 @@ class SymphiqFunnelAnalysisDashboardComponent {
                         }
                     }
                 }
-                const previousActiveSection = this.activeNavSection();
-                if (previousActiveSection !== activeSection) {
-                    this.activeNavSection.set(activeSection);
-                }
             }
         });
         // Manage loading state with minimum display time
@@ -54299,20 +54076,6 @@ class SymphiqFunnelAnalysisDashboardComponent {
             }
         }, 800);
     }
-    handleMobileNavigation(sectionId) {
-        this.activeNavSection.set(sectionId);
-        const sectionMap = {
-            'overview': 'overall-section',
-            'insights': 'insights-section',
-            'metrics': 'metrics-section',
-            'breakdowns': 'breakdowns-section',
-            'competitive': 'competitive-section'
-        };
-        const targetSection = sectionMap[sectionId];
-        if (targetSection) {
-            this.scrollToSection(targetSection);
-        }
-    }
     getCategoryPillClass(categoryValue) {
         const isActive = this.selectedCategory() === categoryValue;
         const baseClass = 'border transition-all duration-200';
@@ -54350,7 +54113,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardContainer = _t.first);
         } }, hostBindings: function SymphiqFunnelAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
-        } }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], businessProfile: [1, "businessProfile"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 27, vars: 58, consts: [["dashboardContainer", ""], [1, "bg-transparent"], [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"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showSearchControl", "showViewModeControl", "hasCondensedLeftContent", "embedded", "scrollEvent"], ["expandedControls", ""], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], ["condensedLeftContent", ""], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], ["condensedControls", ""], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [3, "sections", "viewMode", "embedded", "scrollElement"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-4"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", 3, "pb-32"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts", "currencySymbol", "businessProfile"], [3, "isLightMode", "allMetrics"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "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", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "click", "libSymphiqTooltip", "tooltipPosition", "ngClass"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], ["title", "Loading Your Funnel Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "pt-8", "sm:pt-12"], [1, "mb-8"], [3, "viewMode", "isOnboarded", "analysisDate"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], ["id", "section-insights", 1, "mb-8"], [3, "viewMode"], ["slot", "overall-performance"], [1, "p-6"], ["slot", "performance-metrics"], [1, "p-6", "space-y-8"], ["slot", "performance-breakdowns"], ["slot", "competitive-intelligence"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "flex", "items-center", "gap-3"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "text-xs", "sm:text-sm"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode", "isLoading"], [3, "width", "height", "isLightMode"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [3, "scrollToSection", "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [1, "w-full"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "mt-4"], [3, "breakdown", "charts", "isLightMode", "isLoading", "isCompactMode", "currencySymbol"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode", "competitiveBenchmark", "currencySymbol"], ["id", "section-overall", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [1, "space-y-6"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], ["animationDelay", "0.15s", 3, "viewMode"], ["id", "section-insights", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "section-metrics", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["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, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "space-y-8", "sm:space-y-10", 3, "animate-content-change", "transition-opacity-slow"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 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", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "rounded-xl", "border", "p-6", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "grid", "grid-cols-2", "md:grid-cols-4", "gap-4", "mt-6"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mt-28", "sm:mt-36"], ["id", "section-breakdowns", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6", 3, "animate-content-change", "transition-opacity-slow"], ["animationDelay", "0.65s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [1, "space-y-3"], [1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", 3, "ngClass"], [3, "breakdown", "charts", "isLightMode", "isCompactMode", "currencySymbol"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["id", "section-competitive", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["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"], [1, "hidden", "sm:block", "relative"], ["animationDelay", "0.85s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mt-6"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], businessProfile: [1, "businessProfile"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 25, vars: 52, consts: [["dashboardContainer", ""], [1, "bg-transparent"], [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"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showSearchControl", "showViewModeControl", "hasCondensedLeftContent", "embedded", "scrollEvent"], ["expandedControls", ""], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], ["condensedLeftContent", ""], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], ["condensedControls", ""], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [3, "sections", "viewMode", "embedded", "scrollElement"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-4"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", 3, "pb-32"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts", "currencySymbol", "businessProfile"], [3, "isLightMode", "allMetrics"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "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", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "click", "libSymphiqTooltip", "tooltipPosition", "ngClass"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], ["title", "Loading Your Funnel Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "pt-8", "sm:pt-12"], [1, "mb-8"], [3, "viewMode", "isOnboarded", "analysisDate"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], ["id", "section-insights", 1, "mb-8"], [3, "viewMode"], ["slot", "overall-performance"], [1, "p-6"], ["slot", "performance-metrics"], [1, "p-6", "space-y-8"], ["slot", "performance-breakdowns"], ["slot", "competitive-intelligence"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "flex", "items-center", "gap-3"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "text-xs", "sm:text-sm"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode", "isLoading"], [3, "width", "height", "isLightMode"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [3, "scrollToSection", "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [1, "w-full"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "mt-4"], [3, "breakdown", "charts", "isLightMode", "isLoading", "isCompactMode", "currencySymbol"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode", "competitiveBenchmark", "currencySymbol"], ["id", "section-overall", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [1, "space-y-6"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], ["animationDelay", "0.15s", 3, "viewMode", "sectionIcon"], ["id", "section-insights", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "section-metrics", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["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, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "space-y-8", "sm:space-y-10", 3, "animate-content-change", "transition-opacity-slow"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 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", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "rounded-xl", "border", "p-6", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "grid", "grid-cols-2", "md:grid-cols-4", "gap-4", "mt-6"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mt-28", "sm:mt-36"], ["id", "section-breakdowns", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6", 3, "animate-content-change", "transition-opacity-slow"], ["animationDelay", "0.65s", 3, "viewMode", "sectionIcon"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [1, "space-y-3"], [1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", 3, "ngClass"], [3, "breakdown", "charts", "isLightMode", "isCompactMode", "currencySymbol"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["id", "section-competitive", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["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"], [1, "hidden", "sm:block", "relative"], ["animationDelay", "0.85s", 3, "viewMode", "sectionIcon"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mt-6"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1, 0);
             i0.ɵɵelement(2, "div", 2)(3, "symphiq-scroll-progress-bar", 3);
@@ -54376,19 +54139,13 @@ class SymphiqFunnelAnalysisDashboardComponent {
             i0.ɵɵelementStart(23, "symphiq-view-mode-switcher-modal", 18);
             i0.ɵɵlistener("close", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_close_23_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeViewModeSwitcher()); })("modeSelected", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_modeSelected_23_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleDisplayModeChange($event)); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(24, "symphiq-mobile-fab", 19);
-            i0.ɵɵlistener("expandedChange", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_expandedChange_24_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fabExpanded.set($event)); })("scrollToTop", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_scrollToTop_24_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.scrollToTop()); })("toggleView", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_toggleView_24_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.viewModeService.toggleViewMode()); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(25, "symphiq-mobile-bottom-nav", 20);
-            i0.ɵɵlistener("navigate", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_25_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMobileNavigation($event)); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(26, "symphiq-mark-as-reviewed-footer", 21);
-            i0.ɵɵlistener("markAsReviewedClick", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mark_as_reviewed_footer_markAsReviewedClick_26_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMarkAsReviewedClick()); });
+            i0.ɵɵelementStart(24, "symphiq-mark-as-reviewed-footer", 19);
+            i0.ɵɵlistener("markAsReviewedClick", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mark_as_reviewed_footer_markAsReviewedClick_24_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMarkAsReviewedClick()); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             let tmp_9_0;
-            let tmp_50_0;
-            let tmp_51_0;
+            let tmp_44_0;
+            let tmp_45_0;
             i0.ɵɵstyleProp("display", ctx.embedded() ? "block" : null)("min-height", ctx.embedded() ? "auto" : null);
             i0.ɵɵclassProp("min-h-screen", !ctx.embedded())("relative", !ctx.embedded());
             i0.ɵɵadvance(2);
@@ -54422,19 +54179,13 @@ class SymphiqFunnelAnalysisDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("isOpen", ctx.isViewModeSwitcherOpen())("currentMode", ctx.displayMode())("viewMode", ctx.isLightMode() ? ctx.ViewModeEnum.LIGHT : ctx.ViewModeEnum.DARK)("isLoading", ctx.isViewModeSwitching());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("isLightMode", ctx.isLightMode())("isCompactMode", ctx.viewModeService.isCompact())("isExpanded", ctx.fabExpanded());
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("isLightMode", ctx.isLightMode())("sections", ctx.navSections)("activeSection", ctx.activeNavSection());
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("viewMode", ctx.isLightMode() ? ctx.ViewModeEnum.LIGHT : ctx.ViewModeEnum.DARK)("reviewStatus", (tmp_50_0 = ctx.funnelAnalysis()) == null ? null : tmp_50_0.reviewStatus)("selfContentStatus", (tmp_51_0 = ctx.funnelAnalysis()) == null ? null : tmp_51_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed())("isLoading", !!ctx.isLoading());
+            i0.ɵɵproperty("viewMode", ctx.isLightMode() ? ctx.ViewModeEnum.LIGHT : ctx.ViewModeEnum.DARK)("reviewStatus", (tmp_44_0 = ctx.funnelAnalysis()) == null ? null : tmp_44_0.reviewStatus)("selfContentStatus", (tmp_45_0 = ctx.funnelAnalysis()) == null ? null : tmp_45_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed())("isLoading", !!ctx.isLoading());
         } }, dependencies: [CommonModule, i1$1.NgClass, FormsModule, i2$1.NgSelectOption, i2$1.ɵNgSelectMultipleOption, i2$1.SelectControlValueAccessor, i2$1.NgControlStatus, i2$1.NgModel, OverallAssessmentComponent,
             InsightCardComponent,
             MetricCardComponent,
             BreakdownSectionComponent,
             ModalComponent,
             TooltipContainerComponent,
-            MobileFABComponent,
-            MobileBottomNavComponent,
             SearchBarComponent,
             SearchHighlightDirective,
             CompetitiveIntelligenceViewComponent,
@@ -54465,8 +54216,6 @@ class SymphiqFunnelAnalysisDashboardComponent {
                     BreakdownSectionComponent,
                     ModalComponent,
                     TooltipContainerComponent,
-                    MobileFABComponent,
-                    MobileBottomNavComponent,
                     SearchBarComponent,
                     SearchHighlightDirective,
                     CompetitiveIntelligenceViewComponent,
@@ -54937,7 +54686,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
           @if (showKeyInsights()) {
             @if (selectedSectionFilter() === 'ALL') {
               <!-- Section Divider -->
-              <symphiq-section-divider [viewMode]="viewMode()" animationDelay="0.15s"></symphiq-section-divider>
+              <symphiq-section-divider [viewMode]="viewMode()" animationDelay="0.15s" [sectionIcon]="{ name: 'light-bulb', source: IconSourceEnum.HEROICONS }"></symphiq-section-divider>
             }
 
             <section id="section-insights" class="relative">
@@ -55243,7 +54992,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             @if (selectedSectionFilter() === 'ALL') {
               <!-- Section Divider -->
               <div class="mt-28 sm:mt-36">
-                <symphiq-section-divider [viewMode]="viewMode()" animationDelay="0.65s"></symphiq-section-divider>
+                <symphiq-section-divider [viewMode]="viewMode()" animationDelay="0.65s" [sectionIcon]="{ name: 'rectangle-group', source: IconSourceEnum.HEROICONS }"></symphiq-section-divider>
               </div>
             }
 
@@ -55336,7 +55085,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             @if (selectedSectionFilter() === 'ALL') {
               <!-- Section Divider -->
               <div class="mt-28 sm:mt-36">
-                <symphiq-section-divider [viewMode]="viewMode()" animationDelay="0.85s"></symphiq-section-divider>
+                <symphiq-section-divider [viewMode]="viewMode()" animationDelay="0.85s" [sectionIcon]="{ name: 'building-office-2', source: IconSourceEnum.HEROICONS }"></symphiq-section-divider>
               </div>
             }
 
@@ -55436,22 +55185,6 @@ class SymphiqFunnelAnalysisDashboardComponent {
         (modeSelected)="handleDisplayModeChange($event)"
       />
 
-      <!-- Mobile FAB -->
-      <symphiq-mobile-fab
-        [isLightMode]="isLightMode()"
-        [isCompactMode]="viewModeService.isCompact()"
-        [isExpanded]="fabExpanded()"
-        (expandedChange)="fabExpanded.set($event)"
-        (scrollToTop)="scrollToTop()"
-        (toggleView)="viewModeService.toggleViewMode()" />
-
-      <!-- Mobile Bottom Navigation -->
-      <symphiq-mobile-bottom-nav
-        [isLightMode]="isLightMode()"
-        [sections]="navSections"
-        [activeSection]="activeNavSection()"
-        (navigate)="handleMobileNavigation($event)" />
-
       <!-- Mark as Reviewed Sticky Footer -->
       <symphiq-mark-as-reviewed-footer
         [viewMode]="isLightMode() ? ViewModeEnum.LIGHT : ViewModeEnum.DARK"
@@ -55474,7 +55207,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             type: HostListener,
             args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 1197 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 1179 }); })();
 
 /**
  * Shared Theme Color Utilities
@@ -57566,7 +57299,7 @@ class FocusAreaToolsModalComponent {
     static { this.ɵfac = function FocusAreaToolsModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FocusAreaToolsModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FocusAreaToolsModalComponent, selectors: [["symphiq-focus-area-tools-modal"]], hostBindings: function FocusAreaToolsModalComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("keydown.escape", function FocusAreaToolsModalComponent_keydown_escape_HostBindingHandler() { return ctx.onEscapeKey(); }, i0.ɵɵresolveDocument);
-        } }, inputs: { isOpen: [1, "isOpen"], focusAreaDomain: [1, "focusAreaDomain"], focusAreaTitle: [1, "focusAreaTitle"], selectedTools: [1, "selectedTools"], viewMode: [1, "viewMode"] }, outputs: { close: "close", save: "save" }, decls: 1, vars: 1, consts: [[1, "fixed", "inset-0", "z-[10002]", "flex", "items-center", "justify-center", "px-4"], [1, "fixed", "inset-0", "z-[10002]", "flex", "items-center", "justify-center", "px-4", 3, "click"], [1, "absolute", "inset-0", "backdrop-blur-sm", "animate-fade-in", "z-[10002]", 3, "ngClass"], [1, "relative", "w-full", "max-w-2xl", "rounded-2xl", "shadow-2xl", "animate-scale-in", "z-[10003]", "max-h-[90vh]", "flex", "flex-col", 3, "click", "ngClass"], [1, "px-6", "py-4", "border-b", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", "transition-colors", "cursor-pointer", 3, "click", "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", "M6 18L18 6M6 6l12 12"], [1, "flex-1", "overflow-y-auto", "p-6"], [1, "mb-6"], [1, "block", "text-sm", "font-semibold", "mb-2", 3, "ngClass"], ["rows", "4", "placeholder", "Enter other tools (e.g., Custom Tool, Another Tool)", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngModelChange", "ngModel", "ngClass"], [1, "px-6", "py-4", "border-t", "flex", "items-center", "justify-end", "gap-3", 3, "ngClass"], ["type", "button", 1, "px-6", "py-2.5", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "cursor-pointer", "hover:scale-105", 3, "click", "ngClass"], ["type", "button", 1, "px-6", "py-2.5", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", 3, "click", "disabled", "ngClass"], [1, "block", "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-3"], [1, "flex", "items-center", "gap-2", "cursor-pointer"], ["type", "checkbox", 1, "w-4", "h-4", "rounded", "border-2", "transition-all", "duration-200", 3, "change", "checked", "ngClass"], [1, "text-sm", 3, "ngClass"]], template: function FocusAreaToolsModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { isOpen: [1, "isOpen"], focusAreaDomain: [1, "focusAreaDomain"], focusAreaTitle: [1, "focusAreaTitle"], selectedTools: [1, "selectedTools"], viewMode: [1, "viewMode"] }, outputs: { close: "close", save: "save" }, decls: 1, vars: 1, consts: [[1, "fixed", "inset-0", "z-[10002]", "flex", "items-center", "justify-center", "px-0", "sm:px-4"], [1, "fixed", "inset-0", "z-[10002]", "flex", "items-center", "justify-center", "px-0", "sm:px-4", 3, "click"], [1, "absolute", "inset-0", "backdrop-blur-sm", "animate-fade-in", "z-[10002]", 3, "ngClass"], [1, "relative", "w-full", "h-full", "sm:h-auto", "max-w-full", "sm:max-w-2xl", "rounded-none", "sm:rounded-2xl", "shadow-2xl", "animate-scale-in", "z-[10003]", "sm:max-h-[90vh]", "flex", "flex-col", 3, "click", "ngClass"], [1, "px-6", "py-4", "border-b", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", "transition-colors", "cursor-pointer", 3, "click", "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", "M6 18L18 6M6 6l12 12"], [1, "flex-1", "overflow-y-auto", "p-6"], [1, "mb-6"], [1, "block", "text-sm", "font-semibold", "mb-2", 3, "ngClass"], ["rows", "4", "placeholder", "Enter other tools (e.g., Custom Tool, Another Tool)", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngModelChange", "ngModel", "ngClass"], [1, "px-6", "py-4", "border-t", "flex", "items-center", "justify-end", "gap-3", 3, "ngClass"], ["type", "button", 1, "px-6", "py-2.5", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "cursor-pointer", "hover:scale-105", 3, "click", "ngClass"], ["type", "button", 1, "px-6", "py-2.5", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", 3, "click", "disabled", "ngClass"], [1, "block", "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-3"], [1, "flex", "items-center", "gap-2", "cursor-pointer"], ["type", "checkbox", 1, "w-4", "h-4", "rounded", "border-2", "transition-all", "duration-200", 3, "change", "checked", "ngClass"], [1, "text-sm", 3, "ngClass"]], template: function FocusAreaToolsModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, FocusAreaToolsModalComponent_Conditional_0_Template, 20, 22, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
@@ -57577,7 +57310,7 @@ class FocusAreaToolsModalComponent {
         args: [{ selector: 'symphiq-focus-area-tools-modal', standalone: true, imports: [CommonModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     @if (isOpen()) {
       <div
-        class="fixed inset-0 z-[10002] flex items-center justify-center px-4"
+        class="fixed inset-0 z-[10002] flex items-center justify-center px-0 sm:px-4"
         (click)="onBackdropClick()">
         <div
           [ngClass]="backdropClasses()"
@@ -57585,7 +57318,7 @@ class FocusAreaToolsModalComponent {
 
         <div
           [ngClass]="containerClasses()"
-          class="relative w-full max-w-2xl rounded-2xl shadow-2xl animate-scale-in z-[10003] max-h-[90vh] flex flex-col"
+          class="relative w-full h-full sm:h-auto max-w-full sm:max-w-2xl rounded-none sm:rounded-2xl shadow-2xl animate-scale-in z-[10003] sm:max-h-[90vh] flex flex-col"
           (click)="$event.stopPropagation()">
 
           <!-- Header -->
@@ -65094,7 +64827,7 @@ class MetricReportModalComponent {
     static { this.ɵfac = function MetricReportModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MetricReportModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricReportModalComponent, selectors: [["symphiq-metric-report-modal"]], hostBindings: function MetricReportModalComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("keydown.escape", function MetricReportModalComponent_keydown_escape_HostBindingHandler() { return ctx.onEscapeKey(); }, i0.ɵɵresolveDocument);
-        } }, inputs: { viewMode: [1, "viewMode"], metricEnum: [1, "metricEnum"], metricData: [1, "metricData"], contributingMetrics: [1, "contributingMetrics"], pacingResponse: [1, "pacingResponse"], trendChartData: [1, "trendChartData"], currencySymbol: [1, "currencySymbol"], showLiveIndicator: [1, "showLiveIndicator"], isOpen: [1, "isOpen"] }, outputs: { closed: "closed" }, decls: 3, vars: 3, consts: [[1, "fixed", "inset-0", "z-50", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], [1, "fixed", "inset-0", "z-[60]", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-4xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xl", "font-bold", "mb-0", 3, "ngClass"], ["tooltipPosition", "bottom", 3, "viewMode"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "right", 1, "flex-shrink-0", "w-5", "h-5", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "ngClass", "libSymphiqTooltip"], [1, "ml-4", "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-6", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "rounded-xl", "p-6", "mb-6", 3, "ngClass"], [1, "text-sm", "font-semibold", "uppercase", "tracking-wider", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "lg:grid-cols-3", "gap-6"], [1, "mb-1.5"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-2", 3, "ngClass"], [3, "viewMode", "percentageChange", "metric", "priorYear", "isCompact"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1.5", 3, "ngClass"], [1, "mb-4"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-2", 3, "ngClass"], [1, "text-3xl", "font-extrabold", "mb-3", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "px-6", "py-4", "border-t", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "click", "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", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "relative", "cursor-pointer", "group", 3, "click"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height", "disableInteractions"], [1, "absolute", "top-1", "right-1", "p-1", "rounded", "opacity-0", "group-hover:opacity-100", "transition-opacity", 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", "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"], [3, "viewMode", "pacingPercentage", "status", "showAsFullText", "isCompact", "showEmphasizedPercentage"], [3, "data", "viewMode"], [1, "overflow-x-auto"], [1, "w-full"], [1, "border-b", 3, "ngClass"], [1, "text-left", "py-3", "px-4", "text-xs", "font-semibold", "uppercase", "tracking-wider"], [1, "text-right", "py-3", "px-4", "text-xs", "font-semibold", "uppercase", "tracking-wider"], [1, "border-b", "transition-colors", 3, "ngClass"], [1, "py-3", "px-4"], [1, "flex", "items-center", "gap-2"], [1, "text-sm", "font-medium"], [1, "py-3", "px-4", "text-right"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "justify-end", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "text-emerald-500"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], [1, "min-h-[250px]", "relative", "cursor-pointer", "group", 3, "click"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height"], [1, "text-sm", "leading-relaxed", "mt-4", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mt-2", 3, "ngClass"], [1, "relative", "w-full", "max-w-6xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-4", "border-b", "backdrop-blur-sm", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], [1, "p-6", "backdrop-blur-sm", 3, "ngClass"], [1, "text-lg", "font-bold", "mb-0", 3, "ngClass"]], template: function MetricReportModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], metricEnum: [1, "metricEnum"], metricData: [1, "metricData"], contributingMetrics: [1, "contributingMetrics"], pacingResponse: [1, "pacingResponse"], trendChartData: [1, "trendChartData"], currencySymbol: [1, "currencySymbol"], showLiveIndicator: [1, "showLiveIndicator"], isOpen: [1, "isOpen"] }, outputs: { closed: "closed" }, decls: 3, vars: 3, consts: [[1, "fixed", "inset-0", "z-50", "flex", "items-center", "justify-center", "p-0", "sm:p-4", "overflow-y-auto"], [1, "fixed", "inset-0", "z-[60]", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "click", "ngClass"], [1, "relative", "w-full", "h-full", "sm:h-auto", "max-w-full", "sm:max-w-4xl", "rounded-none", "sm:rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xl", "font-bold", "mb-0", 3, "ngClass"], ["tooltipPosition", "bottom", 3, "viewMode"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "right", 1, "flex-shrink-0", "w-5", "h-5", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "ngClass", "libSymphiqTooltip"], [1, "ml-4", "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-6", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "rounded-xl", "p-6", "mb-6", 3, "ngClass"], [1, "text-sm", "font-semibold", "uppercase", "tracking-wider", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "lg:grid-cols-3", "gap-6"], [1, "mb-1.5"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-2", 3, "ngClass"], [3, "viewMode", "percentageChange", "metric", "priorYear", "isCompact"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1.5", 3, "ngClass"], [1, "mb-4"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-2", 3, "ngClass"], [1, "text-3xl", "font-extrabold", "mb-3", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "px-6", "py-4", "border-t", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "click", "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", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "relative", "cursor-pointer", "group", 3, "click"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height", "disableInteractions"], [1, "absolute", "top-1", "right-1", "p-1", "rounded", "opacity-0", "group-hover:opacity-100", "transition-opacity", 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", "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"], [3, "viewMode", "pacingPercentage", "status", "showAsFullText", "isCompact", "showEmphasizedPercentage"], [3, "data", "viewMode"], [1, "overflow-x-auto"], [1, "w-full"], [1, "border-b", 3, "ngClass"], [1, "text-left", "py-3", "px-4", "text-xs", "font-semibold", "uppercase", "tracking-wider"], [1, "text-right", "py-3", "px-4", "text-xs", "font-semibold", "uppercase", "tracking-wider"], [1, "border-b", "transition-colors", 3, "ngClass"], [1, "py-3", "px-4"], [1, "flex", "items-center", "gap-2"], [1, "text-sm", "font-medium"], [1, "py-3", "px-4", "text-right"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "justify-end", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "text-emerald-500"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], [1, "min-h-[250px]", "relative", "cursor-pointer", "group", 3, "click"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height"], [1, "text-sm", "leading-relaxed", "mt-4", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mt-2", 3, "ngClass"], [1, "relative", "w-full", "h-full", "sm:h-auto", "max-w-full", "sm:max-w-6xl", "rounded-none", "sm:rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-4", "border-b", "backdrop-blur-sm", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], [1, "p-6", "backdrop-blur-sm", 3, "ngClass"], [1, "text-lg", "font-bold", "mb-0", 3, "ngClass"]], template: function MetricReportModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, MetricReportModalComponent_Conditional_0_Template, 68, 53, "div", 0);
             i0.ɵɵconditionalCreate(1, MetricReportModalComponent_Conditional_1_Template, 11, 9, "div", 1);
             i0.ɵɵconditionalCreate(2, MetricReportModalComponent_Conditional_2_Template, 11, 9, "div", 1);
@@ -65157,7 +64890,7 @@ class MetricReportModalComponent {
                 ],
                 template: `
     @if (isOpen()) {
-      <div class="fixed inset-0 z-50 flex items-center justify-center p-4 overflow-y-auto">
+      <div class="fixed inset-0 z-50 flex items-center justify-center p-0 sm:p-4 overflow-y-auto">
         <div
           [ngClass]="backdropClasses()"
           class="fixed inset-0 backdrop-blur-md"
@@ -65169,7 +64902,7 @@ class MetricReportModalComponent {
         <div
           (click)="$event.stopPropagation()"
           [ngClass]="modalContainerClasses()"
-          class="relative w-full max-w-4xl rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
+          class="relative w-full h-full sm:h-auto max-w-full sm:max-w-4xl rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
           @slideUpFade>
 
             <!-- Header -->
@@ -65504,7 +65237,7 @@ class MetricReportModalComponent {
           <div
             (click)="$event.stopPropagation()"
             [ngClass]="modalContainerClasses()"
-            class="relative w-full max-w-6xl rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
+            class="relative w-full h-full sm:h-auto max-w-full sm:max-w-6xl rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
             @slideUpFade>
 
               <!-- Header -->
@@ -65552,7 +65285,7 @@ class MetricReportModalComponent {
           <div
             (click)="$event.stopPropagation()"
             [ngClass]="modalContainerClasses()"
-            class="relative w-full max-w-6xl rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
+            class="relative w-full h-full sm:h-auto max-w-full sm:max-w-6xl rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
             @slideUpFade>
 
               <!-- Header -->
@@ -67083,7 +66816,7 @@ class EditMetricTargetModalComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.percentageInputRef = _t.first);
         } }, hostBindings: function EditMetricTargetModalComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("keydown.escape", function EditMetricTargetModalComponent_keydown_escape_HostBindingHandler() { return ctx.onEscape(); }, i0.ɵɵresolveDocument);
-        } }, inputs: { viewMode: [1, "viewMode"], isOpen: [1, "isOpen"], metricData: [1, "metricData"], pacingResponse: [1, "pacingResponse"], targetHistories: [1, "targetHistories"], users: [1, "users"], currencySymbol: [1, "currencySymbol"], trendChartData: [1, "trendChartData"] }, outputs: { closed: "closed", targetApplied: "targetApplied" }, decls: 1, vars: 1, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "fixed", "inset-0", "z-[100]", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-4xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xl", "font-bold", "mb-0", 3, "ngClass"], [1, "ml-4", "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-6", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "grid", "lg:grid-cols-2", "gap-6"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-4", "place-content-between", "mb-6"], [1, "flex", "items-center", "gap-2"], ["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", "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, "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "gap-2"], [1, "flex-1", "py-2", "px-4", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "relative"], [1, "p-6", "rounded-xl", "border-2", "h-full", 3, "ngClass"], [1, "mt-6", "p-6", "rounded-xl", "border", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "flex", "justify-end", "gap-3", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "click", "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "disabled:opacity-50", "disabled:cursor-not-allowed", 3, "click", "disabled", "ngClass"], [1, "fixed", "inset-0", "z-[110]", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], [1, "flex", "items-center", "gap-1"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "top", 1, "flex-shrink-0", "w-4", "h-4", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "click", "ngClass", "libSymphiqTooltip"], ["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"], ["type", "number", "placeholder", "0", "min", "0", "step", "1", 1, "w-full", "px-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "100", "step", "0.01", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "absolute", "right-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], [1, "absolute", "left-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1000", 1, "w-full", "pr-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1", 1, "w-full", "px-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "keydown", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "1000", "step", "0.1", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "flex", "gap-4"], [1, "flex", "items-baseline", "gap-3"], [1, "text-3xl", "font-bold", "transition-all", "duration-300", 3, "ngClass"], [1, "text-xl", "line-through", "opacity-60", 3, "ngClass"], [1, "flex-shrink-0", "w-36"], [1, "relative", "pt-6", "mt-6"], [1, "absolute", "top-0", "left-0", "right-0", "flex", "items-center", "-translate-y-1/2"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "pt-2"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "flex", "items-baseline", "gap-2"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-base", "line-through", "opacity-60", 3, "ngClass"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1.5", 3, "ngClass"], [1, "relative", "cursor-pointer", 3, "click"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height", "disableInteractions"], [1, "flex", "items-center", "gap-1", "mb-1"], [1, "text-base", "font-semibold", "mb-4", 3, "ngClass"], [1, "overflow-hidden"], [1, "flex", "justify-between", "items-center", "px-4", "py-2", "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "divide-y", 3, "ngClass"], [1, "flex", "justify-between", "items-center", "px-4", "py-4"], [3, "viewMode", "user"], [1, "text-right"], [1, "text-sm", "font-bold", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "relative", "w-full", "max-w-5xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-4", "border-b", "backdrop-blur-sm", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-lg", "font-bold", "mb-0", 3, "ngClass"], [1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], [1, "p-6", "backdrop-blur-sm", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height"]], template: function EditMetricTargetModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], isOpen: [1, "isOpen"], metricData: [1, "metricData"], pacingResponse: [1, "pacingResponse"], targetHistories: [1, "targetHistories"], users: [1, "users"], currencySymbol: [1, "currencySymbol"], trendChartData: [1, "trendChartData"] }, outputs: { closed: "closed", targetApplied: "targetApplied" }, decls: 1, vars: 1, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "fixed", "inset-0", "z-[100]", "flex", "items-center", "justify-center", "p-0", "sm:p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "click", "ngClass"], [1, "relative", "w-full", "h-full", "sm:h-auto", "max-w-full", "sm:max-w-4xl", "rounded-none", "sm:rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xl", "font-bold", "mb-0", 3, "ngClass"], [1, "ml-4", "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-6", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "grid", "lg:grid-cols-2", "gap-6"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-4", "place-content-between", "mb-6"], [1, "flex", "items-center", "gap-2"], ["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", "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, "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "gap-2"], [1, "flex-1", "py-2", "px-4", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "relative"], [1, "p-6", "rounded-xl", "border-2", "h-full", 3, "ngClass"], [1, "mt-6", "p-6", "rounded-xl", "border", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "flex", "justify-end", "gap-3", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "click", "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "disabled:opacity-50", "disabled:cursor-not-allowed", 3, "click", "disabled", "ngClass"], [1, "fixed", "inset-0", "z-[110]", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], [1, "flex", "items-center", "gap-1"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "top", 1, "flex-shrink-0", "w-4", "h-4", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "click", "ngClass", "libSymphiqTooltip"], ["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"], ["type", "number", "placeholder", "0", "min", "0", "step", "1", 1, "w-full", "px-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "100", "step", "0.01", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "absolute", "right-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], [1, "absolute", "left-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1000", 1, "w-full", "pr-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1", 1, "w-full", "px-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "keydown", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "1000", "step", "0.1", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "flex", "gap-4"], [1, "flex", "items-baseline", "gap-3"], [1, "text-3xl", "font-bold", "transition-all", "duration-300", 3, "ngClass"], [1, "text-xl", "line-through", "opacity-60", 3, "ngClass"], [1, "flex-shrink-0", "w-36"], [1, "relative", "pt-6", "mt-6"], [1, "absolute", "top-0", "left-0", "right-0", "flex", "items-center", "-translate-y-1/2"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "pt-2"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "flex", "items-baseline", "gap-2"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-base", "line-through", "opacity-60", 3, "ngClass"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1.5", 3, "ngClass"], [1, "relative", "cursor-pointer", 3, "click"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height", "disableInteractions"], [1, "flex", "items-center", "gap-1", "mb-1"], [1, "text-base", "font-semibold", "mb-4", 3, "ngClass"], [1, "overflow-hidden"], [1, "flex", "justify-between", "items-center", "px-4", "py-2", "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "divide-y", 3, "ngClass"], [1, "flex", "justify-between", "items-center", "px-4", "py-4"], [3, "viewMode", "user"], [1, "text-right"], [1, "text-sm", "font-bold", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "relative", "w-full", "h-full", "sm:h-auto", "max-w-full", "sm:max-w-5xl", "rounded-none", "sm:rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-4", "border-b", "backdrop-blur-sm", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-lg", "font-bold", "mb-0", 3, "ngClass"], [1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], [1, "p-6", "backdrop-blur-sm", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height"]], template: function EditMetricTargetModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, EditMetricTargetModalComponent_Conditional_0_Template, 42, 30);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
@@ -67126,7 +66859,7 @@ class EditMetricTargetModalComponent {
                 template: `
     @if (isOpen()) {
       <symphiq-tooltip-container />
-      <div class="fixed inset-0 z-[100] flex items-center justify-center p-4 overflow-y-auto">
+      <div class="fixed inset-0 z-[100] flex items-center justify-center p-0 sm:p-4 overflow-y-auto">
         <div
           [ngClass]="backdropClasses()"
           class="fixed inset-0 backdrop-blur-md"
@@ -67138,7 +66871,7 @@ class EditMetricTargetModalComponent {
         <div
           (click)="$event.stopPropagation()"
           [ngClass]="modalContainerClasses()"
-          class="relative w-full max-w-4xl rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
+          class="relative w-full h-full sm:h-auto max-w-full sm:max-w-4xl rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
           @slideUpFade>
 
             <div [ngClass]="headerClasses()" class="px-6 py-5 border-b backdrop-blur-sm sticky top-0 z-10">
@@ -67525,7 +67258,7 @@ class EditMetricTargetModalComponent {
             <div
               (click)="$event.stopPropagation()"
               [ngClass]="modalContainerClasses()"
-              class="relative w-full max-w-5xl rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
+              class="relative w-full h-full sm:h-auto max-w-full sm:max-w-5xl rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
               @slideUpFade>
 
               <div [ngClass]="headerClasses()" class="px-6 py-4 border-b backdrop-blur-sm flex items-center justify-between">
@@ -71688,7 +71421,7 @@ class SearchModalComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchInput = _t.first);
-        } }, inputs: { isLightMode: [1, "isLightMode"], isOpen: [1, "isOpen"], searchQuery: [1, "searchQuery"], results: [1, "results"], hasResults: [1, "hasResults"], selectedIndex: [1, "selectedIndex"], placeholder: [1, "placeholder"] }, outputs: { searchChange: "searchChange", resultSelected: "resultSelected", close: "close" }, decls: 1, vars: 1, consts: [["searchInput", ""], [1, "fixed", "inset-0", "z-[10002]", "flex", "items-start", "justify-center", "pt-20", "px-4"], [1, "fixed", "inset-0", "z-[10002]", "flex", "items-start", "justify-center", "pt-20", "px-4", 3, "click"], [1, "absolute", "inset-0", "backdrop-blur-sm", "animate-fade-in", "z-[10002]", 3, "ngClass"], [1, "relative", "w-full", "max-w-2xl", "rounded-2xl", "shadow-2xl", "animate-scale-in", "z-[10003]", 3, "click", "ngClass"], [1, "relative"], [1, "absolute", "left-4", "top-1/2", "-translate-y-1/2", "pointer-events-none"], ["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", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], ["type", "text", "autocomplete", "off", 1, "w-full", "pl-12", "pr-24", "py-4", "text-base", "focus:outline-none", "transition-colors", 3, "ngModelChange", "ngModel", "ngClass", "placeholder"], [1, "absolute", "right-4", "top-1/2", "-translate-y-1/2", "flex", "items-center", "gap-2"], [1, "px-2", "py-1", "rounded", "text-xs", "font-medium", "transition-colors", 3, "ngClass"], [1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", "transition-colors", 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", "M6 18L18 6M6 6l12 12"], [1, "border-t", "max-h-96", "overflow-y-auto", 3, "ngClass"], [1, "px-6", "py-12", "text-center", "border-t", 3, "ngClass"], [1, "px-4", "py-3", "border-t", 3, "ngClass"], [1, "px-2", "py-1", "rounded", "text-xs", "font-medium", "transition-colors", 3, "click", "ngClass"], [1, "w-full", "text-left", "px-4", "py-3", "transition-all", "duration-150", "border-l-4", "border-transparent", "hover:border-blue-500", 3, "ngClass"], [1, "w-full", "text-left", "px-4", "py-3", "transition-all", "duration-150", "border-l-4", "border-transparent", "hover:border-blue-500", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3"], [1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-1"], [1, "font-semibold", "text-sm", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "flex-shrink-0", 3, "ngClass"], [1, "text-xs", "mb-1", "truncate", 3, "ngClass"], [1, "text-xs", "line-clamp-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "group-hover:translate-x-1", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-12", "h-12", "mx-auto", "mb-3", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-sm", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "text-xs"], [1, "flex", "items-center", "gap-4"], [1, "flex", "items-center", "gap-1.5"], [1, "px-2", "py-1", "rounded", "font-mono", 3, "ngClass"], [3, "ngClass"]], template: function SearchModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { isLightMode: [1, "isLightMode"], isOpen: [1, "isOpen"], searchQuery: [1, "searchQuery"], results: [1, "results"], hasResults: [1, "hasResults"], selectedIndex: [1, "selectedIndex"], placeholder: [1, "placeholder"] }, outputs: { searchChange: "searchChange", resultSelected: "resultSelected", close: "close" }, decls: 1, vars: 1, consts: [["searchInput", ""], [1, "fixed", "inset-0", "z-[10002]", "flex", "items-start", "sm:justify-center", "pt-0", "sm:pt-20", "px-0", "sm:px-4"], [1, "fixed", "inset-0", "z-[10002]", "flex", "items-start", "sm:justify-center", "pt-0", "sm:pt-20", "px-0", "sm:px-4", 3, "click"], [1, "absolute", "inset-0", "backdrop-blur-sm", "animate-fade-in", "z-[10002]", 3, "ngClass"], [1, "relative", "w-full", "h-full", "sm:h-auto", "max-w-full", "sm:max-w-2xl", "rounded-none", "sm:rounded-2xl", "shadow-2xl", "animate-scale-in", "z-[10003]", 3, "click", "ngClass"], [1, "relative"], [1, "absolute", "left-4", "top-1/2", "-translate-y-1/2", "pointer-events-none"], ["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", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], ["type", "text", "autocomplete", "off", 1, "w-full", "pl-12", "pr-24", "py-4", "text-base", "focus:outline-none", "transition-colors", 3, "ngModelChange", "ngModel", "ngClass", "placeholder"], [1, "absolute", "right-4", "top-1/2", "-translate-y-1/2", "flex", "items-center", "gap-2"], [1, "px-2", "py-1", "rounded", "text-xs", "font-medium", "transition-colors", 3, "ngClass"], [1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", "transition-colors", 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", "M6 18L18 6M6 6l12 12"], [1, "border-t", "max-h-96", "overflow-y-auto", 3, "ngClass"], [1, "px-6", "py-12", "text-center", "border-t", 3, "ngClass"], [1, "px-4", "py-3", "border-t", 3, "ngClass"], [1, "px-2", "py-1", "rounded", "text-xs", "font-medium", "transition-colors", 3, "click", "ngClass"], [1, "w-full", "text-left", "px-4", "py-3", "transition-all", "duration-150", "border-l-4", "border-transparent", "hover:border-blue-500", 3, "ngClass"], [1, "w-full", "text-left", "px-4", "py-3", "transition-all", "duration-150", "border-l-4", "border-transparent", "hover:border-blue-500", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3"], [1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-1"], [1, "font-semibold", "text-sm", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "flex-shrink-0", 3, "ngClass"], [1, "text-xs", "mb-1", "truncate", 3, "ngClass"], [1, "text-xs", "line-clamp-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "group-hover:translate-x-1", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-12", "h-12", "mx-auto", "mb-3", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-sm", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "text-xs"], [1, "flex", "items-center", "gap-4"], [1, "flex", "items-center", "gap-1.5"], [1, "px-2", "py-1", "rounded", "font-mono", 3, "ngClass"], [3, "ngClass"]], template: function SearchModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, SearchModalComponent_Conditional_0_Template, 17, 11, "div", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
@@ -71699,7 +71432,7 @@ class SearchModalComponent {
         args: [{ selector: 'symphiq-search-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule], template: `
     @if (isOpen()) {
       <div
-        class="fixed inset-0 z-[10002] flex items-start justify-center pt-20 px-4"
+        class="fixed inset-0 z-[10002] flex items-start sm:justify-center pt-0 sm:pt-20 px-0 sm:px-4"
         (click)="closeModal()">
         <div
           [ngClass]="isLightMode() ? 'bg-black/15' : 'bg-black/25'"
@@ -71707,7 +71440,7 @@ class SearchModalComponent {
 
         <div
           [ngClass]="containerClass()"
-          class="relative w-full max-w-2xl rounded-2xl shadow-2xl animate-scale-in z-[10003]"
+          class="relative w-full h-full sm:h-auto max-w-full sm:max-w-2xl rounded-none sm:rounded-2xl shadow-2xl animate-scale-in z-[10003]"
           (click)="$event.stopPropagation()">
 
           <div class="relative">
@@ -92928,7 +92661,7 @@ class ProfileQuestionsModalComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
-        } }, inputs: { isOpen: [1, "isOpen"], questions: [1, "questions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], users: [1, "users"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], showAllQuestions: [1, "showAllQuestions"], startDirectAnswer: [1, "startDirectAnswer"], viewMode: [1, "viewMode"], breadcrumbPrefix: [1, "breadcrumbPrefix"], showFocusAreaChips: [1, "showFocusAreaChips"], categoryNameFormatter: [1, "categoryNameFormatter"], focusAreaNameFormatter: [1, "focusAreaNameFormatter"], questionFilterFn: [1, "questionFilterFn"] }, outputs: { close: "close", questionAnswerClick: "questionAnswerClick", answerSave: "answerSave" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], ["scrollContainer", ""], [1, "fixed", "inset-0", "z-[9000]", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-4xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "block", "h-[80vh]", 3, "question", "viewMode", "profileAnswerHistories", "profileAnswers", "users"], [1, "block", "h-[80vh]", 3, "close", "back", "question", "viewMode", "profileAnswerHistories", "profileAnswers", "users"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-2"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "text-center", "py-12"], [1, "flex", "flex-col", "gap-6"], [1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-full", "h-full"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "id", "question", "viewMode", "viewType", "profileAnswers", "profileAnswerHistories", "users", "showFocusAreaChips", "categoryNameFormatter"], [3, "answerClick", "historyClick", "id", "question", "viewMode", "viewType", "profileAnswers", "profileAnswerHistories", "users", "showFocusAreaChips", "categoryNameFormatter"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "h-[70vh]", "overflow-hidden"], [1, "block", "h-full", 3, "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileAnswers", "breadcrumbPrefix", "showFocusAreaChips", "categoryNameFormatter", "focusAreaNameFormatter"], [1, "block", "h-full", 3, "backClick", "saveClick", "saveAndNextClick", "navigateToList", "navigateToNextQuestion", "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileAnswers", "breadcrumbPrefix", "showFocusAreaChips", "categoryNameFormatter", "focusAreaNameFormatter"]], template: function ProfileQuestionsModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { isOpen: [1, "isOpen"], questions: [1, "questions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], users: [1, "users"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], showAllQuestions: [1, "showAllQuestions"], startDirectAnswer: [1, "startDirectAnswer"], viewMode: [1, "viewMode"], breadcrumbPrefix: [1, "breadcrumbPrefix"], showFocusAreaChips: [1, "showFocusAreaChips"], categoryNameFormatter: [1, "categoryNameFormatter"], focusAreaNameFormatter: [1, "focusAreaNameFormatter"], questionFilterFn: [1, "questionFilterFn"] }, outputs: { close: "close", questionAnswerClick: "questionAnswerClick", answerSave: "answerSave" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], ["scrollContainer", ""], [1, "fixed", "inset-0", "z-[9000]", "flex", "items-center", "justify-center", "p-0", "sm:p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "click", "ngClass"], [1, "relative", "w-full", "h-full", "sm:h-auto", "max-w-full", "sm:max-w-4xl", "rounded-none", "sm:rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "block", "h-[80vh]", 3, "question", "viewMode", "profileAnswerHistories", "profileAnswers", "users"], [1, "block", "h-[80vh]", 3, "close", "back", "question", "viewMode", "profileAnswerHistories", "profileAnswers", "users"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-2"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "text-center", "py-12"], [1, "flex", "flex-col", "gap-6"], [1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-full", "h-full"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "id", "question", "viewMode", "viewType", "profileAnswers", "profileAnswerHistories", "users", "showFocusAreaChips", "categoryNameFormatter"], [3, "answerClick", "historyClick", "id", "question", "viewMode", "viewType", "profileAnswers", "profileAnswerHistories", "users", "showFocusAreaChips", "categoryNameFormatter"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "h-[70vh]", "overflow-hidden"], [1, "block", "h-full", 3, "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileAnswers", "breadcrumbPrefix", "showFocusAreaChips", "categoryNameFormatter", "focusAreaNameFormatter"], [1, "block", "h-full", 3, "backClick", "saveClick", "saveAndNextClick", "navigateToList", "navigateToNextQuestion", "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileAnswers", "breadcrumbPrefix", "showFocusAreaChips", "categoryNameFormatter", "focusAreaNameFormatter"]], template: function ProfileQuestionsModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ProfileQuestionsModalComponent_Conditional_0_Template, 8, 5, "div", 3);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
@@ -92972,7 +92705,7 @@ class ProfileQuestionsModalComponent {
     @if (isOpen()) {
       <div
         #modalWrapper
-        class="fixed inset-0 z-[9000] flex items-center justify-center p-4 overflow-y-auto">
+        class="fixed inset-0 z-[9000] flex items-center justify-center p-0 sm:p-4 overflow-y-auto">
         <div
           [ngClass]="backdropClasses()"
           class="fixed inset-0 backdrop-blur-sm"
@@ -92984,7 +92717,7 @@ class ProfileQuestionsModalComponent {
           #modalContent
           (click)="$event.stopPropagation()"
           [ngClass]="containerClasses()"
-          class="relative w-full max-w-4xl rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
+          class="relative w-full h-full sm:h-auto max-w-full sm:max-w-4xl rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
           @slideUpFade>
 
             @if (historyModeActive()) {
@@ -106365,7 +106098,7 @@ class UnifiedDashboardModalComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
-        } }, inputs: { viewMode: [1, "viewMode"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"], loadedSourceAnalysisIds: [1, "loadedSourceAnalysisIds"] }, outputs: { priorityActionGoalClick: "priorityActionGoalClick", priorityActionRecommendationClick: "priorityActionRecommendationClick", sourceAnalysisClickRequest: "sourceAnalysisClickRequest" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", "transition-opacity", "duration-200", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-6xl", "max-h-[calc(100vh-2rem)]", "flex", "flex-col", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex", "items-start", "gap-3", "flex-1", "min-w-0"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "flex", "items-center", "gap-1.5", "mb-2", "text-xs"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-x-4", "gap-y-2"], [1, "text-xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "flex-1", "min-h-0", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "objectives", "goalTitle", "viewMode"], [3, "goal", "contributingMetrics", "viewMode"], [3, "objective", "viewMode"], [3, "strategy", "viewMode", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "goalTitle", "objectiveTitle", "currentModalState", "expandedRecommendationId"], [3, "items", "viewMode", "selectedIndex"], [1, "px-6", "py-5", "border-t", "backdrop-blur-sm", "flex-shrink-0", 3, "ngClass"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "click", "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", "M15 19l-7-7 7-7"], [1, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 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", "M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "text-xs", 3, "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "font-medium", 3, "ngClass"], ["type", "button", 1, "hover:underline", "cursor-pointer", "transition-colors", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], [3, "sourceAnalysisClick", "metricClick", "contributingMetricsClick", "showObjectives", "close", "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "metricClick", "goal", "contributingMetrics", "viewMode"], [3, "goalClick", "recommendationClick", "items", "viewMode", "selectedIndex"], [3, "stateChange", "state", "viewMode", "goalId"]], template: function UnifiedDashboardModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"], loadedSourceAnalysisIds: [1, "loadedSourceAnalysisIds"] }, outputs: { priorityActionGoalClick: "priorityActionGoalClick", priorityActionRecommendationClick: "priorityActionRecommendationClick", sourceAnalysisClickRequest: "sourceAnalysisClickRequest" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-0", "sm:p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-0", "sm:p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", "transition-opacity", "duration-200", 3, "click", "ngClass"], [1, "relative", "w-full", "h-full", "sm:h-auto", "max-w-full", "sm:max-w-6xl", "sm:max-h-[calc(100vh-2rem)]", "flex", "flex-col", "rounded-none", "sm:rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex", "items-start", "gap-3", "flex-1", "min-w-0"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "flex", "items-center", "gap-1.5", "mb-2", "text-xs"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-x-4", "gap-y-2"], [1, "text-xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "flex-1", "min-h-0", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "objectives", "goalTitle", "viewMode"], [3, "goal", "contributingMetrics", "viewMode"], [3, "objective", "viewMode"], [3, "strategy", "viewMode", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "goalTitle", "objectiveTitle", "currentModalState", "expandedRecommendationId"], [3, "items", "viewMode", "selectedIndex"], [1, "px-6", "py-5", "border-t", "backdrop-blur-sm", "flex-shrink-0", 3, "ngClass"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "click", "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", "M15 19l-7-7 7-7"], [1, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 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", "M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "text-xs", 3, "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "font-medium", 3, "ngClass"], ["type", "button", 1, "hover:underline", "cursor-pointer", "transition-colors", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], [3, "sourceAnalysisClick", "metricClick", "contributingMetricsClick", "showObjectives", "close", "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "metricClick", "goal", "contributingMetrics", "viewMode"], [3, "goalClick", "recommendationClick", "items", "viewMode", "selectedIndex"], [3, "stateChange", "state", "viewMode", "goalId"]], template: function UnifiedDashboardModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, UnifiedDashboardModalComponent_Conditional_0_Template, 28, 33, "div", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
@@ -106430,13 +106163,13 @@ class UnifiedDashboardModalComponent {
                 ],
                 template: `
     @if (isOpen()) {
-      <div #modalWrapper class="fixed inset-0 flex items-center justify-center p-4 overflow-y-auto" [style.z-index]="baseZIndex()" [style.visibility]="modalReady() ? 'visible' : 'hidden'">
+      <div #modalWrapper class="fixed inset-0 flex items-center justify-center p-0 sm:p-4 overflow-y-auto" [style.z-index]="baseZIndex()" [style.visibility]="modalReady() ? 'visible' : 'hidden'">
         <div [ngClass]="isLightMode() ? 'bg-slate-900/15' : 'bg-slate-950/25'" class="fixed inset-0 backdrop-blur-sm transition-opacity duration-200" [class.opacity-0]="!modalReady()" [class.opacity-100]="modalReady()" [style.z-index]="backdropZIndex()" aria-hidden="true" (click)="closeModal()"></div>
 
         <div
           (click)="$event.stopPropagation()"
           [ngClass]="isLightMode() ? 'bg-white/90 border-slate-200/50' : 'bg-slate-800/90 border-slate-700/50'"
-          class="relative w-full max-w-6xl max-h-[calc(100vh-2rem)] flex flex-col rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
+          class="relative w-full h-full sm:h-auto max-w-full sm:max-w-6xl sm:max-h-[calc(100vh-2rem)] flex flex-col rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
           [style.z-index]="contentZIndex()"
           @slideUpFade>
 
@@ -107315,18 +107048,18 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_5_Template(
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.JourneyStepIdEnum.UNIFIED_ANALYSIS)("showNextStepAction", ctx_r1.allGoalsReviewed())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-loading-card", 16);
+    i0.ɵɵelement(0, "symphiq-loading-card", 17);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("backdropBlur", true);
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelement(0, "symphiq-unified-welcome-banner", 17);
-    i0.ɵɵelementStart(1, "symphiq-unified-goals-grid", 18);
+    i0.ɵɵelement(0, "symphiq-unified-welcome-banner", 18);
+    i0.ɵɵelementStart(1, "symphiq-unified-goals-grid", 19);
     i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_goals_grid_goalClick_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); })("sourceBadgeClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_goals_grid_sourceBadgeClick_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSourceBadgeClickFromCard($event)); })("relatedMetricsClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_goals_grid_relatedMetricsClick_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onRelatedMetricsClickFromCard($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "symphiq-collapsible-analysis-section-group", 19);
+    i0.ɵɵelementStart(2, "symphiq-collapsible-analysis-section-group", 20);
     i0.ɵɵlistener("unifiedGoalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_collapsible_analysis_section_group_unifiedGoalClick_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); })("viewAllPriorityActionsClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_collapsible_analysis_section_group_viewAllPriorityActionsClick_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onViewAllPriorityActionsClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -107339,20 +107072,20 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Condition
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelement(0, "symphiq-unified-welcome-banner", 17);
-    i0.ɵɵelementStart(1, "symphiq-unified-executive-summary", 20);
+    i0.ɵɵelement(0, "symphiq-unified-welcome-banner", 18);
+    i0.ɵɵelementStart(1, "symphiq-unified-executive-summary", 21);
     i0.ɵɵlistener("viewAllPriorityActionsClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Template_symphiq_unified_executive_summary_viewAllPriorityActionsClick_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onViewAllPriorityActionsClick()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "symphiq-unified-goals-grid", 21);
+    i0.ɵɵelementStart(2, "symphiq-unified-goals-grid", 22);
     i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Template_symphiq_unified_goals_grid_goalClick_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); })("sourceBadgeClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Template_symphiq_unified_goals_grid_sourceBadgeClick_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSourceBadgeClickFromCard($event)); })("relatedMetricsClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Template_symphiq_unified_goals_grid_relatedMetricsClick_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onRelatedMetricsClickFromCard($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "symphiq-unified-timeline", 22);
+    i0.ɵɵelementStart(3, "symphiq-unified-timeline", 23);
     i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Template_symphiq_unified_timeline_goalClick_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "symphiq-unified-priority-matrix", 23);
+    i0.ɵɵelementStart(4, "symphiq-unified-priority-matrix", 24);
     i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Template_symphiq_unified_priority_matrix_goalClick_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "symphiq-unified-next-steps", 24);
+    i0.ɵɵelementStart(5, "symphiq-unified-next-steps", 25);
     i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Template_symphiq_unified_next_steps_goalClick_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -107370,13 +107103,14 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Condition
     i0.ɵɵproperty("steps", ctx_r1.nextSteps())("viewMode", ctx_r1.viewMode())("goals", ctx_r1.unifiedGoals());
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "main", 6);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_1_Template, 1, 2, "symphiq-loading-card", 16);
+    i0.ɵɵelementStart(0, "main", 16);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_1_Template, 1, 2, "symphiq-loading-card", 17);
     i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template, 3, 22);
     i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Template, 6, 24);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("pb-36", ctx_r1.shouldShowProgressFooter());
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.isSimplifiedView() && ctx_r1.isLoading() ? 1 : -1);
     i0.ɵɵadvance();
@@ -107392,7 +107126,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_7_Template(
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-search-modal", 25);
+    i0.ɵɵelementStart(0, "symphiq-search-modal", 26);
     i0.ɵɵlistener("close", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Template_symphiq_search_modal_close_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeSearch()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -107401,7 +107135,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Template(
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-view-mode-switcher-modal", 26);
+    i0.ɵɵelementStart(0, "symphiq-view-mode-switcher-modal", 27);
     i0.ɵɵlistener("close", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_9_Template_symphiq_view_mode_switcher_modal_close_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeViewModeSwitcher()); })("modeSelected", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_9_Template_symphiq_view_mode_switcher_modal_modeSelected_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleDisplayModeChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -107416,7 +107150,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_10_Template
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-unified-goals-progress-footer", 27);
+    i0.ɵɵelementStart(0, "symphiq-unified-goals-progress-footer", 28);
     i0.ɵɵlistener("integrateGoals", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_15_Template_symphiq_unified_goals_progress_footer_integrateGoals_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onIntegrateGoals($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -107449,6 +107183,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         this.modalService = inject(ModalService);
         this.viewModeService = inject(ViewModeService);
         this.profileContextService = inject(ProfileContextService);
+        this.profileItemLookupService = inject(ProfileItemLookupService);
         this.goalActionStateService = inject(GoalActionStateService);
         this.IconSourceEnum = IconSourceEnum;
         this.ProfileAnalysisTypeEnum = ProfileAnalysisTypeEnum;
@@ -107831,6 +107566,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
                 const recommendations = profileToUse.profileStructured?.recommendations || [];
                 console.log('[UnifiedDashboard] profileIndexEffect - calling indexProfile with', profileToUse.profileStructured.sections.length, 'sections and', recommendations.length, 'recommendations');
                 this.profileContextService.indexProfile(profileToUse.profileStructured.sections, recommendations);
+                this.profileItemLookupService.setProfile(profileToUse);
             }
             else {
                 console.log('[UnifiedDashboard] profileIndexEffect - NO profile data to index');
@@ -108083,9 +107819,8 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
                 }
             }
         }
-        const profileSections = sections;
-        console.log('[SourceAnalysis] openSourceGoalModal - indexing source analysis with', profileSections.length, 'sections and', recommendations.length, 'recommendations');
-        this.profileContextService.indexProfile(profileSections, recommendations);
+        console.log('[SourceAnalysis] openSourceGoalModal - adding', recommendations.length, 'source analysis recommendations');
+        this.profileContextService.addRecommendations(recommendations);
         if (goal) {
             const currentModalState = this.modalService.getCurrentState();
             if (analysisType) {
@@ -108369,14 +108104,14 @@ 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"], requestedByUser: [1, "requestedByUser"] }, outputs: { generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest", integrateGoalsClick: "integrateGoalsClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 16, vars: 33, 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", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "showSearchControl", "showViewModeControl", "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"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title"], [3, "priorityActionGoalClick", "priorityActionRecommendationClick", "sourceAnalysisClickRequest", "viewMode", "loadingSourceAnalysisId", "loadedSourceAnalysisIds"], [3, "isLightMode"], [3, "isLightMode", "allInsights", "allMetrics", "allCharts", "allBusinessInsights"], [3, "goalIds", "viewMode"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], ["title", "Loading Your Unified Analysis", "subtitle", "Please wait while we prepare your synthesized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [1, "mb-12", "block", 3, "viewMode", "businessName", "isOnboarded", "analysisDate", "isUnifiedAnalysisComplete", "sourceAnalysesCount", "unifiedGoalsCount", "sourceGoalsCount", "goalIds"], [1, "mb-12", "block", 3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "goals", "viewMode"], [3, "unifiedGoalClick", "viewAllPriorityActionsClick", "sections", "viewMode", "unifiedExecutiveSummary", "unifiedTimeline", "unifiedPriorityMatrix", "unifiedNextSteps", "unifiedGoals", "shopCounts", "focusAreaCounts", "metricCounts", "storageKey"], [3, "viewAllPriorityActionsClick", "summary", "viewMode", "shopCounts", "focusAreaCounts", "metricCounts"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "goals", "viewMode"], [3, "goalClick", "timeline", "viewMode", "goals"], [3, "goalClick", "matrix", "viewMode"], [3, "goalClick", "steps", "viewMode", "goals"], [3, "close", "isLightMode", "isOpen"], [3, "close", "modeSelected", "viewMode", "currentMode", "isOpen"], [3, "integrateGoals", "goalIds", "viewMode"]], 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"], requestedByUser: [1, "requestedByUser"] }, outputs: { generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest", integrateGoalsClick: "integrateGoalsClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 16, vars: 33, 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", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "showSearchControl", "showViewModeControl", "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", 3, "pb-36"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title"], [3, "priorityActionGoalClick", "priorityActionRecommendationClick", "sourceAnalysisClickRequest", "viewMode", "loadingSourceAnalysisId", "loadedSourceAnalysisIds"], [3, "isLightMode"], [3, "isLightMode", "allInsights", "allMetrics", "allCharts", "allBusinessInsights"], [3, "goalIds", "viewMode"], [3, "nextStepClick", "stepClick", "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"], [1, "mb-12", "block", 3, "viewMode", "businessName", "isOnboarded", "analysisDate", "isUnifiedAnalysisComplete", "sourceAnalysesCount", "unifiedGoalsCount", "sourceGoalsCount", "goalIds"], [1, "mb-12", "block", 3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "goals", "viewMode"], [3, "unifiedGoalClick", "viewAllPriorityActionsClick", "sections", "viewMode", "unifiedExecutiveSummary", "unifiedTimeline", "unifiedPriorityMatrix", "unifiedNextSteps", "unifiedGoals", "shopCounts", "focusAreaCounts", "metricCounts", "storageKey"], [3, "viewAllPriorityActionsClick", "summary", "viewMode", "shopCounts", "focusAreaCounts", "metricCounts"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "goals", "viewMode"], [3, "goalClick", "timeline", "viewMode", "goals"], [3, "goalClick", "matrix", "viewMode"], [3, "goalClick", "steps", "viewMode", "goals"], [3, "close", "isLightMode", "isOpen"], [3, "close", "modeSelected", "viewMode", "currentMode", "isOpen"], [3, "integrateGoals", "goalIds", "viewMode"]], 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);
             i0.ɵɵlistener("searchClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Template_symphiq_dashboard_header_searchClick_4_listener() { return ctx.openSearch(); })("viewModeClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Template_symphiq_dashboard_header_viewModeClick_4_listener() { return ctx.openViewModeSwitcher(); });
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(5, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_5_Template, 1, 5, "symphiq-journey-progress-indicator", 5);
-            i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Template, 4, 3, "main", 6);
+            i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Template, 4, 5, "main", 6);
             i0.ɵɵconditionalCreate(7, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_7_Template, 1, 4, "symphiq-floating-toc", 7);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Template, 1, 2, "symphiq-search-modal", 8);
@@ -108508,7 +108243,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         }
 
         @if (shouldShowMain()) {
-          <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12">
+          <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12" [class.pb-36]="shouldShowProgressFooter()">
 
             @if (isSimplifiedView() && isLoading()) {
               <symphiq-loading-card
@@ -108695,7 +108430,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: 341 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber: 347 }); })();
 
 function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -113932,7 +113667,7 @@ class ShopProfileQuestionsModalComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
-        } }, inputs: { isOpen: [1, "isOpen"], questions: [1, "questions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], users: [1, "users"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], showAllQuestions: [1, "showAllQuestions"], startDirectAnswer: [1, "startDirectAnswer"], viewMode: [1, "viewMode"] }, outputs: { close: "close", questionAnswerClick: "questionAnswerClick", answerSave: "answerSave" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], ["scrollContainer", ""], [1, "fixed", "inset-0", "z-[9000]", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-4xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "block", "h-[80vh]", 3, "question", "viewMode", "profileAnswerHistories", "profileAnswers", "users"], [1, "block", "h-[80vh]", 3, "close", "back", "question", "viewMode", "profileAnswerHistories", "profileAnswers", "users"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-2"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "text-center", "py-12"], [1, "flex", "flex-col", "gap-6"], [1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-full", "h-full"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "id", "question", "viewMode", "viewType", "profileAnswers", "profileAnswerHistories", "users", "categoryNameFormatter"], [3, "answerClick", "historyClick", "id", "question", "viewMode", "viewType", "profileAnswers", "profileAnswerHistories", "users", "categoryNameFormatter"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "h-[70vh]", "overflow-hidden"], [1, "block", "h-full", 3, "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileAnswers"], [1, "block", "h-full", 3, "backClick", "saveClick", "saveAndNextClick", "navigateToList", "navigateToNextQuestion", "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileAnswers"]], template: function ShopProfileQuestionsModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { isOpen: [1, "isOpen"], questions: [1, "questions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], users: [1, "users"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], showAllQuestions: [1, "showAllQuestions"], startDirectAnswer: [1, "startDirectAnswer"], viewMode: [1, "viewMode"] }, outputs: { close: "close", questionAnswerClick: "questionAnswerClick", answerSave: "answerSave" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], ["scrollContainer", ""], [1, "fixed", "inset-0", "z-[9000]", "flex", "items-center", "justify-center", "p-0", "sm:p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "click", "ngClass"], [1, "relative", "w-full", "h-full", "sm:h-auto", "max-w-full", "sm:max-w-4xl", "rounded-none", "sm:rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "block", "h-[80vh]", 3, "question", "viewMode", "profileAnswerHistories", "profileAnswers", "users"], [1, "block", "h-[80vh]", 3, "close", "back", "question", "viewMode", "profileAnswerHistories", "profileAnswers", "users"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-2"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "text-center", "py-12"], [1, "flex", "flex-col", "gap-6"], [1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-full", "h-full"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "id", "question", "viewMode", "viewType", "profileAnswers", "profileAnswerHistories", "users", "categoryNameFormatter"], [3, "answerClick", "historyClick", "id", "question", "viewMode", "viewType", "profileAnswers", "profileAnswerHistories", "users", "categoryNameFormatter"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "h-[70vh]", "overflow-hidden"], [1, "block", "h-full", 3, "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileAnswers"], [1, "block", "h-full", 3, "backClick", "saveClick", "saveAndNextClick", "navigateToList", "navigateToNextQuestion", "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileAnswers"]], template: function ShopProfileQuestionsModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ShopProfileQuestionsModalComponent_Conditional_0_Template, 8, 5, "div", 3);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
@@ -113976,7 +113711,7 @@ class ShopProfileQuestionsModalComponent {
     @if (isOpen()) {
       <div
         #modalWrapper
-        class="fixed inset-0 z-[9000] flex items-center justify-center p-4 overflow-y-auto">
+        class="fixed inset-0 z-[9000] flex items-center justify-center p-0 sm:p-4 overflow-y-auto">
         <div
           [ngClass]="backdropClasses()"
           class="fixed inset-0 backdrop-blur-sm"
@@ -113988,7 +113723,7 @@ class ShopProfileQuestionsModalComponent {
           #modalContent
           (click)="$event.stopPropagation()"
           [ngClass]="containerClasses()"
-          class="relative w-full max-w-4xl rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
+          class="relative w-full h-full sm:h-auto max-w-full sm:max-w-4xl rounded-none sm:rounded-2xl text-left overflow-hidden shadow-xl border backdrop-blur-xl"
           @slideUpFade>
 
             @if (historyModeActive()) {
@@ -116252,5 +115987,5 @@ var pieChart_component = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DashboardHeaderComponent, DataLoaderService, DisplayModeEnum, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaStatusCardComponent, FocusAreaToolsModalComponent, FunnelOrderService, GoalActionStateEnum, GoalActionStateService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ReviewButtonComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopProfileCategoryListComponent, ShopProfileQuestionAnswerComponent, ShopProfileQuestionCardComponent, ShopProfileQuestionsModalComponent, ShopProfileStatusCardComponent, ShopProfileStickyFooterComponent, ShopProfileViewToggleComponent, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, StickySubscriptionContinueButtonComponent, SubscriptionValuePropositionCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisFocusAreaDashboardComponent, SymphiqProfileAnalysisMetricDashboardComponent, SymphiqProfileAnalysisUnifiedDashboardComponent, SymphiqProfileFocusAreaDashboardComponent, SymphiqProfileFocusAreasAnalysesDashboardComponent, SymphiqProfileMetricDashboardComponent, SymphiqProfileMetricsAnalysesDashboardComponent, SymphiqProfileShopAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, UserAvatarComponent, UserDisplayComponent, ViewModeService, ViewModeSwitcherModalComponent, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
+export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DashboardHeaderComponent, DataLoaderService, DisplayModeEnum, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaStatusCardComponent, FocusAreaToolsModalComponent, FunnelOrderService, GoalActionStateEnum, GoalActionStateService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MetricWelcomeBannerComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ReviewButtonComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopProfileCategoryListComponent, ShopProfileQuestionAnswerComponent, ShopProfileQuestionCardComponent, ShopProfileQuestionsModalComponent, ShopProfileStatusCardComponent, ShopProfileStickyFooterComponent, ShopProfileViewToggleComponent, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, StickySubscriptionContinueButtonComponent, SubscriptionValuePropositionCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisFocusAreaDashboardComponent, SymphiqProfileAnalysisMetricDashboardComponent, SymphiqProfileAnalysisUnifiedDashboardComponent, SymphiqProfileFocusAreaDashboardComponent, SymphiqProfileFocusAreasAnalysesDashboardComponent, SymphiqProfileMetricDashboardComponent, SymphiqProfileMetricsAnalysesDashboardComponent, SymphiqProfileShopAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, UserAvatarComponent, UserDisplayComponent, ViewModeService, ViewModeSwitcherModalComponent, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
 //# sourceMappingURL=symphiq-components.mjs.map