@eric-emg/symphiq-components 1.2.521 → 1.2.523

package/fesm2022/symphiq-components.mjs

@@ -46531,14 +46531,14 @@ function DashboardHeaderComponent_Conditional_8_Template(rf, ctx) { if (rf & 1)
 } }
 function DashboardHeaderComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-search-button", 17);
+    i0.ɵɵelementStart(0, "symphiq-search-button", 16);
     i0.ɵɵlistener("searchClick", function DashboardHeaderComponent_Conditional_13_Template_symphiq_search_button_searchClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearchClick()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "button", 18);
+    i0.ɵɵelementStart(1, "button", 17);
     i0.ɵɵlistener("click", function DashboardHeaderComponent_Conditional_13_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewModeClick()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 19);
-    i0.ɵɵelement(3, "path", 20)(4, "path", 21);
+    i0.ɵɵelementStart(2, "svg", 18);
+    i0.ɵɵelement(3, "path", 19)(4, "path", 20);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(5, "span");
@@ -46553,10 +46553,10 @@ function DashboardHeaderComponent_Conditional_13_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtextInterpolate(ctx_r1.viewModeLabel());
 } }
 function DashboardHeaderComponent_Conditional_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
+    i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
     i0.ɵɵtext(2, "Generated At");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 24);
+    i0.ɵɵelementStart(3, "div", 23);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -46569,10 +46569,10 @@ function DashboardHeaderComponent_Conditional_15_Conditional_1_Template(rf, ctx)
     i0.ɵɵtextInterpolate(ctx_r1.formattedGeneratedDate());
 } }
 function DashboardHeaderComponent_Conditional_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
+    i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
     i0.ɵɵtext(2, "Requested by");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 24);
+    i0.ɵɵelementStart(3, "div", 23);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -46587,8 +46587,8 @@ function DashboardHeaderComponent_Conditional_15_Conditional_2_Template(rf, ctx)
 } }
 function DashboardHeaderComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 10);
-    i0.ɵɵconditionalCreate(1, DashboardHeaderComponent_Conditional_15_Conditional_1_Template, 5, 5, "div", 22);
-    i0.ɵɵconditionalCreate(2, DashboardHeaderComponent_Conditional_15_Conditional_2_Template, 5, 6, "div", 22);
+    i0.ɵɵconditionalCreate(1, DashboardHeaderComponent_Conditional_15_Conditional_1_Template, 5, 5, "div", 21);
+    i0.ɵɵconditionalCreate(2, DashboardHeaderComponent_Conditional_15_Conditional_2_Template, 5, 6, "div", 21);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -46598,10 +46598,10 @@ function DashboardHeaderComponent_Conditional_15_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵconditional(ctx_r1.requestedByUser() ? 2 : -1);
 } }
 function DashboardHeaderComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 25);
+    i0.ɵɵelementStart(0, "span", 24);
     i0.ɵɵtext(1, "\u2014");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 26);
+    i0.ɵɵelementStart(2, "span", 25);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -46613,10 +46613,10 @@ function DashboardHeaderComponent_Conditional_22_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtextInterpolate1(" ", ctx_r1.subtitle(), " ");
 } }
 function DashboardHeaderComponent_Conditional_25_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 27);
+    i0.ɵɵelementStart(0, "span", 26);
     i0.ɵɵtext(1, "\u203A");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 27);
+    i0.ɵɵelementStart(2, "span", 26);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -46630,7 +46630,7 @@ function DashboardHeaderComponent_Conditional_25_Conditional_3_Template(rf, ctx)
     i0.ɵɵtextInterpolate1(" ", ctx_r1.currentSubsection(), " ");
 } }
 function DashboardHeaderComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16)(1, "span", 27);
+    i0.ɵɵelementStart(0, "div", 15)(1, "span", 26);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(3, DashboardHeaderComponent_Conditional_25_Conditional_3_Template, 4, 11);
@@ -46647,14 +46647,14 @@ function DashboardHeaderComponent_Conditional_25_Template(rf, ctx) { if (rf & 1)
 } }
 function DashboardHeaderComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-search-button", 28);
+    i0.ɵɵelementStart(0, "symphiq-search-button", 27);
     i0.ɵɵlistener("searchClick", function DashboardHeaderComponent_Conditional_26_Template_symphiq_search_button_searchClick_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearchClick()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "button", 29);
+    i0.ɵɵelementStart(1, "button", 28);
     i0.ɵɵlistener("click", function DashboardHeaderComponent_Conditional_26_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewModeClick()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 19);
-    i0.ɵɵelement(3, "path", 20)(4, "path", 21);
+    i0.ɵɵelementStart(2, "svg", 18);
+    i0.ɵɵelement(3, "path", 19)(4, "path", 20);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -46677,10 +46677,13 @@ class DashboardHeaderComponent {
         this.isLoading = input(...(ngDevMode ? [undefined, { debugName: "isLoading" }] : []));
         this.showControls = input(true, ...(ngDevMode ? [{ debugName: "showControls" }] : []));
         this.hasCondensedLeftContent = input(false, ...(ngDevMode ? [{ debugName: "hasCondensedLeftContent" }] : []));
+        this.size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
         this.searchClick = output();
         this.viewModeClick = output();
         this.headerScrollService = inject(HeaderScrollService);
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
+        this.isLargeSize = computed(() => this.size() === 'large', ...(ngDevMode ? [{ debugName: "isLargeSize" }] : []));
+        this.expandedHeight = computed(() => this.isLargeSize() ? '140px' : '100px', ...(ngDevMode ? [{ debugName: "expandedHeight" }] : []));
         this.dateFormatCache = new StringMemoizeCache();
         this.formattedGeneratedDate = computed(() => {
             let formatted = '';
@@ -46708,16 +46711,31 @@ class DashboardHeaderComponent {
         }));
     }
     getHeaderClasses() {
+        if (this.isLargeSize()) {
+            return this.isLightMode()
+                ? 'backdrop-blur-sm bg-white/50'
+                : 'backdrop-blur-sm bg-slate-900/50';
+        }
         return this.isLightMode()
             ? 'bg-white/95 backdrop-blur-md shadow-sm border-b border-slate-200'
             : 'bg-slate-900/95 backdrop-blur-md shadow-sm border-b border-slate-800';
     }
     getMainTitleClasses() {
+        if (this.isLargeSize()) {
+            return this.isLightMode()
+                ? 'text-4xl sm:text-5xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent'
+                : 'text-4xl sm:text-5xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent';
+        }
         return this.isLightMode()
             ? 'text-3xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent'
             : 'text-3xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent';
     }
     getSubtitleClasses() {
+        if (this.isLargeSize()) {
+            return this.isLightMode()
+                ? 'text-slate-600 mt-2 text-lg'
+                : 'text-slate-400 mt-2 text-lg';
+        }
         return this.isLightMode()
             ? 'text-slate-600 mt-1 text-sm'
             : 'text-slate-400 mt-1 text-sm';
@@ -46738,7 +46756,7 @@ class DashboardHeaderComponent {
             : 'bg-slate-800 hover:bg-slate-700 text-slate-300 border border-slate-700';
     }
     static { this.ɵfac = function DashboardHeaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashboardHeaderComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardHeaderComponent, selectors: [["symphiq-dashboard-header"]], inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], viewModeLabel: [1, "viewModeLabel"], currentSection: [1, "currentSection"], currentSubsection: [1, "currentSubsection"], sectionFading: [1, "sectionFading"], subsectionFading: [1, "subsectionFading"], isLoading: [1, "isLoading"], showControls: [1, "showControls"], hasCondensedLeftContent: [1, "hasCondensedLeftContent"] }, outputs: { searchClick: "searchClick", viewModeClick: "viewModeClick" }, ngContentSelectors: _c1$i, decls: 28, vars: 27, consts: [[1, "sticky", "top-0", "z-50", "overflow-hidden", 2, "transition", "height 300ms ease-in-out", 3, "ngClass"], [1, "transition-opacity", "duration-300", "ease-in-out", "h-full"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4", "h-full", "flex", "items-center"], [1, "flex", "items-center", "justify-between", "w-full"], [1, "flex-1"], [1, "flex", "items-center", "gap-3"], [3, "ngClass"], ["title", "Refreshing data...", 1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [1, "flex", "items-center", "gap-4"], [1, "flex", "flex-col", "gap-4", "min-w-[180px]"], [1, "absolute", "inset-x-0", "top-0", "transition-opacity", "duration-300", "ease-in-out"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-2"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0", "mr-4"], [1, "flex-shrink-0", "!mb-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [3, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], [1, "text-left", "sm:text-right"], [1, "text-xs", "sm:text-sm"], [1, "text-sm", "sm:text-base", "font-medium"], [1, "hidden", "sm:inline", 3, "ngClass"], [1, "hidden", "sm:block", "truncate", "min-w-0", 3, "ngClass"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"]], template: function DashboardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardHeaderComponent, selectors: [["symphiq-dashboard-header"]], inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], viewModeLabel: [1, "viewModeLabel"], currentSection: [1, "currentSection"], currentSubsection: [1, "currentSubsection"], sectionFading: [1, "sectionFading"], subsectionFading: [1, "subsectionFading"], isLoading: [1, "isLoading"], showControls: [1, "showControls"], hasCondensedLeftContent: [1, "hasCondensedLeftContent"], size: [1, "size"] }, outputs: { searchClick: "searchClick", viewModeClick: "viewModeClick" }, ngContentSelectors: _c1$i, decls: 28, vars: 27, consts: [[1, "sticky", "top-0", "z-50", "overflow-hidden", 2, "transition", "height 300ms ease-in-out", 3, "ngClass"], [1, "transition-opacity", "duration-300", "ease-in-out", "h-full"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4", "h-full", "flex", "items-center"], [1, "flex", "items-center", "justify-between", "w-full"], [1, "flex-1"], [1, "flex", "items-center", "gap-3"], [3, "ngClass"], ["title", "Refreshing data...", 1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [1, "flex", "items-center", "gap-4"], [1, "flex", "flex-col", "gap-1", "min-w-[180px]"], [1, "absolute", "inset-x-0", "top-0", "h-full", "transition-opacity", "duration-300", "ease-in-out"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "h-full", "flex", "items-center"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0", "mr-4"], [1, "flex-shrink-0", "!mb-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [3, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], [1, "text-left", "sm:text-right"], [1, "text-xs"], [1, "text-sm", "font-medium"], [1, "hidden", "sm:inline", 3, "ngClass"], [1, "hidden", "sm:block", "truncate", "min-w-0", 3, "ngClass"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"]], template: function DashboardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c0$G);
             i0.ɵɵelementStart(0, "header", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5)(6, "h1", 6);
             i0.ɵɵtext(7);
@@ -46754,19 +46772,19 @@ class DashboardHeaderComponent {
             i0.ɵɵelementEnd()()();
             i0.ɵɵconditionalCreate(15, DashboardHeaderComponent_Conditional_15_Template, 3, 2, "div", 10);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(16, "div", 11)(17, "div", 12)(18, "div", 13)(19, "div", 14)(20, "h1", 15);
+            i0.ɵɵelementStart(16, "div", 11)(17, "div", 12)(18, "div", 3)(19, "div", 13)(20, "h1", 14);
             i0.ɵɵtext(21);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(22, DashboardHeaderComponent_Conditional_22_Template, 4, 3);
             i0.ɵɵprojection(23, 1);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(24, "div", 9);
-            i0.ɵɵconditionalCreate(25, DashboardHeaderComponent_Conditional_25_Template, 4, 7, "div", 16);
+            i0.ɵɵconditionalCreate(25, DashboardHeaderComponent_Conditional_25_Template, 4, 7, "div", 15);
             i0.ɵɵconditionalCreate(26, DashboardHeaderComponent_Conditional_26_Template, 5, 3);
             i0.ɵɵprojection(27, 2);
             i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
-            i0.ɵɵstyleProp("height", ctx.headerScrollService.isScrolled() ? "52px" : "100px");
+            i0.ɵɵstyleProp("height", ctx.headerScrollService.isScrolled() ? "52px" : ctx.expandedHeight());
             i0.ɵɵproperty("ngClass", ctx.getHeaderClasses());
             i0.ɵɵadvance();
             i0.ɵɵclassProp("opacity-0", ctx.headerScrollService.isScrolled())("pointer-events-none", ctx.headerScrollService.isScrolled())("opacity-100", !ctx.headerScrollService.isScrolled());
@@ -46806,7 +46824,7 @@ class DashboardHeaderComponent {
                 imports: [CommonModule, SearchButtonComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
-    <header [ngClass]="getHeaderClasses()" class="sticky top-0 z-50 overflow-hidden" [style.height]="headerScrollService.isScrolled() ? '52px' : '100px'" style="transition: height 300ms ease-in-out;">
+    <header [ngClass]="getHeaderClasses()" class="sticky top-0 z-50 overflow-hidden" [style.height]="headerScrollService.isScrolled() ? '52px' : expandedHeight()" style="transition: height 300ms ease-in-out;">
         <!-- Expanded Header (default state) -->
         <div
           class="transition-opacity duration-300 ease-in-out h-full"
@@ -46852,17 +46870,17 @@ class DashboardHeaderComponent {
               </div>
             </div>
             @if (formattedGeneratedDate() || requestedByUser()) {
-              <div class="flex flex-col gap-4 min-w-[180px]">
+              <div class="flex flex-col gap-1 min-w-[180px]">
                 @if (formattedGeneratedDate()) {
                   <div class="text-left sm:text-right">
-                    <div [class]="metaLabelClass()" class="text-xs sm:text-sm">Generated At</div>
-                    <div [class]="headerTitleClass()" class="text-sm sm:text-base font-medium">{{ formattedGeneratedDate() }}</div>
+                    <div [class]="metaLabelClass()" class="text-xs">Generated At</div>
+                    <div [class]="headerTitleClass()" class="text-sm font-medium">{{ formattedGeneratedDate() }}</div>
                   </div>
                 }
                 @if (requestedByUser()) {
                   <div class="text-left sm:text-right">
-                    <div [class]="metaLabelClass()" class="text-xs sm:text-sm">Requested by</div>
-                    <div [class]="headerTitleClass()" class="text-sm sm:text-base font-medium">{{ requestedByUser()?.firstName }} {{ requestedByUser()?.lastName }}</div>
+                    <div [class]="metaLabelClass()" class="text-xs">Requested by</div>
+                    <div [class]="headerTitleClass()" class="text-sm font-medium">{{ requestedByUser()?.firstName }} {{ requestedByUser()?.lastName }}</div>
                   </div>
                 }
               </div>
@@ -46873,13 +46891,13 @@ class DashboardHeaderComponent {
 
         <!-- Condensed Header (scrolled state) -->
         <div
-          class="absolute inset-x-0 top-0 transition-opacity duration-300 ease-in-out"
+          class="absolute inset-x-0 top-0 h-full transition-opacity duration-300 ease-in-out"
           [class.opacity-0]="!headerScrollService.isScrolled()"
           [class.pointer-events-none]="!headerScrollService.isScrolled()"
           [class.opacity-100]="headerScrollService.isScrolled()">
           <div
-            class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-2">
-          <div class="flex items-center justify-between">
+            class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-full flex items-center">
+          <div class="flex items-center justify-between w-full">
             <div class="flex items-center gap-3 flex-1 min-w-0 mr-4">
               <h1 [ngClass]="getCondensedTitleClasses()" class="flex-shrink-0 !mb-0">
                 {{ title() }}
@@ -46931,7 +46949,7 @@ class DashboardHeaderComponent {
     </header>
   `
             }]
-    }], null, { requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewModeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewModeLabel", required: false }] }], currentSection: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentSection", required: false }] }], currentSubsection: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentSubsection", required: false }] }], sectionFading: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionFading", required: false }] }], subsectionFading: [{ type: i0.Input, args: [{ isSignal: true, alias: "subsectionFading", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], showControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "showControls", required: false }] }], hasCondensedLeftContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCondensedLeftContent", required: false }] }], searchClick: [{ type: i0.Output, args: ["searchClick"] }], viewModeClick: [{ type: i0.Output, args: ["viewModeClick"] }] }); })();
+    }], null, { requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewModeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewModeLabel", required: false }] }], currentSection: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentSection", required: false }] }], currentSubsection: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentSubsection", required: false }] }], sectionFading: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionFading", required: false }] }], subsectionFading: [{ type: i0.Input, args: [{ isSignal: true, alias: "subsectionFading", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], showControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "showControls", required: false }] }], hasCondensedLeftContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCondensedLeftContent", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], searchClick: [{ type: i0.Output, args: ["searchClick"] }], viewModeClick: [{ type: i0.Output, args: ["viewModeClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardHeaderComponent, { className: "DashboardHeaderComponent", filePath: "lib/components/shared/dashboard-header.component.ts", lineNumber: 139 }); })();
 
 const _c0$F = ["dashboardContainer"];
@@ -48139,13 +48157,14 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Template(rf, ctx
     i0.ɵɵconditional(ctx_r2.showCompetitiveIntelligence() ? 6 : -1);
 } }
 class SymphiqFunnelAnalysisDashboardComponent {
-    constructor(funnelOrderService, viewModeService, searchService, tooltipService, profileContextService, profileItemLookupService) {
+    constructor(funnelOrderService, viewModeService, searchService, tooltipService, profileContextService, profileItemLookupService, headerScrollService) {
         this.funnelOrderService = funnelOrderService;
         this.viewModeService = viewModeService;
         this.searchService = searchService;
         this.tooltipService = tooltipService;
         this.profileContextService = profileContextService;
         this.profileItemLookupService = profileItemLookupService;
+        this.headerScrollService = headerScrollService;
         this.ViewModeEnum = ViewModeEnum;
         // Input signals (Angular 20 signal-based inputs)
         this.requestedByUser = input(...(ngDevMode ? [undefined, { debugName: "requestedByUser" }] : []));
@@ -48191,7 +48210,6 @@ class SymphiqFunnelAnalysisDashboardComponent {
         this.selectedSectionFilter = signal('ALL', ...(ngDevMode ? [{ debugName: "selectedSectionFilter" }] : []));
         this.selectedBreakdownFilter = signal('ALL', ...(ngDevMode ? [{ debugName: "selectedBreakdownFilter" }] : []));
         this.selectedCompetitiveFilter = signal('ALL', ...(ngDevMode ? [{ debugName: "selectedCompetitiveFilter" }] : []));
-        this.isScrolled = signal(false, ...(ngDevMode ? [{ debugName: "isScrolled" }] : []));
         this.scrollProgress = signal(0, ...(ngDevMode ? [{ debugName: "scrollProgress" }] : []));
         this.fabExpanded = signal(false, ...(ngDevMode ? [{ debugName: "fabExpanded" }] : []));
         this.activeNavSection = signal('overview', ...(ngDevMode ? [{ debugName: "activeNavSection" }] : []));
@@ -48713,12 +48731,12 @@ class SymphiqFunnelAnalysisDashboardComponent {
             if (!this.isProgrammaticScroll) {
                 const COLLAPSE_THRESHOLD = 20;
                 const EXPAND_THRESHOLD = 10;
-                const currentState = this.isScrolled();
+                const currentState = this.headerScrollService.isScrolled();
                 if (!currentState && scrollTop > COLLAPSE_THRESHOLD) {
-                    this.isScrolled.set(true);
+                    this.headerScrollService.isScrolled.set(true);
                 }
                 else if (currentState && scrollTop < EXPAND_THRESHOLD) {
-                    this.isScrolled.set(false);
+                    this.headerScrollService.isScrolled.set(false);
                 }
             }
             // ========================================
@@ -49075,7 +49093,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
         // This 20px gap prevents rapid toggling when hovering near a single threshold
         const COLLAPSE_THRESHOLD = 50;
         const EXPAND_THRESHOLD = 30;
-        const currentState = this.isScrolled();
+        const currentState = this.headerScrollService.isScrolled();
         // Determine new state based on current position and hysteresis logic
         let newState = currentState;
         // If currently expanded and we scroll past collapse threshold, collapse
@@ -49092,7 +49110,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             this.scrollTimeout = setTimeout(() => {
                 // Double-check position and state during debounce
                 const finalPosition = window.scrollY;
-                const finalCurrentState = this.isScrolled();
+                const finalCurrentState = this.headerScrollService.isScrolled();
                 let finalState = finalCurrentState;
                 if (!finalCurrentState && finalPosition > COLLAPSE_THRESHOLD) {
                     finalState = true;
@@ -49100,8 +49118,8 @@ class SymphiqFunnelAnalysisDashboardComponent {
                 else if (finalCurrentState && finalPosition < EXPAND_THRESHOLD) {
                     finalState = false;
                 }
-                if (this.isScrolled() !== finalState) {
-                    this.isScrolled.set(finalState);
+                if (this.headerScrollService.isScrolled() !== finalState) {
+                    this.headerScrollService.isScrolled.set(finalState);
                     this.lastStateChangeTime = Date.now();
                 }
             }, 100);
@@ -49124,7 +49142,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
         }
         setTimeout(() => {
             this.isProgrammaticScroll = false;
-            this.isScrolled.set(false);
+            this.headerScrollService.isScrolled.set(false);
         }, 800);
     }
     scrollToSection(sectionId) {
@@ -49157,10 +49175,10 @@ class SymphiqFunnelAnalysisDashboardComponent {
                 ? this.embeddedScrollContainer.scrollTop
                 : window.scrollY;
             if (finalPosition > 50) {
-                this.isScrolled.set(true);
+                this.headerScrollService.isScrolled.set(true);
             }
             else if (finalPosition < 30) {
-                this.isScrolled.set(false);
+                this.headerScrollService.isScrolled.set(false);
             }
         }, 800);
     }
@@ -49206,7 +49224,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
         }
         return value.toLocaleString('en-US', { maximumFractionDigits: 0 });
     }
-    static { this.ɵfac = function SymphiqFunnelAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqFunnelAnalysisDashboardComponent)(i0.ɵɵdirectiveInject(FunnelOrderService), i0.ɵɵdirectiveInject(ViewModeService), i0.ɵɵdirectiveInject(SearchService), i0.ɵɵdirectiveInject(TooltipService), i0.ɵɵdirectiveInject(ProfileContextService), i0.ɵɵdirectiveInject(ProfileItemLookupService)); }; }
+    static { this.ɵfac = function SymphiqFunnelAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqFunnelAnalysisDashboardComponent)(i0.ɵɵdirectiveInject(FunnelOrderService), i0.ɵɵdirectiveInject(ViewModeService), i0.ɵɵdirectiveInject(SearchService), i0.ɵɵdirectiveInject(TooltipService), i0.ɵɵdirectiveInject(ProfileContextService), i0.ɵɵdirectiveInject(ProfileItemLookupService), i0.ɵɵdirectiveInject(HeaderScrollService)); }; }
     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$F, 5);
@@ -49268,7 +49286,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             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.ɵɵproperty("title", ((tmp_9_0 = ctx.analysisData()) == null ? null : tmp_9_0.title) || "")("subtitle", "Revenue Orchestration & Funnel Analysis")("viewMode", ctx.isLightMode() ? ctx.ViewModeEnum.LIGHT : ctx.ViewModeEnum.DARK)("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading() && !ctx.isShowingLoader())("requestedByUser", ctx.requestedByUser())("createdDate", ctx.analysisCreatedDate())("showControls", !ctx.isSimplifiedView())("hasCondensedLeftContent", !!ctx.revenueMetric());
+            i0.ɵɵproperty("title", ((tmp_9_0 = ctx.analysisData()) == null ? null : tmp_9_0.title) || "")("subtitle", "Revenue Orchestration & Funnel Analysis")("viewMode", ctx.isLightMode() ? ctx.ViewModeEnum.LIGHT : ctx.ViewModeEnum.DARK)("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading() && !ctx.isShowingLoader())("requestedByUser", ctx.requestedByUser())("createdDate", ctx.analysisCreatedDate())("showControls", true)("hasCondensedLeftContent", !!ctx.revenueMetric());
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(!ctx.isSimplifiedView() ? 7 : -1);
             i0.ɵɵadvance(2);
@@ -49383,7 +49401,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
         [isLoading]="isLoading() && !isShowingLoader()"
         [requestedByUser]="requestedByUser()"
         [createdDate]="analysisCreatedDate()"
-        [showControls]="!isSimplifiedView()"
+        [showControls]="true"
         [hasCondensedLeftContent]="!!revenueMetric()"
         (searchClick)="searchService.openSearch()"
         (viewModeClick)="openViewModeSwitcher()"
@@ -50301,7 +50319,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
 
     </div>
   `, styles: [":host{display:block;min-height:100%}.bg-gradient-radial{background:radial-gradient(circle,var(--tw-gradient-stops))}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;grid-auto-flow:dense}@media (min-width: 768px){.bento-grid{grid-template-columns:repeat(6,1fr)}}.bento-small{grid-column:span 2;grid-row:span 1}.bento-medium{grid-column:span 3;grid-row:span 1}.bento-large{grid-column:span 4;grid-row:span 1}.bento-featured{grid-column:span 6;grid-row:span 1}@media (max-width: 767px){.bento-small,.bento-medium,.bento-large,.bento-featured{grid-column:span 1}}.masonry-grid{column-count:1;column-gap:1.5rem}@media (min-width: 768px){.masonry-grid{column-count:2}}@media (min-width: 1280px){.masonry-grid{column-count:3}}.masonry-grid>div{break-inside:avoid;margin-bottom:1.5rem}.masonry-featured{column-span:all}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media (max-width: 640px){.animate-fade-in-up{animation-duration:.4s}}\n"] }]
-    }], () => [{ type: FunnelOrderService }, { type: ViewModeService }, { type: SearchService }, { type: TooltipService }, { type: ProfileContextService }, { type: ProfileItemLookupService }], { modalComponent: [{
+    }], () => [{ type: FunnelOrderService }, { type: ViewModeService }, { type: SearchService }, { type: TooltipService }, { type: ProfileContextService }, { type: ProfileItemLookupService }, { type: HeaderScrollService }], { modalComponent: [{
             type: ViewChild,
             args: [ModalComponent]
         }], dashboardContainer: [{
@@ -51444,14 +51462,14 @@ class SymphiqFunnelAnalysisPreviewComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisPreviewComponent, { className: "SymphiqFunnelAnalysisPreviewComponent", filePath: "lib/components/funnel-analysis-preview/symphiq-funnel-analysis-preview.component.ts", lineNumber: 228 }); })();
 
 const _forTrack0$C = ($index, $item) => $item.id;
-function SymphiqWelcomeDashboardComponent_For_65_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31)(1, "div", 36)(2, "div", 37)(3, "span", 38);
+function SymphiqWelcomeDashboardComponent_For_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27)(1, "div", 32)(2, "div", 33)(3, "span", 34);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 23);
+    i0.ɵɵelementStart(5, "div", 19);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 39);
+    i0.ɵɵelementStart(7, "div", 35);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -51585,23 +51603,10 @@ class SymphiqWelcomeDashboardComponent {
         // Cleanup
     }
     getContainerClasses() {
-        const positioning = this.embedded() ? '' : 'relative';
-        return `${positioning} min-h-screen`.trim();
-    }
-    getHeaderClasses() {
-        const isDark = this.viewMode() === ViewModeEnum.DARK;
-        return isDark ? 'relative backdrop-blur-sm bg-slate-900/50' : 'relative backdrop-blur-sm bg-white/50';
-    }
-    getMainTitleClasses() {
-        const isDark = this.viewMode() === ViewModeEnum.DARK;
-        if (isDark) {
-            return 'text-4xl sm:text-5xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent';
+        if (this.embedded()) {
+            return '';
         }
-        return 'text-4xl sm:text-5xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent';
-    }
-    getSubtitleClasses() {
-        const isDark = this.viewMode() === ViewModeEnum.DARK;
-        return isDark ? 'text-lg mt-2 text-slate-400' : 'text-lg mt-2 text-slate-600';
+        return 'relative min-h-screen';
     }
     containerClasses() {
         return this.viewMode() === ViewModeEnum.DARK
@@ -51671,86 +51676,79 @@ class SymphiqWelcomeDashboardComponent {
     static { this.ɵfac = function SymphiqWelcomeDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqWelcomeDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqWelcomeDashboardComponent, selectors: [["symphiq-welcome-dashboard"]], hostBindings: function SymphiqWelcomeDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqWelcomeDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 74, vars: 57, consts: [[3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], [3, "viewMode", "currentStepId"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-3", 3, "ngClass"], [1, "space-y-3", "text-sm", 3, "ngClass"], [1, "flex", "flex-col"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "flex-shrink-0", "w-6", "h-6", "rounded-full", "bg-blue-100", "dark:bg-blue-900/30", "flex", "items-center", "justify-center"], [1, "text-xs", "font-bold", "text-blue-600", "dark:text-blue-400"], [1, "text-xs", "opacity-90", "ml-9"]], template: function SymphiqWelcomeDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 60, vars: 34, consts: [[3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "size"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], [3, "viewMode", "currentStepId"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-3", 3, "ngClass"], [1, "space-y-3", "text-sm", 3, "ngClass"], [1, "flex", "flex-col"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "flex-shrink-0", "w-6", "h-6", "rounded-full", "bg-blue-100", "dark:bg-blue-900/30", "flex", "items-center", "justify-center"], [1, "text-xs", "font-bold", "text-blue-600", "dark:text-blue-400"], [1, "text-xs", "opacity-90", "ml-9"]], template: function SymphiqWelcomeDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div");
             i0.ɵɵelement(2, "div", 1);
             i0.ɵɵelementEnd();
             i0.ɵɵelement(3, "div", 2);
-            i0.ɵɵelementStart(4, "div", 3)(5, "header", 4)(6, "div", 5)(7, "div", 6)(8, "div", 7)(9, "div")(10, "h1", 0);
-            i0.ɵɵtext(11, " Welcome to Symphiq ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(12, "p", 0);
-            i0.ɵɵtext(13, " Your Revenue Orchestration Journey Starts Here ");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(14, "div", 5)(15, "div", 8)(16, "div", 7)(17, "div", 9)(18, "h1", 0);
-            i0.ɵɵtext(19, " Welcome to Symphiq ");
-            i0.ɵɵelementEnd()()()()()();
-            i0.ɵɵelementStart(20, "symphiq-journey-progress-indicator", 10);
-            i0.ɵɵlistener("stepClick", function SymphiqWelcomeDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_20_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqWelcomeDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_20_listener() { return ctx.nextStepClick.emit(); });
+            i0.ɵɵelementStart(4, "div", 3);
+            i0.ɵɵelement(5, "symphiq-dashboard-header", 4);
+            i0.ɵɵelementStart(6, "symphiq-journey-progress-indicator", 5);
+            i0.ɵɵlistener("stepClick", function SymphiqWelcomeDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_6_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqWelcomeDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_6_listener() { return ctx.nextStepClick.emit(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "main", 11)(22, "div", 6)(23, "div", 12)(24, "div", 13)(25, "div", 14)(26, "div", 15);
+            i0.ɵɵelementStart(7, "main", 6)(8, "div", 7)(9, "div", 8)(10, "div", 9)(11, "div", 10)(12, "div", 11);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(27, "svg", 16);
-            i0.ɵɵelement(28, "path", 17);
+            i0.ɵɵelementStart(13, "svg", 12);
+            i0.ɵɵelement(14, "path", 13);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(29, "div", 18)(30, "h2", 19);
-            i0.ɵɵtext(31, " Welcome to Symphiq ");
+            i0.ɵɵelementStart(15, "div", 14)(16, "h2", 15);
+            i0.ɵɵtext(17, " Welcome to Symphiq ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(32, "div", 20)(33, "div", 21)(34, "p", 22);
-            i0.ɵɵtext(35, " Symphiq is your Revenue Orchestration Workspace for eCommerce. We help you turn goals into coordinated actions by connecting every revenue touchpoint\u2014so your team plans with confidence, executes together, and measures what truly drives growth. ");
+            i0.ɵɵelementStart(18, "div", 16)(19, "div", 17)(20, "p", 18);
+            i0.ɵɵtext(21, " Symphiq is your Revenue Orchestration Workspace for eCommerce. We help you turn goals into coordinated actions by connecting every revenue touchpoint\u2014so your team plans with confidence, executes together, and measures what truly drives growth. ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(36, "p", 22)(37, "strong", 23);
-            i0.ɵɵtext(38, "How it works:");
+            i0.ɵɵelementStart(22, "p", 18)(23, "strong", 19);
+            i0.ɵɵtext(24, "How it works:");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(39, " Symphiq guides you through a continuous journey loop. You'll ");
-            i0.ɵɵelementStart(40, "strong");
-            i0.ɵɵtext(41, "Build Revenue Targets");
+            i0.ɵɵtext(25, " Symphiq guides you through a continuous journey loop. You'll ");
+            i0.ɵɵelementStart(26, "strong");
+            i0.ɵɵtext(27, "Build Revenue Targets");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(42, " with bottom-up metric goals, ");
-            i0.ɵɵelementStart(43, "strong");
-            i0.ɵɵtext(44, "Strategize Proactively");
+            i0.ɵɵtext(28, " with bottom-up metric goals, ");
+            i0.ɵɵelementStart(29, "strong");
+            i0.ɵɵtext(30, "Strategize Proactively");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(45, " with AI-generated business goals and objectives, ");
-            i0.ɵɵelementStart(46, "strong");
-            i0.ɵɵtext(47, "Execute Together");
+            i0.ɵɵtext(31, " with AI-generated business goals and objectives, ");
+            i0.ɵɵelementStart(32, "strong");
+            i0.ɵɵtext(33, "Execute Together");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(48, " with your team on recommendations and tasks, ");
-            i0.ɵɵelementStart(49, "strong");
-            i0.ɵɵtext(50, "Measure What Matters");
+            i0.ɵɵtext(34, " with your team on recommendations and tasks, ");
+            i0.ɵɵelementStart(35, "strong");
+            i0.ɵɵtext(36, "Measure What Matters");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(51, " with pacing and impact tracking, and ");
-            i0.ɵɵelementStart(52, "strong");
-            i0.ɵɵtext(53, "Retain Knowledge");
+            i0.ɵɵtext(37, " with pacing and impact tracking, and ");
+            i0.ɵɵelementStart(38, "strong");
+            i0.ɵɵtext(39, "Retain Knowledge");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(54, " through detailed profiles that preserve institutional wisdom. This loop repeats as your business grows, learning from each cycle to refine strategies. ");
+            i0.ɵɵtext(40, " through detailed profiles that preserve institutional wisdom. This loop repeats as your business grows, learning from each cycle to refine strategies. ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(55, "div", 24);
-            i0.ɵɵelement(56, "symphiq-confidence-level-card", 25);
+            i0.ɵɵelementStart(41, "div", 20);
+            i0.ɵɵelement(42, "symphiq-confidence-level-card", 21);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(57, "div", 26);
+            i0.ɵɵelementStart(43, "div", 22);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(58, "svg", 27);
-            i0.ɵɵelement(59, "path", 28);
+            i0.ɵɵelementStart(44, "svg", 23);
+            i0.ɵɵelement(45, "path", 24);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(60, "div", 18)(61, "h3", 29);
-            i0.ɵɵtext(62, " Your Onboarding Journey ");
+            i0.ɵɵelementStart(46, "div", 14)(47, "h3", 25);
+            i0.ɵɵtext(48, " Your Onboarding Journey ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(63, "div", 30);
-            i0.ɵɵrepeaterCreate(64, SymphiqWelcomeDashboardComponent_For_65_Template, 9, 3, "div", 31, _forTrack0$C);
+            i0.ɵɵelementStart(49, "div", 26);
+            i0.ɵɵrepeaterCreate(50, SymphiqWelcomeDashboardComponent_For_51_Template, 9, 3, "div", 27, _forTrack0$C);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(66, "div", 32);
+            i0.ɵɵelementStart(52, "div", 28);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(67, "svg", 27);
-            i0.ɵɵelement(68, "path", 33);
+            i0.ɵɵelementStart(53, "svg", 23);
+            i0.ɵɵelement(54, "path", 29);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(69, "div", 18)(70, "h3", 34);
-            i0.ɵɵtext(71, " Ready to Begin Your Journey? ");
+            i0.ɵɵelementStart(55, "div", 14)(56, "h3", 30);
+            i0.ɵɵtext(57, " Ready to Begin Your Journey? ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(72, "p", 35);
-            i0.ɵɵtext(73, " The next step will guide you through creating your account and entering your shop details\u2014including your business name, website URL, and ecommerce platform. Each step builds on the previous one to create comprehensive business context, enabling Symphiq to deliver increasingly accurate and personalized recommendations as you progress. ");
+            i0.ɵɵelementStart(58, "p", 31);
+            i0.ɵɵtext(59, " The next step will guide you through creating your account and entering your shop details\u2014including your business name, website URL, and ecommerce platform. Each step builds on the previous one to create comprehensive business context, enabling Symphiq to deliver increasingly accurate and personalized recommendations as you progress. ");
             i0.ɵɵelementEnd()()()()()()()()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
@@ -51762,22 +51760,8 @@ class SymphiqWelcomeDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵclassProp("light-mode", ctx.isLightMode());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.getHeaderClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("max-h-0", ctx.headerScrollService.isScrolled())("opacity-0", ctx.headerScrollService.isScrolled())("max-h-96", !ctx.headerScrollService.isScrolled())("opacity-100", !ctx.headerScrollService.isScrolled());
+            i0.ɵɵproperty("title", "Welcome to Symphiq")("subtitle", "Your Revenue Orchestration Journey Starts Here")("viewMode", ctx.viewMode())("showControls", false)("size", "large");
             i0.ɵɵadvance();
-            i0.ɵɵclassProp("pointer-events-none", ctx.headerScrollService.isScrolled())("pointer-events-auto", !ctx.headerScrollService.isScrolled());
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", ctx.getMainTitleClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.getSubtitleClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵclassProp("max-h-0", !ctx.headerScrollService.isScrolled())("opacity-0", !ctx.headerScrollService.isScrolled())("max-h-20", ctx.headerScrollService.isScrolled())("opacity-100", ctx.headerScrollService.isScrolled());
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("pointer-events-none", !ctx.headerScrollService.isScrolled())("pointer-events-auto", ctx.headerScrollService.isScrolled());
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "text-xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent truncate" : "text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent truncate");
-            i0.ɵɵadvance(2);
             i0.ɵɵproperty("viewMode", ctx.viewMode())("currentStepId", ctx.JourneyStepIdEnum.WELCOME)("showNextStepAction", true)("forDemo", ctx.forDemo())("maxAccessibleStepId", ctx.maxAccessibleStepId());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -51811,11 +51795,11 @@ class SymphiqWelcomeDashboardComponent {
             i0.ɵɵproperty("ngClass", ctx.nextStepsTitleClasses());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.nextStepsTextClasses());
-        } }, dependencies: [CommonModule, i1$1.NgClass, ConfidenceLevelCardComponent, JourneyProgressIndicatorComponent], styles: ["[_nghost-%COMP%]{display:block}@keyframes _ngcontent-%COMP%_spin{to{transform:rotate(360deg)}}"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass, ConfidenceLevelCardComponent, DashboardHeaderComponent, JourneyProgressIndicatorComponent], styles: ["[_nghost-%COMP%]{display:block}@keyframes _ngcontent-%COMP%_spin{to{transform:rotate(360deg)}}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqWelcomeDashboardComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-welcome-dashboard', standalone: true, imports: [CommonModule, ConfidenceLevelCardComponent, JourneyProgressIndicatorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        args: [{ selector: 'symphiq-welcome-dashboard', standalone: true, imports: [CommonModule, ConfidenceLevelCardComponent, DashboardHeaderComponent, JourneyProgressIndicatorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div [ngClass]="getContainerClasses()">
       <!-- Scroll Progress Bar -->
       <div [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
@@ -51829,52 +51813,13 @@ class SymphiqWelcomeDashboardComponent {
       <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>
 
       <div class="relative z-[51]">
-        <header [ngClass]="getHeaderClasses()" class="sticky top-0 z-50">
-          <!-- Expanded Header -->
-          <div
-            class="transition-all duration-300 ease-in-out overflow-hidden"
-            [class.max-h-0]="headerScrollService.isScrolled()"
-            [class.opacity-0]="headerScrollService.isScrolled()"
-            [class.max-h-96]="!headerScrollService.isScrolled()"
-            [class.opacity-100]="!headerScrollService.isScrolled()">
-            <div
-              class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"
-              [class.pointer-events-none]="headerScrollService.isScrolled()"
-              [class.pointer-events-auto]="!headerScrollService.isScrolled()">
-              <div class="flex items-center justify-between">
-                <div>
-                  <h1 [ngClass]="getMainTitleClasses()">
-                    Welcome to Symphiq
-                  </h1>
-                  <p [ngClass]="getSubtitleClasses()">
-                    Your Revenue Orchestration Journey Starts Here
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <!-- Condensed Header -->
-          <div
-            class="transition-all duration-300 ease-in-out overflow-hidden"
-            [class.max-h-0]="!headerScrollService.isScrolled()"
-            [class.opacity-0]="!headerScrollService.isScrolled()"
-            [class.max-h-20]="headerScrollService.isScrolled()"
-            [class.opacity-100]="headerScrollService.isScrolled()">
-            <div
-              class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3"
-              [class.pointer-events-none]="!headerScrollService.isScrolled()"
-              [class.pointer-events-auto]="headerScrollService.isScrolled()">
-              <div class="flex items-center justify-between">
-                <div class="flex-1 min-w-0 mr-4">
-                  <h1 [ngClass]="isLightMode() ? 'text-xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent truncate' : 'text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent truncate'">
-                    Welcome to Symphiq
-                  </h1>
-                </div>
-              </div>
-            </div>
-          </div>
-        </header>
+        <symphiq-dashboard-header
+          [title]="'Welcome to Symphiq'"
+          [subtitle]="'Your Revenue Orchestration Journey Starts Here'"
+          [viewMode]="viewMode()"
+          [showControls]="false"
+          [size]="'large'"
+        />
 
         <!-- Journey Progress Indicator -->
         <symphiq-journey-progress-indicator
@@ -51977,7 +51922,7 @@ class SymphiqWelcomeDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqWelcomeDashboardComponent, { className: "SymphiqWelcomeDashboardComponent", filePath: "lib/components/welcome-dashboard/symphiq-welcome-dashboard.component.ts", lineNumber: 201 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqWelcomeDashboardComponent, { className: "SymphiqWelcomeDashboardComponent", filePath: "lib/components/welcome-dashboard/symphiq-welcome-dashboard.component.ts", lineNumber: 163 }); })();
 
 function FocusAreaQuestionComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 5);
@@ -64079,23 +64024,23 @@ class InitialTargetSettingComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 626 }); })();
 
 const _c0$y = () => [];
-function SymphiqRevenueCalculatorDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 14);
+function SymphiqRevenueCalculatorDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 10);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("viewMode", ctx_r0.viewMode());
 } }
-function SymphiqRevenueCalculatorDashboardComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-revenue-calculator-welcome-banner", 15);
-    i0.ɵɵelementStart(1, "div", 16)(2, "div", 17)(3, "div", 18);
-    i0.ɵɵelement(4, "symphiq-indeterminate-spinner", 14);
-    i0.ɵɵelementStart(5, "div", 19)(6, "h3", 20);
+function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-revenue-calculator-welcome-banner", 11);
+    i0.ɵɵelementStart(1, "div", 12)(2, "div", 13)(3, "div", 14);
+    i0.ɵɵelement(4, "symphiq-indeterminate-spinner", 10);
+    i0.ɵɵelementStart(5, "div", 15)(6, "h3", 16);
     i0.ɵɵtext(7, " Downloading Your Google Analytics 4 Data ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "p", 21);
+    i0.ɵɵelementStart(8, "p", 17);
     i0.ɵɵtext(9, " Symphiq is fetching your historical metrics to establish baseline performance. This may take a moment as we gather your funnel data. ");
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
@@ -64112,11 +64057,11 @@ function SymphiqRevenueCalculatorDashboardComponent_Conditional_24_Template(rf,
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.loadingTextClasses());
 } }
-function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+function SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelement(0, "symphiq-revenue-calculator-welcome-banner", 22);
-    i0.ɵɵelementStart(1, "div", 23)(2, "symphiq-initial-target-setting", 24);
-    i0.ɵɵlistener("targetsCreated", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_targetsCreated_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onTargetsCreated($event)); })("calculateRevenueReverseRequest", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_calculateRevenueReverseRequest_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.calculateRevenueReverseRequest.emit($event)); })("calculateRevenueRequest", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_calculateRevenueRequest_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onCalculateRevenueRequest($event)); })("editRelatedMetricTarget", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_editRelatedMetricTarget_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.editRelatedMetricTarget.emit($event)); })("saveTargetsClick", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_saveTargetsClick_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.saveTargetsClick.emit()); })("targetsUpdated", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_targetsUpdated_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.targetsUpdated.emit($event)); })("discardChangesClick", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_discardChangesClick_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.discardChangesClick.emit()); });
+    i0.ɵɵelement(0, "symphiq-revenue-calculator-welcome-banner", 18);
+    i0.ɵɵelementStart(1, "div", 19)(2, "symphiq-initial-target-setting", 20);
+    i0.ɵɵlistener("targetsCreated", function SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template_symphiq_initial_target_setting_targetsCreated_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onTargetsCreated($event)); })("calculateRevenueReverseRequest", function SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template_symphiq_initial_target_setting_calculateRevenueReverseRequest_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.calculateRevenueReverseRequest.emit($event)); })("calculateRevenueRequest", function SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template_symphiq_initial_target_setting_calculateRevenueRequest_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onCalculateRevenueRequest($event)); })("editRelatedMetricTarget", function SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template_symphiq_initial_target_setting_editRelatedMetricTarget_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.editRelatedMetricTarget.emit($event)); })("saveTargetsClick", function SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template_symphiq_initial_target_setting_saveTargetsClick_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.saveTargetsClick.emit()); })("targetsUpdated", function SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template_symphiq_initial_target_setting_targetsUpdated_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.targetsUpdated.emit($event)); })("discardChangesClick", function SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template_symphiq_initial_target_setting_discardChangesClick_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.discardChangesClick.emit()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -64124,28 +64069,28 @@ function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template(rf,
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("funnelMetrics", ctx_r0.funnelMetrics() ?? i0.ɵɵpureFunction0(17, _c0$y))("mainUiData", ctx_r0.mainUiData())("trendUiData", ctx_r0.trendUiData())("shopId", ctx_r0.shopId())("pacingResponse", ctx_r0.pacingResponse())("dataResults", ctx_r0.dataResults())("calculateRevenueReverseResponse", ctx_r0.calculateRevenueReverseResponse())("calculateRevenueResponse", ctx_r0.calculateRevenueResponse())("isCalculatingTargets", ctx_r0.isCalculatingTargets())("targets", ctx_r0.targets())("targetHistories", ctx_r0.targetHistories() ?? i0.ɵɵpureFunction0(18, _c0$y))("users", ctx_r0.users() ?? i0.ɵɵpureFunction0(19, _c0$y));
 } }
-function SymphiqRevenueCalculatorDashboardComponent_Conditional_26_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SymphiqRevenueCalculatorDashboardComponent_Conditional_12_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 28);
-    i0.ɵɵelement(1, "circle", 29)(2, "path", 30);
+    i0.ɵɵelementStart(0, "svg", 24);
+    i0.ɵɵelement(1, "circle", 25)(2, "path", 26);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " Loading... ");
 } }
-function SymphiqRevenueCalculatorDashboardComponent_Conditional_26_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function SymphiqRevenueCalculatorDashboardComponent_Conditional_12_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Continue ");
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 31);
-    i0.ɵɵelement(2, "path", 32);
+    i0.ɵɵelementStart(1, "svg", 27);
+    i0.ɵɵelement(2, "path", 28);
     i0.ɵɵelementEnd();
 } }
-function SymphiqRevenueCalculatorDashboardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+function SymphiqRevenueCalculatorDashboardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 13)(1, "div", 25)(2, "p", 26);
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 21)(2, "p", 22);
     i0.ɵɵtext(3, " Targets set. Adjust anytime or continue onboarding. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 27);
-    i0.ɵɵlistener("click", function SymphiqRevenueCalculatorDashboardComponent_Conditional_26_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.nextStepClick.emit()); });
-    i0.ɵɵconditionalCreate(5, SymphiqRevenueCalculatorDashboardComponent_Conditional_26_Conditional_5_Template, 4, 0)(6, SymphiqRevenueCalculatorDashboardComponent_Conditional_26_Conditional_6_Template, 3, 0);
+    i0.ɵɵelementStart(4, "button", 23);
+    i0.ɵɵlistener("click", function SymphiqRevenueCalculatorDashboardComponent_Conditional_12_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.nextStepClick.emit()); });
+    i0.ɵɵconditionalCreate(5, SymphiqRevenueCalculatorDashboardComponent_Conditional_12_Conditional_5_Template, 4, 0)(6, SymphiqRevenueCalculatorDashboardComponent_Conditional_12_Conditional_6_Template, 3, 0);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -64195,9 +64140,8 @@ class SymphiqRevenueCalculatorDashboardComponent {
         this.discardChangesClick = output();
         this.JourneyStepIdEnum = JourneyStepIdEnum;
         this.ShopDataLoadStatusEnum = ShopDataLoadStatusEnum;
+        this.headerScrollService = inject(HeaderScrollService);
         this.scrollProgress = signal(0, ...(ngDevMode ? [{ debugName: "scrollProgress" }] : []));
-        this.isScrolled = signal(false, ...(ngDevMode ? [{ debugName: "isScrolled" }] : []));
-        this.isProgrammaticScroll = false;
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
         this.hasAnyTargets = computed(() => {
             const targets = this.targets();
@@ -64221,30 +64165,21 @@ class SymphiqRevenueCalculatorDashboardComponent {
             if (event?.detail) {
                 const scrollTop = event.detail.scrollTop;
                 this.updateScrollProgress(scrollTop);
-                if (!this.isProgrammaticScroll) {
-                    const COLLAPSE_THRESHOLD = 20;
-                    const EXPAND_THRESHOLD = 10;
-                    const currentState = this.isScrolled();
-                    if (!currentState && scrollTop > COLLAPSE_THRESHOLD) {
-                        this.isScrolled.set(true);
-                    }
-                    else if (currentState && scrollTop < EXPAND_THRESHOLD) {
-                        this.isScrolled.set(false);
-                    }
-                }
+                this.headerScrollService.handleEmbeddedScroll(scrollTop, 20, 10);
             }
         }, { allowSignalWrites: true });
     }
     ngAfterViewInit() {
-        this.isScrolled.set(false);
+        this.headerScrollService.resetState();
         this.scrollProgress.set(0);
     }
     ngOnDestroy() {
-        this.isScrolled.set(false);
+        this.headerScrollService.resetState();
         this.scrollProgress.set(0);
     }
     onWindowScroll() {
         if (!this.embedded()) {
+            this.headerScrollService.handleScroll(false);
             const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
             this.updateScrollProgress(scrollTop);
         }
@@ -64258,24 +64193,10 @@ class SymphiqRevenueCalculatorDashboardComponent {
         }
     }
     getContainerClasses() {
-        return this.isLightMode()
-            ? 'min-h-screen'
-            : 'min-h-screen';
-    }
-    getHeaderClasses() {
-        return this.isLightMode()
-            ? 'bg-white/80 backdrop-blur-md border-b border-slate-200/50'
-            : 'bg-slate-800/80 backdrop-blur-md border-b border-slate-700/50';
-    }
-    getMainTitleClasses() {
-        return this.isLightMode()
-            ? 'text-3xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent'
-            : 'text-3xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent';
-    }
-    getSubtitleClasses() {
-        return this.isLightMode()
-            ? 'text-slate-600 mt-1'
-            : 'text-slate-400 mt-1';
+        if (this.embedded()) {
+            return '';
+        }
+        return 'min-h-screen';
     }
     loadingMessageContainerClasses() {
         return this.isLightMode()
@@ -64348,27 +64269,20 @@ class SymphiqRevenueCalculatorDashboardComponent {
     static { this.ɵfac = function SymphiqRevenueCalculatorDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqRevenueCalculatorDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqRevenueCalculatorDashboardComponent, selectors: [["symphiq-revenue-calculator-dashboard"]], hostBindings: function SymphiqRevenueCalculatorDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqRevenueCalculatorDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], isLoading: [1, "isLoading"], dataLoadStatus: [1, "dataLoadStatus"], targets: [1, "targets"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], ytdComparisonUiData: [1, "ytdComparisonUiData"], trendUiData: [1, "trendUiData"], pacingResponse: [1, "pacingResponse"], dataResults: [1, "dataResults"], shopId: [1, "shopId"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], calculateRevenueReverseResponse: [1, "calculateRevenueReverseResponse"], calculateRevenueResponse: [1, "calculateRevenueResponse"], isCalculatingTargets: [1, "isCalculatingTargets"], targetHistories: [1, "targetHistories"], users: [1, "users"], isOnboarded: [1, "isOnboarded"], isContinueLoading: [1, "isContinueLoading"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", targetsCreated: "targetsCreated", targetsUpdated: "targetsUpdated", saveTargetsClick: "saveTargetsClick", calculateRevenueRequest: "calculateRevenueRequest", calculateRevenueReverseRequest: "calculateRevenueReverseRequest", editRelatedMetricTarget: "editRelatedMetricTarget", discardChangesClick: "discardChangesClick" }, decls: 27, vars: 43, consts: [[3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative"], [1, "flex", "items-center", "justify-center", "min-h-[400px]"], [1, "sticky", "bottom-0", "z-50", "border-t", "py-4", "px-4", "sm:px-6", "lg:px-8", 3, "ngClass"], ["size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets"], [1, "mt-8", "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-12", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "text-center", "space-y-6"], [1, "space-y-2"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "max-w-md", 3, "ngClass"], [3, "viewMode", "dataLoadStatus", "hasTargets", "isOnboarded"], [1, "mt-8"], [3, "targetsCreated", "calculateRevenueReverseRequest", "calculateRevenueRequest", "editRelatedMetricTarget", "saveTargetsClick", "targetsUpdated", "discardChangesClick", "viewMode", "funnelMetrics", "mainUiData", "trendUiData", "shopId", "pacingResponse", "dataResults", "calculateRevenueReverseResponse", "calculateRevenueResponse", "isCalculatingTargets", "targets", "targetHistories", "users"], [1, "max-w-7xl", "mx-auto", "flex", "items-center", "justify-between", "gap-4"], [1, "text-sm", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "whitespace-nowrap", "disabled:opacity-50", "disabled:cursor-not-allowed", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqRevenueCalculatorDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], isLoading: [1, "isLoading"], dataLoadStatus: [1, "dataLoadStatus"], targets: [1, "targets"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], ytdComparisonUiData: [1, "ytdComparisonUiData"], trendUiData: [1, "trendUiData"], pacingResponse: [1, "pacingResponse"], dataResults: [1, "dataResults"], shopId: [1, "shopId"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], calculateRevenueReverseResponse: [1, "calculateRevenueReverseResponse"], calculateRevenueResponse: [1, "calculateRevenueResponse"], isCalculatingTargets: [1, "isCalculatingTargets"], targetHistories: [1, "targetHistories"], users: [1, "users"], isOnboarded: [1, "isOnboarded"], isContinueLoading: [1, "isContinueLoading"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", targetsCreated: "targetsCreated", targetsUpdated: "targetsUpdated", saveTargetsClick: "saveTargetsClick", calculateRevenueRequest: "calculateRevenueRequest", calculateRevenueReverseRequest: "calculateRevenueReverseRequest", editRelatedMetricTarget: "editRelatedMetricTarget", discardChangesClick: "discardChangesClick" }, decls: 13, vars: 19, consts: [[3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-center", "min-h-[400px]"], [1, "sticky", "bottom-0", "z-50", "border-t", "py-4", "px-4", "sm:px-6", "lg:px-8", 3, "ngClass"], ["size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets"], [1, "mt-8", "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-12", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "text-center", "space-y-6"], [1, "space-y-2"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "max-w-md", 3, "ngClass"], [3, "viewMode", "dataLoadStatus", "hasTargets", "isOnboarded"], [1, "mt-8"], [3, "targetsCreated", "calculateRevenueReverseRequest", "calculateRevenueRequest", "editRelatedMetricTarget", "saveTargetsClick", "targetsUpdated", "discardChangesClick", "viewMode", "funnelMetrics", "mainUiData", "trendUiData", "shopId", "pacingResponse", "dataResults", "calculateRevenueReverseResponse", "calculateRevenueResponse", "isCalculatingTargets", "targets", "targetHistories", "users"], [1, "max-w-7xl", "mx-auto", "flex", "items-center", "justify-between", "gap-4"], [1, "text-sm", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "whitespace-nowrap", "disabled:opacity-50", "disabled:cursor-not-allowed", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqRevenueCalculatorDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div");
             i0.ɵɵelement(2, "div", 1);
             i0.ɵɵelementEnd();
             i0.ɵɵelement(3, "div", 2);
-            i0.ɵɵelementStart(4, "div", 3)(5, "header", 4)(6, "div", 5)(7, "div", 6)(8, "div", 7)(9, "div")(10, "h1", 0);
-            i0.ɵɵtext(11, " Revenue Calculator ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(12, "p", 0);
-            i0.ɵɵtext(13, " Set Your Revenue Target and See Required Metric Improvements ");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(14, "div", 5)(15, "div", 8)(16, "div", 7)(17, "div", 9)(18, "h1", 0);
-            i0.ɵɵtext(19, " Revenue Calculator ");
-            i0.ɵɵelementEnd()()()()()();
-            i0.ɵɵelementStart(20, "symphiq-journey-progress-indicator", 10);
-            i0.ɵɵlistener("stepClick", function SymphiqRevenueCalculatorDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_20_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqRevenueCalculatorDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_20_listener() { return ctx.nextStepClick.emit(); });
+            i0.ɵɵelementStart(4, "div", 3);
+            i0.ɵɵelement(5, "symphiq-dashboard-header", 4);
+            i0.ɵɵelementStart(6, "symphiq-journey-progress-indicator", 5);
+            i0.ɵɵlistener("stepClick", function SymphiqRevenueCalculatorDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_6_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqRevenueCalculatorDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_6_listener() { return ctx.nextStepClick.emit(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "main", 11)(22, "div", 6);
-            i0.ɵɵconditionalCreate(23, SymphiqRevenueCalculatorDashboardComponent_Conditional_23_Template, 2, 1, "div", 12)(24, SymphiqRevenueCalculatorDashboardComponent_Conditional_24_Template, 10, 8)(25, SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template, 3, 20);
+            i0.ɵɵelementStart(7, "main", 6)(8, "div", 7);
+            i0.ɵɵconditionalCreate(9, SymphiqRevenueCalculatorDashboardComponent_Conditional_9_Template, 2, 1, "div", 8)(10, SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Template, 10, 8)(11, SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template, 3, 20);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(26, SymphiqRevenueCalculatorDashboardComponent_Conditional_26_Template, 7, 7, "div", 13);
+            i0.ɵɵconditionalCreate(12, SymphiqRevenueCalculatorDashboardComponent_Conditional_12_Template, 7, 7, "div", 9);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
@@ -64380,31 +64294,18 @@ class SymphiqRevenueCalculatorDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵclassProp("light-mode", ctx.isLightMode());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.getHeaderClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("max-h-0", ctx.isScrolled())("opacity-0", ctx.isScrolled())("max-h-96", !ctx.isScrolled())("opacity-100", !ctx.isScrolled());
+            i0.ɵɵproperty("title", "Revenue Calculator")("subtitle", "Set Your Revenue Target and See Required Metric Improvements")("viewMode", ctx.viewMode())("showControls", false);
             i0.ɵɵadvance();
-            i0.ɵɵclassProp("pointer-events-none", ctx.isScrolled())("pointer-events-auto", !ctx.isScrolled());
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", ctx.getMainTitleClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.getSubtitleClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵclassProp("max-h-0", !ctx.isScrolled())("opacity-0", !ctx.isScrolled())("max-h-20", ctx.isScrolled())("opacity-100", ctx.isScrolled());
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("pointer-events-none", !ctx.isScrolled())("pointer-events-auto", ctx.isScrolled());
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "text-xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent truncate" : "text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent truncate");
-            i0.ɵɵadvance(2);
             i0.ɵɵproperty("viewMode", ctx.viewMode())("currentStepId", ctx.JourneyStepIdEnum.REVENUE_CALCULATOR)("showNextStepAction", ctx.hasAnyTargets())("forDemo", ctx.forDemo())("maxAccessibleStepId", ctx.maxAccessibleStepId());
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.isLoading() ? 23 : ctx.dataLoadStatus() !== ctx.ShopDataLoadStatusEnum.FULLY_LOADED ? 24 : 25);
+            i0.ɵɵconditional(ctx.isLoading() ? 9 : ctx.dataLoadStatus() !== ctx.ShopDataLoadStatusEnum.FULLY_LOADED ? 10 : 11);
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.hasAnyTargets() && !ctx.isOnboarded() ? 26 : -1);
+            i0.ɵɵconditional(ctx.hasAnyTargets() && !ctx.isOnboarded() ? 12 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, JourneyProgressIndicatorComponent,
             RevenueCalculatorWelcomeBannerComponent,
             InitialTargetSettingComponent,
-            IndeterminateSpinnerComponent], encapsulation: 2, changeDetection: 0 }); }
+            IndeterminateSpinnerComponent,
+            DashboardHeaderComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqRevenueCalculatorDashboardComponent, [{
         type: Component,
@@ -64416,205 +64317,166 @@ class SymphiqRevenueCalculatorDashboardComponent {
                     JourneyProgressIndicatorComponent,
                     RevenueCalculatorWelcomeBannerComponent,
                     InitialTargetSettingComponent,
-                    IndeterminateSpinnerComponent
+                    IndeterminateSpinnerComponent,
+                    DashboardHeaderComponent
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div [ngClass]="getContainerClasses()">
-      <!-- Scroll Progress Bar -->
-      <div
-          [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : '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>
-
-      <!-- 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>
-
-      <div class="relative z-[51]">
-        <header [ngClass]="getHeaderClasses()" class="sticky top-0 z-50">
-          <!-- Expanded Header -->
-          <div
-              class="transition-all duration-300 ease-in-out overflow-hidden"
-              [class.max-h-0]="isScrolled()"
-              [class.opacity-0]="isScrolled()"
-              [class.max-h-96]="!isScrolled()"
-              [class.opacity-100]="!isScrolled()">
-            <div
-                class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"
-                [class.pointer-events-none]="isScrolled()"
-                [class.pointer-events-auto]="!isScrolled()">
-              <div class="flex items-center justify-between">
-                <div>
-                  <h1 [ngClass]="getMainTitleClasses()">
-                    Revenue Calculator
-                  </h1>
-                  <p [ngClass]="getSubtitleClasses()">
-                    Set Your Revenue Target and See Required Metric Improvements
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <!-- Condensed Header -->
-          <div
-              class="transition-all duration-300 ease-in-out overflow-hidden"
-              [class.max-h-0]="!isScrolled()"
-              [class.opacity-0]="!isScrolled()"
-              [class.max-h-20]="isScrolled()"
-              [class.opacity-100]="isScrolled()">
-            <div
-                class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3"
-                [class.pointer-events-none]="!isScrolled()"
-                [class.pointer-events-auto]="isScrolled()">
-              <div class="flex items-center justify-between">
-                <div class="flex-1 min-w-0 mr-4">
-                  <h1 [ngClass]="isLightMode() ? 'text-xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent truncate' : 'text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent truncate'">
-                    Revenue Calculator
-                  </h1>
-                </div>
-              </div>
-            </div>
-          </div>
-        </header>
-
-        <!-- Journey Progress Indicator -->
-        <symphiq-journey-progress-indicator
-            [viewMode]="viewMode()"
-            [currentStepId]="JourneyStepIdEnum.REVENUE_CALCULATOR"
-            [showNextStepAction]="hasAnyTargets()"
-            [forDemo]="forDemo()"
-            [maxAccessibleStepId]="maxAccessibleStepId()"
-            (stepClick)="stepClick.emit($event)"
-            (nextStepClick)="nextStepClick.emit()"
-        />
-
-        <main class="relative">
-          <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-
-            <!-- State 1: Pure Loading (isLoading = true) -->
-            @if (isLoading()) {
-              <div class="flex items-center justify-center min-h-[400px]">
-                <symphiq-indeterminate-spinner
-                    [viewMode]="viewMode()"
-                    size="large"
-                />
-              </div>
-            }
-
-            <!-- State 2: Data Loading Message (isLoading = false && dataLoadStatus !== FULLY_LOADED) -->
-            @else if (dataLoadStatus() !== ShopDataLoadStatusEnum.FULLY_LOADED) {
-              <symphiq-revenue-calculator-welcome-banner
-                  [viewMode]="viewMode()"
-                  [dataLoadStatus]="dataLoadStatus() ?? ShopDataLoadStatusEnum.NOT_LOADED"
-                  [hasTargets]="false"
-              />
-
-              <!-- Loading Message Card -->
-              <div [ngClass]="loadingMessageContainerClasses()"
-                   class="mt-8 rounded-2xl border shadow-lg overflow-hidden">
-                <div [ngClass]="loadingMessageContentClasses()" class="px-8 py-12">
-                  <div class="flex flex-col items-center text-center space-y-6">
-                    <symphiq-indeterminate-spinner
-                        [viewMode]="viewMode()"
-                        size="large"
-                    />
-                    <div class="space-y-2">
-                      <h3 [ngClass]="loadingTitleClasses()" class="text-xl font-bold">
-                        Downloading Your Google Analytics 4 Data
-                      </h3>
-                      <p [ngClass]="loadingTextClasses()" class="text-sm max-w-md">
-                        Symphiq is fetching your historical metrics to establish baseline performance. This may take a
-                        moment as we gather your funnel data.
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            }
-
-            <!-- State 3: Target Setting / Results (isLoading = false && dataLoadStatus === FULLY_LOADED) -->
-            @else {
-              <symphiq-revenue-calculator-welcome-banner
-                  [viewMode]="viewMode()"
-                  [dataLoadStatus]="dataLoadStatus() ?? ShopDataLoadStatusEnum.NOT_LOADED"
-                  [hasTargets]="hasCurrentYearTargets()"
-                  [isOnboarded]="isOnboarded()"
-              />
-
-              <div class="mt-8">
-                <symphiq-initial-target-setting
-                    [viewMode]="viewMode()"
-                    [funnelMetrics]="funnelMetrics() ?? []"
-                    [mainUiData]="mainUiData()"
-                    [trendUiData]="trendUiData()"
-                    [shopId]="shopId()"
-                    [pacingResponse]="pacingResponse()"
-                    [dataResults]="dataResults()"
-                    [calculateRevenueReverseResponse]="calculateRevenueReverseResponse()"
-                    [calculateRevenueResponse]="calculateRevenueResponse()"
-                    [isCalculatingTargets]="isCalculatingTargets()"
-                    [targets]="targets()"
-                    [targetHistories]="targetHistories() ?? []"
-                    [users]="users() ?? []"
-                    (targetsCreated)="onTargetsCreated($event)"
-                    (calculateRevenueReverseRequest)="calculateRevenueReverseRequest.emit($event)"
-                    (calculateRevenueRequest)="onCalculateRevenueRequest($event)"
-                    (editRelatedMetricTarget)="editRelatedMetricTarget.emit($event)"
-                    (saveTargetsClick)="saveTargetsClick.emit()"
-                    (targetsUpdated)="targetsUpdated.emit($event)"
-                    (discardChangesClick)="discardChangesClick.emit()"
-                />
-              </div>
-            }
-
-          </div>
-        </main>
-
-        <!-- Sticky Footer for Onboarding Continuation -->
-        @if (hasAnyTargets() && !isOnboarded()) {
-          <div [ngClass]="stickyFooterClasses()" class="sticky bottom-0 z-50 border-t py-4 px-4 sm:px-6 lg:px-8">
-            <div class="max-w-7xl mx-auto flex items-center justify-between gap-4">
-              <p [ngClass]="footerTextClasses()" class="text-sm">
-                Targets set. Adjust anytime or continue onboarding.
-              </p>
-              <button
-                  type="button"
-                  (click)="nextStepClick.emit()"
-                  [disabled]="isContinueLoading()"
-                  [ngClass]="footerButtonClasses()"
-                  class="px-4 py-2 rounded-lg font-medium text-sm transition-all duration-200 flex items-center gap-2 whitespace-nowrap disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100"
-                  [class.hover:scale-105]="!isContinueLoading()">
-                @if (isContinueLoading()) {
-                  <svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
-                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-                  </svg>
-                  Loading...
-                } @else {
-                  Continue
-                  <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
-                  </svg>
-                }
-              </button>
-            </div>
-          </div>
-        }
-      </div>
-    </div>
+                template: `
+    <div [ngClass]="getContainerClasses()">
+      <!-- Scroll Progress Bar -->
+      <div
+          [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : '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>
+
+      <!-- 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>
+
+      <div class="relative z-[51]">
+        <symphiq-dashboard-header
+          [title]="'Revenue Calculator'"
+          [subtitle]="'Set Your Revenue Target and See Required Metric Improvements'"
+          [viewMode]="viewMode()"
+          [showControls]="false"
+        />
+
+        <!-- Journey Progress Indicator -->
+        <symphiq-journey-progress-indicator
+            [viewMode]="viewMode()"
+            [currentStepId]="JourneyStepIdEnum.REVENUE_CALCULATOR"
+            [showNextStepAction]="hasAnyTargets()"
+            [forDemo]="forDemo()"
+            [maxAccessibleStepId]="maxAccessibleStepId()"
+            (stepClick)="stepClick.emit($event)"
+            (nextStepClick)="nextStepClick.emit()"
+        />
+
+        <main class="relative">
+          <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+
+            <!-- State 1: Pure Loading (isLoading = true) -->
+            @if (isLoading()) {
+              <div class="flex items-center justify-center min-h-[400px]">
+                <symphiq-indeterminate-spinner
+                    [viewMode]="viewMode()"
+                    size="large"
+                />
+              </div>
+            }
+
+            <!-- State 2: Data Loading Message (isLoading = false && dataLoadStatus !== FULLY_LOADED) -->
+            @else if (dataLoadStatus() !== ShopDataLoadStatusEnum.FULLY_LOADED) {
+              <symphiq-revenue-calculator-welcome-banner
+                  [viewMode]="viewMode()"
+                  [dataLoadStatus]="dataLoadStatus() ?? ShopDataLoadStatusEnum.NOT_LOADED"
+                  [hasTargets]="false"
+              />
+
+              <!-- Loading Message Card -->
+              <div [ngClass]="loadingMessageContainerClasses()"
+                   class="mt-8 rounded-2xl border shadow-lg overflow-hidden">
+                <div [ngClass]="loadingMessageContentClasses()" class="px-8 py-12">
+                  <div class="flex flex-col items-center text-center space-y-6">
+                    <symphiq-indeterminate-spinner
+                        [viewMode]="viewMode()"
+                        size="large"
+                    />
+                    <div class="space-y-2">
+                      <h3 [ngClass]="loadingTitleClasses()" class="text-xl font-bold">
+                        Downloading Your Google Analytics 4 Data
+                      </h3>
+                      <p [ngClass]="loadingTextClasses()" class="text-sm max-w-md">
+                        Symphiq is fetching your historical metrics to establish baseline performance. This may take a
+                        moment as we gather your funnel data.
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            }
+
+            <!-- State 3: Target Setting / Results (isLoading = false && dataLoadStatus === FULLY_LOADED) -->
+            @else {
+              <symphiq-revenue-calculator-welcome-banner
+                  [viewMode]="viewMode()"
+                  [dataLoadStatus]="dataLoadStatus() ?? ShopDataLoadStatusEnum.NOT_LOADED"
+                  [hasTargets]="hasCurrentYearTargets()"
+                  [isOnboarded]="isOnboarded()"
+              />
+
+              <div class="mt-8">
+                <symphiq-initial-target-setting
+                    [viewMode]="viewMode()"
+                    [funnelMetrics]="funnelMetrics() ?? []"
+                    [mainUiData]="mainUiData()"
+                    [trendUiData]="trendUiData()"
+                    [shopId]="shopId()"
+                    [pacingResponse]="pacingResponse()"
+                    [dataResults]="dataResults()"
+                    [calculateRevenueReverseResponse]="calculateRevenueReverseResponse()"
+                    [calculateRevenueResponse]="calculateRevenueResponse()"
+                    [isCalculatingTargets]="isCalculatingTargets()"
+                    [targets]="targets()"
+                    [targetHistories]="targetHistories() ?? []"
+                    [users]="users() ?? []"
+                    (targetsCreated)="onTargetsCreated($event)"
+                    (calculateRevenueReverseRequest)="calculateRevenueReverseRequest.emit($event)"
+                    (calculateRevenueRequest)="onCalculateRevenueRequest($event)"
+                    (editRelatedMetricTarget)="editRelatedMetricTarget.emit($event)"
+                    (saveTargetsClick)="saveTargetsClick.emit()"
+                    (targetsUpdated)="targetsUpdated.emit($event)"
+                    (discardChangesClick)="discardChangesClick.emit()"
+                />
+              </div>
+            }
+
+          </div>
+        </main>
+
+        <!-- Sticky Footer for Onboarding Continuation -->
+        @if (hasAnyTargets() && !isOnboarded()) {
+          <div [ngClass]="stickyFooterClasses()" class="sticky bottom-0 z-50 border-t py-4 px-4 sm:px-6 lg:px-8">
+            <div class="max-w-7xl mx-auto flex items-center justify-between gap-4">
+              <p [ngClass]="footerTextClasses()" class="text-sm">
+                Targets set. Adjust anytime or continue onboarding.
+              </p>
+              <button
+                  type="button"
+                  (click)="nextStepClick.emit()"
+                  [disabled]="isContinueLoading()"
+                  [ngClass]="footerButtonClasses()"
+                  class="px-4 py-2 rounded-lg font-medium text-sm transition-all duration-200 flex items-center gap-2 whitespace-nowrap disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100"
+                  [class.hover:scale-105]="!isContinueLoading()">
+                @if (isContinueLoading()) {
+                  <svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                  </svg>
+                  Loading...
+                } @else {
+                  Continue
+                  <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
+                  </svg>
+                }
+              </button>
+            </div>
+          </div>
+        }
+      </div>
+    </div>
   `
             }]
     }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], dataLoadStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataLoadStatus", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], mainUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainUiData", required: false }] }], ytdComparisonUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "ytdComparisonUiData", required: false }] }], trendUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendUiData", required: false }] }], pacingResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingResponse", required: false }] }], dataResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataResults", required: false }] }], shopId: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopId", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], calculateRevenueReverseResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueReverseResponse", required: false }] }], calculateRevenueResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueResponse", required: false }] }], isCalculatingTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCalculatingTargets", required: false }] }], targetHistories: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetHistories", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], isContinueLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isContinueLoading", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }], targetsUpdated: [{ type: i0.Output, args: ["targetsUpdated"] }], saveTargetsClick: [{ type: i0.Output, args: ["saveTargetsClick"] }], calculateRevenueRequest: [{ type: i0.Output, args: ["calculateRevenueRequest"] }], calculateRevenueReverseRequest: [{ type: i0.Output, args: ["calculateRevenueReverseRequest"] }], editRelatedMetricTarget: [{ type: i0.Output, args: ["editRelatedMetricTarget"] }], discardChangesClick: [{ type: i0.Output, args: ["discardChangesClick"] }], onWindowScroll: [{
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqRevenueCalculatorDashboardComponent, { className: "SymphiqRevenueCalculatorDashboardComponent", filePath: "lib/components/revenue-calculator-dashboard/symphiq-revenue-calculator-dashboard.component.ts", lineNumber: 245 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqRevenueCalculatorDashboardComponent, { className: "SymphiqRevenueCalculatorDashboardComponent", filePath: "lib/components/revenue-calculator-dashboard/symphiq-revenue-calculator-dashboard.component.ts", lineNumber: 209 }); })();
 
 function HierarchyDisplayComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 1);
@@ -94001,7 +93863,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.planSelectionContainer = _t.first);
         } }, hostBindings: function SymphiqProfileShopAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileShopAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 31, vars: 56, consts: [["shopProfileStatusCard", ""], ["planSelectionContainer", ""], [1, "min-h-screen", "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "metricName", "isOnboarded"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], [3, "goals", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "selectionChanged", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [1, "mb-32"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 31, vars: 58, consts: [["shopProfileStatusCard", ""], ["planSelectionContainer", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "metricName", "isOnboarded"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], [3, "goals", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "selectionChanged", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [1, "mb-32"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2);
             i0.ɵɵelement(1, "div", 3);
             i0.ɵɵelementStart(2, "div");
@@ -94042,9 +93904,8 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             i0.ɵɵlistener("markAsReviewedClick", function SymphiqProfileShopAnalysisDashboardComponent_Template_symphiq_mark_as_reviewed_footer_markAsReviewedClick_30_listener() { return ctx.handleMarkAsReviewedClick(); });
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
-            let tmp_5_0;
-            let tmp_12_0;
-            let tmp_31_0;
+            let tmp_6_0;
+            let tmp_13_0;
             let tmp_32_0;
             let tmp_33_0;
             let tmp_34_0;
@@ -94052,8 +93913,10 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             let tmp_36_0;
             let tmp_37_0;
             let tmp_38_0;
-            let tmp_49_0;
+            let tmp_39_0;
             let tmp_50_0;
+            let tmp_51_0;
+            i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
             i0.ɵɵadvance();
             i0.ɵɵclassProp("light-mode", ctx.isLightMode());
@@ -94063,7 +93926,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             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(2);
-            i0.ɵɵproperty("title", ((tmp_5_0 = ctx.profileAnalysis()) == null ? null : tmp_5_0.profileAnalysisStructured == null ? null : tmp_5_0.profileAnalysisStructured.businessName) || "Profile Analysis")("subtitle", ctx.getAnalysisSubtitle())("currentSection", ctx.getAnalysisSubtitle())("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_12_0 = ctx.profileAnalysis()) == null ? null : tmp_12_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls());
+            i0.ɵɵproperty("title", ((tmp_6_0 = ctx.profileAnalysis()) == null ? null : tmp_6_0.profileAnalysisStructured == null ? null : tmp_6_0.profileAnalysisStructured.businessName) || "Profile Analysis")("subtitle", ctx.getAnalysisSubtitle())("currentSection", ctx.getAnalysisSubtitle())("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_13_0 = ctx.profileAnalysis()) == null ? null : tmp_13_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls());
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isSimplifiedView() && !ctx.isOnboarded() ? 6 : -1);
             i0.ɵɵadvance();
@@ -94085,21 +93948,21 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allBusinessInsights", ctx.allBusinessInsights())("allCharts", ctx.allCharts());
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_31_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 16 : -1, tmp_31_0);
+            i0.ɵɵconditional((tmp_32_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 16 : -1, tmp_32_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_32_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 17 : -1, tmp_32_0);
+            i0.ɵɵconditional((tmp_33_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 17 : -1, tmp_33_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_33_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 18 : -1, tmp_33_0);
+            i0.ɵɵconditional((tmp_34_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 18 : -1, tmp_34_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_34_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 19 : -1, tmp_34_0);
+            i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 19 : -1, tmp_35_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 20 : -1, tmp_35_0);
+            i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 20 : -1, tmp_36_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 21 : -1, tmp_36_0);
+            i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 21 : -1, tmp_37_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 22 : -1, tmp_37_0);
+            i0.ɵɵconditional((tmp_38_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 22 : -1, tmp_38_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_38_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 23 : -1, tmp_38_0);
+            i0.ɵɵconditional((tmp_39_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 23 : -1, tmp_39_0);
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode())("viewMode", ctx.viewMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allCharts", ctx.allCharts());
             i0.ɵɵadvance();
@@ -94111,7 +93974,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isEditingCurrency() ? 29 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_49_0 = ctx.profileAnalysis()) == null ? null : tmp_49_0.reviewStatus)("selfContentStatus", (tmp_50_0 = ctx.profileAnalysis()) == null ? null : tmp_50_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_50_0 = ctx.profileAnalysis()) == null ? null : tmp_50_0.reviewStatus)("selfContentStatus", (tmp_51_0 = ctx.profileAnalysis()) == null ? null : tmp_51_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, MetricWelcomeBannerComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, PlanSelectionContainerComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent, ContentGenerationProgressComponent, ProfileStatusCardComponent, ProfileStickyFooterComponent, IndeterminateSpinnerComponent, MarkAsReviewedFooterComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileShopAnalysisDashboardComponent, [{
@@ -94122,7 +93985,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
                 imports: [CommonModule, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, MetricWelcomeBannerComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, PlanSelectionContainerComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent, ContentGenerationProgressComponent, ProfileStatusCardComponent, ProfileStickyFooterComponent, IndeterminateSpinnerComponent, MarkAsReviewedFooterComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
-    <div [ngClass]="getContainerClasses()" class="min-h-screen relative">
+    <div [ngClass]="getContainerClasses()" [class.min-h-screen]="!embedded()" class="relative">
       <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>
 
@@ -94847,27 +94710,27 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Templa
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", ctx_r1.forDemo() || ctx_r1.allInterestedFocusAreasAnalysisReviewed())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38)(1, "div", 40);
-    i0.ɵɵelement(2, "div", 41);
-    i0.ɵɵelementStart(3, "div", 42);
+    i0.ɵɵelementStart(0, "div", 38)(1, "div", 0);
+    i0.ɵɵelement(2, "div", 40);
+    i0.ɵɵelementStart(3, "div", 41);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 43);
+    i0.ɵɵelementStart(4, "svg", 42);
     i0.ɵɵelement(5, "path", 30);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "span", 44);
+    i0.ɵɵelementStart(6, "span", 43);
     i0.ɵɵtext(7, "All Analyses Reviewed!");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 45);
-    i0.ɵɵelement(9, "path", 46);
+    i0.ɵɵelementStart(8, "svg", 44);
+    i0.ɵɵelement(9, "path", 45);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     i0.ɵɵproperty("@allReviewedBadge", undefined);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 51);
-    i0.ɵɵelement(1, "span", 59);
+    i0.ɵɵelementStart(0, "span", 50);
+    i0.ɵɵelement(1, "span", 58);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -94877,7 +94740,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Condi
     i0.ɵɵtextInterpolate1(" ", ctx_r1.focusAreaStatusCounts().generating, " Generating ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 52);
+    i0.ɵɵelementStart(0, "span", 51);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -94887,7 +94750,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Condi
     i0.ɵɵtextInterpolate1(" ", ctx_r1.focusAreaStatusCounts().notStarted, " Not Started ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 53);
+    i0.ɵɵelementStart(0, "span", 52);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -94897,10 +94760,10 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Condi
     i0.ɵɵtextInterpolate1(" ", ctx_r1.focusAreaStatusCounts().inProgress, " In Progress ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 54);
+    i0.ɵɵelementStart(0, "span", 53);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 60);
-    i0.ɵɵelement(2, "path", 61);
+    i0.ɵɵelementStart(1, "svg", 59);
+    i0.ɵɵelement(2, "path", 60);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
@@ -94911,8 +94774,8 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Condi
     i0.ɵɵtextInterpolate1(" ", ctx_r1.focusAreaStatusCounts().completed, " Completed ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 56);
-    i0.ɵɵelement(1, "span", 62);
+    i0.ɵɵelementStart(0, "span", 55);
+    i0.ɵɵelement(1, "span", 61);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -94922,8 +94785,8 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Condi
     i0.ɵɵtextInterpolate1(" ", ctx_r1.analysisStatusCounts().generating, " Generating ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 57);
-    i0.ɵɵelement(1, "span", 63);
+    i0.ɵɵelementStart(0, "span", 56);
+    i0.ɵɵelement(1, "span", 62);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -94933,10 +94796,10 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Condi
     i0.ɵɵtextInterpolate1(" ", ctx_r1.analysisStatusCounts().notReviewed, " Not Reviewed ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 54);
+    i0.ɵɵelementStart(0, "span", 53);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 60);
-    i0.ɵɵelement(2, "path", 61);
+    i0.ɵɵelementStart(1, "svg", 59);
+    i0.ɵɵelement(2, "path", 60);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
@@ -94947,38 +94810,38 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Condi
     i0.ɵɵtextInterpolate1(" ", ctx_r1.analysisStatusCounts().reviewed, " Reviewed ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 58);
+    i0.ɵɵelementStart(0, "span", 57);
     i0.ɵɵtext(1, " No analyses yet ");
     i0.ɵɵelementEnd();
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39)(1, "div")(2, "h4", 47);
+    i0.ɵɵelementStart(0, "div", 39)(1, "div")(2, "h4", 46);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(3, "svg", 48);
-    i0.ɵɵelement(4, "path", 49);
+    i0.ɵɵelementStart(3, "svg", 47);
+    i0.ɵɵelement(4, "path", 48);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(5, " Focus Area Profiles ");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 50);
-    i0.ɵɵconditionalCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_7_Template, 3, 2, "span", 51);
-    i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_8_Template, 2, 2, "span", 52);
-    i0.ɵɵconditionalCreate(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_9_Template, 2, 2, "span", 53);
-    i0.ɵɵconditionalCreate(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_10_Template, 4, 2, "span", 54);
+    i0.ɵɵelementStart(6, "div", 49);
+    i0.ɵɵconditionalCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_7_Template, 3, 2, "span", 50);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_8_Template, 2, 2, "span", 51);
+    i0.ɵɵconditionalCreate(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_9_Template, 2, 2, "span", 52);
+    i0.ɵɵconditionalCreate(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_10_Template, 4, 2, "span", 53);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div")(12, "h4", 47);
+    i0.ɵɵelementStart(11, "div")(12, "h4", 46);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(13, "svg", 48);
-    i0.ɵɵelement(14, "path", 55);
+    i0.ɵɵelementStart(13, "svg", 47);
+    i0.ɵɵelement(14, "path", 54);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(15, " Analyses ");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(16, "div", 50);
-    i0.ɵɵconditionalCreate(17, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_17_Template, 3, 2, "span", 56);
-    i0.ɵɵconditionalCreate(18, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_18_Template, 3, 2, "span", 57);
-    i0.ɵɵconditionalCreate(19, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_19_Template, 4, 2, "span", 54);
-    i0.ɵɵconditionalCreate(20, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_20_Template, 2, 0, "span", 58);
+    i0.ɵɵelementStart(16, "div", 49);
+    i0.ɵɵconditionalCreate(17, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_17_Template, 3, 2, "span", 55);
+    i0.ɵɵconditionalCreate(18, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_18_Template, 3, 2, "span", 56);
+    i0.ɵɵconditionalCreate(19, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_19_Template, 4, 2, "span", 53);
+    i0.ɵɵconditionalCreate(20, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_20_Template, 2, 0, "span", 57);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -95014,7 +94877,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Templ
     i0.ɵɵconditional(ctx_r1.allInterestedFocusAreasAnalysisReviewed() && ctx_r1.interestedFocusAreaCards().length > 0 ? 1 : 2);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 68);
+    i0.ɵɵelementStart(0, "div", 67);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -95025,22 +94888,22 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_6
     i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r3.engagementStatus), " ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 69);
-    i0.ɵɵelement(1, "span", 63);
+    i0.ɵɵelementStart(0, "div", 68);
+    i0.ɵɵelement(1, "span", 62);
     i0.ɵɵtext(2, " Not Reviewed ");
     i0.ɵɵelementEnd();
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 70);
+    i0.ɵɵelementStart(0, "div", 69);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 76);
-    i0.ɵɵelement(2, "path", 61);
+    i0.ɵɵelementStart(1, "svg", 75);
+    i0.ɵɵelement(2, "path", 60);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " Reviewed ");
     i0.ɵɵelementEnd();
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_13_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 80);
+    i0.ɵɵelementStart(0, "span", 79);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -95051,11 +94914,11 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_1
     i0.ɵɵtextInterpolate1(" ", tool_r4, " ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 72)(1, "div", 77)(2, "span", 78);
+    i0.ɵɵelementStart(0, "div", 71)(1, "div", 76)(2, "span", 77);
     i0.ɵɵtext(3, "Marketing Tools:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 79);
-    i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_13_For_6_Template, 2, 2, "span", 80, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(4, "div", 78);
+    i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_13_For_6_Template, 2, 2, "span", 79, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const focusArea_r3 = i0.ɵɵnextContext().$implicit;
@@ -95066,53 +94929,53 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_1
     i0.ɵɵrepeater(focusArea_r3.tools);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73);
-    i0.ɵɵelement(1, "div", 81);
-    i0.ɵɵelementStart(2, "span", 82);
+    i0.ɵɵelementStart(0, "div", 72);
+    i0.ɵɵelement(1, "div", 80);
+    i0.ɵɵelementStart(2, "span", 81);
     i0.ɵɵtext(3, "Profile Generation Pending");
     i0.ɵɵelementEnd()();
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
+    i0.ɵɵelementStart(0, "div", 85);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 89);
+    i0.ɵɵelementStart(1, "svg", 88);
     i0.ɵɵelement(2, "path", 30);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " Complete ");
     i0.ɵɵelementEnd();
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 87);
+    i0.ɵɵelementStart(0, "div", 86);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 89);
-    i0.ɵɵelement(2, "path", 90);
+    i0.ɵɵelementStart(1, "svg", 88);
+    i0.ɵɵelement(2, "path", 89);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " In Progress ");
     i0.ɵɵelementEnd();
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 88);
+    i0.ɵɵelementStart(0, "div", 87);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 89);
-    i0.ɵɵelement(2, "path", 91);
+    i0.ɵɵelementStart(1, "svg", 88);
+    i0.ɵɵelement(2, "path", 90);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " Not Started ");
     i0.ɵɵelementEnd();
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelementStart(0, "div", 82);
     i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r5); const focusArea_r3 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleFooterClick(focusArea_r3.profileFocusArea)); });
-    i0.ɵɵelementStart(1, "div", 84)(2, "span");
+    i0.ɵɵelementStart(1, "div", 83)(2, "span");
     i0.ɵɵtext(3, "Profile progress");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "span");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "div");
-    i0.ɵɵelement(7, "div", 85);
+    i0.ɵɵelement(7, "div", 84);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_8_Template, 4, 0, "div", 86)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_9_Template, 4, 0, "div", 87)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_10_Template, 4, 0, "div", 88);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_8_Template, 4, 0, "div", 85)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_9_Template, 4, 0, "div", 86)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_10_Template, 4, 0, "div", 87);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const focusArea_r3 = i0.ɵɵnextContext().$implicit;
@@ -95131,8 +94994,8 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_1
     i0.ɵɵconditional(focusArea_r3.status === "complete" ? 8 : focusArea_r3.status === "in-progress" ? 9 : 10);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 75);
-    i0.ɵɵelement(1, "symphiq-content-generation-progress", 92);
+    i0.ɵɵelementStart(0, "div", 74);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress", 91);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const focusArea_r3 = i0.ɵɵnextContext().$implicit;
@@ -95141,8 +95004,8 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_1
     i0.ɵɵproperty("itemStatus", focusArea_r3.itemStatusProfileFocusArea ?? undefined)("viewMode", ctx_r1.viewMode())("compact", true)("compactTitle", "Generating Focus Area Profile");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 75);
-    i0.ɵɵelement(1, "symphiq-content-generation-progress", 92);
+    i0.ɵɵelementStart(0, "div", 74);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress", 91);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const focusArea_r3 = i0.ɵɵnextContext().$implicit;
@@ -95152,17 +95015,17 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_1
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 95);
+    i0.ɵɵelementStart(0, "div", 94);
     i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r6); const focusArea_r3 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleAnalysisFooterClick(focusArea_r3.profileAnalysis, focusArea_r3.profileFocusArea)); });
-    i0.ɵɵelementStart(1, "div", 96)(2, "span", 97);
+    i0.ɵɵelementStart(1, "div", 95)(2, "span", 96);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(3, "svg", 98);
-    i0.ɵɵelement(4, "path", 99)(5, "path", 100);
+    i0.ɵɵelementStart(3, "svg", 97);
+    i0.ɵɵelement(4, "path", 98)(5, "path", 99);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(6, " Review Analysis ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "svg", 101);
-    i0.ɵɵelement(8, "path", 102);
+    i0.ɵɵelementStart(7, "svg", 100);
+    i0.ɵɵelement(8, "path", 101);
     i0.ɵɵelementEnd()()();
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
@@ -95182,14 +95045,14 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_1
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 103);
+    i0.ɵɵelementStart(0, "div", 102);
     i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r7); const focusArea_r3 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.profileAnalysis && focusArea_r3.profileFocusArea ? ctx_r1.handleAnalysisFooterClick(focusArea_r3.profileAnalysis, focusArea_r3.profileFocusArea) : ctx_r1.handleFooterClick(focusArea_r3.profileFocusArea)); });
-    i0.ɵɵelementStart(1, "div", 96)(2, "span", 104);
+    i0.ɵɵelementStart(1, "div", 95)(2, "span", 103);
     i0.ɵɵconditionalCreate(3, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_3_Template, 1, 0)(4, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_4_Template, 1, 0)(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_5_Template, 1, 0)(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_6_Template, 1, 0)(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_7_Template, 1, 0);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 105);
-    i0.ɵɵelement(9, "path", 102);
+    i0.ɵɵelementStart(8, "svg", 104);
+    i0.ɵɵelement(9, "path", 101);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const focusArea_r3 = i0.ɵɵnextContext(2).$implicit;
@@ -95199,31 +95062,31 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_1
     i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED ? 3 : focusArea_r3.hasAnalysis ? 4 : focusArea_r3.status === "complete" ? 5 : focusArea_r3.status === "in-progress" ? 6 : 7);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_0_Template, 9, 0, "div", 93)(1, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Template, 10, 3, "div", 94);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_0_Template, 9, 0, "div", 92)(1, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Template, 10, 3, "div", 93);
 } if (rf & 2) {
     const focusArea_r3 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED && (focusArea_r3.profileAnalysis == null ? null : focusArea_r3.profileAnalysis.reviewStatus) === ctx_r1.ProfileAnalysisReviewStatusEnum.NOT_REVIEWED ? 0 : 1);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "div", 64)(2, "div", 65)(3, "div", 66);
+    i0.ɵɵelementStart(0, "div")(1, "div", 63)(2, "div", 64)(3, "div", 65);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 67);
-    i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_6_Template, 2, 2, "div", 68);
-    i0.ɵɵconditionalCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_7_Template, 3, 0, "div", 69);
-    i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_8_Template, 4, 0, "div", 70);
+    i0.ɵɵelementStart(5, "div", 66);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_6_Template, 2, 2, "div", 67);
+    i0.ɵɵconditionalCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_7_Template, 3, 0, "div", 68);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_8_Template, 4, 0, "div", 69);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(9, "h3");
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "p", 71);
+    i0.ɵɵelementStart(11, "p", 70);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_13_Template, 7, 1, "div", 72);
-    i0.ɵɵconditionalCreate(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_14_Template, 4, 0, "div", 73)(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Template, 11, 11, "div", 74);
+    i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_13_Template, 7, 1, "div", 71);
+    i0.ɵɵconditionalCreate(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_14_Template, 4, 0, "div", 72)(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Template, 11, 11, "div", 73);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(16, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_16_Template, 2, 4, "div", 75)(17, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_17_Template, 2, 4, "div", 75);
+    i0.ɵɵconditionalCreate(16, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_16_Template, 2, 4, "div", 74)(17, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_17_Template, 2, 4, "div", 74);
     i0.ɵɵconditionalCreate(18, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Template, 2, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -95257,7 +95120,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Template(rf,
     i0.ɵɵconditional(focusArea_r3.canViewDetails && focusArea_r3.profileFocusArea && !(focusArea_r3.profileAnalysis && focusArea_r3.selfContentStatusProfileAnalysis !== null && focusArea_r3.selfContentStatusProfileAnalysis !== ctx_r1.AiDynamicContentStatusEnum.GENERATED) ? 18 : -1);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 68);
+    i0.ɵɵelementStart(0, "div", 67);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -95269,33 +95132,33 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 103);
+    i0.ɵɵelementStart(0, "div", 102);
     i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Conditional_11_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r9); const focusArea_r8 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleFooterClick(focusArea_r8.profileFocusArea)); });
-    i0.ɵɵelementStart(1, "div", 96)(2, "span", 104);
+    i0.ɵɵelementStart(1, "div", 95)(2, "span", 103);
     i0.ɵɵtext(3, "View Details");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 105);
-    i0.ɵɵelement(5, "path", 102);
+    i0.ɵɵelementStart(4, "svg", 104);
+    i0.ɵɵelement(5, "path", 101);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵclassMap(ctx_r1.getCardFooterClasses());
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "div", 64)(2, "div", 65)(3, "div", 66);
+    i0.ɵɵelementStart(0, "div")(1, "div", 63)(2, "div", 64)(3, "div", 65);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 67);
-    i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Conditional_6_Template, 2, 2, "div", 68);
+    i0.ɵɵelementStart(5, "div", 66);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Conditional_6_Template, 2, 2, "div", 67);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(7, "h3");
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "p", 71);
+    i0.ɵɵelementStart(9, "p", 70);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Conditional_11_Template, 6, 2, "div", 94);
+    i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Conditional_11_Template, 6, 2, "div", 93);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const focusArea_r8 = ctx.$implicit;
@@ -95318,14 +95181,14 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8
     i0.ɵɵconditional(focusArea_r8.canViewDetails && focusArea_r8.profileFocusArea ? 11 : -1);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36)(1, "div", 106);
-    i0.ɵɵelement(2, "div", 107);
-    i0.ɵɵelementStart(3, "span", 108);
+    i0.ɵɵelementStart(0, "div", 36)(1, "div", 105);
+    i0.ɵɵelement(2, "div", 106);
+    i0.ɵɵelementStart(3, "span", 107);
     i0.ɵɵtext(4, "Not Interested");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "div", 107);
+    i0.ɵɵelement(5, "div", 106);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 109);
+    i0.ɵɵelementStart(6, "div", 108);
     i0.ɵɵrepeaterCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Template, 12, 12, "div", 35, _forTrack0$6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -95341,7 +95204,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Templ
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_68_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-search-modal", 110);
+    i0.ɵɵelementStart(0, "symphiq-search-modal", 109);
     i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_68_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
     i0.ɵɵelementEnd();
 } }
@@ -95775,7 +95638,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     static { this.ɵfac = function SymphiqProfileFocusAreasAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileFocusAreasAnalysesDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileFocusAreasAnalysesDashboardComponent, selectors: [["symphiq-profile-focus-areas-analyses-dashboard"]], hostBindings: function SymphiqProfileFocusAreasAnalysesDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileFocusAreasAnalysesDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 70, vars: 28, consts: [[1, "min-h-screen", "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", "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, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "flex", "items-center", "justify-center", "gap-3", "py-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], [1, "relative"], [1, "absolute", "inset-0", "bg-gradient-to-r", "from-emerald-400", "via-green-400", "to-teal-400", "blur-lg", "opacity-50", "animate-pulse"], [1, "relative", "px-6", "py-2.5", "bg-gradient-to-r", "from-emerald-500", "via-green-500", "to-teal-500", "rounded-full", "shadow-lg", "flex", "items-center", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "text-white"], [1, "text-white", "font-bold", "text-sm", "tracking-wide"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4", "text-yellow-300"], ["d", "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"], [1, "text-sm", "font-semibold", "mb-3", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"], [1, "flex", "flex-wrap", "gap-2"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-amber-100", "dark:bg-amber-900/30", "text-amber-700", "dark:text-amber-400", "flex", "items-center", "gap-1.5"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-slate-100", "dark:bg-slate-700/50", "text-slate-600", "dark:text-slate-400"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-blue-100", "dark:bg-blue-900/30", "text-blue-700", "dark:text-blue-400"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-emerald-100", "dark:bg-emerald-900/30", "text-emerald-700", "dark:text-emerald-400", "flex", "items-center", "gap-1"], ["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, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-slate-100", "dark:bg-slate-700/50", "text-slate-600", "dark:text-slate-400", "flex", "items-center", "gap-1.5"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-red-100", "dark:bg-red-900/30", "text-red-700", "dark:text-red-400", "flex", "items-center", "gap-1.5", "animate-alert-pulse"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-slate-100", "dark:bg-slate-700/50", "text-slate-500", "dark:text-slate-400"], [1, "w-2", "h-2", "rounded-full", "bg-amber-500", "animate-pulse"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3", "h-3"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "w-2", "h-2", "rounded-full", "bg-slate-400", "dark:bg-slate-500", "animate-pulse"], [1, "w-2", "h-2", "rounded-full", "bg-red-500", "animate-pulse"], [1, "p-6", "flex-1"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-red-100", "dark:bg-red-900/30", "text-red-700", "dark:text-red-400", "flex", "items-center", "gap-1.5", "animate-alert-pulse"], [1, "px-3", "py-1", "bg-emerald-100", "dark:bg-emerald-900/40", "text-emerald-700", "dark:text-emerald-400", "text-xs", "font-semibold", "rounded-full", "flex", "items-center", "gap-1.5", "border", "border-emerald-300/50", "dark:border-emerald-500/30", "shadow-sm"], ["tooltipPosition", "bottom", 3, "libSymphiqTooltip"], [1, "mt-3", "mb-4"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2", "cursor-pointer", "mt-4"], [1, "px-6", "pb-4"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3.5", "h-3.5"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "space-y-2", "cursor-pointer", "mt-4", 3, "click"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"], [3, "itemStatus", "viewMode", "compact", "compactTitle"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse", 3, "click"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-semibold", "text-white", "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "animate-pulse"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-white/90", "group-hover:translate-x-1", "transition-transform"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "hover:text-blue-500", "dark:hover:text-blue-400", "hover:translate-x-1", "transition-all"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 70, vars: 30, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [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, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "flex", "items-center", "justify-center", "gap-3", "py-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], [1, "absolute", "inset-0", "bg-gradient-to-r", "from-emerald-400", "via-green-400", "to-teal-400", "blur-lg", "opacity-50", "animate-pulse"], [1, "relative", "px-6", "py-2.5", "bg-gradient-to-r", "from-emerald-500", "via-green-500", "to-teal-500", "rounded-full", "shadow-lg", "flex", "items-center", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "text-white"], [1, "text-white", "font-bold", "text-sm", "tracking-wide"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4", "text-yellow-300"], ["d", "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"], [1, "text-sm", "font-semibold", "mb-3", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"], [1, "flex", "flex-wrap", "gap-2"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-amber-100", "dark:bg-amber-900/30", "text-amber-700", "dark:text-amber-400", "flex", "items-center", "gap-1.5"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-slate-100", "dark:bg-slate-700/50", "text-slate-600", "dark:text-slate-400"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-blue-100", "dark:bg-blue-900/30", "text-blue-700", "dark:text-blue-400"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-emerald-100", "dark:bg-emerald-900/30", "text-emerald-700", "dark:text-emerald-400", "flex", "items-center", "gap-1"], ["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, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-slate-100", "dark:bg-slate-700/50", "text-slate-600", "dark:text-slate-400", "flex", "items-center", "gap-1.5"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-red-100", "dark:bg-red-900/30", "text-red-700", "dark:text-red-400", "flex", "items-center", "gap-1.5", "animate-alert-pulse"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-slate-100", "dark:bg-slate-700/50", "text-slate-500", "dark:text-slate-400"], [1, "w-2", "h-2", "rounded-full", "bg-amber-500", "animate-pulse"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3", "h-3"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "w-2", "h-2", "rounded-full", "bg-slate-400", "dark:bg-slate-500", "animate-pulse"], [1, "w-2", "h-2", "rounded-full", "bg-red-500", "animate-pulse"], [1, "p-6", "flex-1"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-red-100", "dark:bg-red-900/30", "text-red-700", "dark:text-red-400", "flex", "items-center", "gap-1.5", "animate-alert-pulse"], [1, "px-3", "py-1", "bg-emerald-100", "dark:bg-emerald-900/40", "text-emerald-700", "dark:text-emerald-400", "text-xs", "font-semibold", "rounded-full", "flex", "items-center", "gap-1.5", "border", "border-emerald-300/50", "dark:border-emerald-500/30", "shadow-sm"], ["tooltipPosition", "bottom", 3, "libSymphiqTooltip"], [1, "mt-3", "mb-4"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2", "cursor-pointer", "mt-4"], [1, "px-6", "pb-4"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3.5", "h-3.5"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "space-y-2", "cursor-pointer", "mt-4", 3, "click"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"], [3, "itemStatus", "viewMode", "compact", "compactTitle"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse", 3, "click"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-semibold", "text-white", "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "animate-pulse"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-white/90", "group-hover:translate-x-1", "transition-transform"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "hover:text-blue-500", "dark:hover:text-blue-400", "hover:translate-x-1", "transition-all"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -95868,6 +95731,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             i0.ɵɵelement(69, "symphiq-tooltip-container");
             i0.ɵɵelementEnd();
         } if (rf & 2) {
+            i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
             i0.ɵɵadvance();
             i0.ɵɵclassProp("light-mode", ctx.isLightMode());
             i0.ɵɵadvance(2);
@@ -95952,7 +95816,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                         ])
                     ])
                 ], template: `
-    <div class="min-h-screen relative">
+    <div [class.min-h-screen]="!embedded()" class="relative">
       <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>
 
@@ -97811,7 +97675,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
         } }, hostBindings: function SymphiqProfileAnalysisFocusAreaDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisFocusAreaDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], focusAreaDetails: [1, "focusAreaDetails"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 27, vars: 46, consts: [["funnelModalComponent", ""], [1, "min-h-screen", "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], [1, "mb-12"], [3, "viewMode", "focusAreaDomain", "focusAreaName"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Focus Area Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "focusAreaExecutiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], focusAreaDetails: [1, "focusAreaDetails"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 27, vars: 48, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], [1, "mb-12"], [3, "viewMode", "focusAreaDomain", "focusAreaName"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Focus Area Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "focusAreaExecutiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "div", 2);
@@ -97851,8 +97715,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵelement(26, "symphiq-tooltip-container");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            let tmp_13_0;
-            let tmp_31_0;
+            let tmp_14_0;
             let tmp_32_0;
             let tmp_33_0;
             let tmp_34_0;
@@ -97860,8 +97723,10 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             let tmp_36_0;
             let tmp_37_0;
             let tmp_38_0;
-            let tmp_40_0;
+            let tmp_39_0;
             let tmp_41_0;
+            let tmp_42_0;
+            i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
             i0.ɵɵadvance();
             i0.ɵɵclassProp("light-mode", ctx.isLightMode());
@@ -97871,7 +97736,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             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(2);
-            i0.ɵɵproperty("title", ctx.getAnalysisSubtitle())("subtitle", "")("currentSection", "Focus Area")("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_13_0 = ctx.profileAnalysis()) == null ? null : tmp_13_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls());
+            i0.ɵɵproperty("title", ctx.getAnalysisSubtitle())("subtitle", "")("currentSection", "Focus Area")("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_14_0 = ctx.profileAnalysis()) == null ? null : tmp_14_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls());
             i0.ɵɵadvance();
             i0.ɵɵclassProp("pb-32", ctx.shouldShowReviewFooter());
             i0.ɵɵadvance();
@@ -97891,23 +97756,23 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allBusinessInsights", ctx.allBusinessInsights())("allCharts", ctx.allCharts());
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_31_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 15 : -1, tmp_31_0);
+            i0.ɵɵconditional((tmp_32_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 15 : -1, tmp_32_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_32_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 16 : -1, tmp_32_0);
+            i0.ɵɵconditional((tmp_33_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 16 : -1, tmp_33_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_33_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 17 : -1, tmp_33_0);
+            i0.ɵɵconditional((tmp_34_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 17 : -1, tmp_34_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_34_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 18 : -1, tmp_34_0);
+            i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 18 : -1, tmp_35_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 19 : -1, tmp_35_0);
+            i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 19 : -1, tmp_36_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 20 : -1, tmp_36_0);
+            i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 20 : -1, tmp_37_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 21 : -1, tmp_37_0);
+            i0.ɵɵconditional((tmp_38_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 21 : -1, tmp_38_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_38_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 22 : -1, tmp_38_0);
+            i0.ɵɵconditional((tmp_39_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 22 : -1, tmp_39_0);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_40_0 = ctx.profileAnalysis()) == null ? null : tmp_40_0.reviewStatus)("selfContentStatus", (tmp_41_0 = ctx.profileAnalysis()) == null ? null : tmp_41_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_41_0 = ctx.profileAnalysis()) == null ? null : tmp_41_0.reviewStatus)("selfContentStatus", (tmp_42_0 = ctx.profileAnalysis()) == null ? null : tmp_42_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent,
             SearchModalComponent,
             ViewModeSwitcherModalComponent,
@@ -97973,7 +97838,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
-    <div [ngClass]="getContainerClasses()" class="min-h-screen relative">
+    <div [ngClass]="getContainerClasses()" [class.min-h-screen]="!embedded()" class="relative">
       <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>