@eric-emg/symphiq-components 1.2.6 → 1.2.8

package/fesm2022/symphiq-components.mjs

@@ -20475,14 +20475,31 @@ class CompetitiveIntelligenceViewComponent {
     }], null, { metrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "metrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], isCompactMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompactMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveIntelligenceViewComponent, { className: "CompetitiveIntelligenceViewComponent", filePath: "lib/components/funnel-analysis-dashboard/competitive-intelligence/competitive-intelligence-view.component.ts", lineNumber: 34 }); })();
 
-const _c0$4 = () => ({});
-const _c1 = () => [1, 2, 3, 4, 5, 6];
-const _c2 = () => [1, 2, 3, 4];
+const _c0$4 = ["dashboardContainer"];
+const _c1 = () => ({});
+const _c2 = () => [1, 2, 3, 4, 5, 6];
+const _c3 = () => [1, 2, 3, 4];
 const _forTrack0$1 = ($index, $item) => $item.value;
+function SymphiqFunnelAnalysisDashboardComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 52);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("light-mode", ctx_r1.isLightMode());
+} }
+function SymphiqFunnelAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "div", 53);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("width", ctx_r1.scrollProgress(), "%");
+    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-r from-blue-500 to-purple-500" : "bg-gradient-to-r from-blue-400 to-purple-400");
+} }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 20);
-    i0.ɵɵelement(1, "path", 53);
+    i0.ɵɵelementStart(0, "svg", 19);
+    i0.ɵɵelement(1, "path", 54);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(2, "span");
@@ -20491,8 +20508,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_28_Template(rf, ctx
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 20);
-    i0.ɵɵelement(1, "path", 54);
+    i0.ɵɵelementStart(0, "svg", 19);
+    i0.ɵɵelement(1, "path", 55);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(2, "span");
@@ -20500,23 +20517,23 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template(rf, ctx
     i0.ɵɵelementEnd();
 } }
 function SymphiqFunnelAnalysisDashboardComponent_For_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 28);
+    i0.ɵɵelementStart(0, "option", 27);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const section_r1 = ctx.$implicit;
-    i0.ɵɵproperty("value", section_r1.value);
+    const section_r3 = ctx.$implicit;
+    i0.ɵɵproperty("value", section_r3.value);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(section_r1.label);
+    i0.ɵɵtextInterpolate(section_r3.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_54_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37)(1, "span", 55);
+    i0.ɵɵelementStart(0, "div", 36)(1, "span", 56);
     i0.ɵɵtext(2, "Revenue:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 56);
+    i0.ɵɵelementStart(3, "span", 57);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 57);
+    i0.ɵɵelementStart(5, "span", 58);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -20535,48 +20552,48 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_54_Template(rf, ctx
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_60_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 40);
-    i0.ɵɵelement(1, "path", 53);
+    i0.ɵɵelementStart(0, "svg", 39);
+    i0.ɵɵelement(1, "path", 54);
     i0.ɵɵelementEnd();
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 40);
-    i0.ɵɵelement(1, "path", 54);
+    i0.ɵɵelementStart(0, "svg", 39);
+    i0.ɵɵelement(1, "path", 55);
     i0.ɵɵelementEnd();
 } }
 function SymphiqFunnelAnalysisDashboardComponent_For_65_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 28);
+    i0.ɵɵelementStart(0, "option", 27);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const section_r3 = ctx.$implicit;
-    i0.ɵɵproperty("value", section_r3.value);
+    const section_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", section_r4.value);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(section_r3.label);
+    i0.ɵɵtextInterpolate(section_r4.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 43)(1, "div", 33)(2, "div", 34)(3, "div", 58);
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 42)(1, "div", 32)(2, "div", 33)(3, "div", 59);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 59);
-    i0.ɵɵelement(5, "path", 21);
+    i0.ɵɵelementStart(4, "svg", 60);
+    i0.ɵɵelement(5, "path", 20);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 60)(7, "span", 61);
+    i0.ɵɵelementStart(6, "div", 61)(7, "span", 62);
     i0.ɵɵtext(8, "Showing:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 62);
+    i0.ɵɵelementStart(9, "span", 63);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 63);
+    i0.ɵɵelementStart(11, "span", 64);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(13, "button", 64);
-    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.clearSearchResult(); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(13, "button", 65);
+    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.clearSearchResult(); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(14, "svg", 40);
-    i0.ɵɵelement(15, "path", 65);
+    i0.ɵɵelementStart(14, "svg", 39);
+    i0.ɵɵelement(15, "path", 66);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -20597,67 +20614,67 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template(rf, ctx
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-blue-600 hover:text-blue-800 hover:bg-blue-100" : "text-blue-400 hover:text-blue-200 hover:bg-blue-800/50");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 66);
-    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToTop()); });
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 67);
+    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToTop()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("title", "Scroll to Top")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 66);
-    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("insights-section")); });
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 67);
+    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("insights-section")); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("title", "Key Insights")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 66);
-    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("metrics-section")); });
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 67);
+    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("metrics-section")); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("title", "Performance Metrics")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 66);
-    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("breakdowns-section")); });
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 67);
+    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("breakdowns-section")); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("title", "Performance Breakdowns")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 66);
-    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("competitive-section")); });
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 67);
+    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToSection("competitive-section")); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("title", "Competitive Intelligence")("ngClass", ctx_r1.isLightMode() ? "bg-slate-300 hover:bg-indigo-500" : "bg-slate-600 hover:bg-indigo-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 48);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-overall-assessment", 67);
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-overall-assessment", 68);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("assessment", ctx_r1.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(8, _c0$4))("revenueMetric", ctx_r1.revenueMetric())("charts", ctx_r1.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r1.allMetrics())("isLightMode", ctx_r1.isLightMode())("isLoading", ctx_r1.isOverallAssessmentLoading())("isCompactMode", ctx_r1.viewModeService.isCompact())("isChartsLoading", ctx_r1.areChartsLoading());
+    i0.ɵɵproperty("assessment", ctx_r1.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(8, _c1))("revenueMetric", ctx_r1.revenueMetric())("charts", ctx_r1.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r1.allMetrics())("isLightMode", ctx_r1.isLightMode())("isLoading", ctx_r1.isOverallAssessmentLoading())("isCompactMode", ctx_r1.viewModeService.isCompact())("isChartsLoading", ctx_r1.areChartsLoading());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 68)(1, "div", 79);
-    i0.ɵɵelement(2, "div", 80);
+    i0.ɵɵelementStart(0, "div", 69)(1, "div", 80);
+    i0.ɵɵelement(2, "div", 81);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 81)(4, "div", 82);
+    i0.ɵɵelementStart(3, "div", 82)(4, "div", 83);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 83);
-    i0.ɵɵelement(6, "path", 84);
+    i0.ɵɵelementStart(5, "svg", 84);
+    i0.ɵɵelement(6, "path", 85);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -20669,22 +20686,22 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Te
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-blue-500" : "text-blue-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 87);
+    i0.ɵɵelementStart(0, "div", 87);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 88);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const insight_r10 = ctx.$implicit;
-    const $index_r11 = ctx.$index;
+    const insight_r11 = ctx.$implicit;
+    const $index_r12 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassMap(ctx_r1.getInsightCardClass(insight_r10));
-    i0.ɵɵstyleProp("animation-delay", 0.3 + $index_r11 * 0.1 + "s");
-    i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "insight-" + $index_r11);
+    i0.ɵɵclassMap(ctx_r1.getInsightCardClass(insight_r11));
+    i0.ɵɵstyleProp("animation-delay", 0.3 + $index_r12 * 0.1 + "s");
+    i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "insight-" + $index_r12);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("insight", insight_r10)("allMetrics", ctx_r1.allMetrics())("charts", ctx_r1.chartsForInsight(insight_r10))("allCharts", ctx_r1.allCharts())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", false);
+    i0.ɵɵproperty("insight", insight_r11)("allMetrics", ctx_r1.allMetrics())("charts", ctx_r1.chartsForInsight(insight_r11))("allCharts", ctx_r1.allCharts())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", false);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 77);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_For_2_Template, 2, 13, "div", 85, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 78);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_For_2_Template, 2, 13, "div", 86, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -20692,21 +20709,21 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_T
     i0.ɵɵrepeater(ctx_r1.insights());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 87);
+    i0.ɵɵelementStart(0, "div", 87);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 88);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const insight_r12 = ctx.$implicit;
-    const $index_r13 = ctx.$index;
+    const insight_r13 = ctx.$implicit;
+    const $index_r14 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵstyleProp("animation-delay", 0.3 + $index_r13 * 0.1 + "s");
-    i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "insight-" + $index_r13);
+    i0.ɵɵstyleProp("animation-delay", 0.3 + $index_r14 * 0.1 + "s");
+    i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "insight-" + $index_r14);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("insight", insight_r12)("allMetrics", ctx_r1.allMetrics())("charts", ctx_r1.chartsForInsight(insight_r12))("allCharts", ctx_r1.allCharts())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", true);
+    i0.ɵɵproperty("insight", insight_r13)("allMetrics", ctx_r1.allMetrics())("charts", ctx_r1.chartsForInsight(insight_r13))("allCharts", ctx_r1.allCharts())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", true);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 78);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_For_2_Template, 2, 11, "div", 88, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 79);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_For_2_Template, 2, 11, "div", 89, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -20714,15 +20731,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_T
     i0.ɵɵrepeater(ctx_r1.insights());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 89)(1, "div", 90)(2, "div", 91);
-    i0.ɵɵelement(3, "symphiq-skeleton-loader", 92)(4, "symphiq-skeleton-loader", 92);
+    i0.ɵɵelementStart(0, "div", 90)(1, "div", 91)(2, "div", 92);
+    i0.ɵɵelement(3, "symphiq-skeleton-loader", 93)(4, "symphiq-skeleton-loader", 93);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "symphiq-skeleton-loader", 92)(6, "symphiq-skeleton-loader", 92)(7, "symphiq-skeleton-loader", 92);
-    i0.ɵɵelementStart(8, "div", 93);
-    i0.ɵɵelement(9, "symphiq-skeleton-loader", 92)(10, "symphiq-skeleton-loader", 92);
+    i0.ɵɵelement(5, "symphiq-skeleton-loader", 93)(6, "symphiq-skeleton-loader", 93)(7, "symphiq-skeleton-loader", 93);
+    i0.ɵɵelementStart(8, "div", 94);
+    i0.ɵɵelement(9, "symphiq-skeleton-loader", 93)(10, "symphiq-skeleton-loader", 93);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 94);
-    i0.ɵɵelement(12, "symphiq-skeleton-loader", 92)(13, "symphiq-skeleton-loader", 92);
+    i0.ɵɵelementStart(11, "div", 95);
+    i0.ɵɵelement(12, "symphiq-skeleton-loader", 93)(13, "symphiq-skeleton-loader", 93);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -20747,30 +20764,30 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_F
     i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r1.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 77);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_For_2_Template, 14, 28, "div", 89, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 78);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_For_2_Template, 14, 28, "div", 90, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c1));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Template, 7, 3, "div", 68);
-    i0.ɵɵelementStart(1, "section", 69);
-    i0.ɵɵelement(2, "div", 70);
-    i0.ɵɵelementStart(3, "div", 71)(4, "div", 72)(5, "div", 38)(6, "div", 73)(7, "div", 38);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_0_Template, 7, 3, "div", 69);
+    i0.ɵɵelementStart(1, "section", 70);
+    i0.ɵɵelement(2, "div", 71);
+    i0.ɵɵelementStart(3, "div", 72)(4, "div", 73)(5, "div", 37)(6, "div", 74)(7, "div", 37);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 74);
-    i0.ɵɵelement(9, "path", 75);
+    i0.ɵɵelementStart(8, "svg", 75);
+    i0.ɵɵelement(9, "path", 76);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(10, "h2", 76);
+    i0.ɵɵelementStart(10, "h2", 77);
     i0.ɵɵtext(11, "Key Insights");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(12, "span", 31);
+    i0.ɵɵelementStart(12, "span", 30);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_Template, 3, 0, "div", 77)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_Template, 3, 0, "div", 78)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_Template, 3, 1, "div", 77);
+    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_14_Template, 3, 0, "div", 78)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_15_Template, 3, 0, "div", 79)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Conditional_16_Template, 3, 1, "div", 78);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -20791,13 +20808,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx
     i0.ɵɵconditional(ctx_r1.viewModeService.isExpanded() ? 14 : !ctx_r1.viewModeService.isExpanded() ? 15 : 16);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 95)(1, "div", 79);
-    i0.ɵɵelement(2, "div", 80);
+    i0.ɵɵelementStart(0, "div", 96)(1, "div", 80);
+    i0.ɵɵelement(2, "div", 81);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 81)(4, "div", 82);
+    i0.ɵɵelementStart(3, "div", 82)(4, "div", 83);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 83);
-    i0.ɵɵelement(6, "path", 111);
+    i0.ɵɵelementStart(5, "svg", 84);
+    i0.ɵɵelement(6, "path", 112);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -20809,120 +20826,120 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Te
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-emerald-500" : "text-emerald-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 102);
-    i0.ɵɵelement(1, "div", 112);
+    i0.ɵɵelementStart(0, "div", 103);
+    i0.ɵɵelement(1, "div", 113);
     i0.ɵɵelementEnd();
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 113);
+    i0.ɵɵelementStart(0, "option", 114);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const cat_r15 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("value", cat_r15.value);
+    const cat_r16 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("value", cat_r16.value);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(cat_r15.label);
+    i0.ɵɵtextInterpolate(cat_r16.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 28);
+    i0.ɵɵelementStart(0, "option", 27);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const cat_r15 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("value", cat_r15.value);
+    const cat_r16 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("value", cat_r16.value);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(cat_r15.label);
+    i0.ɵɵtextInterpolate(cat_r16.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Conditional_0_Template, 2, 2, "option", 113)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Conditional_1_Template, 2, 2, "option", 28);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Conditional_0_Template, 2, 2, "option", 114)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Conditional_1_Template, 2, 2, "option", 27);
 } if (rf & 2) {
-    const cat_r15 = ctx.$implicit;
-    i0.ɵɵconditional(cat_r15.divider ? 0 : 1);
+    const cat_r16 = ctx.$implicit;
+    i0.ɵɵconditional(cat_r16.divider ? 0 : 1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelement(0, "path", 105);
+    i0.ɵɵelement(0, "path", 106);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelement(0, "path", 106);
+    i0.ɵɵelement(0, "path", 107);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 115);
-    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const cat_r17 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.changeCategoryFilter(cat_r17.value)); });
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 116);
+    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const cat_r18 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.changeCategoryFilter(cat_r18.value)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const cat_r17 = i0.ɵɵnextContext().$implicit;
+    const cat_r18 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵclassProp("opacity-70", ctx_r1.isCategoryTransitioning());
-    i0.ɵɵproperty("ngClass", ctx_r1.getCategoryPillClass(cat_r17.value));
+    i0.ɵɵproperty("ngClass", ctx_r1.getCategoryPillClass(cat_r18.value));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", cat_r17.label, " ");
+    i0.ɵɵtextInterpolate1(" ", cat_r18.label, " ");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Conditional_0_Template, 2, 4, "button", 114);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Conditional_0_Template, 2, 4, "button", 115);
 } if (rf & 2) {
-    const cat_r17 = ctx.$implicit;
-    i0.ɵɵconditional(!cat_r17.divider ? 0 : -1);
+    const cat_r18 = ctx.$implicit;
+    i0.ɵɵconditional(!cat_r18.divider ? 0 : -1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 121);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 122);
+    i0.ɵɵelementStart(0, "div", 122);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 123);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const metric_r18 = ctx.$implicit;
-    const ɵ$index_386_r19 = ctx.$index;
-    const ɵ$index_377_r20 = i0.ɵɵnextContext(3).$index;
+    const metric_r19 = ctx.$implicit;
+    const ɵ$index_388_r20 = ctx.$index;
+    const ɵ$index_379_r21 = i0.ɵɵnextContext(3).$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassMap(ctx_r1.getBentoCardClass(metric_r18, ɵ$index_386_r19));
-    i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_377_r20 * 0.15 + ɵ$index_386_r19 * 0.08 + "s");
+    i0.ɵɵclassMap(ctx_r1.getBentoCardClass(metric_r19, ɵ$index_388_r20));
+    i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_379_r21 * 0.15 + ɵ$index_388_r20 * 0.08 + "s");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("metric", metric_r18)("insights", ctx_r1.insights())("charts", ctx_r1.chartsForMetric(metric_r18))("allCharts", ctx_r1.allCharts())("analysis", ctx_r1.funnelAnalysis())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", false);
+    i0.ɵɵproperty("metric", metric_r19)("insights", ctx_r1.insights())("charts", ctx_r1.chartsForMetric(metric_r19))("allCharts", ctx_r1.allCharts())("analysis", ctx_r1.funnelAnalysis())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", false);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 118);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_For_2_Template, 2, 12, "div", 120, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 119);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_For_2_Template, 2, 12, "div", 121, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const funnelGroup_r21 = i0.ɵɵnextContext(2).$implicit;
+    const funnelGroup_r22 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(funnelGroup_r21.relatedMetrics);
+    i0.ɵɵrepeater(funnelGroup_r22.relatedMetrics);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 121);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 117);
+    i0.ɵɵelementStart(0, "div", 122);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 118);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const metric_r22 = ctx.$implicit;
-    const ɵ$index_394_r23 = ctx.$index;
-    const ɵ$index_377_r20 = i0.ɵɵnextContext(3).$index;
+    const metric_r23 = ctx.$implicit;
+    const ɵ$index_396_r24 = ctx.$index;
+    const ɵ$index_379_r21 = i0.ɵɵnextContext(3).$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_377_r20 * 0.15 + ɵ$index_394_r23 * 0.08 + "s");
+    i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_379_r21 * 0.15 + ɵ$index_396_r24 * 0.08 + "s");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("metric", metric_r22)("insights", ctx_r1.insights())("charts", ctx_r1.chartsForMetric(metric_r22))("allCharts", ctx_r1.allCharts())("analysis", ctx_r1.funnelAnalysis())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", true);
+    i0.ɵɵproperty("metric", metric_r23)("insights", ctx_r1.insights())("charts", ctx_r1.chartsForMetric(metric_r23))("allCharts", ctx_r1.allCharts())("analysis", ctx_r1.funnelAnalysis())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", true);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 119);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_1_For_2_Template, 2, 10, "div", 123, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 120);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_1_For_2_Template, 2, 10, "div", 124, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const funnelGroup_r21 = i0.ɵɵnextContext(2).$implicit;
+    const funnelGroup_r22 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(funnelGroup_r21.relatedMetrics);
+    i0.ɵɵrepeater(funnelGroup_r22.relatedMetrics);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 124)(1, "div", 90)(2, "div", 99);
-    i0.ɵɵelement(3, "symphiq-skeleton-loader", 92)(4, "symphiq-skeleton-loader", 92);
+    i0.ɵɵelementStart(0, "div", 125)(1, "div", 91)(2, "div", 100);
+    i0.ɵɵelement(3, "symphiq-skeleton-loader", 93)(4, "symphiq-skeleton-loader", 93);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "symphiq-skeleton-loader", 92);
-    i0.ɵɵelementStart(6, "div", 125);
-    i0.ɵɵelement(7, "symphiq-skeleton-loader", 92)(8, "symphiq-skeleton-loader", 92);
+    i0.ɵɵelement(5, "symphiq-skeleton-loader", 93);
+    i0.ɵɵelementStart(6, "div", 126);
+    i0.ɵɵelement(7, "symphiq-skeleton-loader", 93)(8, "symphiq-skeleton-loader", 93);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(9, "symphiq-skeleton-loader", 92)(10, "symphiq-skeleton-loader", 92);
-    i0.ɵɵelementStart(11, "div", 126);
-    i0.ɵɵelement(12, "symphiq-skeleton-loader", 92);
+    i0.ɵɵelement(9, "symphiq-skeleton-loader", 93)(10, "symphiq-skeleton-loader", 93);
+    i0.ɵɵelementStart(11, "div", 127);
+    i0.ɵɵelement(12, "symphiq-skeleton-loader", 93);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
@@ -20945,46 +20962,46 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Condition
     i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r1.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 118);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 124, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 119);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 125, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_Template, 3, 0, "div", 118)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_1_Template, 3, 0, "div", 119)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_2_Template, 3, 1, "div", 118);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_0_Template, 3, 0, "div", 119)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_1_Template, 3, 0, "div", 120)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Conditional_2_Template, 3, 1, "div", 119);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional(ctx_r1.viewModeService.isExpanded() ? 0 : !ctx_r1.viewModeService.isExpanded() ? 1 : 2);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 116);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 117);
+    i0.ɵɵelementStart(0, "div", 117);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 118);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Conditional_2_Template, 3, 1);
 } if (rf & 2) {
-    const funnelGroup_r21 = ctx.$implicit;
-    const ɵ$index_377_r20 = ctx.$index;
+    const funnelGroup_r22 = ctx.$implicit;
+    const ɵ$index_379_r21 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_377_r20 * 0.15 + "s");
-    i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_377_r20);
+    i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_379_r21 * 0.15 + "s");
+    i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_379_r21);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("metric", funnelGroup_r21.funnelMetric)("insights", ctx_r1.insights())("charts", ctx_r1.chartsForMetric(funnelGroup_r21.funnelMetric))("allCharts", ctx_r1.allCharts())("analysis", ctx_r1.funnelAnalysis())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", ctx_r1.viewModeService.isCompact());
+    i0.ɵɵproperty("metric", funnelGroup_r22.funnelMetric)("insights", ctx_r1.insights())("charts", ctx_r1.chartsForMetric(funnelGroup_r22.funnelMetric))("allCharts", ctx_r1.allCharts())("analysis", ctx_r1.funnelAnalysis())("isLightMode", ctx_r1.isLightMode())("viewMode", ctx_r1.viewMode())("isCompactMode", ctx_r1.viewModeService.isCompact());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(funnelGroup_r21.relatedMetrics.length > 0 ? 2 : -1);
+    i0.ɵɵconditional(funnelGroup_r22.relatedMetrics.length > 0 ? 2 : -1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_ForEmpty_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 110);
+    i0.ɵɵelementStart(0, "div", 111);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 127);
-    i0.ɵɵelement(2, "path", 100);
+    i0.ɵɵelementStart(1, "svg", 128);
+    i0.ɵɵelement(2, "path", 101);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "h3", 128);
+    i0.ɵɵelementStart(3, "h3", 129);
     i0.ɵɵtext(4, "No Metrics Found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 129);
+    i0.ɵɵelementStart(5, "p", 130);
     i0.ɵɵtext(6, "No performance metrics match your current filter selection. Try adjusting your filters to see more results.");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -20998,41 +21015,41 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_ForEmpty_31_Temp
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template, 7, 3, "div", 95);
-    i0.ɵɵelementStart(1, "section", 96);
-    i0.ɵɵelement(2, "div", 97);
-    i0.ɵɵelementStart(3, "div", 71)(4, "div", 98)(5, "div", 99)(6, "div", 38)(7, "div", 73)(8, "div", 38);
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template, 7, 3, "div", 96);
+    i0.ɵɵelementStart(1, "section", 97);
+    i0.ɵɵelement(2, "div", 98);
+    i0.ɵɵelementStart(3, "div", 72)(4, "div", 99)(5, "div", 100)(6, "div", 37)(7, "div", 74)(8, "div", 37);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(9, "svg", 74);
-    i0.ɵɵelement(10, "path", 100);
+    i0.ɵɵelementStart(9, "svg", 75);
+    i0.ɵɵelement(10, "path", 101);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(11, "h2", 76);
+    i0.ɵɵelementStart(11, "h2", 77);
     i0.ɵɵtext(12, "Performance Metrics");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(13, "div", 101);
-    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template, 2, 0, "div", 102);
-    i0.ɵɵelementStart(15, "select", 103);
-    i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeCategoryFilter($event)); });
+    i0.ɵɵelementStart(13, "div", 102);
+    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template, 2, 0, "div", 103);
+    i0.ɵɵelementStart(15, "select", 104);
+    i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeCategoryFilter($event)); });
     i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_17_Template, 2, 1, null, null, _forTrack0$1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "button", 104);
-    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSortOrder()); });
+    i0.ɵɵelementStart(18, "button", 105);
+    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSortOrder()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(19, "svg", 20);
-    i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_20_Template, 1, 0, ":svg:path", 105);
-    i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_21_Template, 1, 0, ":svg:path", 106);
+    i0.ɵɵelementStart(19, "svg", 19);
+    i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_20_Template, 1, 0, ":svg:path", 106);
+    i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_21_Template, 1, 0, ":svg:path", 107);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(22, "span");
     i0.ɵɵtext(23, "Sort");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(24, "div", 107)(25, "div", 108);
+    i0.ɵɵelementStart(24, "div", 108)(25, "div", 109);
     i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_27_Template, 1, 1, null, null, _forTrack0$1);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(28, "div", 109);
-    i0.ɵɵrepeaterCreate(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Template, 3, 13, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_ForEmpty_31_Template, 7, 4, "div", 110);
+    i0.ɵɵelementStart(28, "div", 110);
+    i0.ɵɵrepeaterCreate(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_For_30_Template, 3, 13, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_ForEmpty_31_Template, 7, 4, "div", 111);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -21068,13 +21085,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx
     i0.ɵɵrepeater(ctx_r1.groupedMetrics());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 130)(1, "div", 79);
-    i0.ɵɵelement(2, "div", 80);
+    i0.ɵɵelementStart(0, "div", 131)(1, "div", 80);
+    i0.ɵɵelement(2, "div", 81);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 81)(4, "div", 82);
+    i0.ɵɵelementStart(3, "div", 82)(4, "div", 83);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 83);
-    i0.ɵɵelement(6, "path", 100);
+    i0.ɵɵelementStart(5, "svg", 84);
+    i0.ɵɵelement(6, "path", 101);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -21086,60 +21103,60 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Te
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-purple-500" : "text-purple-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 102);
-    i0.ɵɵelement(1, "div", 138);
+    i0.ɵɵelementStart(0, "div", 103);
+    i0.ɵɵelement(1, "div", 139);
     i0.ɵɵelementEnd();
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 113);
+    i0.ɵɵelementStart(0, "option", 114);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const filter_r25 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("value", filter_r25.value);
+    const filter_r26 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("value", filter_r26.value);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(filter_r25.label);
+    i0.ɵɵtextInterpolate(filter_r26.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 28);
+    i0.ɵɵelementStart(0, "option", 27);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const filter_r25 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("value", filter_r25.value);
+    const filter_r26 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("value", filter_r26.value);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(filter_r25.label);
+    i0.ɵɵtextInterpolate(filter_r26.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Conditional_0_Template, 2, 2, "option", 113)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Conditional_1_Template, 2, 2, "option", 28);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Conditional_0_Template, 2, 2, "option", 114)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Conditional_1_Template, 2, 2, "option", 27);
 } if (rf & 2) {
-    const filter_r25 = ctx.$implicit;
-    i0.ɵɵconditional(filter_r25.divider ? 0 : 1);
+    const filter_r26 = ctx.$implicit;
+    i0.ɵɵconditional(filter_r26.divider ? 0 : 1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 139);
+    i0.ɵɵelementStart(0, "div", 87);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 140);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const breakdown_r26 = ctx.$implicit;
-    const $index_r27 = ctx.$index;
+    const breakdown_r27 = ctx.$implicit;
+    const $index_r28 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("animation-delay", 0.8 + $index_r27 * 0.1 + "s");
-    i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "breakdown-" + $index_r27);
+    i0.ɵɵstyleProp("animation-delay", 0.8 + $index_r28 * 0.1 + "s");
+    i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r1.searchService.highlightedResultId())("highlightId", "breakdown-" + $index_r28);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("breakdown", breakdown_r26)("charts", ctx_r1.chartsForBreakdown(breakdown_r26))("isLightMode", ctx_r1.isLightMode())("isCompactMode", ctx_r1.viewModeService.isCompact());
+    i0.ɵɵproperty("breakdown", breakdown_r27)("charts", ctx_r1.chartsForBreakdown(breakdown_r27))("isLightMode", ctx_r1.isLightMode())("isCompactMode", ctx_r1.viewModeService.isCompact());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 110);
+    i0.ɵɵelementStart(0, "div", 111);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 127);
-    i0.ɵɵelement(2, "path", 140);
+    i0.ɵɵelementStart(1, "svg", 128);
+    i0.ɵɵelement(2, "path", 141);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "h3", 128);
+    i0.ɵɵelementStart(3, "h3", 129);
     i0.ɵɵtext(4, "No Breakdowns Found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 129);
+    i0.ɵɵelementStart(5, "p", 130);
     i0.ɵɵtext(6, "No performance breakdowns match your current filter selection. Try adjusting your filters to see more results.");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -21153,28 +21170,28 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_19_Temp
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template, 7, 3, "div", 130);
-    i0.ɵɵelementStart(1, "section", 131);
-    i0.ɵɵelement(2, "div", 132);
-    i0.ɵɵelementStart(3, "div", 71)(4, "div", 133)(5, "div", 73)(6, "div", 38);
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template, 7, 3, "div", 131);
+    i0.ɵɵelementStart(1, "section", 132);
+    i0.ɵɵelement(2, "div", 133);
+    i0.ɵɵelementStart(3, "div", 72)(4, "div", 134)(5, "div", 74)(6, "div", 37);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(7, "svg", 74);
-    i0.ɵɵelement(8, "path", 134);
+    i0.ɵɵelementStart(7, "svg", 75);
+    i0.ɵɵelement(8, "path", 135);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(9, "h2", 76);
+    i0.ɵɵelementStart(9, "h2", 77);
     i0.ɵɵtext(10, "Performance Breakdowns");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "div", 135);
-    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r24); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_div_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r24); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_div_pointerdown_11_listener($event) { i0.ɵɵrestoreView(_r24); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_12_Template, 2, 0, "div", 102);
-    i0.ɵɵelementStart(13, "select", 136);
-    i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeBreakdownFilter($event)); });
+    i0.ɵɵelementStart(11, "div", 136);
+    i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_div_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_div_pointerdown_11_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_12_Template, 2, 0, "div", 103);
+    i0.ɵɵelementStart(13, "select", 137);
+    i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeBreakdownFilter($event)); });
     i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_15_Template, 2, 1, null, null, _forTrack0$1);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(16, "div", 137);
-    i0.ɵɵrepeaterCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_18_Template, 2, 8, "div", 88, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_19_Template, 7, 4, "div", 110);
+    i0.ɵɵelementStart(16, "div", 138);
+    i0.ɵɵrepeaterCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_18_Template, 2, 8, "div", 89, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_19_Template, 7, 4, "div", 111);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -21200,13 +21217,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx
     i0.ɵɵrepeater(ctx_r1.breakdowns());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 141)(1, "div", 79);
-    i0.ɵɵelement(2, "div", 80);
+    i0.ɵɵelementStart(0, "div", 142)(1, "div", 80);
+    i0.ɵɵelement(2, "div", 81);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 81)(4, "div", 82);
+    i0.ɵɵelementStart(3, "div", 82)(4, "div", 83);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 83);
-    i0.ɵɵelement(6, "path", 144);
+    i0.ɵɵelementStart(5, "svg", 84);
+    i0.ɵɵelement(6, "path", 145);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -21218,57 +21235,57 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Te
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-indigo-500" : "text-indigo-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 102);
-    i0.ɵɵelement(1, "div", 147);
+    i0.ɵɵelementStart(0, "div", 103);
+    i0.ɵɵelement(1, "div", 148);
     i0.ɵɵelementEnd();
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 113);
+    i0.ɵɵelementStart(0, "option", 114);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const filter_r29 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("value", filter_r29.value);
+    const filter_r30 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("value", filter_r30.value);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(filter_r29.label);
+    i0.ɵɵtextInterpolate(filter_r30.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 28);
+    i0.ɵɵelementStart(0, "option", 27);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const filter_r29 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("value", filter_r29.value);
+    const filter_r30 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("value", filter_r30.value);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(filter_r29.label);
+    i0.ɵɵtextInterpolate(filter_r30.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Conditional_0_Template, 2, 2, "option", 113)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Conditional_1_Template, 2, 2, "option", 28);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Conditional_0_Template, 2, 2, "option", 114)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Conditional_1_Template, 2, 2, "option", 27);
 } if (rf & 2) {
-    const filter_r29 = ctx.$implicit;
-    i0.ɵɵconditional(filter_r29.divider ? 0 : 1);
+    const filter_r30 = ctx.$implicit;
+    i0.ɵɵconditional(filter_r30.divider ? 0 : 1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template, 7, 3, "div", 141);
-    i0.ɵɵelementStart(1, "section", 142);
-    i0.ɵɵelement(2, "div", 70);
-    i0.ɵɵelementStart(3, "div", 71)(4, "div", 143)(5, "div", 38)(6, "div", 73)(7, "div", 38);
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template, 7, 3, "div", 142);
+    i0.ɵɵelementStart(1, "section", 143);
+    i0.ɵɵelement(2, "div", 71);
+    i0.ɵɵelementStart(3, "div", 72)(4, "div", 144)(5, "div", 37)(6, "div", 74)(7, "div", 37);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 74);
-    i0.ɵɵelement(9, "path", 144);
+    i0.ɵɵelementStart(8, "svg", 75);
+    i0.ɵɵelement(9, "path", 145);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(10, "h2", 76);
+    i0.ɵɵelementStart(10, "h2", 77);
     i0.ɵɵtext(11, "Competitive Intelligence");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(12, "div", 145);
-    i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_13_Template, 2, 0, "div", 102);
-    i0.ɵɵelementStart(14, "select", 103);
-    i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeCompetitiveFilter($event)); });
+    i0.ɵɵelementStart(12, "div", 146);
+    i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_13_Template, 2, 0, "div", 103);
+    i0.ɵɵelementStart(14, "select", 104);
+    i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeCompetitiveFilter($event)); });
     i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_16_Template, 2, 1, null, null, _forTrack0$1);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelement(17, "symphiq-competitive-intelligence-view", 146);
+    i0.ɵɵelement(17, "symphiq-competitive-intelligence-view", 147);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -21301,6 +21318,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
         this.requestedByUser = input(...(ngDevMode ? [undefined, { debugName: "requestedByUser" }] : []));
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.funnelAnalysis = input(FUNNEL_ANALYSIS, ...(ngDevMode ? [{ debugName: "funnelAnalysis" }] : []));
+        this.embedded = input(false, ...(ngDevMode ? [{ debugName: "embedded" }] : []));
         // State signals
         this.selectedCategory = signal('ALL', ...(ngDevMode ? [{ debugName: "selectedCategory" }] : []));
         this.reverseSortOrder = signal(false, ...(ngDevMode ? [{ debugName: "reverseSortOrder" }] : []));
@@ -21641,6 +21659,14 @@ class SymphiqFunnelAnalysisDashboardComponent {
         if (this.modalComponent) {
             this.modalComponent.setMetricsAndInsights(this.allMetrics(), this.insights(), this.allCharts());
         }
+        // Set up container scroll listener when in embedded mode
+        if (this.embedded() && this.dashboardContainer) {
+            const container = (this.dashboardContainer.nativeElement.closest('[style*="overflow"]')
+                || this.dashboardContainer.nativeElement.parentElement);
+            if (container) {
+                container.addEventListener('scroll', () => this.onContainerScroll(container), { passive: true });
+            }
+        }
     }
     handleSearchResult(result) {
         this.searchService.setActiveResult(result);
@@ -21847,7 +21873,56 @@ class SymphiqFunnelAnalysisDashboardComponent {
         }
         return '';
     }
+    onContainerScroll(container) {
+        if (!this.embedded()) {
+            return;
+        }
+        const scrollPosition = container.scrollTop;
+        // Update scroll progress immediately for smooth bar animation
+        const containerHeight = container.clientHeight;
+        const scrollHeight = container.scrollHeight;
+        const maxScroll = scrollHeight - containerHeight;
+        const progress = maxScroll > 0 ? (scrollPosition / maxScroll) * 100 : 0;
+        this.scrollProgress.set(Math.min(100, Math.max(0, progress)));
+        // Skip header state updates during programmatic scrolling
+        if (this.isProgrammaticScroll) {
+            return;
+        }
+        // Check if we're in cooldown period after a recent state change
+        const now = Date.now();
+        const timeSinceLastChange = now - this.lastStateChangeTime;
+        if (timeSinceLastChange < this.STATE_CHANGE_COOLDOWN) {
+            return;
+        }
+        // Clear any pending timeout
+        if (this.scrollTimeout) {
+            clearTimeout(this.scrollTimeout);
+        }
+        // Use hysteresis (two different thresholds) to prevent bounce loop
+        const COLLAPSE_THRESHOLD = 150;
+        const EXPAND_THRESHOLD = 100;
+        const currentState = this.isScrolled();
+        // Determine new state based on current position and hysteresis logic
+        let newState = currentState;
+        // If currently expanded and we scroll past collapse threshold, collapse
+        if (!currentState && scrollPosition > COLLAPSE_THRESHOLD) {
+            newState = true;
+        }
+        // If currently collapsed and we scroll back above expand threshold, expand
+        else if (currentState && scrollPosition < EXPAND_THRESHOLD) {
+            newState = false;
+        }
+        // Only update state if it actually changed
+        if (newState !== currentState) {
+            this.isScrolled.set(newState);
+            this.lastStateChangeTime = Date.now();
+        }
+        this.lastScrollPosition = scrollPosition;
+    }
     onScroll() {
+        if (this.embedded()) {
+            return; // Skip window scroll handling when embedded
+        }
         const scrollPosition = window.scrollY;
         // Update scroll progress immediately for smooth bar animation
         const windowHeight = window.innerHeight;
@@ -21996,113 +22071,117 @@ class SymphiqFunnelAnalysisDashboardComponent {
     static { this.ɵfac = function SymphiqFunnelAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqFunnelAnalysisDashboardComponent)(i0.ɵɵdirectiveInject(FunnelOrderService), i0.ɵɵdirectiveInject(ViewModeService), i0.ɵɵdirectiveInject(SearchService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqFunnelAnalysisDashboardComponent, selectors: [["symphiq-funnel-analysis-dashboard"]], viewQuery: function SymphiqFunnelAnalysisDashboardComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(ModalComponent, 5);
+            i0.ɵɵviewQuery(_c0$4, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalComponent = _t.first);
+            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($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"] }, decls: 85, vars: 89, consts: [[1, "min-h-screen", "bg-transparent", "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"], [1, "fixed", "inset-0", "-z-10", "pointer-events-none"], [1, "absolute", "inset-0", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-[0.03]", "z-20", 2, "background-image", "url('data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')"], [1, "absolute", "top-0", "right-0", "w-[800px]", "h-[800px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "bottom-0", "left-0", "w-[600px]", "h-[600px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "top-1/2", "left-1/2", "-translate-x-1/2", "-translate-y-1/2", "w-[700px]", "h-[700px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "sticky", "top-0", "z-50", "animate-fade-in", 2, "animation-delay", "0s"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-6", "sm:py-8"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "sm:items-center", "justify-between", "gap-3", "sm:gap-0"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [1, "text-sm", "sm:text-base"], [1, "flex", "items-center", "gap-4"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "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"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["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"], ["type", "button", 1, "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"], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], [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, "flex", "flex-col", "gap-4", "min-w-[180px]"], [1, "text-left", "sm:text-right"], [1, "text-xs", "sm:text-sm"], [1, "text-sm", "sm:text-base", "font-medium"], [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-4", "flex-1", "min-w-0"], [1, "text-lg", "font-bold", "truncate", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["type", "button", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click", "title"], [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, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-3"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "title", "ngClass"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], ["id", "overall-section", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"], ["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"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [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"], [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"], ["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", 3, "click", "title", "ngClass"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading"], [1, "relative", "mb-16", "sm:mb-20", "animate-fade-in", 2, "animation-delay", "0.15s"], ["id", "insights-section", 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, "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, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], ["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", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [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"], [3, "width", "height", "isLightMode"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "metrics-section", 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"], ["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, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 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, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [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"], [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, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.65s"], ["id", "breakdowns-section", 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"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [3, "breakdown", "charts", "isLightMode", "isCompactMode"], ["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"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.85s"], ["id", "competitive-section", 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"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵelement(1, "div", 1);
-            i0.ɵɵelementStart(2, "div", 2);
-            i0.ɵɵelement(3, "div", 3)(4, "div", 4)(5, "div", 5)(6, "div", 6)(7, "div", 7);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "div", 8);
-            i0.ɵɵelement(9, "div", 9);
+        } }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], embedded: [1, "embedded"] }, decls: 85, vars: 90, consts: [["dashboardContainer", ""], [1, "min-h-screen", "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, "light-mode"], [1, "absolute", "inset-0", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-[0.03]", "z-20", 2, "background-image", "url('data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')"], [1, "absolute", "top-0", "right-0", "w-[800px]", "h-[800px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "bottom-0", "left-0", "w-[600px]", "h-[600px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "top-1/2", "left-1/2", "-translate-x-1/2", "-translate-y-1/2", "w-[700px]", "h-[700px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "sticky", "top-0", "z-50", "animate-fade-in", 2, "animation-delay", "0s"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-6", "sm:py-8"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "sm:items-center", "justify-between", "gap-3", "sm:gap-0"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [1, "text-sm", "sm:text-base"], [1, "flex", "items-center", "gap-4"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "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"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["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"], ["type", "button", 1, "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"], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], [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, "flex", "flex-col", "gap-4", "min-w-[180px]"], [1, "text-left", "sm:text-right"], [1, "text-xs", "sm:text-sm"], [1, "text-sm", "sm:text-base", "font-medium"], [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-4", "flex-1", "min-w-0"], [1, "text-lg", "font-bold", "truncate", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["type", "button", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click", "title"], [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, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-3"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "title", "ngClass"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], ["id", "overall-section", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"], ["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"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [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"], [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"], ["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", 3, "click", "title", "ngClass"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading"], [1, "relative", "mb-16", "sm:mb-20", "animate-fade-in", 2, "animation-delay", "0.15s"], ["id", "insights-section", 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, "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, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], ["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", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [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"], [3, "width", "height", "isLightMode"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "metrics-section", 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"], ["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, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 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, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [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"], [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, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.65s"], ["id", "breakdowns-section", 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"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [3, "breakdown", "charts", "isLightMode", "isCompactMode"], ["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"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.85s"], ["id", "competitive-section", 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"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1, 0);
+            i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_2_Template, 1, 2, "div", 2);
+            i0.ɵɵelementStart(3, "div");
+            i0.ɵɵelement(4, "div", 3)(5, "div", 4)(6, "div", 5)(7, "div", 6)(8, "div", 7);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "header", 10)(11, "div", 11)(12, "div", 12)(13, "div", 13)(14, "div", 14)(15, "h1", 15);
+            i0.ɵɵconditionalCreate(9, SymphiqFunnelAnalysisDashboardComponent_Conditional_9_Template, 2, 3, "div", 8);
+            i0.ɵɵelementStart(10, "header", 9)(11, "div", 10)(12, "div", 11)(13, "div", 12)(14, "div", 13)(15, "h1", 14);
             i0.ɵɵtext(16);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(17, "div", 16)(18, "p", 17);
+            i0.ɵɵelementStart(17, "div", 15)(18, "p", 16);
             i0.ɵɵtext(19, "Revenue Orchestration & Funnel Analysis");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(20, "div", 18)(21, "button", 19);
-            i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_21_listener($event) { ctx.searchService.openSearch(); return $event.preventDefault(); });
+            i0.ɵɵelementStart(20, "div", 17)(21, "button", 18);
+            i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_21_listener($event) { i0.ɵɵrestoreView(_r1); ctx.searchService.openSearch(); return i0.ɵɵresetView($event.preventDefault()); });
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(22, "svg", 20);
-            i0.ɵɵelement(23, "path", 21);
+            i0.ɵɵelementStart(22, "svg", 19);
+            i0.ɵɵelement(23, "path", 20);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
             i0.ɵɵelementStart(24, "span");
             i0.ɵɵtext(25, "Search");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(26, "div", 22)(27, "button", 23);
-            i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_27_listener($event) { ctx.viewModeService.toggleViewMode(); return $event.preventDefault(); });
+            i0.ɵɵelementStart(26, "div", 21)(27, "button", 22);
+            i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_27_listener($event) { i0.ɵɵrestoreView(_r1); ctx.viewModeService.toggleViewMode(); return i0.ɵɵresetView($event.preventDefault()); });
             i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_28_Template, 4, 0)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template, 4, 0);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(30, "div", 24)(31, "label", 25);
+            i0.ɵɵelementStart(30, "div", 23)(31, "label", 24);
             i0.ɵɵtext(32, "View:");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(33, "div", 26);
-            i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_33_listener($event) { return $event.stopPropagation(); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_33_listener($event) { return $event.stopPropagation(); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_33_listener($event) { return $event.stopPropagation(); });
-            i0.ɵɵelementStart(34, "select", 27);
-            i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_34_listener($event) { return ctx.changeSectionFilter($event); });
-            i0.ɵɵrepeaterCreate(35, SymphiqFunnelAnalysisDashboardComponent_For_36_Template, 2, 2, "option", 28, _forTrack0$1);
+            i0.ɵɵelementStart(33, "div", 25);
+            i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_33_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_33_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_33_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
+            i0.ɵɵelementStart(34, "select", 26);
+            i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_34_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeSectionFilter($event)); });
+            i0.ɵɵrepeaterCreate(35, SymphiqFunnelAnalysisDashboardComponent_For_36_Template, 2, 2, "option", 27, _forTrack0$1);
             i0.ɵɵelementEnd()()()()()();
-            i0.ɵɵelementStart(37, "div", 29)(38, "div", 30)(39, "div", 31);
+            i0.ɵɵelementStart(37, "div", 28)(38, "div", 29)(39, "div", 30);
             i0.ɵɵtext(40, "Generated At");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(41, "div", 32);
+            i0.ɵɵelementStart(41, "div", 31);
             i0.ɵɵtext(42);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(43, "div", 30)(44, "div", 31);
+            i0.ɵɵelementStart(43, "div", 29)(44, "div", 30);
             i0.ɵɵtext(45, "Requested by");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(46, "div", 32);
+            i0.ɵɵelementStart(46, "div", 31);
             i0.ɵɵtext(47);
             i0.ɵɵelementEnd()()()()()();
-            i0.ɵɵelementStart(48, "div", 11)(49, "div", 33)(50, "div", 34)(51, "div", 35)(52, "h1", 36);
+            i0.ɵɵelementStart(48, "div", 10)(49, "div", 32)(50, "div", 33)(51, "div", 34)(52, "h1", 35);
             i0.ɵɵtext(53);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(54, SymphiqFunnelAnalysisDashboardComponent_Conditional_54_Template, 7, 9, "div", 37);
+            i0.ɵɵconditionalCreate(54, SymphiqFunnelAnalysisDashboardComponent_Conditional_54_Template, 7, 9, "div", 36);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(55, "div", 38)(56, "button", 39);
-            i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_56_listener($event) { ctx.searchService.openSearch(); return $event.preventDefault(); });
+            i0.ɵɵelementStart(55, "div", 37)(56, "button", 38);
+            i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_56_listener($event) { i0.ɵɵrestoreView(_r1); ctx.searchService.openSearch(); return i0.ɵɵresetView($event.preventDefault()); });
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(57, "svg", 40);
-            i0.ɵɵelement(58, "path", 21);
+            i0.ɵɵelementStart(57, "svg", 39);
+            i0.ɵɵelement(58, "path", 20);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(59, "button", 41);
-            i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_59_listener($event) { ctx.viewModeService.toggleViewMode(); return $event.preventDefault(); });
-            i0.ɵɵconditionalCreate(60, SymphiqFunnelAnalysisDashboardComponent_Conditional_60_Template, 2, 0, ":svg:svg", 40)(61, SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template, 2, 0, ":svg:svg", 40);
+            i0.ɵɵelementStart(59, "button", 40);
+            i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_59_listener($event) { i0.ɵɵrestoreView(_r1); ctx.viewModeService.toggleViewMode(); return i0.ɵɵresetView($event.preventDefault()); });
+            i0.ɵɵconditionalCreate(60, SymphiqFunnelAnalysisDashboardComponent_Conditional_60_Template, 2, 0, ":svg:svg", 39)(61, SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template, 2, 0, ":svg:svg", 39);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(62, "div", 26);
-            i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_62_listener($event) { return $event.stopPropagation(); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_62_listener($event) { return $event.stopPropagation(); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_62_listener($event) { return $event.stopPropagation(); });
-            i0.ɵɵelementStart(63, "select", 42);
-            i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_63_listener($event) { return ctx.changeSectionFilter($event); });
-            i0.ɵɵrepeaterCreate(64, SymphiqFunnelAnalysisDashboardComponent_For_65_Template, 2, 2, "option", 28, _forTrack0$1);
+            i0.ɵɵelementStart(62, "div", 25);
+            i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_div_click_62_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_mousedown_62_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Template_div_pointerdown_62_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
+            i0.ɵɵelementStart(63, "select", 41);
+            i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_63_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeSectionFilter($event)); });
+            i0.ɵɵrepeaterCreate(64, SymphiqFunnelAnalysisDashboardComponent_For_65_Template, 2, 2, "option", 27, _forTrack0$1);
             i0.ɵɵelementEnd()()()()()()();
-            i0.ɵɵconditionalCreate(66, SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template, 16, 8, "div", 43);
-            i0.ɵɵelementStart(67, "div", 44);
-            i0.ɵɵconditionalCreate(68, SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template, 1, 2, "button", 45);
-            i0.ɵɵconditionalCreate(69, SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template, 1, 2, "button", 45);
-            i0.ɵɵconditionalCreate(70, SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template, 1, 2, "button", 45);
-            i0.ɵɵconditionalCreate(71, SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template, 1, 2, "button", 45);
-            i0.ɵɵconditionalCreate(72, SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template, 1, 2, "button", 45);
+            i0.ɵɵconditionalCreate(66, SymphiqFunnelAnalysisDashboardComponent_Conditional_66_Template, 16, 8, "div", 42);
+            i0.ɵɵelementStart(67, "div", 43);
+            i0.ɵɵconditionalCreate(68, SymphiqFunnelAnalysisDashboardComponent_Conditional_68_Template, 1, 2, "button", 44);
+            i0.ɵɵconditionalCreate(69, SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template, 1, 2, "button", 44);
+            i0.ɵɵconditionalCreate(70, SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template, 1, 2, "button", 44);
+            i0.ɵɵconditionalCreate(71, SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template, 1, 2, "button", 44);
+            i0.ɵɵconditionalCreate(72, SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template, 1, 2, "button", 44);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(73, "main", 46)(74, "div", 47);
-            i0.ɵɵconditionalCreate(75, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template, 2, 9, "div", 48);
+            i0.ɵɵelementStart(73, "main", 45)(74, "div", 46);
+            i0.ɵɵconditionalCreate(75, SymphiqFunnelAnalysisDashboardComponent_Conditional_75_Template, 2, 9, "div", 47);
             i0.ɵɵconditionalCreate(76, SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template, 17, 10);
             i0.ɵɵconditionalCreate(77, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template, 32, 22);
             i0.ɵɵconditionalCreate(78, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template, 20, 16);
             i0.ɵɵconditionalCreate(79, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template, 18, 16);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelement(80, "symphiq-funnel-analysis-modal", 49)(81, "symphiq-tooltip-container");
-            i0.ɵɵelementStart(82, "symphiq-search-bar", 50);
-            i0.ɵɵlistener("resultSelected", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_search_bar_resultSelected_82_listener($event) { return ctx.handleSearchResult($event); });
+            i0.ɵɵelement(80, "symphiq-funnel-analysis-modal", 48)(81, "symphiq-tooltip-container");
+            i0.ɵɵelementStart(82, "symphiq-search-bar", 49);
+            i0.ɵɵlistener("resultSelected", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_search_bar_resultSelected_82_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSearchResult($event)); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(83, "symphiq-mobile-fab", 51);
-            i0.ɵɵlistener("expandedChange", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_expandedChange_83_listener($event) { return ctx.fabExpanded.set($event); })("scrollToTop", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_scrollToTop_83_listener() { return ctx.scrollToTop(); })("toggleView", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_toggleView_83_listener() { return ctx.viewModeService.toggleViewMode(); });
+            i0.ɵɵelementStart(83, "symphiq-mobile-fab", 50);
+            i0.ɵɵlistener("expandedChange", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_expandedChange_83_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fabExpanded.set($event)); })("scrollToTop", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_scrollToTop_83_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.scrollToTop()); })("toggleView", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_fab_toggleView_83_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.viewModeService.toggleViewMode()); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(84, "symphiq-mobile-bottom-nav", 52);
-            i0.ɵɵlistener("navigate", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_84_listener($event) { return ctx.handleMobileNavigation($event); });
+            i0.ɵɵelementStart(84, "symphiq-mobile-bottom-nav", 51);
+            i0.ɵɵlistener("navigate", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_84_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMobileNavigation($event)); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            let tmp_28_0;
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("light-mode", ctx.isLightMode());
+            let tmp_30_0;
+            i0.ɵɵclassProp("relative", !ctx.embedded());
             i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.embedded() ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.embedded() ? "absolute inset-0 -z-10 pointer-events-none" : "fixed inset-0 -z-10 pointer-events-none");
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-to-br from-slate-50 via-blue-50/30 to-indigo-50/40" : "bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-radial from-blue-400/20 via-transparent to-transparent" : "bg-gradient-radial from-blue-500/10 via-transparent to-transparent");
@@ -22110,9 +22189,8 @@ class SymphiqFunnelAnalysisDashboardComponent {
             i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-radial from-indigo-400/15 via-transparent to-transparent" : "bg-gradient-radial from-indigo-500/8 via-transparent to-transparent");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-radial from-purple-400/10 via-transparent to-transparent" : "bg-gradient-radial from-purple-500/5 via-transparent to-transparent");
-            i0.ɵɵadvance(2);
-            i0.ɵɵstyleProp("width", ctx.scrollProgress(), "%");
-            i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-to-r from-blue-500 to-purple-500" : "bg-gradient-to-r from-blue-400 to-purple-400");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.embedded() ? 9 : -1);
             i0.ɵɵadvance();
             i0.ɵɵclassMap(ctx.headerClass());
             i0.ɵɵadvance();
@@ -22147,7 +22225,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵclassMap(ctx.headerTitleClass());
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate2("", (tmp_28_0 = ctx.requestedByUser()) == null ? null : tmp_28_0.firstName, " ", (tmp_28_0 = ctx.requestedByUser()) == null ? null : tmp_28_0.lastName);
+            i0.ɵɵtextInterpolate2("", (tmp_30_0 = ctx.requestedByUser()) == null ? null : tmp_30_0.firstName, " ", (tmp_30_0 = ctx.requestedByUser()) == null ? null : tmp_30_0.lastName);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("max-h-0", !ctx.isScrolled())("opacity-0", !ctx.isScrolled())("max-h-20", ctx.isScrolled())("opacity-100", ctx.isScrolled());
             i0.ɵɵadvance();
@@ -22229,12 +22307,14 @@ class SymphiqFunnelAnalysisDashboardComponent {
                     CompetitiveIntelligenceViewComponent,
                     SkeletonLoaderComponent,
                 ], template: `
-    <div class="min-h-screen bg-transparent relative">
+    <div class="min-h-screen bg-transparent" [class.relative]="!embedded()" #dashboardContainer>
       <!-- Animated Background Bubbles -->
-      <div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
+      @if (!embedded()) {
+        <div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
+      }
 
       <!-- Mesh Gradient Background -->
-      <div class="fixed inset-0 -z-10 pointer-events-none">
+      <div [class]="embedded() ? 'absolute inset-0 -z-10 pointer-events-none' : 'fixed inset-0 -z-10 pointer-events-none'">
         <div
           [ngClass]="isLightMode()
             ? 'bg-gradient-to-br from-slate-50 via-blue-50/30 to-indigo-50/40'
@@ -22270,13 +22350,15 @@ class SymphiqFunnelAnalysisDashboardComponent {
       </div>
 
       <!-- Scroll Progress Bar -->
-      <div class="fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30">
-        <div
-          [style.width.%]="scrollProgress()"
-          [ngClass]="isLightMode() ? 'bg-gradient-to-r from-blue-500 to-purple-500' : 'bg-gradient-to-r from-blue-400 to-purple-400'"
-          class="h-full transition-all duration-200 ease-out">
+      @if (!embedded()) {
+        <div class="fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30">
+          <div
+            [style.width.%]="scrollProgress()"
+            [ngClass]="isLightMode() ? 'bg-gradient-to-r from-blue-500 to-purple-500' : 'bg-gradient-to-r from-blue-400 to-purple-400'"
+            class="h-full transition-all duration-200 ease-out">
+          </div>
         </div>
-      </div>
+      }
 
       <header [class]="headerClass()" class="sticky top-0 z-50 animate-fade-in" style="animation-delay: 0s;">
         <!-- Expanded Header (default state) -->
@@ -22982,11 +23064,14 @@ class SymphiqFunnelAnalysisDashboardComponent {
     }], () => [{ type: FunnelOrderService }, { type: ViewModeService }, { type: SearchService }], { modalComponent: [{
             type: ViewChild,
             args: [ModalComponent]
-        }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], onScroll: [{
+        }], dashboardContainer: [{
+            type: ViewChild,
+            args: ['dashboardContainer', { static: false }]
+        }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], onScroll: [{
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 903 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 908 }); })();
 
 const _forTrack0 = ($index, $item) => $item.performanceItemId;
 function SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {