@eric-emg/symphiq-components 1.3.13 → 1.3.16

package/fesm2022/symphiq-components.mjs

@@ -25300,6 +25300,36 @@ class JourneyProgressIndicatorComponent {
     }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], showNextStepAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNextStepAction", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JourneyProgressIndicatorComponent, { className: "JourneyProgressIndicatorComponent", filePath: "lib/components/business-analysis-dashboard/journey-progress-indicator.component.ts", lineNumber: 370 }); })();
 
+function ConfidenceLevelCardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 24);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("width", ctx_r0.confidenceData().potentialPercentage, "%");
+    i0.ɵɵproperty("ngClass", ctx_r0.potentialProgressBarClasses());
+} }
+function ConfidenceLevelCardComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 25);
+    i0.ɵɵelement(2, "path", 26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span", 27);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 28);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.nextStepCalloutClasses());
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r0.confidenceData().nextStepAction);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.nextStepBadgeClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" \u2192 ", ctx_r0.confidenceData().potentialGrade, " (", ctx_r0.confidenceData().potentialPercentage, "%) ");
+} }
 class ConfidenceLevelCardComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -25307,6 +25337,7 @@ class ConfidenceLevelCardComponent {
         this.focusAreaDetails = input(...(ngDevMode ? [undefined, { debugName: "focusAreaDetails" }] : []));
         this.currentFocusAreaDomain = input(...(ngDevMode ? [undefined, { debugName: "currentFocusAreaDomain" }] : []));
         this.currentMetric = input(...(ngDevMode ? [undefined, { debugName: "currentMetric" }] : []));
+        this.targets = input(...(ngDevMode ? [undefined, { debugName: "targets" }] : []));
         this.elementRef = inject(ElementRef);
         this.hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "hasAnimated" }] : []));
         this.animatedPercentage = signal(0, ...(ngDevMode ? [{ debugName: "animatedPercentage" }] : []));
@@ -25320,6 +25351,9 @@ class ConfidenceLevelCardComponent {
                 'welcome': {
                     grade: 'F',
                     percentage: 0,
+                    potentialGrade: 'D',
+                    potentialPercentage: 25,
+                    nextStepAction: 'Complete business analysis',
                     qualitativeStatus: 'No Context Yet',
                     quantitativeStatus: 'No Data Connected',
                     description: 'Welcome to your journey! This is your starting point. As you progress through each onboarding step, Symphiq will learn about your business, operations, and goals. Your confidence level will grow with each step, enabling increasingly accurate and personalized recommendations.'
@@ -25327,6 +25361,9 @@ class ConfidenceLevelCardComponent {
                 'business-analysis': {
                     grade: 'D',
                     percentage: 25,
+                    potentialGrade: 'D+',
+                    potentialPercentage: 30,
+                    nextStepAction: 'Connect GA4',
                     qualitativeStatus: 'Business Context',
                     quantitativeStatus: 'No Data Connected',
                     description: 'Initial context only. Symphiq has preliminary business insights from public information. Connecting your analytics and completing profile questions will unlock dramatically more accurate recommendations.'
@@ -25334,20 +25371,29 @@ class ConfidenceLevelCardComponent {
                 'connect-ga4': {
                     grade: 'D+',
                     percentage: 30,
+                    potentialGrade: 'C-',
+                    potentialPercentage: 35,
+                    nextStepAction: 'Set revenue targets',
                     qualitativeStatus: 'Business Context',
                     quantitativeStatus: 'GA4 Connected',
                     description: 'Basic context established. Symphiq has business insights and performance data connected. Setting targets and completing profile analysis will enhance recommendation precision.'
                 },
                 'revenue-calculator': {
-                    grade: 'C-',
-                    percentage: 35,
-                    qualitativeStatus: 'Business Context',
-                    quantitativeStatus: 'Data + Targets Set',
-                    description: 'Foundation in place. Symphiq understands your business and has performance data with targets. Analyzing your funnel and completing operational profiles will improve recommendation accuracy significantly.'
+                    grade: this.getRevenueCalculatorGrade(),
+                    percentage: this.calculateRevenueCalculatorPercentage(),
+                    potentialGrade: this.hasTargetsSet() ? undefined : 'C',
+                    potentialPercentage: this.hasTargetsSet() ? undefined : 45,
+                    nextStepAction: this.hasTargetsSet() ? undefined : 'Set revenue targets',
+                    qualitativeStatus: this.hasTargetsSet() ? 'Business + Targets' : 'Business Context',
+                    quantitativeStatus: this.hasTargetsSet() ? 'Data + Targets Set' : 'GA4 Connected',
+                    description: this.getRevenueCalculatorDescription()
                 },
                 'funnel-analysis': {
                     grade: 'C',
                     percentage: 45,
+                    potentialGrade: 'C+',
+                    potentialPercentage: 55,
+                    nextStepAction: 'Complete shop analysis',
                     qualitativeStatus: 'Business + Funnel',
                     quantitativeStatus: 'Full Analytics',
                     description: 'Good context achieved. Symphiq has strategic insights and detailed funnel analysis. Adding shop and marketing context will unlock more operationally-aligned recommendations.'
@@ -25355,6 +25401,9 @@ class ConfidenceLevelCardComponent {
                 'shop-analysis': {
                     grade: 'C+',
                     percentage: 55,
+                    potentialGrade: 'B-',
+                    potentialPercentage: 65,
+                    nextStepAction: 'Analyze focus areas',
                     qualitativeStatus: 'Business + Shop',
                     quantitativeStatus: 'Full Analytics',
                     description: 'Solid foundation established. Symphiq understands your business strategy, funnel performance, and shop operations. Focus area and metric context will maximize recommendation precision.'
@@ -25362,6 +25411,9 @@ class ConfidenceLevelCardComponent {
                 'focus-area-analysis': {
                     grade: 'B-',
                     percentage: this.calculateFocusAreaPercentage(),
+                    potentialGrade: 'B',
+                    potentialPercentage: 75,
+                    nextStepAction: 'Complete all focus areas',
                     qualitativeStatus: 'Business + Shop + Focus Area',
                     quantitativeStatus: 'Full Analytics',
                     description: 'Enhanced context achieved. Symphiq has comprehensive business, operational, and domain-specific marketing knowledge with performance data. Additional focus areas and metric analysis will further improve recommendation precision.'
@@ -25369,6 +25421,9 @@ class ConfidenceLevelCardComponent {
                 'focus-areas': {
                     grade: 'B',
                     percentage: 75,
+                    potentialGrade: 'A',
+                    potentialPercentage: 100,
+                    nextStepAction: 'Complete metric analysis',
                     qualitativeStatus: 'Business + Shop + Marketing',
                     quantitativeStatus: 'Full Analytics',
                     description: 'Strong context in place. Symphiq has comprehensive business, operational, and marketing knowledge across multiple domains with performance data. Completing metric analysis will achieve maximum confidence.'
@@ -25376,6 +25431,9 @@ class ConfidenceLevelCardComponent {
                 'metric-analysis': {
                     grade: this.getMetricGrade(),
                     percentage: this.calculateMetricPercentage(),
+                    potentialGrade: this.getMetricGrade() === 'A' ? undefined : 'A',
+                    potentialPercentage: this.calculateMetricPercentage() >= 100 ? undefined : 100,
+                    nextStepAction: this.getMetricGrade() === 'A' ? undefined : 'Complete all metrics',
                     qualitativeStatus: this.getMetricQualitativeStatus(),
                     quantitativeStatus: 'Full Analytics',
                     description: this.getMetricDescription()
@@ -25568,6 +25626,57 @@ class ConfidenceLevelCardComponent {
             }
             return 'bg-gradient-to-r from-red-500 to-rose-500';
         }, ...(ngDevMode ? [{ debugName: "progressGlowClasses" }] : []));
+        this.potentialProgressBarClasses = computed(() => {
+            const potentialGrade = this.confidenceData().potentialGrade;
+            const isDark = !this.isLightMode();
+            const baseClasses = 'opacity-40';
+            if (potentialGrade === 'A') {
+                return isDark
+                    ? `${baseClasses} bg-gradient-to-r from-emerald-500/50 via-teal-500/50 to-emerald-600/50`
+                    : `${baseClasses} bg-gradient-to-r from-emerald-400/50 via-teal-400/50 to-emerald-500/50`;
+            }
+            else if (potentialGrade?.startsWith('B')) {
+                return isDark
+                    ? `${baseClasses} bg-gradient-to-r from-blue-500/50 via-cyan-500/50 to-blue-600/50`
+                    : `${baseClasses} bg-gradient-to-r from-blue-400/50 via-cyan-400/50 to-blue-500/50`;
+            }
+            else if (potentialGrade?.startsWith('C')) {
+                return isDark
+                    ? `${baseClasses} bg-gradient-to-r from-orange-500/50 via-amber-500/50 to-orange-600/50`
+                    : `${baseClasses} bg-gradient-to-r from-orange-400/50 via-amber-400/50 to-orange-500/50`;
+            }
+            return isDark
+                ? `${baseClasses} bg-gradient-to-r from-red-500/50 via-rose-500/50 to-red-600/50`
+                : `${baseClasses} bg-gradient-to-r from-red-400/50 via-rose-400/50 to-red-500/50`;
+        }, ...(ngDevMode ? [{ debugName: "potentialProgressBarClasses" }] : []));
+        this.nextStepCalloutClasses = computed(() => {
+            const isDark = !this.isLightMode();
+            return isDark
+                ? 'bg-slate-700/50 text-slate-300 border border-slate-600/50'
+                : 'bg-slate-100 text-slate-700 border border-slate-200';
+        }, ...(ngDevMode ? [{ debugName: "nextStepCalloutClasses" }] : []));
+        this.nextStepBadgeClasses = computed(() => {
+            const potentialGrade = this.confidenceData().potentialGrade;
+            const isDark = !this.isLightMode();
+            if (potentialGrade === 'A') {
+                return isDark
+                    ? 'bg-emerald-500/20 text-emerald-400'
+                    : 'bg-emerald-100 text-emerald-700';
+            }
+            else if (potentialGrade?.startsWith('B')) {
+                return isDark
+                    ? 'bg-blue-500/20 text-blue-400'
+                    : 'bg-blue-100 text-blue-700';
+            }
+            else if (potentialGrade?.startsWith('C')) {
+                return isDark
+                    ? 'bg-orange-500/20 text-orange-400'
+                    : 'bg-orange-100 text-orange-700';
+            }
+            return isDark
+                ? 'bg-red-500/20 text-red-400'
+                : 'bg-red-100 text-red-700';
+        }, ...(ngDevMode ? [{ debugName: "nextStepBadgeClasses" }] : []));
         effect(() => {
             const currentData = this.confidenceData();
             const prevPercentage = this.previousPercentage();
@@ -25669,6 +25778,30 @@ class ConfidenceLevelCardComponent {
             this.isGradeChanging.set(false);
         }, 800);
     }
+    hasTargetsSet() {
+        const targets = this.targets();
+        return targets !== undefined && targets.length > 0;
+    }
+    calculateRevenueCalculatorPercentage() {
+        const BASE_PERCENTAGE = 35;
+        const WITH_TARGETS_PERCENTAGE = 45;
+        if (this.hasTargetsSet()) {
+            return WITH_TARGETS_PERCENTAGE;
+        }
+        return BASE_PERCENTAGE;
+    }
+    getRevenueCalculatorGrade() {
+        if (this.hasTargetsSet()) {
+            return 'C';
+        }
+        return 'C-';
+    }
+    getRevenueCalculatorDescription() {
+        if (this.hasTargetsSet()) {
+            return 'Targets established! Symphiq understands your business goals with performance data and revenue targets set. Analyzing your funnel and completing operational profiles will further improve recommendation accuracy.';
+        }
+        return 'Foundation in place. Symphiq understands your business and has performance data connected. Set your revenue targets to enhance recommendation precision and enable goal-driven insights.';
+    }
     calculateFocusAreaPercentage() {
         const BASE_PERCENTAGE = 55;
         const MAX_PERCENTAGE = 75;
@@ -25769,7 +25902,7 @@ class ConfidenceLevelCardComponent {
         return `Strong context building. Symphiq has comprehensive business, operational, and marketing knowledge with detailed metric analysis (${completedCount}/${totalCount} metrics complete). Continue analyzing remaining metrics to achieve maximum confidence.`;
     }
     static { this.ɵfac = function ConfidenceLevelCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConfidenceLevelCardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfidenceLevelCardComponent, selectors: [["symphiq-confidence-level-card"]], inputs: { viewMode: [1, "viewMode"], currentStepId: [1, "currentStepId"], focusAreaDetails: [1, "focusAreaDetails"], currentFocusAreaDomain: [1, "currentFocusAreaDomain"], currentMetric: [1, "currentMetric"] }, decls: 29, vars: 31, consts: [[1, "rounded-2xl", "p-6", "transition-all", "duration-500", "hover:scale-[1.02]", "relative", "overflow-hidden", "group", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-30", "transition-opacity", "duration-500", "group-hover:opacity-50", 3, "ngClass"], [1, "relative", "z-10"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-4"], [1, "flex-1", "min-w-0"], [1, "text-lg", "font-bold", "mb-1", 3, "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "relative", "flex-shrink-0", "transition-all", "duration-300", "hover:scale-110", 3, "ngClass"], [1, "absolute", "inset-0", "rounded-xl", "blur-xl", "opacity-60", "transition-all", "duration-500", "group-hover:opacity-80", 3, "ngClass"], [1, "relative", "px-5", "py-3", "rounded-xl", "text-center", "backdrop-blur-sm", "transition-all", "duration-500", 3, "ngClass"], [1, "text-[10px]", "font-bold", "uppercase", "tracking-wider", "mb-0.5", "transition-colors", "duration-500", 3, "ngClass"], [1, "text-3xl", "font-bold", "transition-all", "duration-500", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-center", "justify-between"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "text-xs", "font-bold", 3, "ngClass"], [1, "relative"], [1, "h-3", "rounded-full", "overflow-hidden", "relative", 3, "ngClass"], [1, "h-full", "transition-all", "duration-1000", "ease-out", "relative", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-30", 3, "ngClass"], [1, "absolute", "top-0", "left-0", "h-3", "rounded-full", "blur-md", "opacity-40", "transition-all", "duration-1000", "ease-out", "-z-10", 3, "ngClass"]], template: function ConfidenceLevelCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfidenceLevelCardComponent, selectors: [["symphiq-confidence-level-card"]], inputs: { viewMode: [1, "viewMode"], currentStepId: [1, "currentStepId"], focusAreaDetails: [1, "focusAreaDetails"], currentFocusAreaDomain: [1, "currentFocusAreaDomain"], currentMetric: [1, "currentMetric"], targets: [1, "targets"] }, decls: 31, vars: 33, consts: [[1, "rounded-2xl", "p-6", "transition-all", "duration-500", "hover:scale-[1.02]", "relative", "overflow-hidden", "group", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-30", "transition-opacity", "duration-500", "group-hover:opacity-50", 3, "ngClass"], [1, "relative", "z-10"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-4"], [1, "flex-1", "min-w-0"], [1, "text-lg", "font-bold", "mb-1", 3, "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "relative", "flex-shrink-0", "transition-all", "duration-300", "hover:scale-110", 3, "ngClass"], [1, "absolute", "inset-0", "rounded-xl", "blur-xl", "opacity-60", "transition-all", "duration-500", "group-hover:opacity-80", 3, "ngClass"], [1, "relative", "px-5", "py-3", "rounded-xl", "text-center", "backdrop-blur-sm", "transition-all", "duration-500", 3, "ngClass"], [1, "text-[10px]", "font-bold", "uppercase", "tracking-wider", "mb-0.5", "transition-colors", "duration-500", 3, "ngClass"], [1, "text-3xl", "font-bold", "transition-all", "duration-500", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-center", "justify-between"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "text-xs", "font-bold", 3, "ngClass"], [1, "relative"], [1, "h-3", "rounded-full", "overflow-hidden", "relative", 3, "ngClass"], [1, "absolute", "top-0", "left-0", "h-full", "rounded-full", "transition-all", "duration-1000", "ease-out", 3, "width", "ngClass"], [1, "h-full", "transition-all", "duration-1000", "ease-out", "relative", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-30", 3, "ngClass"], [1, "absolute", "top-0", "left-0", "h-3", "rounded-full", "blur-md", "opacity-40", "transition-all", "duration-1000", "ease-out", "-z-10", 3, "ngClass"], [1, "mt-3", "flex", "items-center", "gap-2", "text-xs", "font-medium", "p-2", "rounded-lg", 3, "ngClass"], [1, "absolute", "top-0", "left-0", "h-full", "rounded-full", "transition-all", "duration-1000", "ease-out", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "flex-1"], [1, "font-bold", "px-2", "py-0.5", "rounded", 3, "ngClass"]], template: function ConfidenceLevelCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
             i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "h3", 5);
@@ -25795,11 +25928,15 @@ class ConfidenceLevelCardComponent {
             i0.ɵɵelementStart(22, "span", 16);
             i0.ɵɵtext(23);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(24, "div", 17)(25, "div", 18)(26, "div", 19);
-            i0.ɵɵelement(27, "div", 20);
-            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(24, "div", 17)(25, "div", 18);
+            i0.ɵɵconditionalCreate(26, ConfidenceLevelCardComponent_Conditional_26_Template, 1, 3, "div", 19);
+            i0.ɵɵelementStart(27, "div", 20);
             i0.ɵɵelement(28, "div", 21);
-            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(29, "div", 22);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(30, ConfidenceLevelCardComponent_Conditional_30_Template, 7, 5, "div", 23);
+            i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵclassProp("confidence-card-animate", ctx.hasAnimated());
             i0.ɵɵproperty("ngClass", ctx.cardContainerClasses());
@@ -25837,6 +25974,8 @@ class ConfidenceLevelCardComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.progressTrackClasses());
             i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.confidenceData().potentialPercentage ? 26 : -1);
+            i0.ɵɵadvance();
             i0.ɵɵstyleProp("width", ctx.animatedPercentage(), "%");
             i0.ɵɵproperty("ngClass", ctx.progressBarClasses());
             i0.ɵɵadvance();
@@ -25844,86 +25983,109 @@ class ConfidenceLevelCardComponent {
             i0.ɵɵadvance();
             i0.ɵɵstyleProp("width", ctx.animatedPercentage(), "%");
             i0.ɵɵproperty("ngClass", ctx.progressGlowClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.confidenceData().nextStepAction && ctx.confidenceData().potentialGrade ? 30 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_confidence-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _ngcontent-%COMP%_pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes _ngcontent-%COMP%_shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes _ngcontent-%COMP%_grade-change{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}.confidence-card-animate[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_confidence-fade-in-up .6s ease-out forwards}.animate-pulse-glow[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-glow 2s ease-in-out infinite}.grade-change-animate[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_grade-change .8s ease-out}@media(prefers-reduced-motion:reduce){.confidence-card-animate[_ngcontent-%COMP%], .animate-pulse-glow[_ngcontent-%COMP%], .grade-change-animate[_ngcontent-%COMP%]{animation:none;opacity:1}}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfidenceLevelCardComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-confidence-level-card', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div
-      [ngClass]="cardContainerClasses()"
-      class="rounded-2xl p-6 transition-all duration-500 hover:scale-[1.02] relative overflow-hidden group"
-      [class.confidence-card-animate]="hasAnimated()">
-
-      <!-- Animated background gradient overlay -->
-      <div [ngClass]="backgroundOverlayClasses()" class="absolute inset-0 opacity-30 transition-opacity duration-500 group-hover:opacity-50"></div>
-
-      <!-- Content -->
-      <div class="relative z-10">
-        <!-- Header with Title and Grade Badge -->
-        <div class="flex items-start justify-between gap-4 mb-4">
-          <div class="flex-1 min-w-0">
-            <h3 [ngClass]="titleClasses()" class="text-lg font-bold mb-1">
-              Confidence Level
-            </h3>
-            <p [ngClass]="subtitleClasses()" class="text-xs font-medium">
-              {{ confidenceData().qualitativeStatus }} + {{ confidenceData().quantitativeStatus }}
-            </p>
-          </div>
-
-          <!-- Grade Badge with Glow -->
-          <div
-            [ngClass]="gradeBadgeContainerClasses()"
-            class="relative flex-shrink-0 transition-all duration-300 hover:scale-110"
-            [class.animate-pulse-glow]="shouldPulse()"
-            [class.grade-change-animate]="isGradeChanging()">
-            <!-- Glow effect -->
-            <div [ngClass]="glowEffectClasses()" class="absolute inset-0 rounded-xl blur-xl opacity-60 transition-all duration-500 group-hover:opacity-80"></div>
-            <!-- Badge content -->
-            <div [ngClass]="gradeBadgeClasses()" class="relative px-5 py-3 rounded-xl text-center backdrop-blur-sm transition-all duration-500">
-              <div [ngClass]="gradeLabelClasses()" class="text-[10px] font-bold uppercase tracking-wider mb-0.5 transition-colors duration-500">Grade</div>
-              <div [ngClass]="gradeValueClasses()" class="text-3xl font-bold transition-all duration-500">{{ confidenceData().grade }}</div>
-            </div>
-          </div>
-        </div>
-
-        <!-- Description -->
-        <p [ngClass]="descriptionClasses()" class="text-sm leading-relaxed mb-4">
-          {{ confidenceData().description }}
-        </p>
-
-        <!-- Progress Bar -->
-        <div class="space-y-2">
-          <div class="flex items-center justify-between">
-            <span [ngClass]="progressLabelClasses()" class="text-xs font-semibold">Context Completeness</span>
-            <span [ngClass]="progressValueClasses()" class="text-xs font-bold">{{ animatedPercentage() }}%</span>
-          </div>
-
-          <!-- Progress Track -->
-          <div class="relative">
-            <!-- Background track -->
-            <div [ngClass]="progressTrackClasses()" class="h-3 rounded-full overflow-hidden relative">
-              <!-- Progress bar with shimmer -->
-              <div
-                [style.width.%]="animatedPercentage()"
-                [ngClass]="progressBarClasses()"
-                class="h-full transition-all duration-1000 ease-out relative">
-                <!-- Shimmer effect -->
-                <div [ngClass]="shimmerClasses()" class="absolute inset-0 opacity-30"></div>
-              </div>
-            </div>
-            <!-- Glow underneath -->
-            <div
-              [style.width.%]="animatedPercentage()"
-              [ngClass]="progressGlowClasses()"
-              class="absolute top-0 left-0 h-3 rounded-full blur-md opacity-40 transition-all duration-1000 ease-out -z-10">
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+        args: [{ selector: 'symphiq-confidence-level-card', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div
+      [ngClass]="cardContainerClasses()"
+      class="rounded-2xl p-6 transition-all duration-500 hover:scale-[1.02] relative overflow-hidden group"
+      [class.confidence-card-animate]="hasAnimated()">
+
+      <!-- Animated background gradient overlay -->
+      <div [ngClass]="backgroundOverlayClasses()" class="absolute inset-0 opacity-30 transition-opacity duration-500 group-hover:opacity-50"></div>
+
+      <!-- Content -->
+      <div class="relative z-10">
+        <!-- Header with Title and Grade Badge -->
+        <div class="flex items-start justify-between gap-4 mb-4">
+          <div class="flex-1 min-w-0">
+            <h3 [ngClass]="titleClasses()" class="text-lg font-bold mb-1">
+              Confidence Level
+            </h3>
+            <p [ngClass]="subtitleClasses()" class="text-xs font-medium">
+              {{ confidenceData().qualitativeStatus }} + {{ confidenceData().quantitativeStatus }}
+            </p>
+          </div>
+
+          <!-- Grade Badge with Glow -->
+          <div
+            [ngClass]="gradeBadgeContainerClasses()"
+            class="relative flex-shrink-0 transition-all duration-300 hover:scale-110"
+            [class.animate-pulse-glow]="shouldPulse()"
+            [class.grade-change-animate]="isGradeChanging()">
+            <!-- Glow effect -->
+            <div [ngClass]="glowEffectClasses()" class="absolute inset-0 rounded-xl blur-xl opacity-60 transition-all duration-500 group-hover:opacity-80"></div>
+            <!-- Badge content -->
+            <div [ngClass]="gradeBadgeClasses()" class="relative px-5 py-3 rounded-xl text-center backdrop-blur-sm transition-all duration-500">
+              <div [ngClass]="gradeLabelClasses()" class="text-[10px] font-bold uppercase tracking-wider mb-0.5 transition-colors duration-500">Grade</div>
+              <div [ngClass]="gradeValueClasses()" class="text-3xl font-bold transition-all duration-500">{{ confidenceData().grade }}</div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Description -->
+        <p [ngClass]="descriptionClasses()" class="text-sm leading-relaxed mb-4">
+          {{ confidenceData().description }}
+        </p>
+
+        <!-- Progress Bar -->
+        <div class="space-y-2">
+          <div class="flex items-center justify-between">
+            <span [ngClass]="progressLabelClasses()" class="text-xs font-semibold">Context Completeness</span>
+            <span [ngClass]="progressValueClasses()" class="text-xs font-bold">{{ animatedPercentage() }}%</span>
+          </div>
+
+          <!-- Progress Track -->
+          <div class="relative">
+            <!-- Background track -->
+            <div [ngClass]="progressTrackClasses()" class="h-3 rounded-full overflow-hidden relative">
+              <!-- Potential progress bar (dashed/translucent) -->
+              @if (confidenceData().potentialPercentage) {
+                <div
+                  [style.width.%]="confidenceData().potentialPercentage"
+                  [ngClass]="potentialProgressBarClasses()"
+                  class="absolute top-0 left-0 h-full rounded-full transition-all duration-1000 ease-out">
+                </div>
+              }
+              <!-- Progress bar with shimmer -->
+              <div
+                [style.width.%]="animatedPercentage()"
+                [ngClass]="progressBarClasses()"
+                class="h-full transition-all duration-1000 ease-out relative">
+                <!-- Shimmer effect -->
+                <div [ngClass]="shimmerClasses()" class="absolute inset-0 opacity-30"></div>
+              </div>
+            </div>
+            <!-- Glow underneath -->
+            <div
+              [style.width.%]="animatedPercentage()"
+              [ngClass]="progressGlowClasses()"
+              class="absolute top-0 left-0 h-3 rounded-full blur-md opacity-40 transition-all duration-1000 ease-out -z-10">
+            </div>
+          </div>
+
+          <!-- Next Step Action Callout -->
+          @if (confidenceData().nextStepAction && confidenceData().potentialGrade) {
+            <div [ngClass]="nextStepCalloutClasses()" class="mt-3 flex items-center gap-2 text-xs font-medium p-2 rounded-lg">
+              <svg class="w-4 h-4 flex-shrink-0" 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>
+              <span class="flex-1">{{ confidenceData().nextStepAction }}</span>
+              <span [ngClass]="nextStepBadgeClasses()" class="font-bold px-2 py-0.5 rounded">
+                → {{ confidenceData().potentialGrade }} ({{ confidenceData().potentialPercentage }}%)
+              </span>
+            </div>
+          }
+        </div>
+      </div>
+    </div>
   `, styles: ["@keyframes confidence-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes grade-change{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}.confidence-card-animate{animation:confidence-fade-in-up .6s ease-out forwards}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.grade-change-animate{animation:grade-change .8s ease-out}@media(prefers-reduced-motion:reduce){.confidence-card-animate,.animate-pulse-glow,.grade-change-animate{animation:none;opacity:1}}\n"] }]
-    }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], currentFocusAreaDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentFocusAreaDomain", required: false }] }], currentMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentMetric", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfidenceLevelCardComponent, { className: "ConfidenceLevelCardComponent", filePath: "lib/components/shared/confidence-level-card.component.ts", lineNumber: 161 }); })();
+    }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], currentFocusAreaDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentFocusAreaDomain", required: false }] }], currentMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentMetric", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfidenceLevelCardComponent, { className: "ConfidenceLevelCardComponent", filePath: "lib/components/shared/confidence-level-card.component.ts", lineNumber: 185 }); })();
 
 function ContinueYourJourneyComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
@@ -47579,7 +47741,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Template(rf, ctx
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 50);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 48);
     i0.ɵɵlistener("stepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.stepClick.emit($event)); })("nextStepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -47588,23 +47750,18 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Te
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 44);
-    i0.ɵɵelementStart(1, "main", 45)(2, "div", 46)(3, "div", 47);
-    i0.ɵɵelement(4, "symphiq-funnel-welcome-banner", 48);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "symphiq-loading-card", 49);
+    i0.ɵɵelementStart(1, "main", 45)(2, "div", 46);
+    i0.ɵɵelement(3, "symphiq-loading-card", 47);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_5_0;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵconditional(!ctx_r2.isOnboarded() ? 0 : -1);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("isOnboarded", ctx_r2.isOnboarded())("analysisDate", (tmp_5_0 = ctx_r2.funnelAnalysis()) == null ? null : tmp_5_0.selfContentCompletedDate);
-    i0.ɵɵadvance();
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("backdropBlur", true);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 50);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 48);
     i0.ɵɵlistener("stepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.stepClick.emit($event)); })("nextStepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -47613,10 +47770,10 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Te
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 44);
-    i0.ɵɵelementStart(1, "main", 45)(2, "div", 46)(3, "div", 47);
-    i0.ɵɵelement(4, "symphiq-funnel-welcome-banner", 48);
+    i0.ɵɵelementStart(1, "main", 45)(2, "div", 49)(3, "div", 50);
+    i0.ɵɵelement(4, "symphiq-funnel-welcome-banner", 51);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelement(5, "symphiq-content-generation-progress-with-confetti", 51);
+    i0.ɵɵelement(5, "symphiq-content-generation-progress-with-confetti", 52);
 } if (rf & 2) {
     let tmp_5_0;
     let tmp_8_0;
@@ -47629,7 +47786,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Template(rf, ctx
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 50);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 48);
     i0.ɵɵlistener("stepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.stepClick.emit($event)); })("nextStepClick", function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -47637,27 +47794,27 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Te
     i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("currentStepId", ctx_r2.JourneyStepIdEnum.FUNNEL_ANALYSIS)("showNextStepAction", ctx_r2.showNextStepAction())("forDemo", ctx_r2.forDemo())("maxAccessibleStepId", ctx_r2.maxAccessibleStepId());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_For_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card", 68);
+    i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card", 69);
 } if (rf & 2) {
     const insight_r16 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("insight", insight_r16)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r16))("allCharts", ctx_r2.allCharts())("allBusinessInsights", ctx_r2.allBusinessInsights())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true)("isLoading", ctx_r2.isDataLoading());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 52)(1, "div", 60)(2, "div", 61)(3, "div", 62)(4, "div", 61);
+    i0.ɵɵelementStart(0, "section", 53)(1, "div", 61)(2, "div", 62)(3, "div", 63)(4, "div", 62);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 63);
-    i0.ɵɵelement(6, "path", 64);
+    i0.ɵɵelementStart(5, "svg", 64);
+    i0.ɵɵelement(6, "path", 65);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(7, "h2", 65);
+    i0.ɵɵelementStart(7, "h2", 66);
     i0.ɵɵtext(8, "Key Insights");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(9, "span", 66);
+    i0.ɵɵelementStart(9, "span", 67);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 67);
-    i0.ɵɵrepeaterCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_For_13_Template, 1, 9, "symphiq-funnel-analysis-insight-card", 68, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(11, "div", 68);
+    i0.ɵɵrepeaterCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_For_13_Template, 1, 9, "symphiq-funnel-analysis-insight-card", 69, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -47675,14 +47832,14 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_Te
     i0.ɵɵrepeater(ctx_r2.insights());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("width", "100%")("height", "200px")("isLightMode", ctx_r2.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment", 71);
+    i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment", 72);
     i0.ɵɵlistener("scrollToSection", function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_2_Template_symphiq_funnel_analysis_overall_assessment_scrollToSection_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.scrollToSection($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -47690,8 +47847,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Co
     i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$i))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", true)("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55);
-    i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_1_Template, 1, 3, "symphiq-skeleton-loader", 69)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_2_Template, 1, 12, "symphiq-funnel-analysis-overall-assessment", 70);
+    i0.ɵɵelementStart(0, "div", 56);
+    i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_1_Template, 1, 3, "symphiq-skeleton-loader", 70)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Conditional_2_Template, 1, 12, "symphiq-funnel-analysis-overall-assessment", 71);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -47699,15 +47856,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Te
     i0.ɵɵconditional(ctx_r2.isDataLoading() ? 1 : 2);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-funnel-analysis-metric-card", 73);
+    i0.ɵɵelement(0, "symphiq-funnel-analysis-metric-card", 74);
 } if (rf & 2) {
     const metric_r18 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵproperty("metric", metric_r18)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(metric_r18))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true)("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 74);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_For_2_Template, 1, 9, "symphiq-funnel-analysis-metric-card", 73, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 75);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_For_2_Template, 1, 9, "symphiq-funnel-analysis-metric-card", 74, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const funnelGroup_r19 = i0.ɵɵnextContext().$implicit;
@@ -47715,10 +47872,10 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_F
     i0.ɵɵrepeater(funnelGroup_r19.relatedMetrics);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 72);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 73);
+    i0.ɵɵelementStart(0, "div", 73);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 74);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_Template, 3, 0, "div", 74);
+    i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Conditional_2_Template, 3, 0, "div", 75);
 } if (rf & 2) {
     const funnelGroup_r19 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -47728,7 +47885,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_F
     i0.ɵɵconditional(funnelGroup_r19.relatedMetrics.length > 0 ? 2 : -1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57);
+    i0.ɵɵelementStart(0, "div", 58);
     i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_For_2_Template, 3, 10, null, null, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -47737,15 +47894,15 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_T
     i0.ɵɵrepeater(ctx_r2.groupedMetrics());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-funnel-analysis-breakdown-section", 75);
+    i0.ɵɵelement(0, "symphiq-funnel-analysis-breakdown-section", 76);
 } if (rf & 2) {
     const breakdown_r20 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("breakdown", breakdown_r20)("charts", ctx_r2.chartsForBreakdown(breakdown_r20))("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isDataLoading())("isCompactMode", true)("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_For_2_Template, 1, 6, "symphiq-funnel-analysis-breakdown-section", 75, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 58);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_For_2_Template, 1, 6, "symphiq-funnel-analysis-breakdown-section", 76, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -47753,8 +47910,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_T
     i0.ɵɵrepeater(ctx_r2.breakdowns());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55);
-    i0.ɵɵelement(1, "symphiq-competitive-intelligence-view", 76);
+    i0.ɵɵelementStart(0, "div", 56);
+    i0.ɵɵelement(1, "symphiq-competitive-intelligence-view", 77);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_7_0;
@@ -47764,21 +47921,21 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_14_T
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 44);
-    i0.ɵɵelementStart(1, "main", 45)(2, "div", 46)(3, "div", 47);
-    i0.ɵɵelement(4, "symphiq-funnel-welcome-banner", 48);
+    i0.ɵɵelementStart(1, "main", 45)(2, "div", 46)(3, "div", 50);
+    i0.ɵɵelement(4, "symphiq-funnel-welcome-banner", 51);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_Template, 14, 7, "section", 52);
-    i0.ɵɵelementStart(6, "symphiq-collapsible-funnel-section-group", 53)(7, "div", 54);
-    i0.ɵɵconditionalCreate(8, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Template, 3, 1, "div", 55);
+    i0.ɵɵconditionalCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_5_Template, 14, 7, "section", 53);
+    i0.ɵɵelementStart(6, "symphiq-collapsible-funnel-section-group", 54)(7, "div", 55);
+    i0.ɵɵconditionalCreate(8, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_8_Template, 3, 1, "div", 56);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 56);
-    i0.ɵɵconditionalCreate(10, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_Template, 3, 0, "div", 57);
+    i0.ɵɵelementStart(9, "div", 57);
+    i0.ɵɵconditionalCreate(10, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_10_Template, 3, 0, "div", 58);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 58);
-    i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_Template, 3, 0, "div", 57);
+    i0.ɵɵelementStart(11, "div", 59);
+    i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_12_Template, 3, 0, "div", 58);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 59);
-    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_14_Template, 2, 6, "div", 55);
+    i0.ɵɵelementStart(13, "div", 60);
+    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Conditional_14_Template, 2, 6, "div", 56);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     let tmp_6_0;
@@ -47802,16 +47959,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Template(rf, ctx
     i0.ɵɵconditional(ctx_r2.showCompetitiveIntelligence() ? 14 : -1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 78)(1, "div", 79)(2, "div", 61);
-    i0.ɵɵelement(3, "symphiq-skeleton-loader", 69);
-    i0.ɵɵelementStart(4, "div", 80);
-    i0.ɵɵelement(5, "symphiq-skeleton-loader", 69)(6, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelementStart(0, "div", 79)(1, "div", 80)(2, "div", 62);
+    i0.ɵɵelement(3, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(4, "div", 81);
+    i0.ɵɵelement(5, "symphiq-skeleton-loader", 70)(6, "symphiq-skeleton-loader", 70);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 81);
-    i0.ɵɵelement(8, "symphiq-skeleton-loader", 69)(9, "symphiq-skeleton-loader", 69)(10, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelementStart(7, "div", 82);
+    i0.ɵɵelement(8, "symphiq-skeleton-loader", 70)(9, "symphiq-skeleton-loader", 70)(10, "symphiq-skeleton-loader", 70);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 82);
-    i0.ɵɵelement(12, "symphiq-skeleton-loader", 69)(13, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelementStart(11, "div", 83);
+    i0.ɵɵelement(12, "symphiq-skeleton-loader", 70)(13, "symphiq-skeleton-loader", 70);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -47835,7 +47992,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Co
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment", 71);
+    i0.ɵɵelementStart(0, "symphiq-funnel-analysis-overall-assessment", 72);
     i0.ɵɵlistener("scrollToSection", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_2_Template_symphiq_funnel_analysis_overall_assessment_scrollToSection_0_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.scrollToSection($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -47843,8 +48000,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Co
     i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$i))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", ctx_r2.viewModeService.isCompact())("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 77);
-    i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_1_Template, 14, 25, "div", 78)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_2_Template, 1, 12, "symphiq-funnel-analysis-overall-assessment", 70);
+    i0.ɵɵelementStart(0, "div", 78);
+    i0.ɵɵconditionalCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_1_Template, 14, 25, "div", 79)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Conditional_2_Template, 1, 12, "symphiq-funnel-analysis-overall-assessment", 71);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -47852,21 +48009,21 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Te
     i0.ɵɵconditional(ctx_r2.isDataLoading() ? 1 : 2);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 83);
+    i0.ɵɵelement(0, "symphiq-section-divider", 84);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("viewMode", ctx_r2.viewMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 90)(1, "div", 91)(2, "div", 92);
-    i0.ɵɵelement(3, "symphiq-skeleton-loader", 69)(4, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelementStart(0, "div", 91)(1, "div", 92)(2, "div", 93);
+    i0.ɵɵelement(3, "symphiq-skeleton-loader", 70)(4, "symphiq-skeleton-loader", 70);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "symphiq-skeleton-loader", 69)(6, "symphiq-skeleton-loader", 69)(7, "symphiq-skeleton-loader", 69);
-    i0.ɵɵelementStart(8, "div", 93);
-    i0.ɵɵelement(9, "symphiq-skeleton-loader", 69)(10, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelement(5, "symphiq-skeleton-loader", 70)(6, "symphiq-skeleton-loader", 70)(7, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(8, "div", 94);
+    i0.ɵɵelement(9, "symphiq-skeleton-loader", 70)(10, "symphiq-skeleton-loader", 70);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 94);
-    i0.ɵɵelement(12, "symphiq-skeleton-loader", 69)(13, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelementStart(11, "div", 95);
+    i0.ɵɵelement(12, "symphiq-skeleton-loader", 70)(13, "symphiq-skeleton-loader", 70);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
@@ -47891,16 +48048,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
     i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r2.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 88);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_For_2_Template, 14, 28, "div", 90, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 89);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_For_2_Template, 14, 28, "div", 91, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2$c));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 96);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 97);
+    i0.ɵɵelementStart(0, "div", 97);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 98);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const entry_r22 = ctx.$implicit;
@@ -47913,8 +48070,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
     i0.ɵɵproperty("insight", entry_r22.insight)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(entry_r22.insight))("allCharts", ctx_r2.allCharts())("allBusinessInsights", ctx_r2.allBusinessInsights())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 88);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_For_2_Template, 2, 14, "div", 95, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 89);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_For_2_Template, 2, 14, "div", 96, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -47922,8 +48079,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
     i0.ɵɵrepeater(ctx_r2.insightsDisplay());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 96);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 97);
+    i0.ɵɵelementStart(0, "div", 97);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 98);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const insight_r24 = ctx.$implicit;
@@ -47935,8 +48092,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
     i0.ɵɵproperty("insight", insight_r24)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r24))("allCharts", ctx_r2.allCharts())("allBusinessInsights", ctx_r2.allBusinessInsights())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 89);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_For_2_Template, 2, 12, "div", 98, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 90);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_For_2_Template, 2, 12, "div", 99, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -47944,22 +48101,22 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Co
     i0.ɵɵrepeater(ctx_r2.insights());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_0_Template, 1, 1, "symphiq-section-divider", 83);
-    i0.ɵɵelementStart(1, "section", 84);
-    i0.ɵɵelement(2, "div", 85);
-    i0.ɵɵelementStart(3, "div", 86)(4, "div", 87)(5, "div", 61)(6, "div", 62)(7, "div", 61);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_0_Template, 1, 1, "symphiq-section-divider", 84);
+    i0.ɵɵelementStart(1, "section", 85);
+    i0.ɵɵelement(2, "div", 86);
+    i0.ɵɵelementStart(3, "div", 87)(4, "div", 88)(5, "div", 62)(6, "div", 63)(7, "div", 62);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 63);
-    i0.ɵɵelement(9, "path", 64);
+    i0.ɵɵelementStart(8, "svg", 64);
+    i0.ɵɵelement(9, "path", 65);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(10, "h2", 65);
+    i0.ɵɵelementStart(10, "h2", 66);
     i0.ɵɵtext(11, "Key Insights");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(12, "span", 66);
+    i0.ɵɵelementStart(12, "span", 67);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_Template, 3, 1, "div", 88)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_Template, 3, 0, "div", 88)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_Template, 3, 0, "div", 89);
+    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_14_Template, 3, 1, "div", 89)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_15_Template, 3, 0, "div", 89)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Conditional_16_Template, 3, 0, "div", 90);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -47980,13 +48137,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Te
     i0.ɵɵconditional(ctx_r2.isDataLoading() || ctx_r2.viewModeService.isExpanded() && ctx_r2.viewModeService.getIsTransitioning() ? 14 : ctx_r2.viewModeService.isExpanded() ? 15 : 16);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 99)(1, "div", 116);
-    i0.ɵɵelement(2, "div", 117);
+    i0.ɵɵelementStart(0, "div", 100)(1, "div", 117);
+    i0.ɵɵelement(2, "div", 118);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 118)(4, "div", 119);
+    i0.ɵɵelementStart(3, "div", 119)(4, "div", 120);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 120);
-    i0.ɵɵelement(6, "path", 121);
+    i0.ɵɵelementStart(5, "svg", 121);
+    i0.ɵɵelement(6, "path", 122);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -47998,12 +48155,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-emerald-500" : "text-emerald-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 106);
-    i0.ɵɵelement(1, "div", 122);
+    i0.ɵɵelementStart(0, "div", 107);
+    i0.ɵɵelement(1, "div", 123);
     i0.ɵɵelementEnd();
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 123);
+    i0.ɵɵelementStart(0, "option", 124);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -48023,22 +48180,22 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Fo
     i0.ɵɵtextInterpolate(cat_r27.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_0_Template, 2, 2, "option", 123)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_1_Template, 2, 2, "option", 25);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_0_Template, 2, 2, "option", 124)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Conditional_1_Template, 2, 2, "option", 25);
 } if (rf & 2) {
     const cat_r27 = ctx.$implicit;
     i0.ɵɵconditional(cat_r27.divider ? 0 : 1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelement(0, "path", 110);
+    i0.ɵɵelement(0, "path", 111);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelement(0, "path", 111);
+    i0.ɵɵelement(0, "path", 112);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 125);
+    i0.ɵɵelementStart(0, "button", 126);
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const cat_r29 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter(cat_r29.value)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -48051,27 +48208,27 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Fo
     i0.ɵɵtextInterpolate1(" ", cat_r29.label, " ");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Conditional_0_Template, 2, 4, "button", 124);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Conditional_0_Template, 2, 4, "button", 125);
 } if (rf & 2) {
     const cat_r29 = ctx.$implicit;
     i0.ɵɵconditional(!cat_r29.divider ? 0 : -1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_For_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 126)(1, "div", 127)(2, "div", 61);
-    i0.ɵɵelement(3, "symphiq-skeleton-loader", 69);
-    i0.ɵɵelementStart(4, "div", 81);
-    i0.ɵɵelement(5, "symphiq-skeleton-loader", 69)(6, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelementStart(0, "div", 127)(1, "div", 128)(2, "div", 62);
+    i0.ɵɵelement(3, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(4, "div", 82);
+    i0.ɵɵelement(5, "symphiq-skeleton-loader", 70)(6, "symphiq-skeleton-loader", 70);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(7, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelement(7, "symphiq-skeleton-loader", 70);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 128);
-    i0.ɵɵrepeaterCreate(9, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_For_10_Template, 1, 3, "symphiq-skeleton-loader", 69, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(8, "div", 129);
+    i0.ɵɵrepeaterCreate(9, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_For_10_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
@@ -48088,30 +48245,30 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(13, _c4$5));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 114);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_Template, 11, 14, "div", 126, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 115);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_For_2_Template, 11, 14, "div", 127, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3$8));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 134);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 135);
+    i0.ɵɵelementStart(0, "div", 135);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 136);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const entry_r30 = ctx.$implicit;
-    const ɵ$index_443_r31 = ctx.$index;
-    const ɵ$index_434_r32 = i0.ɵɵnextContext(3).$index;
+    const ɵ$index_439_r31 = ctx.$index;
+    const ɵ$index_430_r32 = i0.ɵɵnextContext(3).$index;
     const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap(entry_r30.bentoCardClass);
-    i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_434_r32 * 0.15 + ɵ$index_443_r31 * 0.08 + "s");
+    i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_430_r32 * 0.15 + ɵ$index_439_r31 * 0.08 + "s");
     i0.ɵɵadvance();
     i0.ɵɵproperty("metric", entry_r30.metric)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(entry_r30.metric))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false)("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 131);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template, 2, 13, "div", 133, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 132);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template, 2, 13, "div", 134, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const funnelGroup_r33 = i0.ɵɵnextContext(2).$implicit;
@@ -48119,21 +48276,21 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵrepeater(funnelGroup_r33.relatedMetricsDisplay);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 134);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 73);
+    i0.ɵɵelementStart(0, "div", 135);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 74);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const entry_r34 = ctx.$implicit;
-    const ɵ$index_451_r35 = ctx.$index;
-    const ɵ$index_434_r32 = i0.ɵɵnextContext(3).$index;
+    const ɵ$index_447_r35 = ctx.$index;
+    const ɵ$index_430_r32 = i0.ɵɵnextContext(3).$index;
     const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_434_r32 * 0.15 + ɵ$index_451_r35 * 0.08 + "s");
+    i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_430_r32 * 0.15 + ɵ$index_447_r35 * 0.08 + "s");
     i0.ɵɵadvance();
     i0.ɵɵproperty("metric", entry_r34.metric)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(entry_r34.metric))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true)("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 132);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template, 2, 11, "div", 136, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(0, "div", 133);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_For_2_Template, 2, 11, "div", 137, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const funnelGroup_r33 = i0.ɵɵnextContext(2).$implicit;
@@ -48141,16 +48298,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵrepeater(funnelGroup_r33.relatedMetricsDisplay);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 137)(1, "div", 91)(2, "div", 103);
-    i0.ɵɵelement(3, "symphiq-skeleton-loader", 69)(4, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelementStart(0, "div", 138)(1, "div", 92)(2, "div", 104);
+    i0.ɵɵelement(3, "symphiq-skeleton-loader", 70)(4, "symphiq-skeleton-loader", 70);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "symphiq-skeleton-loader", 69);
-    i0.ɵɵelementStart(6, "div", 138);
-    i0.ɵɵelement(7, "symphiq-skeleton-loader", 69)(8, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelement(5, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(6, "div", 139);
+    i0.ɵɵelement(7, "symphiq-skeleton-loader", 70)(8, "symphiq-skeleton-loader", 70);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(9, "symphiq-skeleton-loader", 69)(10, "symphiq-skeleton-loader", 69);
-    i0.ɵɵelementStart(11, "div", 139);
-    i0.ɵɵelement(12, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelement(9, "symphiq-skeleton-loader", 70)(10, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(11, "div", 140);
+    i0.ɵɵelement(12, "symphiq-skeleton-loader", 70);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(7);
@@ -48173,46 +48330,46 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 131);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 137, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 132);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 138, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c4$5));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_Template, 3, 0, "div", 131)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_Template, 3, 0, "div", 132)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_Template, 3, 1, "div", 131);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_Template, 3, 0, "div", 132)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_1_Template, 3, 0, "div", 133)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_2_Template, 3, 1, "div", 132);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵconditional(ctx_r2.viewModeService.isExpanded() ? 0 : !ctx_r2.viewModeService.isExpanded() ? 1 : 2);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 130);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 73);
+    i0.ɵɵelementStart(0, "div", 131);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 74);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Conditional_2_Template, 3, 1);
 } if (rf & 2) {
     const funnelGroup_r33 = ctx.$implicit;
-    const ɵ$index_434_r32 = ctx.$index;
+    const ɵ$index_430_r32 = ctx.$index;
     const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_434_r32 * 0.15 + "s");
-    i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_434_r32);
+    i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_430_r32 * 0.15 + "s");
+    i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_430_r32);
     i0.ɵɵadvance();
     i0.ɵɵproperty("metric", funnelGroup_r33.funnelMetric)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(funnelGroup_r33.funnelMetric))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.analysisData())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", ctx_r2.viewModeService.isCompact())("currencySymbol", ctx_r2.currencySymbol());
     i0.ɵɵadvance();
     i0.ɵɵconditional(funnelGroup_r33.relatedMetricsDisplay.length > 0 ? 2 : -1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 129);
+    i0.ɵɵelementStart(0, "div", 130);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 140);
-    i0.ɵɵelement(2, "path", 104);
+    i0.ɵɵelementStart(1, "svg", 141);
+    i0.ɵɵelement(2, "path", 105);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "h3", 141);
+    i0.ɵɵelementStart(3, "h3", 142);
     i0.ɵɵtext(4, "No Metrics Found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 142);
+    i0.ɵɵelementStart(5, "p", 143);
     i0.ɵɵtext(6, "No performance metrics match your current filter selection. Try adjusting your filters to see more results.");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -48226,8 +48383,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
     i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 114);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Template, 3, 14, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_ForEmpty_3_Template, 7, 4, "div", 129);
+    i0.ɵɵelementStart(0, "div", 115);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_For_2_Template, 3, 14, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_ForEmpty_3_Template, 7, 4, "div", 130);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -48237,39 +48394,39 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Co
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_0_Template, 7, 3, "div", 99);
-    i0.ɵɵelementStart(1, "section", 100);
-    i0.ɵɵelement(2, "div", 101);
-    i0.ɵɵelementStart(3, "div", 86)(4, "div", 102)(5, "div", 103)(6, "div", 61)(7, "div", 62)(8, "div", 61);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_0_Template, 7, 3, "div", 100);
+    i0.ɵɵelementStart(1, "section", 101);
+    i0.ɵɵelement(2, "div", 102);
+    i0.ɵɵelementStart(3, "div", 87)(4, "div", 103)(5, "div", 104)(6, "div", 62)(7, "div", 63)(8, "div", 62);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(9, "svg", 63);
-    i0.ɵɵelement(10, "path", 104);
+    i0.ɵɵelementStart(9, "svg", 64);
+    i0.ɵɵelement(10, "path", 105);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(11, "h2", 65);
+    i0.ɵɵelementStart(11, "h2", 66);
     i0.ɵɵtext(12, "Performance Metrics");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(13, "div", 105);
-    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_14_Template, 2, 0, "div", 106);
-    i0.ɵɵelementStart(15, "select", 107);
+    i0.ɵɵelementStart(13, "div", 106);
+    i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_14_Template, 2, 0, "div", 107);
+    i0.ɵɵelementStart(15, "select", 108);
     i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter($event)); });
     i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Template, 2, 1, null, null, _forTrack0$J);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "button", 108);
+    i0.ɵɵelementStart(18, "button", 109);
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleSortOrder()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(19, "svg", 109);
-    i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_20_Template, 1, 0, ":svg:path", 110);
-    i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_21_Template, 1, 0, ":svg:path", 111);
+    i0.ɵɵelementStart(19, "svg", 110);
+    i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_20_Template, 1, 0, ":svg:path", 111);
+    i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_21_Template, 1, 0, ":svg:path", 112);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(22, "span");
     i0.ɵɵtext(23, "Sort");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(24, "div", 112)(25, "div", 113);
+    i0.ɵɵelementStart(24, "div", 113)(25, "div", 114);
     i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$J);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_Template, 3, 1, "div", 114)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_Template, 4, 5, "div", 115);
+    i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_Template, 3, 1, "div", 115)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_Template, 4, 5, "div", 116);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -48303,8 +48460,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Te
     i0.ɵɵconditional(ctx_r2.isDataLoading() ? 28 : 29);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 143);
-    i0.ɵɵelement(1, "symphiq-section-divider", 151);
+    i0.ɵɵelementStart(0, "div", 144);
+    i0.ɵɵelement(1, "symphiq-section-divider", 152);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -48312,12 +48469,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
     i0.ɵɵproperty("viewMode", ctx_r2.viewMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 106);
-    i0.ɵɵelement(1, "div", 152);
+    i0.ɵɵelementStart(0, "div", 107);
+    i0.ɵɵelement(1, "div", 153);
     i0.ɵɵelementEnd();
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 123);
+    i0.ɵɵelementStart(0, "option", 124);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -48337,14 +48494,14 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Fo
     i0.ɵɵtextInterpolate(filter_r37.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_0_Template, 2, 2, "option", 123)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_1_Template, 2, 2, "option", 25);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_0_Template, 2, 2, "option", 124)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Conditional_1_Template, 2, 2, "option", 25);
 } if (rf & 2) {
     const filter_r37 = ctx.$implicit;
     i0.ɵɵconditional(filter_r37.divider ? 0 : 1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 154);
-    i0.ɵɵelement(1, "symphiq-skeleton-loader", 69)(2, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelementStart(0, "div", 155);
+    i0.ɵɵelement(1, "symphiq-skeleton-loader", 70)(2, "symphiq-skeleton-loader", 70);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(5);
@@ -48355,11 +48512,11 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
     i0.ɵɵproperty("width", "80px")("height", "18px")("isLightMode", ctx_r2.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 126)(1, "div", 127);
-    i0.ɵɵelement(2, "symphiq-skeleton-loader", 69)(3, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelementStart(0, "div", 127)(1, "div", 128);
+    i0.ɵɵelement(2, "symphiq-skeleton-loader", 70)(3, "symphiq-skeleton-loader", 70);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 153);
-    i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_For_6_Template, 3, 7, "div", 154, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(4, "div", 154);
+    i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_For_6_Template, 3, 7, "div", 155, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
@@ -48372,16 +48529,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(7, _c4$5));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 79);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_Template, 7, 8, "div", 126, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 80);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_For_2_Template, 7, 8, "div", 127, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c5$3));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 96);
-    i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 155);
+    i0.ɵɵelementStart(0, "div", 97);
+    i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 156);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const breakdown_r38 = ctx.$implicit;
@@ -48393,16 +48550,16 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
     i0.ɵɵproperty("breakdown", breakdown_r38)("charts", ctx_r2.chartsForBreakdown(breakdown_r38))("isLightMode", ctx_r2.isLightMode())("isCompactMode", ctx_r2.viewModeService.isCompact())("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 129);
+    i0.ɵɵelementStart(0, "div", 130);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 140);
-    i0.ɵɵelement(2, "path", 156);
+    i0.ɵɵelementStart(1, "svg", 141);
+    i0.ɵɵelement(2, "path", 157);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "h3", 141);
+    i0.ɵɵelementStart(3, "h3", 142);
     i0.ɵɵtext(4, "No Breakdowns Found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 142);
+    i0.ɵɵelementStart(5, "p", 143);
     i0.ɵɵtext(6, "No performance breakdowns match your current filter selection. Try adjusting your filters to see more results.");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -48416,8 +48573,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
     i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 79);
-    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_For_2_Template, 2, 9, "div", 98, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_ForEmpty_3_Template, 7, 4, "div", 129);
+    i0.ɵɵelementStart(0, "div", 80);
+    i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_For_2_Template, 2, 9, "div", 99, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_ForEmpty_3_Template, 7, 4, "div", 130);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -48427,26 +48584,26 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Co
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_0_Template, 2, 1, "div", 143);
-    i0.ɵɵelementStart(1, "section", 144);
-    i0.ɵɵelement(2, "div", 145);
-    i0.ɵɵelementStart(3, "div", 86)(4, "div", 146)(5, "div", 62)(6, "div", 61);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_0_Template, 2, 1, "div", 144);
+    i0.ɵɵelementStart(1, "section", 145);
+    i0.ɵɵelement(2, "div", 146);
+    i0.ɵɵelementStart(3, "div", 87)(4, "div", 147)(5, "div", 63)(6, "div", 62);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(7, "svg", 63);
-    i0.ɵɵelement(8, "path", 147);
+    i0.ɵɵelementStart(7, "svg", 64);
+    i0.ɵɵelement(8, "path", 148);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(9, "h2", 65);
+    i0.ɵɵelementStart(9, "h2", 66);
     i0.ɵɵtext(10, "Performance Breakdowns");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "div", 148);
+    i0.ɵɵelementStart(11, "div", 149);
     i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r36); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template_div_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r36); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template_div_pointerdown_11_listener($event) { i0.ɵɵrestoreView(_r36); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_12_Template, 2, 0, "div", 106);
-    i0.ɵɵelementStart(13, "select", 149);
+    i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_12_Template, 2, 0, "div", 107);
+    i0.ɵɵelementStart(13, "select", 150);
     i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeBreakdownFilter($event)); });
     i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Template, 2, 1, null, null, _forTrack0$J);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_Template, 3, 1, "div", 79)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_Template, 4, 5, "div", 150);
+    i0.ɵɵconditionalCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_Template, 3, 1, "div", 80)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_Template, 4, 5, "div", 151);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -48470,8 +48627,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Te
     i0.ɵɵconditional(ctx_r2.isDataLoading() ? 16 : 17);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 143);
-    i0.ɵɵelement(1, "symphiq-section-divider", 161);
+    i0.ɵɵelementStart(0, "div", 144);
+    i0.ɵɵelement(1, "symphiq-section-divider", 162);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -48479,12 +48636,12 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Co
     i0.ɵɵproperty("viewMode", ctx_r2.viewMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 106);
-    i0.ɵɵelement(1, "div", 162);
+    i0.ɵɵelementStart(0, "div", 107);
+    i0.ɵɵelement(1, "div", 163);
     i0.ɵɵelementEnd();
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 123);
+    i0.ɵɵelementStart(0, "option", 124);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -48504,22 +48661,22 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Fo
     i0.ɵɵtextInterpolate(filter_r41.label);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_0_Template, 2, 2, "option", 123)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_1_Template, 2, 2, "option", 25);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_0_Template, 2, 2, "option", 124)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Conditional_1_Template, 2, 2, "option", 25);
 } if (rf & 2) {
     const filter_r41 = ctx.$implicit;
     i0.ɵɵconditional(filter_r41.divider ? 0 : 1);
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-skeleton-loader", 69);
+    i0.ɵɵelement(0, "symphiq-skeleton-loader", 70);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("width", "100%")("height", "140px")("isLightMode", ctx_r2.isLightMode());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 79)(1, "div", 126);
-    i0.ɵɵelement(2, "symphiq-skeleton-loader", 69);
-    i0.ɵɵelementStart(3, "div", 163);
-    i0.ɵɵrepeaterCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_For_5_Template, 1, 3, "symphiq-skeleton-loader", 69, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 80)(1, "div", 127);
+    i0.ɵɵelement(2, "symphiq-skeleton-loader", 70);
+    i0.ɵɵelementStart(3, "div", 164);
+    i0.ɵɵrepeaterCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_For_5_Template, 1, 3, "symphiq-skeleton-loader", 70, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -48531,7 +48688,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Co
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(4, _c3$8));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-competitive-intelligence-view", 76);
+    i0.ɵɵelement(0, "symphiq-competitive-intelligence-view", 77);
 } if (rf & 2) {
     let tmp_8_0;
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -48539,25 +48696,25 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Co
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r40 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_0_Template, 2, 1, "div", 143);
-    i0.ɵɵelementStart(1, "section", 157);
-    i0.ɵɵelement(2, "div", 85);
-    i0.ɵɵelementStart(3, "div", 86)(4, "div", 158)(5, "div", 61)(6, "div", 62)(7, "div", 61);
+    i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_0_Template, 2, 1, "div", 144);
+    i0.ɵɵelementStart(1, "section", 158);
+    i0.ɵɵelement(2, "div", 86);
+    i0.ɵɵelementStart(3, "div", 87)(4, "div", 159)(5, "div", 62)(6, "div", 63)(7, "div", 62);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 63);
-    i0.ɵɵelement(9, "path", 159);
+    i0.ɵɵelementStart(8, "svg", 64);
+    i0.ɵɵelement(9, "path", 160);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(10, "h2", 65);
+    i0.ɵɵelementStart(10, "h2", 66);
     i0.ɵɵtext(11, "Competitive Intelligence");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(12, "div", 160);
-    i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_13_Template, 2, 0, "div", 106);
-    i0.ɵɵelementStart(14, "select", 107);
+    i0.ɵɵelementStart(12, "div", 161);
+    i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_13_Template, 2, 0, "div", 107);
+    i0.ɵɵelementStart(14, "select", 108);
     i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCompetitiveFilter($event)); });
     i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Template, 2, 1, null, null, _forTrack0$J);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_Template, 6, 5, "div", 79)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_18_Template, 1, 6, "symphiq-competitive-intelligence-view", 76);
+    i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_Template, 6, 5, "div", 80)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_18_Template, 1, 6, "symphiq-competitive-intelligence-view", 77);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -48583,7 +48740,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Te
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "main", 45)(1, "div", 46);
-    i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Template, 3, 1, "div", 77);
+    i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_2_Template, 3, 1, "div", 78);
     i0.ɵɵconditionalCreate(3, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_3_Template, 17, 10);
     i0.ɵɵconditionalCreate(4, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template, 30, 18);
     i0.ɵɵconditionalCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template, 18, 12);
@@ -49683,7 +49840,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardContainer = _t.first);
         } }, hostBindings: function SymphiqFunnelAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
-        } }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], businessProfile: [1, "businessProfile"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 27, vars: 57, consts: [["dashboardContainer", ""], [1, "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "hasCondensedLeftContent", "embedded", "scrollEvent"], ["expandedControls", ""], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], ["condensedLeftContent", ""], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], ["condensedControls", ""], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [3, "sections", "viewMode", "embedded", "scrollElement"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-4"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", 3, "pb-32"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts", "currencySymbol", "businessProfile"], [3, "isLightMode", "allMetrics"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "click", "libSymphiqTooltip", "tooltipPosition", "ngClass"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], [1, "mb-8"], [3, "viewMode", "isOnboarded", "analysisDate"], ["title", "Loading Your Funnel Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], ["id", "section-insights", 1, "mb-8"], [3, "viewMode"], ["slot", "overall-performance"], [1, "p-6"], ["slot", "performance-metrics"], [1, "p-6", "space-y-8"], ["slot", "performance-breakdowns"], ["slot", "competitive-intelligence"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "flex", "items-center", "gap-3"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "text-xs", "sm:text-sm"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode", "isLoading"], [3, "width", "height", "isLightMode"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [3, "scrollToSection", "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [1, "w-full"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "mt-4"], [3, "breakdown", "charts", "isLightMode", "isLoading", "isCompactMode", "currencySymbol"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode", "competitiveBenchmark", "currencySymbol"], ["id", "section-overall", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [1, "space-y-6"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], ["animationDelay", "0.15s", 3, "viewMode"], ["id", "section-insights", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "section-metrics", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "space-y-8", "sm:space-y-10", 3, "animate-content-change", "transition-opacity-slow"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "rounded-xl", "border", "p-6", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "grid", "grid-cols-2", "md:grid-cols-4", "gap-4", "mt-6"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mt-28", "sm:mt-36"], ["id", "section-breakdowns", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6", 3, "animate-content-change", "transition-opacity-slow"], ["animationDelay", "0.65s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [1, "space-y-3"], [1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", 3, "ngClass"], [3, "breakdown", "charts", "isLightMode", "isCompactMode", "currencySymbol"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["id", "section-competitive", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "hidden", "sm:block", "relative"], ["animationDelay", "0.85s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mt-6"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], businessProfile: [1, "businessProfile"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 27, vars: 57, consts: [["dashboardContainer", ""], [1, "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "hasCondensedLeftContent", "embedded", "scrollEvent"], ["expandedControls", ""], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], ["condensedLeftContent", ""], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], ["condensedControls", ""], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [3, "sections", "viewMode", "embedded", "scrollElement"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-4"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", 3, "pb-32"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts", "currencySymbol", "businessProfile"], [3, "isLightMode", "allMetrics"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "click", "libSymphiqTooltip", "tooltipPosition", "ngClass"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], ["title", "Loading Your Funnel Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "pt-8", "sm:pt-12"], [1, "mb-8"], [3, "viewMode", "isOnboarded", "analysisDate"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], ["id", "section-insights", 1, "mb-8"], [3, "viewMode"], ["slot", "overall-performance"], [1, "p-6"], ["slot", "performance-metrics"], [1, "p-6", "space-y-8"], ["slot", "performance-breakdowns"], ["slot", "competitive-intelligence"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "flex", "items-center", "gap-3"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "text-xs", "sm:text-sm"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode", "isLoading"], [3, "width", "height", "isLightMode"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [3, "scrollToSection", "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [1, "w-full"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "mt-4"], [3, "breakdown", "charts", "isLightMode", "isLoading", "isCompactMode", "currencySymbol"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode", "competitiveBenchmark", "currencySymbol"], ["id", "section-overall", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [1, "space-y-6"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], ["animationDelay", "0.15s", 3, "viewMode"], ["id", "section-insights", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "section-metrics", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "space-y-8", "sm:space-y-10", 3, "animate-content-change", "transition-opacity-slow"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "rounded-xl", "border", "p-6", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "grid", "grid-cols-2", "md:grid-cols-4", "gap-4", "mt-6"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mt-28", "sm:mt-36"], ["id", "section-breakdowns", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6", 3, "animate-content-change", "transition-opacity-slow"], ["animationDelay", "0.65s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [1, "space-y-3"], [1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", 3, "ngClass"], [3, "breakdown", "charts", "isLightMode", "isCompactMode", "currencySymbol"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["id", "section-competitive", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "hidden", "sm:block", "relative"], ["animationDelay", "0.85s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mt-6"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1, 0);
             i0.ɵɵelement(2, "div", 2)(3, "symphiq-scroll-progress-bar", 3);
@@ -49701,7 +49858,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             i0.ɵɵconditionalCreate(11, SymphiqFunnelAnalysisDashboardComponent_Conditional_11_Template, 16, 8, "div", 10);
             i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_12_Template, 1, 4, "symphiq-floating-toc", 11);
             i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Template, 6, 5, "div", 12);
-            i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Template, 6, 6)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Template, 6, 10)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Template, 15, 12)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Template, 7, 7, "main", 13);
+            i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Template, 4, 3)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Template, 6, 10)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Template, 15, 12)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Template, 7, 7, "main", 13);
             i0.ɵɵelement(18, "symphiq-funnel-analysis-modal", 14)(19, "symphiq-profile-analysis-modal", 15)(20, "symphiq-business-analysis-modal", 16)(21, "symphiq-tooltip-container");
             i0.ɵɵelementStart(22, "symphiq-search-bar", 17);
             i0.ɵɵlistener("resultSelected", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_search_bar_resultSelected_22_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSearchResult($event)); });
@@ -50012,15 +50169,6 @@ class SymphiqFunnelAnalysisDashboardComponent {
 
         <main class="max-w-7xl mx-auto px-6 sm:px-8">
           <div class="pt-8 sm:pt-12 pb-16 sm:pb-24">
-            <!-- Welcome Banner -->
-            <div class="mb-8">
-              <symphiq-funnel-welcome-banner
-                [viewMode]="isLightMode() ? ViewModeEnum.LIGHT : ViewModeEnum.DARK"
-                [isOnboarded]="isOnboarded()"
-                [analysisDate]="funnelAnalysis()?.selfContentCompletedDate"
-              />
-            </div>
-
             <!-- Loading Card -->
             <symphiq-loading-card
               [viewMode]="isLightMode() ? ViewModeEnum.LIGHT : ViewModeEnum.DARK"
@@ -50046,7 +50194,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
         }
 
         <main class="max-w-7xl mx-auto px-6 sm:px-8">
-          <div class="pt-8 sm:pt-12 pb-16 sm:pb-24">
+          <div class="pt-8 sm:pt-12">
             <div class="mb-8">
               <symphiq-funnel-welcome-banner
                 [viewMode]="isLightMode() ? ViewModeEnum.LIGHT : ViewModeEnum.DARK"
@@ -50815,7 +50963,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             type: HostListener,
             args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 1205 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 1196 }); })();
 
 /**
  * Shared Theme Color Utilities
@@ -54854,14 +55002,169 @@ class SymphiqCreateAccountDashboardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 618 }); })();
 
+function ConnectGaWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Your Google Analytics Connection ");
+} }
+function ConnectGaWelcomeBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Connect Google Analytics 4 ");
+} }
+class ConnectGaWelcomeBannerComponent {
+    constructor() {
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
+        this.whatYoullSeeBelowItems = [
+            { title: 'Google Sign-In', description: 'Authenticate securely with your Google account to grant Symphiq read-only access to your analytics data' },
+            { title: 'Property Selection', description: 'Choose the GA4 property associated with your shop from your available properties' },
+            { title: 'Data Connection', description: 'Link your analytics data to enable funnel analysis, performance tracking, and personalized recommendations' }
+        ];
+    }
+    containerClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-slate-800/40 border-slate-700/50'
+            : 'bg-white border-slate-200';
+    }
+    contentClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-gradient-to-br from-slate-800/60 via-slate-800/40 to-slate-800/60'
+            : 'bg-gradient-to-br from-blue-50/30 via-white to-purple-50/30';
+    }
+    iconContainerClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-gradient-to-br from-blue-500/20 to-purple-500/20 text-blue-400'
+            : 'bg-gradient-to-br from-blue-100 to-purple-100 text-blue-600';
+    }
+    titleClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-white'
+            : 'bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent';
+    }
+    textClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-300'
+            : 'text-slate-700';
+    }
+    static { this.ɵfac = function ConnectGaWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConnectGaWelcomeBannerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConnectGaWelcomeBannerComponent, selectors: [["symphiq-connect-ga-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], isOnboarded: [1, "isOnboarded"] }, decls: 22, vars: 12, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 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", "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"], [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"], ["currentStepId", "connect-ga4", 3, "viewMode"], [1, "mt-6", "block", 3, "viewMode", "items"], ["title", "What Happens Next", "onboardedTitle", "Manage Your Connection", "description", "After connecting GA4, you'll set revenue targets that define your growth goals. Symphiq will then analyze your funnel performance against these targets to deliver precise, actionable recommendations.", "onboardedDescription", "Your GA4 connection remains active, continuously syncing your latest performance data. You can change your connected property or Google account at any time if your analytics setup evolves.", 1, "mt-6", "block", 3, "viewMode", "isOnboarded"]], template: function ConnectGaWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(4, "svg", 4);
+            i0.ɵɵelement(5, "path", 5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(6, "div", 6)(7, "h2", 7);
+            i0.ɵɵconditionalCreate(8, ConnectGaWelcomeBannerComponent_Conditional_8_Template, 1, 0)(9, ConnectGaWelcomeBannerComponent_Conditional_9_Template, 1, 0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "div", 8)(11, "div", 9)(12, "p", 10);
+            i0.ɵɵtext(13, " Connecting Google Analytics 4 enables Symphiq to access your performance data in read-only mode. This integration provides the quantitative foundation that powers all of Symphiq's insights and recommendations. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(14, "p", 10)(15, "strong", 11);
+            i0.ɵɵtext(16, "Why this matters:");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(17, " Your GA4 data reveals how visitors interact with your site\u2014from initial page views through purchases. Combined with your business context, this data enables Symphiq to identify specific opportunities and provide actionable, data-driven recommendations. ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(18, "div", 12);
+            i0.ɵɵelement(19, "symphiq-confidence-level-card", 13);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(20, "symphiq-what-youll-see-below", 14)(21, "symphiq-continue-your-journey", 15);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.containerClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.contentClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngClass", ctx.titleClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.isOnboarded() ? 8 : 9);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngClass", ctx.textClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.textClasses());
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("viewMode", ctx.viewMode());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("items", ctx.whatYoullSeeBelowItems);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("isOnboarded", ctx.isOnboarded());
+        } }, dependencies: [CommonModule, i1$1.NgClass, ConfidenceLevelCardComponent, ContinueYourJourneyComponent, WhatYoullSeeBelowComponent], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConnectGaWelcomeBannerComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-connect-ga-welcome-banner',
+                standalone: true,
+                imports: [CommonModule, ConfidenceLevelCardComponent, ContinueYourJourneyComponent, WhatYoullSeeBelowComponent],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
+      <div [ngClass]="contentClasses()" class="px-8 py-8">
+        <div class="flex items-start gap-6">
+          <div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
+            <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path>
+            </svg>
+          </div>
+
+          <div class="flex-1">
+            <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-3">
+              @if (isOnboarded()) {
+                Your Google Analytics Connection
+              } @else {
+                Connect Google Analytics 4
+              }
+            </h2>
+
+            <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
+              <div class="lg:col-span-2 space-y-3">
+                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                  Connecting Google Analytics 4 enables Symphiq to access your performance data in read-only mode. This integration provides the quantitative foundation that powers all of Symphiq's insights and recommendations.
+                </p>
+                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                  <strong class="font-semibold">Why this matters:</strong> Your GA4 data reveals how visitors interact with your site—from initial page views through purchases. Combined with your business context, this data enables Symphiq to identify specific opportunities and provide actionable, data-driven recommendations.
+                </p>
+              </div>
+
+              <div class="lg:col-span-1">
+                <symphiq-confidence-level-card
+                  [viewMode]="viewMode()"
+                  currentStepId="connect-ga4"
+                />
+              </div>
+            </div>
+
+            <symphiq-what-youll-see-below
+              class="mt-6 block"
+              [viewMode]="viewMode()"
+              [items]="whatYoullSeeBelowItems"
+            />
+
+            <symphiq-continue-your-journey
+              class="mt-6 block"
+              [viewMode]="viewMode()"
+              [isOnboarded]="isOnboarded()"
+              title="What Happens Next"
+              onboardedTitle="Manage Your Connection"
+              description="After connecting GA4, you'll set revenue targets that define your growth goals. Symphiq will then analyze your funnel performance against these targets to deliver precise, actionable recommendations."
+              onboardedDescription="Your GA4 connection remains active, continuously syncing your latest performance data. You can change your connected property or Google account at any time if your analytics setup evolves."
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  `
+            }]
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConnectGaWelcomeBannerComponent, { className: "ConnectGaWelcomeBannerComponent", filePath: "lib/components/connect-ga-dashboard/connect-ga-welcome-banner.component.ts", lineNumber: 71 }); })();
+
 const _forTrack0$D = ($index, $item) => $item.property.id;
-function SymphiqConnectGaDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 9)(2, "div", 10);
-    i0.ɵɵelement(3, "symphiq-indeterminate-spinner", 11);
-    i0.ɵɵelementStart(4, "h2", 12);
+function SymphiqConnectGaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 10)(2, "div", 11);
+    i0.ɵɵelement(3, "symphiq-indeterminate-spinner", 12);
+    i0.ɵɵelementStart(4, "h2", 13);
     i0.ɵɵtext(5, " Connecting to Google ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 13);
+    i0.ɵɵelementStart(6, "p", 14);
     i0.ɵɵtext(7, " Please complete the sign-in process in the popup window. Once authorized, your Google Analytics properties will appear here. ");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -54876,83 +55179,83 @@ function SymphiqConnectGaDashboardComponent_Conditional_7_Template(rf, ctx) { if
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Change Google Account ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Connect Google Analytics 4 ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 50);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelReconnectMode()); });
+    i0.ɵɵelementStart(0, "button", 51);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelReconnectMode()); });
     i0.ɵɵtext(1, " Cancel ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.headerCancelButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Sign in with a different Google account to access other Google Analytics properties. ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Integrating Google Analytics is essential. We use it to pull the majority of your data in a read-only format, ensuring no changes are made to your analytics. Please make sure you have access to the Google Analytics property associated with this shop to ensure proper integration. ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 14)(2, "div", 15)(3, "div", 16);
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 15)(2, "div", 16)(3, "div", 17);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 17);
-    i0.ɵɵelement(5, "path", 18);
+    i0.ɵɵelementStart(4, "svg", 18);
+    i0.ɵɵelement(5, "path", 19);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 19)(7, "div", 20)(8, "h2", 21);
-    i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_10_Template, 1, 0);
+    i0.ɵɵelementStart(6, "div", 20)(7, "div", 21)(8, "h2", 22);
+    i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_10_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_11_Template, 2, 1, "button", 22);
+    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_11_Template, 2, 1, "button", 23);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "p", 23);
-    i0.ɵɵconditionalCreate(13, SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_13_Template, 1, 0)(14, SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_14_Template, 1, 0);
+    i0.ɵɵelementStart(12, "p", 24);
+    i0.ɵɵconditionalCreate(13, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_13_Template, 1, 0)(14, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 24)(16, "button", 25);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_8_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onGoogleButtonClick()); });
-    i0.ɵɵelement(17, "div", 26);
-    i0.ɵɵelementStart(18, "div", 27)(19, "div", 28);
+    i0.ɵɵelementStart(15, "div", 25)(16, "button", 26);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_9_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onGoogleButtonClick()); });
+    i0.ɵɵelement(17, "div", 27);
+    i0.ɵɵelementStart(18, "div", 28)(19, "div", 29);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(20, "svg", 29);
-    i0.ɵɵelement(21, "path", 30)(22, "path", 31)(23, "path", 32)(24, "path", 33)(25, "path", 34);
+    i0.ɵɵelementStart(20, "svg", 30);
+    i0.ɵɵelement(21, "path", 31)(22, "path", 32)(23, "path", 33)(24, "path", 34)(25, "path", 35);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(26, "span", 35);
+    i0.ɵɵelementStart(26, "span", 36);
     i0.ɵɵtext(27, "Continue with Google");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(28, "div", 36);
+    i0.ɵɵelementStart(28, "div", 37);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(29, "svg", 37);
-    i0.ɵɵelement(30, "path", 38);
+    i0.ɵɵelementStart(29, "svg", 38);
+    i0.ɵɵelement(30, "path", 39);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(31, "div", 19)(32, "p", 39)(33, "strong", 40);
+    i0.ɵɵelementStart(31, "div", 20)(32, "p", 40)(33, "strong", 41);
     i0.ɵɵtext(34, "Note:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(35, " When you click \"Continue with Google\", you'll be asked to sign in to your Google account and select the Analytics property associated with your shop. ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(36, "div", 41)(37, "div", 42);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_8_Template_div_click_37_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleExpanded()); });
-    i0.ɵɵelementStart(38, "span", 43);
+    i0.ɵɵelementStart(36, "div", 42)(37, "div", 43);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_9_Template_div_click_37_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleExpanded()); });
+    i0.ɵɵelementStart(38, "span", 44);
     i0.ɵɵtext(39, " How do we use your Google Analytics data? ");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(40, "svg", 44);
-    i0.ɵɵelement(41, "path", 45);
+    i0.ɵɵelementStart(40, "svg", 45);
+    i0.ɵɵelement(41, "path", 46);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(42, "div", 46)(43, "div", 47)(44, "p", 48);
+    i0.ɵɵelementStart(42, "div", 47)(43, "div", 48)(44, "p", 49);
     i0.ɵɵtext(45, " We request access to your Google Analytics data to aggregate this information into funnel stages and display trends within our application. This allows us to provide you with a clear overview of your web performance. By analyzing the data, we can map out recommendations, measure the impact of your current strategies, and suggest actionable next steps for improvement. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(46, "p", 39);
+    i0.ɵɵelementStart(46, "p", 40);
     i0.ɵɵtext(47, " Symphiq's use and transfer to any other app of information received from Google APIs will adhere to ");
-    i0.ɵɵelementStart(48, "strong", 49);
+    i0.ɵɵelementStart(48, "strong", 50);
     i0.ɵɵtext(49, "Google API Services User Data Policy");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(50, " including the Limited Use requirements. ");
@@ -54998,33 +55301,33 @@ function SymphiqConnectGaDashboardComponent_Conditional_8_Template(rf, ctx) { if
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.expandedTextClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Change Google Analytics Property ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Choose Your Property ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 50);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelEditMode()); });
+    i0.ɵɵelementStart(0, "button", 51);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelEditMode()); });
     i0.ɵɵtext(1, " Cancel ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.headerCancelButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 61);
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 62);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66);
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 67);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 67);
-    i0.ɵɵelement(2, "path", 68);
+    i0.ɵɵelementStart(1, "svg", 68);
+    i0.ɵɵelement(2, "path", 69);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span", 65);
+    i0.ɵɵelementStart(3, "span", 66);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -55036,31 +55339,31 @@ function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_C
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" Account: ", ctx.name || "Unnamed Account", " ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Conditional_10_Conditional_0_Template, 5, 3, "div", 66);
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Conditional_10_Conditional_0_Template, 5, 3, "div", 67);
 } if (rf & 2) {
     let tmp_13_0;
     const item_r7 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional((tmp_13_0 = ctx_r0.getAccountForProperty(item_r7.property)) ? 0 : -1, tmp_13_0);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 58);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Template_label_click_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectProperty(item_r7.property.id)); })("keydown.enter", function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Template_label_keydown_enter_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectProperty(item_r7.property.id)); })("keydown.space", function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Template_label_keydown_space_0_listener($event) { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); ctx_r0.selectProperty(item_r7.property.id); return i0.ɵɵresetView($event.preventDefault()); });
-    i0.ɵɵelementStart(1, "div", 59)(2, "div", 60);
-    i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Conditional_3_Template, 1, 0, "div", 61);
+    i0.ɵɵelementStart(0, "label", 59);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template_label_click_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectProperty(item_r7.property.id)); })("keydown.enter", function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template_label_keydown_enter_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectProperty(item_r7.property.id)); })("keydown.space", function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template_label_keydown_space_0_listener($event) { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); ctx_r0.selectProperty(item_r7.property.id); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵelementStart(1, "div", 60)(2, "div", 61);
+    i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Conditional_3_Template, 1, 0, "div", 62);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 62)(5, "div", 63);
+    i0.ɵɵelementStart(4, "div", 63)(5, "div", 64);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(6, "svg", 64);
-    i0.ɵɵelement(7, "path", 18);
+    i0.ɵɵelementStart(6, "svg", 65);
+    i0.ɵɵelement(7, "path", 19);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(8, "div", 65);
+    i0.ɵɵelementStart(8, "div", 66);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Conditional_10_Template, 1, 1);
+    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Conditional_10_Template, 1, 1);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const item_r7 = ctx.$implicit;
@@ -55080,17 +55383,17 @@ function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_T
     i0.ɵɵadvance();
     i0.ɵɵconditional(item_r7.property.gaAccountId ? 10 : -1);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 52);
-    i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Template, 11, 8, "label", 53, _forTrack0$D);
+    i0.ɵɵelementStart(0, "div", 53);
+    i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template, 11, 8, "label", 54, _forTrack0$D);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "div", 54);
-    i0.ɵɵelementStart(4, "button", 55);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.useDifferentGoogleAccount()); });
+    i0.ɵɵelement(3, "div", 55);
+    i0.ɵɵelementStart(4, "button", 56);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.useDifferentGoogleAccount()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 56);
-    i0.ɵɵelement(6, "path", 57);
+    i0.ɵɵelementStart(5, "svg", 57);
+    i0.ɵɵelement(6, "path", 58);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(7, " Use Different Google Account ");
     i0.ɵɵelementEnd();
@@ -55103,8 +55406,8 @@ function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_Templat
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.useDifferentAccountButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51)(1, "p", 69);
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 52)(1, "p", 70);
     i0.ɵɵtext(2, " No properties found. Please connect your Google Analytics account. ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -55112,22 +55415,22 @@ function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_15_Templat
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyStateTextClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 14)(2, "div", 15)(3, "div", 16);
+function SymphiqConnectGaDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 15)(2, "div", 16)(3, "div", 17);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 17);
-    i0.ɵɵelement(5, "path", 18);
+    i0.ɵɵelementStart(4, "svg", 18);
+    i0.ɵɵelement(5, "path", 19);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 19)(7, "div", 20)(8, "h2", 21);
-    i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_10_Template, 1, 0);
+    i0.ɵɵelementStart(6, "div", 20)(7, "div", 21)(8, "h2", 22);
+    i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_10_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_11_Template, 2, 1, "button", 22);
+    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_11_Template, 2, 1, "button", 23);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "p", 23);
+    i0.ɵɵelementStart(12, "p", 24);
     i0.ɵɵtext(13, " Please choose the Google Analytics property you'd like to link to your shop. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(14, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_Template, 8, 2)(15, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_15_Template, 3, 1, "div", 51);
+    i0.ɵɵconditionalCreate(14, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_Template, 8, 2)(15, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_15_Template, 3, 1, "div", 52);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -55147,11 +55450,11 @@ function SymphiqConnectGaDashboardComponent_Conditional_9_Template(rf, ctx) { if
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.propertiesDisplay().length > 0 ? 14 : 15);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66);
+function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 67);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 67);
-    i0.ɵɵelement(2, "path", 68);
+    i0.ɵɵelementStart(1, "svg", 68);
+    i0.ɵɵelement(2, "path", 69);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(3, "span", 0);
@@ -55166,20 +55469,20 @@ function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_17_Condit
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx.name || "Unnamed Account", " ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 75)(1, "div", 77)(2, "div", 78);
+function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 76)(1, "div", 78)(2, "div", 79);
     i0.ɵɵtext(3, " Connected ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 79);
+    i0.ɵɵelementStart(4, "div", 80);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 80);
-    i0.ɵɵelement(6, "path", 18);
+    i0.ɵɵelementStart(5, "svg", 81);
+    i0.ɵɵelement(6, "path", 19);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(7, "div")(8, "div", 81);
+    i0.ɵɵelementStart(7, "div")(8, "div", 82);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_17_Conditional_10_Template, 5, 3, "div", 66);
+    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_17_Conditional_10_Template, 5, 3, "div", 67);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     let tmp_8_0;
@@ -55196,35 +55499,35 @@ function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_17_Templa
     i0.ɵɵadvance();
     i0.ɵɵconditional((tmp_8_0 = ctx_r0.selectedPropertyAccount()) ? 10 : -1, tmp_8_0);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 14)(2, "div", 15)(3, "div", 16);
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 15)(2, "div", 16)(3, "div", 17);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 17);
-    i0.ɵɵelement(5, "path", 70);
+    i0.ɵɵelementStart(4, "svg", 18);
+    i0.ɵɵelement(5, "path", 71);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 19)(7, "div", 71)(8, "div")(9, "h2", 72);
+    i0.ɵɵelementStart(6, "div", 20)(7, "div", 72)(8, "div")(9, "h2", 73);
     i0.ɵɵtext(10, " Connected to Google Analytics ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "p", 69);
+    i0.ɵɵelementStart(11, "p", 70);
     i0.ɵɵtext(12, " Your analytics data is linked ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "button", 73);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_10_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.enableEditMode()); });
+    i0.ɵɵelementStart(13, "button", 74);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_11_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.enableEditMode()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(14, "svg", 56);
-    i0.ɵɵelement(15, "path", 74);
+    i0.ɵɵelementStart(14, "svg", 57);
+    i0.ɵɵelement(15, "path", 75);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(16, " Edit ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(17, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_17_Template, 11, 6, "div", 75);
+    i0.ɵɵconditionalCreate(17, SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_17_Template, 11, 6, "div", 76);
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(18, "button", 76);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_10_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.reconnectWithDifferentAccount()); });
+    i0.ɵɵelementStart(18, "button", 77);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_11_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.reconnectWithDifferentAccount()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(19, "svg", 56);
-    i0.ɵɵelement(20, "path", 57);
+    i0.ɵɵelementStart(19, "svg", 57);
+    i0.ɵɵelement(20, "path", 58);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(21, " Use Different Google Account ");
     i0.ɵɵelementEnd()()()()();
@@ -55247,14 +55550,14 @@ function SymphiqConnectGaDashboardComponent_Conditional_10_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.reconnectButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 85);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelEditMode()); });
+    i0.ɵɵelementStart(0, "button", 86);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelEditMode()); });
     i0.ɵɵtext(1, " Cancel ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 86);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.submitPropertyChange()); });
+    i0.ɵɵelementStart(2, "button", 87);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.submitPropertyChange()); });
     i0.ɵɵtext(3, " Submit ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -55263,19 +55566,19 @@ function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_3_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("disabled", !ctx_r0.hasPropertyChanged())("ngClass", ctx_r0.submitButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 86);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.submitPropertySelection()); });
+    i0.ɵɵelementStart(0, "button", 87);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.submitPropertySelection()); });
     i0.ɵɵtext(1, " Continue ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("disabled", !ctx_r0.hasPropertySelected())("ngClass", ctx_r0.submitButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8)(1, "div", 82)(2, "div", 83);
-    i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_3_Template, 4, 3)(4, SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_4_Template, 2, 2, "button", 84);
+function SymphiqConnectGaDashboardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 83)(2, "div", 84);
+    i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_3_Template, 4, 3)(4, SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_4_Template, 2, 2, "button", 85);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -55313,6 +55616,7 @@ class SymphiqConnectGaDashboardComponent {
         this.forDemo = input(false, ...(ngDevMode ? [{ debugName: "forDemo" }] : []));
         this.maxAccessibleStepId = input(undefined, ...(ngDevMode ? [{ debugName: "maxAccessibleStepId" }] : []));
         this.showNextStepAction = input(true, ...(ngDevMode ? [{ debugName: "showNextStepAction" }] : []));
+        this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
         this.gaProperties = input(undefined, ...(ngDevMode ? [{ debugName: "gaProperties" }] : []));
         this.gaAccounts = input(undefined, ...(ngDevMode ? [{ debugName: "gaAccounts" }] : []));
         this.selectedGaPropertyId = input(undefined, ...(ngDevMode ? [{ debugName: "selectedGaPropertyId" }] : []));
@@ -55699,7 +56003,7 @@ class SymphiqConnectGaDashboardComponent {
             i0.ɵɵlistener("scroll", function SymphiqConnectGaDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
         } if (rf & 2) {
             i0.ɵɵclassProp("light", ctx.isLightMode())("dark", !ctx.isLightMode());
-        } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], showNextStepAction: [1, "showNextStepAction"], gaProperties: [1, "gaProperties"], gaAccounts: [1, "gaAccounts"], selectedGaPropertyId: [1, "selectedGaPropertyId"], isConnectingToGoogle: [1, "isConnectingToGoogle"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange" }, decls: 12, vars: 19, consts: [[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", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "max-w-3xl", "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, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], [1, "px-8", "py-16", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "text-center", "gap-8"], ["size", "large", 3, "viewMode"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-4", 3, "ngClass"], [1, "text-base", "leading-relaxed", "max-w-md", 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", "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"], [1, "flex-1"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-4"], [1, "text-2xl", "sm:text-3xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "text-base", "leading-relaxed", "mb-6", 3, "ngClass"], [1, "mb-6"], ["type", "button", 1, "gsi-material-button", 3, "click"], [1, "gsi-material-button-state"], [1, "gsi-material-button-content-wrapper"], [1, "gsi-material-button-icon"], ["version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 48 48", 0, "xmlns", "xlink", "http://www.w3.org/1999/xlink", 2, "display", "block"], ["fill", "#EA4335", "d", "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"], ["fill", "#4285F4", "d", "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"], ["fill", "#FBBC05", "d", "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"], ["fill", "#34A853", "d", "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"], ["fill", "none", "d", "M0 0h48v48H0z"], [1, "gsi-material-button-contents"], [1, "p-4", "rounded-lg", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "rounded-lg", "border", "overflow-hidden", 3, "ngClass"], [1, "px-4", "py-4", "cursor-pointer", "flex", "items-center", "justify-between", "gap-3", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "text-base", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-300", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "px-4", "pb-4", "pt-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "font-bold"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], [1, "text-center", "py-8"], ["role", "radiogroup", "aria-label", "Google Analytics Properties", 1, "space-y-3"], ["tabindex", "0", "role", "radio", 1, "block", 3, "ngClass"], [1, "my-6", "border-t", 3, "ngClass"], ["type", "button", 1, "w-full", "px-4", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", 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", "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"], ["tabindex", "0", "role", "radio", 1, "block", 3, "click", "keydown.enter", "keydown.space", "ngClass"], [1, "flex", "items-center", "gap-4", "p-4"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"], [1, "text-base", 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, "flex", "items-start", "justify-between", "mb-6"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "rounded-xl", "border-2", "p-6", "mb-6", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-4"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", 3, "ngClass"], [1, "text-lg", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "disabled", "ngClass"], ["type", "button", 1, "flex-1", "sm:flex-none", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "disabled", "ngClass"]], template: function SymphiqConnectGaDashboardComponent_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"], showNextStepAction: [1, "showNextStepAction"], isOnboarded: [1, "isOnboarded"], gaProperties: [1, "gaProperties"], gaAccounts: [1, "gaAccounts"], selectedGaPropertyId: [1, "selectedGaPropertyId"], isConnectingToGoogle: [1, "isConnectingToGoogle"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange" }, decls: 13, vars: 21, consts: [[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", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "block", "mb-8", 3, "viewMode", "isOnboarded"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], [1, "px-8", "py-16", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "text-center", "gap-8"], ["size", "large", 3, "viewMode"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-4", 3, "ngClass"], [1, "text-base", "leading-relaxed", "max-w-md", 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", "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"], [1, "flex-1"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-4"], [1, "text-2xl", "sm:text-3xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "text-base", "leading-relaxed", "mb-6", 3, "ngClass"], [1, "mb-6"], ["type", "button", 1, "gsi-material-button", 3, "click"], [1, "gsi-material-button-state"], [1, "gsi-material-button-content-wrapper"], [1, "gsi-material-button-icon"], ["version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 48 48", 0, "xmlns", "xlink", "http://www.w3.org/1999/xlink", 2, "display", "block"], ["fill", "#EA4335", "d", "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"], ["fill", "#4285F4", "d", "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"], ["fill", "#FBBC05", "d", "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"], ["fill", "#34A853", "d", "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"], ["fill", "none", "d", "M0 0h48v48H0z"], [1, "gsi-material-button-contents"], [1, "p-4", "rounded-lg", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "rounded-lg", "border", "overflow-hidden", 3, "ngClass"], [1, "px-4", "py-4", "cursor-pointer", "flex", "items-center", "justify-between", "gap-3", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "text-base", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-300", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "px-4", "pb-4", "pt-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "font-bold"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], [1, "text-center", "py-8"], ["role", "radiogroup", "aria-label", "Google Analytics Properties", 1, "space-y-3"], ["tabindex", "0", "role", "radio", 1, "block", 3, "ngClass"], [1, "my-6", "border-t", 3, "ngClass"], ["type", "button", 1, "w-full", "px-4", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", 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", "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"], ["tabindex", "0", "role", "radio", 1, "block", 3, "click", "keydown.enter", "keydown.space", "ngClass"], [1, "flex", "items-center", "gap-4", "p-4"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"], [1, "text-base", 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, "flex", "items-start", "justify-between", "mb-6"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "rounded-xl", "border-2", "p-6", "mb-6", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-4"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", 3, "ngClass"], [1, "text-lg", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "disabled", "ngClass"], ["type", "button", 1, "flex-1", "sm:flex-none", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "disabled", "ngClass"]], template: function SymphiqConnectGaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -55708,12 +56012,13 @@ class SymphiqConnectGaDashboardComponent {
             i0.ɵɵlistener("stepClick", function SymphiqConnectGaDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_4_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqConnectGaDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_4_listener() { return ctx.nextStepClick.emit(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(5, "main", 5)(6, "div", 6);
-            i0.ɵɵconditionalCreate(7, SymphiqConnectGaDashboardComponent_Conditional_7_Template, 8, 5, "div", 7);
-            i0.ɵɵconditionalCreate(8, SymphiqConnectGaDashboardComponent_Conditional_8_Template, 51, 28, "div", 7);
-            i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_9_Template, 16, 8, "div", 7);
-            i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_10_Template, 22, 8, "div", 7);
+            i0.ɵɵelement(7, "symphiq-connect-ga-welcome-banner", 7);
+            i0.ɵɵconditionalCreate(8, SymphiqConnectGaDashboardComponent_Conditional_8_Template, 8, 5, "div", 8);
+            i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_9_Template, 51, 28, "div", 8);
+            i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_10_Template, 16, 8, "div", 8);
+            i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_11_Template, 22, 8, "div", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_11_Template, 5, 2, "div", 8);
+            i0.ɵɵconditionalCreate(12, SymphiqConnectGaDashboardComponent_Conditional_12_Template, 5, 2, "div", 9);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
@@ -55724,20 +56029,22 @@ class SymphiqConnectGaDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode())("currentStepId", ctx.JourneyStepIdEnum.CONNECT_GA4)("showNextStepAction", ctx.showNextStepAction())("forDemo", ctx.forDemo())("maxAccessibleStepId", ctx.maxAccessibleStepId());
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.isConnecting() ? 7 : -1);
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("isOnboarded", ctx.isOnboarded());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isConnectState() && !ctx.isConnecting() ? 8 : -1);
+            i0.ɵɵconditional(ctx.isConnecting() ? 8 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSelectionState() && !ctx.isConnecting() ? 9 : -1);
+            i0.ɵɵconditional(ctx.isConnectState() && !ctx.isConnecting() ? 9 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSelectedState() && !ctx.isConnecting() ? 10 : -1);
+            i0.ɵɵconditional(ctx.isSelectionState() && !ctx.isConnecting() ? 10 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showSubmitButton() ? 11 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass, JourneyProgressIndicatorComponent, IndeterminateSpinnerComponent, DashboardHeaderComponent], styles: ["[_nghost-%COMP%]{display:block}.animated-bubbles[_ngcontent-%COMP%]{overflow:hidden}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out;opacity:.05}.animated-bubbles[_ngcontent-%COMP%]:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode[_ngcontent-%COMP%]:before, .animated-bubbles.light-mode[_ngcontent-%COMP%]:after{opacity:.03}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-icon[_ngcontent-%COMP%]{height:20px;margin-right:12px;min-width:20px;width:20px}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-content-wrapper[_ngcontent-%COMP%]{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-contents[_ngcontent-%COMP%]{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-state[_ngcontent-%COMP%]{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-contents[_ngcontent-%COMP%]{opacity:38%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-icon[_ngcontent-%COMP%]{opacity:38%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):active   .gsi-material-button-state[_ngcontent-%COMP%], .light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):focus   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#303030;opacity:12%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#303030;opacity:8%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border-color:#8e918f}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-icon[_ngcontent-%COMP%]{height:20px;margin-right:12px;min-width:20px;width:20px}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-content-wrapper[_ngcontent-%COMP%]{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-contents[_ngcontent-%COMP%]{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-state[_ngcontent-%COMP%]{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#e3e3e31f}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-contents[_ngcontent-%COMP%]{opacity:38%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-icon[_ngcontent-%COMP%]{opacity:38%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):active   .gsi-material-button-state[_ngcontent-%COMP%], .dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):focus   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#fff;opacity:12%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#fff;opacity:8%}"], changeDetection: 0 }); }
+            i0.ɵɵconditional(ctx.isSelectedState() && !ctx.isConnecting() ? 11 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showSubmitButton() ? 12 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass, JourneyProgressIndicatorComponent, IndeterminateSpinnerComponent, DashboardHeaderComponent, ConnectGaWelcomeBannerComponent], styles: ["[_nghost-%COMP%]{display:block}.animated-bubbles[_ngcontent-%COMP%]{overflow:hidden}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out;opacity:.05}.animated-bubbles[_ngcontent-%COMP%]:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode[_ngcontent-%COMP%]:before, .animated-bubbles.light-mode[_ngcontent-%COMP%]:after{opacity:.03}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-icon[_ngcontent-%COMP%]{height:20px;margin-right:12px;min-width:20px;width:20px}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-content-wrapper[_ngcontent-%COMP%]{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-contents[_ngcontent-%COMP%]{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-state[_ngcontent-%COMP%]{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-contents[_ngcontent-%COMP%]{opacity:38%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-icon[_ngcontent-%COMP%]{opacity:38%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):active   .gsi-material-button-state[_ngcontent-%COMP%], .light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):focus   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#303030;opacity:12%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#303030;opacity:8%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border-color:#8e918f}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-icon[_ngcontent-%COMP%]{height:20px;margin-right:12px;min-width:20px;width:20px}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-content-wrapper[_ngcontent-%COMP%]{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-contents[_ngcontent-%COMP%]{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-state[_ngcontent-%COMP%]{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#e3e3e31f}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-contents[_ngcontent-%COMP%]{opacity:38%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-icon[_ngcontent-%COMP%]{opacity:38%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):active   .gsi-material-button-state[_ngcontent-%COMP%], .dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):focus   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#fff;opacity:12%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#fff;opacity:8%}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqConnectGaDashboardComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-connect-ga-dashboard', standalone: true, imports: [CommonModule, JourneyProgressIndicatorComponent, IndeterminateSpinnerComponent, DashboardHeaderComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+        args: [{ selector: 'symphiq-connect-ga-dashboard', standalone: true, imports: [CommonModule, JourneyProgressIndicatorComponent, IndeterminateSpinnerComponent, DashboardHeaderComponent, ConnectGaWelcomeBannerComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                     '[class.light]': 'isLightMode()',
                     '[class.dark]': '!isLightMode()'
                 }, template: `
@@ -55767,6 +56074,13 @@ class SymphiqConnectGaDashboardComponent {
 
         <main class="relative pb-32">
           <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+            <!-- Welcome Banner -->
+            <symphiq-connect-ga-welcome-banner
+              class="block mb-8"
+              [viewMode]="viewMode()"
+              [isOnboarded]="isOnboarded()"
+            />
+
             <!-- Connecting to Google State -->
             @if (isConnecting()) {
               <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
@@ -56111,11 +56425,11 @@ class SymphiqConnectGaDashboardComponent {
       </div>
     </div>
   `, styles: [":host{display:block}.animated-bubbles{overflow:hidden}.animated-bubbles:before,.animated-bubbles:after{content:\"\";position:absolute;border-radius:50%;animation:float 20s infinite ease-in-out;opacity:.05}.animated-bubbles:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode:before,.animated-bubbles.light-mode:after{opacity:.03}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}:host.light .gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}:host.light .gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}:host.light .gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}:host.light .gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}:host.light .gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}:host.light .gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}:host.light .gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}:host.light .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}:host.light .gsi-material-button:not(:disabled):active .gsi-material-button-state,:host.light .gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}:host.light .gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}:host.light .gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}:host.dark .gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border-color:#8e918f}:host.dark .gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}:host.dark .gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}:host.dark .gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}:host.dark .gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}:host.dark .gsi-material-button:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}:host.dark .gsi-material-button:disabled .gsi-material-button-state{background-color:#e3e3e31f}:host.dark .gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}:host.dark .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}:host.dark .gsi-material-button:not(:disabled):active .gsi-material-button-state,:host.dark .gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#fff;opacity:12%}:host.dark .gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}:host.dark .gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#fff;opacity:8%}\n"] }]
-    }], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", 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 }] }], showNextStepAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNextStepAction", required: false }] }], gaProperties: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaProperties", required: false }] }], gaAccounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaAccounts", required: false }] }], selectedGaPropertyId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedGaPropertyId", required: false }] }], isConnectingToGoogle: [{ type: i0.Input, args: [{ isSignal: true, alias: "isConnectingToGoogle", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], googleButtonClick: [{ type: i0.Output, args: ["googleButtonClick"] }], onPropertySelect: [{ type: i0.Output, args: ["onPropertySelect"] }], onPropertyChange: [{ type: i0.Output, args: ["onPropertyChange"] }], onScroll: [{
+    }], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", 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 }] }], showNextStepAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNextStepAction", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], gaProperties: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaProperties", required: false }] }], gaAccounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaAccounts", required: false }] }], selectedGaPropertyId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedGaPropertyId", required: false }] }], isConnectingToGoogle: [{ type: i0.Input, args: [{ isSignal: true, alias: "isConnectingToGoogle", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], googleButtonClick: [{ type: i0.Output, args: ["googleButtonClick"] }], onPropertySelect: [{ type: i0.Output, args: ["onPropertySelect"] }], onPropertyChange: [{ type: i0.Output, args: ["onPropertyChange"] }], onScroll: [{
             type: HostListener,
             args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqConnectGaDashboardComponent, { className: "SymphiqConnectGaDashboardComponent", filePath: "lib/components/connect-ga-dashboard/symphiq-connect-ga-dashboard.component.ts", lineNumber: 671 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqConnectGaDashboardComponent, { className: "SymphiqConnectGaDashboardComponent", filePath: "lib/components/connect-ga-dashboard/symphiq-connect-ga-dashboard.component.ts", lineNumber: 679 }); })();
 
 class RevenueCalculatorWelcomeBannerComponent {
     constructor() {
@@ -56123,6 +56437,12 @@ class RevenueCalculatorWelcomeBannerComponent {
         this.dataLoadStatus = input(ShopDataLoadStatusEnum.NOT_LOADED, ...(ngDevMode ? [{ debugName: "dataLoadStatus" }] : []));
         this.hasTargets = input(false, ...(ngDevMode ? [{ debugName: "hasTargets" }] : []));
         this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
+        this.targets = input(...(ngDevMode ? [undefined, { debugName: "targets" }] : []));
+        this.whatYoullSeeBelowItems = [
+            { title: 'Revenue Target Input', description: 'Set your desired revenue goal for the year, either as an absolute amount or percentage increase' },
+            { title: 'Automatic Metric Distribution', description: 'See calculated metric improvements needed across your funnel to achieve your revenue target' },
+            { title: 'Target Refinement Controls', description: 'Adjust individual metric targets to align with your team\'s capacity and strategic priorities' }
+        ];
         this.isDataFullyLoaded = computed(() => this.dataLoadStatus() === ShopDataLoadStatusEnum.FULLY_LOADED, ...(ngDevMode ? [{ debugName: "isDataFullyLoaded" }] : []));
     }
     getNextStepsMessage() {
@@ -56165,26 +56485,6 @@ class RevenueCalculatorWelcomeBannerComponent {
             ? 'text-slate-300'
             : 'text-slate-700';
     }
-    highlightBoxClasses() {
-        return this.viewMode() === ViewModeEnum.DARK
-            ? 'bg-blue-500/10 border-blue-500/30'
-            : 'bg-blue-50 border-blue-300';
-    }
-    highlightIconClasses() {
-        return this.viewMode() === ViewModeEnum.DARK
-            ? 'text-blue-400'
-            : 'text-blue-600';
-    }
-    highlightTitleClasses() {
-        return this.viewMode() === ViewModeEnum.DARK
-            ? 'text-blue-400'
-            : 'text-blue-700';
-    }
-    highlightListClasses() {
-        return this.viewMode() === ViewModeEnum.DARK
-            ? 'text-slate-300'
-            : 'text-slate-700';
-    }
     nextStepsBoxClasses() {
         return this.viewMode() === ViewModeEnum.DARK
             ? 'bg-amber-500/10 border-amber-500/30'
@@ -56206,7 +56506,7 @@ class RevenueCalculatorWelcomeBannerComponent {
             : 'text-slate-700';
     }
     static { this.ɵfac = function RevenueCalculatorWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RevenueCalculatorWelcomeBannerComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RevenueCalculatorWelcomeBannerComponent, selectors: [["symphiq-revenue-calculator-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], dataLoadStatus: [1, "dataLoadStatus"], hasTargets: [1, "hasTargets"], isOnboarded: [1, "isOnboarded"] }, decls: 52, vars: 15, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 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", "M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-3", "mb-6"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [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, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function RevenueCalculatorWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RevenueCalculatorWelcomeBannerComponent, selectors: [["symphiq-revenue-calculator-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], dataLoadStatus: [1, "dataLoadStatus"], hasTargets: [1, "hasTargets"], isOnboarded: [1, "isOnboarded"], targets: [1, "targets"] }, decls: 28, vars: 15, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 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", "M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"], [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"], ["currentStepId", "revenue-calculator", 3, "viewMode", "targets"], [1, "mt-6", "block", 3, "viewMode", "items"], [1, "mt-6", "p-5", "rounded-xl", "border", "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", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function RevenueCalculatorWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(4, "svg", 4);
@@ -56216,67 +56516,29 @@ class RevenueCalculatorWelcomeBannerComponent {
             i0.ɵɵelementStart(6, "div", 6)(7, "h2", 7);
             i0.ɵɵtext(8, " Welcome to Your Revenue Calculator ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(9, "div", 8)(10, "p", 9);
-            i0.ɵɵtext(11, " The Revenue Calculator empowers you to achieve your revenue goals with precision. Start by setting your target revenue for the year, and Symphiq will automatically calculate the specific metric improvements needed across your funnel. You can then refine individual metric targets to match your team's capabilities and strategic focus. ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(12, "p", 9)(13, "strong", 10);
-            i0.ɵɵtext(14, "Why this matters:");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtext(15, " This approach bridges strategy and execution. By starting with your revenue ambition and translating it into specific, measurable metric targets, your team gains clarity on exactly what needs to improve. You maintain full control to adjust targets based on your resources, historical performance, and growth opportunities at each funnel stage. ");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(16, "div", 11);
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(17, "svg", 12);
-            i0.ɵɵelement(18, "path", 13);
-            i0.ɵɵelementEnd();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(19, "div", 6)(20, "h3", 14);
-            i0.ɵɵtext(21, " What You'll See Below ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(22, "ul", 15)(23, "li", 16);
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(24, "svg", 17);
-            i0.ɵɵelement(25, "path", 18);
+            i0.ɵɵelementStart(9, "div", 8)(10, "div", 9)(11, "p", 10);
+            i0.ɵɵtext(12, " The Revenue Calculator empowers you to achieve your revenue goals with precision. Start by setting your target revenue for the year, and Symphiq will automatically calculate the specific metric improvements needed across your funnel. You can then refine individual metric targets to match your team's capabilities and strategic focus. ");
             i0.ɵɵelementEnd();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(26, "span")(27, "strong", 10);
-            i0.ɵɵtext(28, "Revenue Target Input");
+            i0.ɵɵelementStart(13, "p", 10)(14, "strong", 11);
+            i0.ɵɵtext(15, "Why this matters:");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(29, " \u2014 Set your desired revenue goal for the year, either as an absolute amount or percentage increase");
+            i0.ɵɵtext(16, " This approach bridges strategy and execution. By starting with your revenue ambition and translating it into specific, measurable metric targets, your team gains clarity on exactly what needs to improve. You maintain full control to adjust targets based on your resources, historical performance, and growth opportunities at each funnel stage. ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(30, "li", 16);
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(31, "svg", 17);
-            i0.ɵɵelement(32, "path", 18);
-            i0.ɵɵelementEnd();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(33, "span")(34, "strong", 10);
-            i0.ɵɵtext(35, "Automatic Metric Distribution");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtext(36, " \u2014 See calculated metric improvements needed across your funnel to achieve your revenue target");
+            i0.ɵɵelementStart(17, "div", 12);
+            i0.ɵɵelement(18, "symphiq-confidence-level-card", 13);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(37, "li", 16);
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(38, "svg", 17);
-            i0.ɵɵelement(39, "path", 18);
-            i0.ɵɵelementEnd();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(40, "span")(41, "strong", 10);
-            i0.ɵɵtext(42, "Target Refinement Controls");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtext(43, " \u2014 Adjust individual metric targets to align with your team's capacity and strategic priorities");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(44, "div", 19);
+            i0.ɵɵelement(19, "symphiq-what-youll-see-below", 14);
+            i0.ɵɵelementStart(20, "div", 15);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(45, "svg", 12);
-            i0.ɵɵelement(46, "path", 20);
+            i0.ɵɵelementStart(21, "svg", 16);
+            i0.ɵɵelement(22, "path", 17);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(47, "div", 6)(48, "h3", 21);
-            i0.ɵɵtext(49, " This is Just the Beginning ");
+            i0.ɵɵelementStart(23, "div", 6)(24, "h3", 18);
+            i0.ɵɵtext(25, " This is Just the Beginning ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(50, "p", 22);
-            i0.ɵɵtext(51);
+            i0.ɵɵelementStart(26, "p", 19);
+            i0.ɵɵtext(27);
             i0.ɵɵelementEnd()()()()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -56286,19 +56548,15 @@ class RevenueCalculatorWelcomeBannerComponent {
             i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
-            i0.ɵɵadvance(3);
+            i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngClass", ctx.textClasses());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.textClasses());
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngClass", ctx.highlightBoxClasses());
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("targets", ctx.targets());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("items", ctx.whatYoullSeeBelowItems);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.highlightIconClasses());
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", ctx.highlightTitleClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.highlightListClasses());
-            i0.ɵɵadvance(22);
             i0.ɵɵproperty("ngClass", ctx.nextStepsBoxClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.nextStepsIconClasses());
@@ -56308,14 +56566,14 @@ class RevenueCalculatorWelcomeBannerComponent {
             i0.ɵɵproperty("ngClass", ctx.nextStepsTextClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.getNextStepsMessage(), " ");
-        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass, WhatYoullSeeBelowComponent, ConfidenceLevelCardComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RevenueCalculatorWelcomeBannerComponent, [{
         type: Component,
         args: [{
                 selector: 'symphiq-revenue-calculator-welcome-banner',
                 standalone: true,
-                imports: [CommonModule],
+                imports: [CommonModule, WhatYoullSeeBelowComponent, ConfidenceLevelCardComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
@@ -56332,47 +56590,34 @@ class RevenueCalculatorWelcomeBannerComponent {
               Welcome to Your Revenue Calculator
             </h2>
 
-            <!-- Description (full width, no confidence card) -->
-            <div class="space-y-3 mb-6">
-              <p [ngClass]="textClasses()" class="text-base leading-relaxed">
-                The Revenue Calculator empowers you to achieve your revenue goals with precision. Start by setting your target revenue for the year, and Symphiq will automatically calculate the specific metric improvements needed across your funnel. You can then refine individual metric targets to match your team's capabilities and strategic focus.
-              </p>
-              <p [ngClass]="textClasses()" class="text-base leading-relaxed">
-                <strong class="font-semibold">Why this matters:</strong> This approach bridges strategy and execution. By starting with your revenue ambition and translating it into specific, measurable metric targets, your team gains clarity on exactly what needs to improve. You maintain full control to adjust targets based on your resources, historical performance, and growth opportunities at each funnel stage.
-              </p>
-            </div>
+            <!-- Description and Confidence Card in Responsive Layout -->
+            <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
+              <!-- Description (takes 2 columns on large screens) -->
+              <div class="lg:col-span-2 space-y-3">
+                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                  The Revenue Calculator empowers you to achieve your revenue goals with precision. Start by setting your target revenue for the year, and Symphiq will automatically calculate the specific metric improvements needed across your funnel. You can then refine individual metric targets to match your team's capabilities and strategic focus.
+                </p>
+                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                  <strong class="font-semibold">Why this matters:</strong> This approach bridges strategy and execution. By starting with your revenue ambition and translating it into specific, measurable metric targets, your team gains clarity on exactly what needs to improve. You maintain full control to adjust targets based on your resources, historical performance, and growth opportunities at each funnel stage.
+                </p>
+              </div>
 
-            <div [ngClass]="highlightBoxClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
-              <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="highlightIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path 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"></path>
-              </svg>
-              <div class="flex-1">
-                <h3 [ngClass]="highlightTitleClasses()" class="font-bold text-lg mb-2">
-                  What You'll See Below
-                </h3>
-                <ul [ngClass]="highlightListClasses()" class="space-y-2 text-sm">
-                  <li class="flex items-start gap-2">
-                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
-                    </svg>
-                    <span><strong class="font-semibold">Revenue Target Input</strong> — Set your desired revenue goal for the year, either as an absolute amount or percentage increase</span>
-                  </li>
-                  <li class="flex items-start gap-2">
-                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
-                    </svg>
-                    <span><strong class="font-semibold">Automatic Metric Distribution</strong> — See calculated metric improvements needed across your funnel to achieve your revenue target</span>
-                  </li>
-                  <li class="flex items-start gap-2">
-                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
-                    </svg>
-                    <span><strong class="font-semibold">Target Refinement Controls</strong> — Adjust individual metric targets to align with your team's capacity and strategic priorities</span>
-                  </li>
-                </ul>
+              <!-- Confidence Card (takes 1 column on large screens, full width on mobile) -->
+              <div class="lg:col-span-1">
+                <symphiq-confidence-level-card
+                  [viewMode]="viewMode()"
+                  currentStepId="revenue-calculator"
+                  [targets]="targets()"
+                />
               </div>
             </div>
 
+            <symphiq-what-youll-see-below
+              class="mt-6 block"
+              [viewMode]="viewMode()"
+              [items]="whatYoullSeeBelowItems"
+            />
+
             <div [ngClass]="nextStepsBoxClasses()" class="mt-6 p-5 rounded-xl border flex items-start gap-4">
               <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="nextStepsIconClasses()" 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>
@@ -56392,8 +56637,8 @@ class RevenueCalculatorWelcomeBannerComponent {
     </div>
   `
             }]
-    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], dataLoadStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataLoadStatus", required: false }] }], hasTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTargets", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RevenueCalculatorWelcomeBannerComponent, { className: "RevenueCalculatorWelcomeBannerComponent", filePath: "lib/components/revenue-calculator-dashboard/revenue-calculator-welcome-banner.component.ts", lineNumber: 85 }); })();
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], dataLoadStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataLoadStatus", required: false }] }], hasTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTargets", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RevenueCalculatorWelcomeBannerComponent, { className: "RevenueCalculatorWelcomeBannerComponent", filePath: "lib/components/revenue-calculator-dashboard/revenue-calculator-welcome-banner.component.ts", lineNumber: 74 }); })();
 
 function calculatePacingStatus(projectedValue, targetValue, increaseBad = false) {
     if (targetValue <= 0)
@@ -64753,7 +64998,7 @@ function SymphiqRevenueCalculatorDashboardComponent_Conditional_9_Template(rf, c
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("dataLoadStatus", ctx_r0.dataLoadStatus() ?? ctx_r0.ShopDataLoadStatusEnum.NOT_LOADED)("hasTargets", false);
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("dataLoadStatus", ctx_r0.dataLoadStatus() ?? ctx_r0.ShopDataLoadStatusEnum.NOT_LOADED)("hasTargets", false)("targets", ctx_r0.targets());
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("viewMode", ctx_r0.viewMode());
 } }
@@ -64772,7 +65017,7 @@ function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Template(rf,
     i0.ɵɵconditionalCreate(1, SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Conditional_1_Template, 2, 16, "div", 8);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("dataLoadStatus", ctx_r0.dataLoadStatus() ?? ctx_r0.ShopDataLoadStatusEnum.NOT_LOADED)("hasTargets", ctx_r0.hasCurrentYearTargets())("isOnboarded", ctx_r0.isOnboarded());
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("dataLoadStatus", ctx_r0.dataLoadStatus() ?? ctx_r0.ShopDataLoadStatusEnum.NOT_LOADED)("hasTargets", ctx_r0.hasCurrentYearTargets())("isOnboarded", ctx_r0.isOnboarded())("targets", ctx_r0.targets());
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r0.isLoading() ? 1 : -1);
 } }
@@ -64969,7 +65214,7 @@ 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() { return ctx.onWindowScroll(); }, 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: 12, vars: 19, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [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", "embedded", "scrollEvent"], [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, "mt-8"], [1, "sticky", "bottom-0", "z-50", "border-t", "py-4", "px-4", "sm:px-6", "lg:px-8", 3, "ngClass"], ["title", "Loading Revenue Calculator", "subtitle", "Please wait while we prepare your revenue calculator...", "size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets"], ["title", "Downloading Your Google Analytics 4 Data", "subtitle", "Symphiq is fetching your historical metrics to establish baseline performance. This may take a moment as we gather your funnel data.", "size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets", "isOnboarded"], [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: 12, vars: 19, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [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", "embedded", "scrollEvent"], [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, "mt-8"], [1, "sticky", "bottom-0", "z-50", "border-t", "py-4", "px-4", "sm:px-6", "lg:px-8", 3, "ngClass"], ["title", "Loading Revenue Calculator", "subtitle", "Please wait while we prepare your revenue calculator...", "size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets", "targets"], ["title", "Downloading Your Google Analytics 4 Data", "subtitle", "Symphiq is fetching your historical metrics to establish baseline performance. This may take a moment as we gather your funnel data.", "size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets", "isOnboarded", "targets"], [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);
             i0.ɵɵelement(1, "symphiq-scroll-progress-bar", 1)(2, "div", 2);
             i0.ɵɵelementStart(3, "div", 3);
@@ -64978,7 +65223,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
             i0.ɵɵlistener("stepClick", function SymphiqRevenueCalculatorDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_5_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqRevenueCalculatorDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_5_listener() { return ctx.nextStepClick.emit(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(6, "main", 6)(7, "div", 7);
-            i0.ɵɵconditionalCreate(8, SymphiqRevenueCalculatorDashboardComponent_Conditional_8_Template, 2, 1, "div", 8)(9, SymphiqRevenueCalculatorDashboardComponent_Conditional_9_Template, 3, 4)(10, SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Template, 2, 5);
+            i0.ɵɵconditionalCreate(8, SymphiqRevenueCalculatorDashboardComponent_Conditional_8_Template, 2, 1, "div", 8)(9, SymphiqRevenueCalculatorDashboardComponent_Conditional_9_Template, 3, 5)(10, SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Template, 2, 6);
             i0.ɵɵelementEnd()();
             i0.ɵɵconditionalCreate(11, SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template, 7, 7, "div", 9);
             i0.ɵɵelementEnd()();
@@ -65072,6 +65317,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
                   [viewMode]="viewMode()"
                   [dataLoadStatus]="dataLoadStatus() ?? ShopDataLoadStatusEnum.NOT_LOADED"
                   [hasTargets]="false"
+                  [targets]="targets()"
               />
 
               <!-- Loading Message Card -->
@@ -65092,6 +65338,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
                   [dataLoadStatus]="dataLoadStatus() ?? ShopDataLoadStatusEnum.NOT_LOADED"
                   [hasTargets]="hasCurrentYearTargets()"
                   [isOnboarded]="isOnboarded()"
+                  [targets]="targets()"
               />
 
               @if (!isLoading()) {
@@ -65163,7 +65410,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
             type: HostListener,
             args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqRevenueCalculatorDashboardComponent, { className: "SymphiqRevenueCalculatorDashboardComponent", filePath: "lib/components/revenue-calculator-dashboard/symphiq-revenue-calculator-dashboard.component.ts", lineNumber: 201 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqRevenueCalculatorDashboardComponent, { className: "SymphiqRevenueCalculatorDashboardComponent", filePath: "lib/components/revenue-calculator-dashboard/symphiq-revenue-calculator-dashboard.component.ts", lineNumber: 203 }); })();
 
 function HierarchyDisplayComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 1);
@@ -68350,7 +68597,7 @@ class CollapsibleSectionGroupComponent {
 const _c0$w = () => [];
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 17);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 15);
     i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -68359,24 +68606,18 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Conditional_0_T
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 12);
-    i0.ɵɵelementStart(1, "div", 13)(2, "div", 14);
-    i0.ɵɵelement(3, "symphiq-welcome-banner", 15);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "symphiq-loading-card", 16);
+    i0.ɵɵelementStart(1, "div", 13);
+    i0.ɵɵelement(2, "symphiq-loading-card", 14);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_3_0;
-    let tmp_5_0;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵconditional(!ctx_r1.isOnboarded() ? 0 : -1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("businessName", ((tmp_3_0 = ctx_r1.currentProfile()) == null ? null : tmp_3_0.profileStructured == null ? null : tmp_3_0.profileStructured.businessName) || "your business")("isOnboarded", ctx_r1.isOnboarded())("analysisDate", (tmp_5_0 = ctx_r1.profile()) == null ? null : tmp_5_0.selfContentCompletedDate);
-    i0.ɵɵadvance();
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("title", "Loading Business Analysis...")("subtitle", "Please wait while we fetch your data.");
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 17);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 15);
     i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -68385,8 +68626,8 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_T
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 12);
-    i0.ɵɵelementStart(1, "div", 13)(2, "div", 14);
-    i0.ɵɵelement(3, "symphiq-welcome-banner", 15);
+    i0.ɵɵelementStart(1, "div", 13)(2, "div", 16);
+    i0.ɵɵelement(3, "symphiq-welcome-banner", 17);
     i0.ɵɵelementEnd()();
     i0.ɵɵelement(4, "symphiq-content-generation-progress-with-confetti", 18);
 } if (rf & 2) {
@@ -68403,7 +68644,7 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Template(rf, ct
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 17);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 15);
     i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -68413,10 +68654,10 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_C
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 12);
-    i0.ɵɵelementStart(1, "div", 13)(2, "div", 14);
-    i0.ɵɵelement(3, "symphiq-welcome-banner", 15);
+    i0.ɵɵelementStart(1, "div", 13)(2, "div", 16);
+    i0.ɵɵelement(3, "symphiq-welcome-banner", 17);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 14)(5, "symphiq-recommendations-tiled-grid", 19);
+    i0.ɵɵelementStart(4, "div", 16)(5, "symphiq-recommendations-tiled-grid", 19);
     i0.ɵɵlistener("viewMoreClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Template_symphiq_recommendations_tiled_grid_viewMoreClick_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openRecommendationDetailsModal($event)); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "div");
@@ -68439,22 +68680,22 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_F
     i0.ɵɵelement(1, "symphiq-section-divider", 23);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_57_r6 = i0.ɵɵnextContext().$index;
+    const ɵ$index_53_r6 = i0.ɵɵnextContext().$index;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("subsections", ctx_r1.sections()[ɵ$index_57_r6 + 1].subsections || i0.ɵɵpureFunction0(2, _c0$w));
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("subsections", ctx_r1.sections()[ɵ$index_53_r6 + 1].subsections || i0.ɵɵpureFunction0(2, _c0$w));
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-profile-section", 21);
     i0.ɵɵconditionalCreate(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_For_1_Conditional_1_Template, 2, 3, "div", 22);
 } if (rf & 2) {
     const section_r7 = ctx.$implicit;
-    const ɵ$index_57_r6 = ctx.$index;
-    const ɵ$count_57_r8 = ctx.$count;
+    const ɵ$index_53_r6 = ctx.$index;
+    const ɵ$count_53_r8 = ctx.$count;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("section", section_r7)("viewMode", ctx_r1.viewMode())("forceExpanded", !ctx_r1.isCompactView());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ɵ$index_57_r6 === ɵ$count_57_r8 - 1) ? 1 : -1);
+    i0.ɵɵconditional(!(ɵ$index_53_r6 === ɵ$count_53_r8 - 1) ? 1 : -1);
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵrepeaterCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_For_1_Template, 2, 4, null, null, i0.ɵɵcomponentInstance().trackBySectionId, true);
@@ -69005,14 +69246,14 @@ class SymphiqBusinessAnalysisDashboardComponent {
     static { this.ɵfac = function SymphiqBusinessAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqBusinessAnalysisDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqBusinessAnalysisDashboardComponent, selectors: [["symphiq-business-analysis-dashboard"]], hostBindings: function SymphiqBusinessAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqBusinessAnalysisDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow)("keydown", function SymphiqBusinessAnalysisDashboardComponent_keydown_HostBindingHandler($event) { return ctx.handleKeyDown($event); }, i0.ɵɵresolveDocument);
-        } }, inputs: { embedded: [1, "embedded"], profile: [1, "profile"], parentHeaderOffset: [1, "parentHeaderOffset"], requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 17, vars: 41, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [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, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "currentSection", "currentSubsection", "sectionFading", "subsectionFading", "showControls", "embedded", "scrollEvent"], [1, "relative"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "viewMode", "embedded"], [3, "viewInContextRequested", "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "mb-8"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], ["size", "large", 3, "viewMode", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "viewMoreClick", "recommendations", "viewMode"], [3, "sections", "viewMode"], [3, "section", "viewMode", "forceExpanded"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8"], [3, "viewMode", "subsections"]], template: function SymphiqBusinessAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { embedded: [1, "embedded"], profile: [1, "profile"], parentHeaderOffset: [1, "parentHeaderOffset"], requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 17, vars: 41, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [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, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "currentSection", "currentSubsection", "sectionFading", "subsectionFading", "showControls", "embedded", "scrollEvent"], [1, "relative"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "viewMode", "embedded"], [3, "viewInContextRequested", "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], ["size", "large", 3, "viewMode", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-8"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "viewMoreClick", "recommendations", "viewMode"], [3, "sections", "viewMode"], [3, "section", "viewMode", "forceExpanded"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8"], [3, "viewMode", "subsections"]], template: function SymphiqBusinessAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "symphiq-scroll-progress-bar", 1)(2, "div", 2);
             i0.ɵɵelementStart(3, "div", 3)(4, "symphiq-dashboard-header", 4);
             i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_dashboard_header_searchClick_4_listener() { return ctx.openSearch(); })("viewModeClick", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_dashboard_header_viewModeClick_4_listener() { return ctx.openViewModeSwitcher(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(5, "main", 5);
-            i0.ɵɵconditionalCreate(6, SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Template, 5, 8)(7, SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Template, 5, 11)(8, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Template, 2, 1);
+            i0.ɵɵconditionalCreate(6, SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Template, 3, 4)(7, SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Template, 5, 11)(8, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Template, 2, 1);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(9, SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Template, 1, 4, "symphiq-section-navigation", 6);
             i0.ɵɵconditionalCreate(10, SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template, 1, 4, "symphiq-floating-toc", 6);
@@ -69107,15 +69348,6 @@ class SymphiqBusinessAnalysisDashboardComponent {
             }
 
             <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-              <div class="mb-8">
-                <symphiq-welcome-banner
-                  [viewMode]="viewMode()"
-                  [businessName]="currentProfile()?.profileStructured?.businessName || 'your business'"
-                  [isOnboarded]="isOnboarded()"
-                  [analysisDate]="profile()?.selfContentCompletedDate"
-                />
-              </div>
-
               <symphiq-loading-card
                 [viewMode]="viewMode()"
                 [title]="'Loading Business Analysis...'"
@@ -69285,7 +69517,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
             type: HostListener,
             args: ['document:keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 302 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 293 }); })();
 
 class GradeBadgeComponent {
     constructor() {
@@ -92912,7 +93144,7 @@ const _forTrack0$8 = ($index, $item) => $item.index;
 const _forTrack1$1 = ($index, $item) => $item.id;
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 27);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 29);
     i0.ɵɵlistener("nextStepClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_5_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); })("stepClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_5_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -92920,7 +93152,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_5_Template(rf,
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", ctx_r1.shouldShowContinueButton())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-shop-welcome-banner", 29);
+    i0.ɵɵelement(0, "symphiq-shop-welcome-banner", 30);
 } if (rf & 2) {
     let tmp_3_0;
     let tmp_5_0;
@@ -92928,45 +93160,42 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("businessName", ((tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.businessName) || "your shop")("isOnboarded", ctx_r1.isOnboarded())("analysisDate", (tmp_5_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_5_0.selfContentCompletedDate);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-metric-welcome-banner", 30);
+    i0.ɵɵelement(0, "symphiq-metric-welcome-banner", 31);
 } if (rf & 2) {
     let tmp_3_0;
     let tmp_5_0;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("metricName", (tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary.metric)("isOnboarded", ctx_r1.isOnboarded())("analysisDate", (tmp_5_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_5_0.selfContentCompletedDate);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-loading-card", 31);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("backdropBlur", true);
-} }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_1_Template, 1, 4, "symphiq-shop-welcome-banner", 29);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_2_Template, 1, 4, "symphiq-metric-welcome-banner", 30);
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_1_Template, 1, 4, "symphiq-shop-welcome-banner", 30);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_2_Template, 1, 4, "symphiq-metric-welcome-banner", 31);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Conditional_3_Template, 1, 2, "symphiq-loading-card", 31);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r1.isMetricAnalysis() ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.isMetricAnalysis() ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isLoading() ? 3 : -1);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-loading-card", 10);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("backdropBlur", true);
+} }
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 32)(1, "symphiq-profile-status-card", 34, 0);
-    i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_0_Template_symphiq_profile_status_card_startCategoryQuestions_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleStartCategoryQuestions($event)); })("answerSave", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_0_Template_symphiq_profile_status_card_answerSave_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleProfileQuestionAnswerSave($event)); })("adminAnswerAction", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_0_Template_symphiq_profile_status_card_adminAnswerAction_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.shopProfileAdminAnswerAction.emit($event)); });
+    i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_profile_status_card_startCategoryQuestions_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleStartCategoryQuestions($event)); })("answerSave", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_profile_status_card_answerSave_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleProfileQuestionAnswerSave($event)); })("adminAnswerAction", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_profile_status_card_adminAnswerAction_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.shopProfileAdminAnswerAction.emit($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("totalQuestions", ctx_r1.totalShopQuestions())("answeredQuestions", ctx_r1.answeredShopQuestions())("questions", ctx_r1.profileShopQuestions() || i0.ɵɵpureFunction0(10, _c2$2))("profileAnswers", ctx_r1.profileAnswers() || i0.ɵɵpureFunction0(11, _c2$2))("profileAnswerHistories", ctx_r1.profileAnswerHistories() || i0.ɵɵpureFunction0(12, _c2$2))("users", ctx_r1.users() || i0.ɵɵpureFunction0(13, _c2$2))("config", ctx_r1.shopProfileStatusCardConfig)("groupConfig", ctx_r1.shopProfileStatusCardGroupConfig)("currentUser", ctx_r1.currentUser());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 32)(1, "div", 33);
     i0.ɵɵelement(2, "symphiq-content-generation-progress", 35);
     i0.ɵɵelementEnd()();
@@ -92977,7 +93206,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵproperty("itemStatus", ctx_r1.itemStatusProfileShop())("viewMode", ctx_r1.viewMode());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 33);
     i0.ɵɵelement(1, "symphiq-content-generation-progress", 35);
     i0.ɵɵelementEnd();
@@ -92987,7 +93216,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵproperty("itemStatus", ctx_r1.itemStatusProfileShop())("viewMode", ctx_r1.viewMode());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 33);
     i0.ɵɵelement(1, "symphiq-content-generation-progress", 37);
     i0.ɵɵelementEnd();
@@ -92997,25 +93226,25 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵproperty("itemStatus", ctx_r1.itemStatusProfileAnalysis())("viewMode", ctx_r1.viewMode())("title", ctx_r1.profileAnalysisGeneratingTitle());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 38);
-    i0.ɵɵlistener("viewMoreClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Conditional_3_Template_symphiq_strategic_goals_tiled_grid_viewMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openGoalModal($event)); });
+    i0.ɵɵlistener("viewMoreClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template_symphiq_strategic_goals_tiled_grid_viewMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openGoalModal($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Conditional_1_Template, 2, 3, "div", 33)(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Conditional_2_Template, 2, 4, "div", 33)(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Conditional_3_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 36);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template, 2, 3, "div", 33)(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template, 2, 4, "div", 33)(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 36);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.isProfileShopGenerating() && !ctx_r1.isMetricAnalysis() ? 1 : ctx_r1.isProfileAnalysisGenerating() ? 2 : 3);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 32);
     i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 41);
     i0.ɵɵelementEnd();
@@ -93024,11 +93253,11 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_1_Conditional_0_Template, 2, 1, "div", 32);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_1_Conditional_0_Template, 2, 1, "div", 32);
     i0.ɵɵelementStart(1, "symphiq-billing-currency-selector-card", 40);
-    i0.ɵɵlistener("currencySelected", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_1_Template_symphiq_billing_currency_selector_card_currencySelected_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleCurrencyChange($event)); })("selectionChanged", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_1_Template_symphiq_billing_currency_selector_card_selectionChanged_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleCurrencySelectionChange($event)); });
+    i0.ɵɵlistener("currencySelected", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_1_Template_symphiq_billing_currency_selector_card_currencySelected_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleCurrencyChange($event)); })("selectionChanged", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_1_Template_symphiq_billing_currency_selector_card_selectionChanged_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleCurrencySelectionChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_6_0;
@@ -93037,13 +93266,13 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("isLoading", ctx_r1.isCurrencySelectionLoading())("initialCurrency", ctx_r1.isEditingCurrency() ? ((tmp_6_0 = ctx_r1.account()) == null ? null : tmp_6_0.billingCurrencyCode) || null : null);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 32);
     i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 41);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "div", 42, 1)(4, "symphiq-plan-selection-container", 43);
-    i0.ɵɵlistener("periodUnitChanged", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_2_Template_symphiq_plan_selection_container_periodUnitChanged_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handlePeriodUnitChange($event)); })("planSelected", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_2_Template_symphiq_plan_selection_container_planSelected_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handlePlanSelection($event)); })("editCurrency", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_2_Template_symphiq_plan_selection_container_editCurrency_4_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleEditCurrencyClick()); })("checkout", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_2_Template_symphiq_plan_selection_container_checkout_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.checkoutPlanClick.emit($event)); });
+    i0.ɵɵlistener("periodUnitChanged", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_2_Template_symphiq_plan_selection_container_periodUnitChanged_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handlePeriodUnitChange($event)); })("planSelected", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_2_Template_symphiq_plan_selection_container_planSelected_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handlePlanSelection($event)); })("editCurrency", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_2_Template_symphiq_plan_selection_container_editCurrency_4_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleEditCurrencyClick()); })("checkout", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_2_Template_symphiq_plan_selection_container_checkout_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.checkoutPlanClick.emit($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_6_0;
@@ -93053,26 +93282,26 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selectedCurrency", ((tmp_6_0 = ctx_r1.account()) == null ? null : tmp_6_0.billingCurrencyCode) || ctx_r1.CurrencyCodeEnum.USD)("planCardInfos", ctx_r1.planCardInfos())("isLoading", ctx_r1.isPlanLoading())("selectedPeriodUnit", ctx_r1.selectedPeriodUnit());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-plan-selection-placeholder-card", 44);
-    i0.ɵɵlistener("editCurrency", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_3_Template_symphiq_plan_selection_placeholder_card_editCurrency_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleEditCurrencyClick()); });
+    i0.ɵɵlistener("editCurrency", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_3_Template_symphiq_plan_selection_placeholder_card_editCurrency_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleEditCurrencyClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_4_0;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selectedCurrency", ((tmp_4_0 = ctx_r1.account()) == null ? null : tmp_4_0.billingCurrencyCode) || ctx_r1.CurrencyCodeEnum.USD);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_1_Template, 2, 4)(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_2_Template, 5, 6)(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Conditional_3_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 39);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_1_Template, 2, 4)(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_2_Template, 5, 6)(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Conditional_3_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 39);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r1.hasBillingCurrency() || ctx_r1.isEditingCurrency() ? 1 : ctx_r1.showPlanSelection() ? 2 : 3);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 45);
     i0.ɵɵelementEnd();
@@ -93081,10 +93310,10 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵproperty("sections", ctx_r1.nonStrategicSections())("viewMode", ctx_r1.viewMode())("executiveSummary", ctx_r1.executiveSummary())("metricExecutiveSummary", ctx_r1.metricExecutiveSummary())("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 33)(1, "button", 46);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleShopProfileCard()); });
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleShopProfileCard()); });
     i0.ɵɵelementStart(2, "div", 47)(3, "div", 48);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(4, "svg", 49);
@@ -93103,7 +93332,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(13, "div", 55)(14, "div", 56)(15, "div", 57)(16, "symphiq-profile-status-card", 58);
-    i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_5_Template_symphiq_profile_status_card_startCategoryQuestions_16_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleStartCategoryQuestions($event)); })("answerSave", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_5_Template_symphiq_profile_status_card_answerSave_16_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleProfileQuestionAnswerSave($event)); })("adminAnswerAction", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_5_Template_symphiq_profile_status_card_adminAnswerAction_16_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.shopProfileAdminAnswerAction.emit($event)); });
+    i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_5_Template_symphiq_profile_status_card_startCategoryQuestions_16_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleStartCategoryQuestions($event)); })("answerSave", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_5_Template_symphiq_profile_status_card_answerSave_16_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleProfileQuestionAnswerSave($event)); })("adminAnswerAction", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_5_Template_symphiq_profile_status_card_adminAnswerAction_16_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.shopProfileAdminAnswerAction.emit($event)); });
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -93128,13 +93357,13 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("totalQuestions", ctx_r1.totalShopQuestions())("answeredQuestions", ctx_r1.answeredShopQuestions())("questions", ctx_r1.profileShopQuestions() || i0.ɵɵpureFunction0(24, _c2$2))("profileAnswers", ctx_r1.profileAnswers() || i0.ɵɵpureFunction0(25, _c2$2))("profileAnswerHistories", ctx_r1.profileAnswerHistories() || i0.ɵɵpureFunction0(26, _c2$2))("users", ctx_r1.users() || i0.ɵɵpureFunction0(27, _c2$2))("config", ctx_r1.shopProfilePostAnalysisCardConfig)("groupConfig", ctx_r1.shopProfileStatusCardGroupConfig)("currentUser", ctx_r1.currentUser())("hideHeader", true);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_0_Template, 3, 14, "div", 32);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_1_Template, 3, 3, "div", 32);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Template, 4, 1, "div", 32);
-    i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Template, 4, 1, "div", 32);
-    i0.ɵɵconditionalCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_4_Template, 2, 10, "div");
-    i0.ɵɵconditionalCreate(5, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_5_Template, 17, 28, "div", 33);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template, 3, 14, "div", 32);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 3, 3, "div", 32);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Template, 4, 1, "div", 32);
+    i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Template, 4, 1, "div", 32);
+    i0.ɵɵconditionalCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_4_Template, 2, 10, "div");
+    i0.ɵɵconditionalCreate(5, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_5_Template, 17, 28, "div", 33);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵconditional(ctx_r1.shouldShowShopProfileStatus() && !ctx_r1.isMetricAnalysis() && !ctx_r1.profileAnalysis() ? 0 : -1);
@@ -93149,14 +93378,14 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.shouldShowPostAnalysisShopProfile() ? 5 : -1);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-grade-badge", 68);
 } if (rf & 2) {
     const summary_r10 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("grade", summary_r10.overallGrade)("gradeRationale", summary_r10.gradeRationale || "")("viewMode", ctx_r1.viewMode());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 81);
     i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 84);
     i0.ɵɵelementEnd();
@@ -93166,12 +93395,12 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵproperty("visual", summary_r10.napkinVisual)("viewMode", ctx_r1.viewMode());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 69)(1, "h3", 79);
     i0.ɵɵtext(2, " Analysis Narrative ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 80);
-    i0.ɵɵconditionalCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 81);
+    i0.ɵɵconditionalCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 81);
     i0.ɵɵelementStart(5, "p", 82);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
@@ -93190,7 +93419,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", summary_r10.narrative, " ");
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 93);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 95);
@@ -93207,7 +93436,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(entry_r11.win.estimatedTimeframe);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 94)(1, "h4", 97);
     i0.ɵɵtext(2, " Related Goal ");
     i0.ɵɵelementEnd();
@@ -93221,7 +93450,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c5, entry_r11.win.relatedGoalId))("allGoals", ctx_r1.allGoals())("viewMode", ctx_r1.viewMode());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 86)(1, "div", 87)(2, "div", 88)(3, "span", 89);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
@@ -93234,8 +93463,8 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵelementStart(10, "span", 92);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 93);
-    i0.ɵɵconditionalCreate(13, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 94);
+    i0.ɵɵconditionalCreate(12, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 93);
+    i0.ɵɵconditionalCreate(13, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 94);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const entry_r11 = ctx.$implicit;
@@ -93262,12 +93491,12 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵconditional(entry_r11.win.relatedGoalId ? 13 : -1);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 78)(1, "h3", 51);
     i0.ɵɵtext(2, " Quick Wins ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 85);
-    i0.ɵɵrepeaterCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 86, _forTrack0$8);
+    i0.ɵɵrepeaterCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 86, _forTrack0$8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -93276,7 +93505,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.quickWinsDisplay());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "section", 59)(1, "div", 62)(2, "div", 63)(3, "div", 64)(4, "div", 65)(5, "h2", 66);
     i0.ɵɵtext(6, " Executive Summary ");
@@ -93284,11 +93513,11 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵelementStart(7, "p", 67);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 68);
+    i0.ɵɵconditionalCreate(9, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 68);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_10_Template, 8, 5, "div", 69);
+    i0.ɵɵconditionalCreate(10, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template, 8, 5, "div", 69);
     i0.ɵɵelementStart(11, "div", 70)(12, "button", 71);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_button_click_12_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r10)); });
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_12_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r10)); });
     i0.ɵɵelementStart(13, "div", 72);
     i0.ɵɵtext(14, " Key Strengths ");
     i0.ɵɵelementEnd();
@@ -93301,7 +93530,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵelement(20, "symphiq-icon", 76);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(21, "button", 71);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_button_click_21_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r10)); });
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_21_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r10)); });
     i0.ɵɵelementStart(22, "div", 72);
     i0.ɵɵtext(23, " Critical Gaps ");
     i0.ɵɵelementEnd();
@@ -93314,7 +93543,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵelement(29, "symphiq-icon", 76);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(30, "button", 71);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
     i0.ɵɵelementStart(31, "div", 72);
     i0.ɵɵtext(32, " Quick Wins ");
     i0.ɵɵelementEnd();
@@ -93326,7 +93555,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵelementEnd();
     i0.ɵɵelement(38, "symphiq-icon", 77);
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵconditionalCreate(39, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_Template, 6, 1, "div", 78);
+    i0.ɵɵconditionalCreate(39, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div", 78);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const summary_r10 = ctx;
@@ -93382,29 +93611,29 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.quickWinsDisplay().length > 0 ? 39 : -1);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 99);
-    i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricPriorityDetailClick($event)); })("viewMetricDetailsClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_metric_executive_summary_viewMetricDetailsClick_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricViewDetailsClick()); });
+    i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricPriorityDetailClick($event)); })("viewMetricDetailsClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_metric_executive_summary_viewMetricDetailsClick_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricViewDetailsClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-section-divider", 100);
 } if (rf & 2) {
     const sectionList_r13 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r13[0].icon);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_0_Template, 1, 2, "symphiq-section-divider", 100);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_2_Conditional_0_Template, 1, 2, "symphiq-section-divider", 100);
 } if (rf & 2) {
     const sectionList_r13 = ctx;
     i0.ɵɵconditional(sectionList_r13.length > 0 && sectionList_r13[0].icon ? 0 : -1);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 103);
     i0.ɵɵelement(1, "symphiq-icon", 107);
     i0.ɵɵelementEnd();
@@ -93415,7 +93644,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵproperty("icon", section_r14.icon);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 109);
     i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 84);
     i0.ɵɵelementEnd();
@@ -93425,7 +93654,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵproperty("visual", section_r14.visual)("viewMode", ctx_r1.viewMode());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 111)(1, "p", 82);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
@@ -93438,10 +93667,10 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", section_r14.description, " ");
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 108);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 109);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 110);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 109);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 110);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r14 = i0.ɵɵnextContext();
@@ -93453,7 +93682,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵconditional(section_r14.description ? 2 : -1);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-section-divider", 100);
 } if (rf & 2) {
     const ɵ$index_261_r16 = i0.ɵɵnextContext().$index;
@@ -93461,16 +93690,16 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r17[ɵ$index_261_r16 + 1].icon);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 101)(1, "div", 102);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_2_Template, 2, 2, "div", 103);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_2_Template, 2, 2, "div", 103);
     i0.ɵɵelementStart(3, "div", 65)(4, "h3", 104);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(6, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Template, 3, 4, "div", 105);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Template, 3, 4, "div", 105);
     i0.ɵɵelement(7, "symphiq-profile-section-content", 106);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 100);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 100);
 } if (rf & 2) {
     const section_r14 = ctx.$implicit;
     const ɵ$index_261_r16 = ctx.$index;
@@ -93490,19 +93719,19 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance();
     i0.ɵɵconditional(!(ɵ$index_261_r16 === ɵ$count_261_r18 - 1) ? 8 : -1);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "section", 61);
-    i0.ɵɵrepeaterCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Template, 9, 16, null, null, _forTrack1$1);
+    i0.ɵɵrepeaterCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Template, 9, 16, null, null, _forTrack1$1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template, 40, 34, "section", 59);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 1, 4, "symphiq-metric-executive-summary", 60);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Template, 1, 1);
-    i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Template, 3, 0, "section", 61);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 40, 34, "section", 59);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 4, "symphiq-metric-executive-summary", 60);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 1);
+    i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_Template, 3, 0, "section", 61);
 } if (rf & 2) {
     let tmp_1_0;
     let tmp_2_0;
@@ -93517,97 +93746,97 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵconditional((tmp_4_0 = ctx_r1.sections()) ? 3 : -1, tmp_4_0);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-floating-toc", 9);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-floating-toc", 11);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("sections", ctx_r1.tocSections())("viewMode", ctx_r1.viewMode())("embedded", ctx_r1.embedded())("scrollElement", ctx_r1.scrollElement() ?? undefined);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-navigation", 9);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-section-navigation", 11);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("sections", ctx_r1.tocSections())("viewMode", ctx_r1.viewMode())("embedded", ctx_r1.embedded())("scrollElement", ctx_r1.scrollElement() ?? undefined);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-goal-card", 13);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-goal-card", 15);
 } if (rf & 2) {
     const data_r19 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("goal", data_r19.goal)("viewMode", data_r19.viewMode)("isInModal", true)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("currentModalState", ctx_r1.getCurrentModalState())("businessProfile", ctx_r1.profile());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content", 14);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content", 16);
 } if (rf & 2) {
     const data_r20 = ctx;
     i0.ɵɵproperty("goal", data_r20.goal)("viewMode", data_r20.viewMode);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content", 15);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content", 17);
 } if (rf & 2) {
     const data_r21 = ctx;
     i0.ɵɵproperty("objective", data_r21.objective)("goalTitle", data_r21.goalTitle)("viewMode", data_r21.viewMode);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 16);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 18);
 } if (rf & 2) {
     const data_r22 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("strategy", data_r22.strategy)("objectiveTitle", data_r22.objectiveTitle)("goalTitle", data_r22.goalTitle)("viewMode", data_r22.viewMode)("expandedRecommendationId", data_r22.expandedRecommendationId)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("allBusinessInsights", ctx_r1.allBusinessInsights())("currentModalState", ctx_r1.getCurrentModalState());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-category-detail-modal-content", 17);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-category-detail-modal-content", 19);
 } if (rf & 2) {
     const data_r23 = ctx;
     i0.ɵɵproperty("category", data_r23.category)("viewMode", data_r23.viewMode)("scrollToSection", data_r23.scrollToSection);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-strength-detail-modal-content", 18);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-strength-detail-modal-content", 20);
 } if (rf & 2) {
     const data_r24 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("strength", data_r24.strength)("viewMode", data_r24.viewMode)("allFunnelStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-gap-detail-modal-content", 19);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-gap-detail-modal-content", 21);
 } if (rf & 2) {
     const data_r25 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("gap", data_r25.gap)("viewMode", data_r25.viewMode)("allGoals", ctx_r1.allGoals())("allWeaknesses", ctx_r1.funnelWeaknesses())("currentModalState", ctx_r1.getCurrentModalState());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-opportunity-detail-modal-content", 20);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-opportunity-detail-modal-content", 22);
 } if (rf & 2) {
     const data_r26 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("opportunity", data_r26.opportunity)("viewMode", data_r26.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     const _r27 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 112);
-    i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_26_Template_symphiq_sticky_subscription_continue_button_continueClick_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleStickyButtonClick()); });
+    i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template_symphiq_sticky_subscription_continue_button_continueClick_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleStickyButtonClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("isEnabled", ctx_r1.hasCurrencySelected())("isLoading", ctx_r1.isCurrencySelectionLoading());
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-profile-sticky-footer", 113);
-    i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template_symphiq_profile_sticky_footer_continueClick_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleShopProfileContinueClick()); });
+    i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template_symphiq_profile_sticky_footer_continueClick_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleShopProfileContinueClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("totalQuestions", ctx_r1.totalShopQuestions())("answeredQuestions", ctx_r1.answeredShopQuestions())("buttonConfig", ctx_r1.shopProfileStickyFooterButtonConfig);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
     const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 25)(1, "div", 114)(2, "div", 115)(3, "button", 116);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCancelCurrencyEdit()); });
+    i0.ɵɵelementStart(0, "div", 27)(1, "div", 114)(2, "div", 115)(3, "button", 116);
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_29_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCancelCurrencyEdit()); });
     i0.ɵɵtext(4, " Cancel ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "button", 117);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleContinueToPlans()); });
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_29_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleContinueToPlans()); });
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7, "Continue to Plans");
     i0.ɵɵelementEnd();
@@ -94744,7 +94973,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() { return ctx.onWindowScroll(); }, 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: 30, vars: 59, 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"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [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", "isLoading"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], ["title", "Loading Your Shop Profile Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], ["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"], ["type", "button", 1, "cursor-pointer", "w-full", "px-6", "py-5", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 3, "ngClass"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser", "hideHeader"], ["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, "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", "viewMetricDetailsClick", "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: 60, 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"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [1, "mb-12"], ["title", "Loading Your Shop Profile Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [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", "isLoading"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], ["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"], ["type", "button", 1, "cursor-pointer", "w-full", "px-6", "py-5", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 3, "ngClass"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser", "hideHeader"], ["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, "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", "viewMetricDetailsClick", "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)(2, "symphiq-scroll-progress-bar", 4);
             i0.ɵɵelementStart(3, "div", 5)(4, "symphiq-dashboard-header", 6);
@@ -94752,39 +94981,39 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(5, SymphiqProfileShopAnalysisDashboardComponent_Conditional_5_Template, 1, 5, "symphiq-journey-progress-indicator", 7);
             i0.ɵɵelementStart(6, "main", 8);
-            i0.ɵɵconditionalCreate(7, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Template, 4, 3);
-            i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template, 6, 6);
-            i0.ɵɵconditionalCreate(9, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Template, 4, 4);
+            i0.ɵɵconditionalCreate(7, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Template, 3, 2, "div", 9);
+            i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template, 1, 2, "symphiq-loading-card", 10);
+            i0.ɵɵconditionalCreate(9, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Template, 6, 6);
+            i0.ɵɵconditionalCreate(10, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Template, 4, 4);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(10, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Template, 1, 4, "symphiq-floating-toc", 9);
-            i0.ɵɵconditionalCreate(11, SymphiqProfileShopAnalysisDashboardComponent_Conditional_11_Template, 1, 4, "symphiq-section-navigation", 9);
-            i0.ɵɵelementStart(12, "symphiq-search-modal", 10);
-            i0.ɵɵlistener("close", function SymphiqProfileShopAnalysisDashboardComponent_Template_symphiq_search_modal_close_12_listener() { return ctx.closeSearch(); });
+            i0.ɵɵconditionalCreate(11, SymphiqProfileShopAnalysisDashboardComponent_Conditional_11_Template, 1, 4, "symphiq-floating-toc", 11);
+            i0.ɵɵconditionalCreate(12, SymphiqProfileShopAnalysisDashboardComponent_Conditional_12_Template, 1, 4, "symphiq-section-navigation", 11);
+            i0.ɵɵelementStart(13, "symphiq-search-modal", 12);
+            i0.ɵɵlistener("close", function SymphiqProfileShopAnalysisDashboardComponent_Template_symphiq_search_modal_close_13_listener() { return ctx.closeSearch(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "symphiq-view-mode-switcher-modal", 11);
-            i0.ɵɵlistener("close", function SymphiqProfileShopAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_close_13_listener() { return ctx.closeViewModeSwitcher(); })("modeSelected", function SymphiqProfileShopAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_modeSelected_13_listener($event) { return ctx.handleDisplayModeChange($event); });
+            i0.ɵɵelementStart(14, "symphiq-view-mode-switcher-modal", 13);
+            i0.ɵɵlistener("close", function SymphiqProfileShopAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_close_14_listener() { return ctx.closeViewModeSwitcher(); })("modeSelected", function SymphiqProfileShopAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_modeSelected_14_listener($event) { return ctx.handleDisplayModeChange($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(14, "symphiq-profile-analysis-modal", 12);
-            i0.ɵɵconditionalCreate(15, SymphiqProfileShopAnalysisDashboardComponent_Conditional_15_Template, 1, 8, "symphiq-goal-card", 13);
-            i0.ɵɵconditionalCreate(16, SymphiqProfileShopAnalysisDashboardComponent_Conditional_16_Template, 1, 2, "symphiq-goal-objectives-modal-content", 14);
-            i0.ɵɵconditionalCreate(17, SymphiqProfileShopAnalysisDashboardComponent_Conditional_17_Template, 1, 3, "symphiq-objective-strategies-modal-content", 15);
-            i0.ɵɵconditionalCreate(18, SymphiqProfileShopAnalysisDashboardComponent_Conditional_18_Template, 1, 10, "symphiq-strategy-recommendations-modal-content", 16);
-            i0.ɵɵconditionalCreate(19, SymphiqProfileShopAnalysisDashboardComponent_Conditional_19_Template, 1, 3, "symphiq-category-detail-modal-content", 17);
-            i0.ɵɵconditionalCreate(20, SymphiqProfileShopAnalysisDashboardComponent_Conditional_20_Template, 1, 4, "symphiq-strength-detail-modal-content", 18);
-            i0.ɵɵconditionalCreate(21, SymphiqProfileShopAnalysisDashboardComponent_Conditional_21_Template, 1, 5, "symphiq-gap-detail-modal-content", 19);
-            i0.ɵɵconditionalCreate(22, SymphiqProfileShopAnalysisDashboardComponent_Conditional_22_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 20);
+            i0.ɵɵelementStart(15, "symphiq-profile-analysis-modal", 14);
+            i0.ɵɵconditionalCreate(16, SymphiqProfileShopAnalysisDashboardComponent_Conditional_16_Template, 1, 8, "symphiq-goal-card", 15);
+            i0.ɵɵconditionalCreate(17, SymphiqProfileShopAnalysisDashboardComponent_Conditional_17_Template, 1, 2, "symphiq-goal-objectives-modal-content", 16);
+            i0.ɵɵconditionalCreate(18, SymphiqProfileShopAnalysisDashboardComponent_Conditional_18_Template, 1, 3, "symphiq-objective-strategies-modal-content", 17);
+            i0.ɵɵconditionalCreate(19, SymphiqProfileShopAnalysisDashboardComponent_Conditional_19_Template, 1, 10, "symphiq-strategy-recommendations-modal-content", 18);
+            i0.ɵɵconditionalCreate(20, SymphiqProfileShopAnalysisDashboardComponent_Conditional_20_Template, 1, 3, "symphiq-category-detail-modal-content", 19);
+            i0.ɵɵconditionalCreate(21, SymphiqProfileShopAnalysisDashboardComponent_Conditional_21_Template, 1, 4, "symphiq-strength-detail-modal-content", 20);
+            i0.ɵɵconditionalCreate(22, SymphiqProfileShopAnalysisDashboardComponent_Conditional_22_Template, 1, 5, "symphiq-gap-detail-modal-content", 21);
+            i0.ɵɵconditionalCreate(23, SymphiqProfileShopAnalysisDashboardComponent_Conditional_23_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 22);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(23, "symphiq-funnel-analysis-modal", 21)(24, "symphiq-business-analysis-modal", 22)(25, "symphiq-tooltip-container");
-            i0.ɵɵconditionalCreate(26, SymphiqProfileShopAnalysisDashboardComponent_Conditional_26_Template, 1, 3, "symphiq-sticky-subscription-continue-button", 23);
-            i0.ɵɵconditionalCreate(27, SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template, 1, 4, "symphiq-profile-sticky-footer", 24);
-            i0.ɵɵconditionalCreate(28, SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template, 10, 6, "div", 25);
-            i0.ɵɵelementStart(29, "symphiq-mark-as-reviewed-footer", 26);
-            i0.ɵɵlistener("markAsReviewedClick", function SymphiqProfileShopAnalysisDashboardComponent_Template_symphiq_mark_as_reviewed_footer_markAsReviewedClick_29_listener() { return ctx.handleMarkAsReviewedClick(); });
+            i0.ɵɵelement(24, "symphiq-funnel-analysis-modal", 23)(25, "symphiq-business-analysis-modal", 24)(26, "symphiq-tooltip-container");
+            i0.ɵɵconditionalCreate(27, SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template, 1, 3, "symphiq-sticky-subscription-continue-button", 25);
+            i0.ɵɵconditionalCreate(28, SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template, 1, 4, "symphiq-profile-sticky-footer", 26);
+            i0.ɵɵconditionalCreate(29, SymphiqProfileShopAnalysisDashboardComponent_Conditional_29_Template, 10, 6, "div", 27);
+            i0.ɵɵelementStart(30, "symphiq-mark-as-reviewed-footer", 28);
+            i0.ɵɵlistener("markAsReviewedClick", function SymphiqProfileShopAnalysisDashboardComponent_Template_symphiq_mark_as_reviewed_footer_markAsReviewedClick_30_listener() { return ctx.handleMarkAsReviewedClick(); });
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             let tmp_6_0;
             let tmp_13_0;
-            let tmp_34_0;
             let tmp_35_0;
             let tmp_36_0;
             let tmp_37_0;
@@ -94792,8 +95021,9 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             let tmp_39_0;
             let tmp_40_0;
             let tmp_41_0;
-            let tmp_52_0;
+            let tmp_42_0;
             let tmp_53_0;
+            let tmp_54_0;
             i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
             i0.ɵɵadvance();
@@ -94807,49 +95037,51 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵclassProp("pb-32", ctx.shouldShowStickyButton() || ctx.shouldShowShopProfileStickyFooter() || ctx.shouldShowReviewFooter());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSimplifiedView() ? 7 : -1);
+            i0.ɵɵconditional(ctx.isSimplifiedView() && !ctx.isLoading() && (ctx.isSubscriptionActive() || ctx.isMetricAnalysis()) ? 7 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSimplifiedView() ? 8 : -1);
+            i0.ɵɵconditional(ctx.isSimplifiedView() && ctx.isLoading() ? 8 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isSimplifiedView() ? 9 : -1);
+            i0.ɵɵconditional(ctx.isSimplifiedView() ? 9 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isSimplifiedView() && ctx.sections() ? 10 : -1);
+            i0.ɵɵconditional(!ctx.isSimplifiedView() ? 10 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.isSimplifiedView() && ctx.sections() ? 11 : -1);
             i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.isSimplifiedView() && ctx.sections() ? 12 : -1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("isOpen", ctx.isSearchOpen())("isLightMode", ctx.isLightMode());
             i0.ɵɵadvance();
             i0.ɵɵproperty("isOpen", ctx.isViewModeSwitcherOpen())("currentMode", ctx.currentDisplayMode())("viewMode", ctx.viewMode());
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allBusinessInsights", ctx.allBusinessInsights())("allCharts", ctx.allCharts());
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_34_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 15 : -1, tmp_34_0);
+            i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 16 : -1, tmp_35_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 16 : -1, tmp_35_0);
+            i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 17 : -1, tmp_36_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 17 : -1, tmp_36_0);
+            i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 18 : -1, tmp_37_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 18 : -1, tmp_37_0);
+            i0.ɵɵconditional((tmp_38_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 19 : -1, tmp_38_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_38_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 19 : -1, tmp_38_0);
+            i0.ɵɵconditional((tmp_39_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 20 : -1, tmp_39_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_39_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 20 : -1, tmp_39_0);
+            i0.ɵɵconditional((tmp_40_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 21 : -1, tmp_40_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_40_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 21 : -1, tmp_40_0);
+            i0.ɵɵconditional((tmp_41_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 22 : -1, tmp_41_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_41_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 22 : -1, tmp_41_0);
+            i0.ɵɵconditional((tmp_42_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 23 : -1, tmp_42_0);
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode())("viewMode", ctx.viewMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allCharts", ctx.allCharts());
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode());
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(!ctx.isSubscriptionActive() && !ctx.hasBillingCurrency() && ctx.isSimplifiedView() && !ctx.isMetricAnalysis() ? 26 : -1);
+            i0.ɵɵconditional(!ctx.isSubscriptionActive() && !ctx.hasBillingCurrency() && ctx.isSimplifiedView() && !ctx.isMetricAnalysis() ? 27 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.shouldShowShopProfileStickyFooter() ? 27 : -1);
+            i0.ɵɵconditional(ctx.shouldShowShopProfileStickyFooter() ? 28 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isEditingCurrency() ? 28 : -1);
+            i0.ɵɵconditional(ctx.isEditingCurrency() ? 29 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_52_0 = ctx.profileAnalysis()) == null ? null : tmp_52_0.reviewStatus)("selfContentStatus", (tmp_53_0 = ctx.profileAnalysis()) == null ? null : tmp_53_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed())("isLoading", !!ctx.isLoading());
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_53_0 = ctx.profileAnalysis()) == null ? null : tmp_53_0.reviewStatus)("selfContentStatus", (tmp_54_0 = ctx.profileAnalysis()) == null ? null : tmp_54_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed())("isLoading", !!ctx.isLoading());
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, ScrollProgressBarComponent, 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, LoadingCardComponent, MarkAsReviewedFooterComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileShopAnalysisDashboardComponent, [{
@@ -94905,8 +95137,8 @@ class SymphiqProfileShopAnalysisDashboardComponent {
         <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12"
               [class.pb-32]="shouldShowStickyButton() || shouldShowShopProfileStickyFooter() || shouldShowReviewFooter()">
 
-          <!-- Welcome Banner (Simplified View Only) -->
-          @if (isSimplifiedView()) {
+          <!-- Welcome Banner (Simplified View Only, not during loading, requires active subscription for shop) -->
+          @if (isSimplifiedView() && !isLoading() && (isSubscriptionActive() || isMetricAnalysis())) {
             <div class="mb-12">
               @if (!isMetricAnalysis()) {
                 <symphiq-shop-welcome-banner
@@ -94925,9 +95157,10 @@ class SymphiqProfileShopAnalysisDashboardComponent {
                 />
               }
             </div>
+          }
 
-            <!-- Loading Card -->
-            @if (isLoading()) {
+          <!-- Loading Card -->
+          @if (isSimplifiedView() && isLoading()) {
               <symphiq-loading-card
                   [viewMode]="viewMode()"
                   title="Loading Your Shop Profile Analysis"
@@ -94935,7 +95168,6 @@ class SymphiqProfileShopAnalysisDashboardComponent {
                   size="large"
                   [backdropBlur]="true"
               />
-            }
           }
 
           <!-- Simplified View Content -->
@@ -96054,31 +96286,19 @@ class ProfileAnalysisStatusSummaryComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisStatusSummaryComponent, { className: "ProfileAnalysisStatusSummaryComponent", filePath: "lib/components/shared/profile-analysis-status-summary.component.ts", lineNumber: 264 }); })();
 
 function ProfileProgressIndicatorComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "div", 3);
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵdomElementStart(1, "svg", 6);
-    i0.ɵɵdomElement(2, "path", 7);
-    i0.ɵɵdomElementEnd();
-    i0.ɵɵtext(3, " Complete ");
-    i0.ɵɵdomElementEnd();
-} }
-function ProfileProgressIndicatorComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "div", 4);
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵdomElementStart(1, "svg", 6);
-    i0.ɵɵdomElement(2, "path", 8);
-    i0.ɵɵdomElementEnd();
-    i0.ɵɵtext(3, " In Progress ");
-    i0.ɵɵdomElementEnd();
-} }
-function ProfileProgressIndicatorComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "div", 5);
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵdomElementStart(1, "svg", 6);
-    i0.ɵɵdomElement(2, "path", 9);
-    i0.ɵɵdomElementEnd();
-    i0.ɵɵtext(3, " Not Started ");
-    i0.ɵɵdomElementEnd();
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵelement(1, "div", 6);
+    i0.ɵɵelementStart(2, "span", 7);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.statusDotClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.statusTextClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.statusLabel());
 } }
 class ProfileProgressIndicatorComponent {
     constructor() {
@@ -96089,39 +96309,69 @@ class ProfileProgressIndicatorComponent {
         this.status = input('not-started', ...(ngDevMode ? [{ debugName: "status" }] : []));
         this.label = input('Profile progress', ...(ngDevMode ? [{ debugName: "label" }] : []));
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
-        this.labelClasses = computed(() => 'text-slate-600 dark:text-slate-400', ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
-        this.valueClasses = computed(() => 'font-semibold text-slate-900 dark:text-white', ...(ngDevMode ? [{ debugName: "valueClasses" }] : []));
-        this.progressBarContainerClasses = computed(() => 'w-full bg-slate-200 dark:bg-slate-700 rounded-full h-2 overflow-hidden', ...(ngDevMode ? [{ debugName: "progressBarContainerClasses" }] : []));
+        this.labelClasses = computed(() => this.isLightMode() ? 'text-slate-600' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
+        this.progressTextClasses = computed(() => this.isLightMode() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "progressTextClasses" }] : []));
+        this.progressBarBgClasses = computed(() => this.isLightMode() ? 'bg-slate-200' : 'bg-slate-700', ...(ngDevMode ? [{ debugName: "progressBarBgClasses" }] : []));
+        this.progressBarFillClasses = computed(() => {
+            const s = this.status();
+            if (s === 'complete') {
+                return 'bg-emerald-500';
+            }
+            if (s === 'in-progress') {
+                return 'bg-blue-500';
+            }
+            return this.isLightMode() ? 'bg-slate-400' : 'bg-slate-500';
+        }, ...(ngDevMode ? [{ debugName: "progressBarFillClasses" }] : []));
+        this.statusLabel = computed(() => {
+            const s = this.status();
+            if (s === 'complete')
+                return 'Complete';
+            if (s === 'in-progress')
+                return 'In Progress';
+            if (s === 'not-started')
+                return 'Not Started';
+            return '';
+        }, ...(ngDevMode ? [{ debugName: "statusLabel" }] : []));
+        this.statusDotClasses = computed(() => {
+            const s = this.status();
+            if (s === 'complete')
+                return 'bg-emerald-500';
+            if (s === 'in-progress')
+                return 'bg-blue-500';
+            return this.isLightMode() ? 'bg-slate-400' : 'bg-slate-500';
+        }, ...(ngDevMode ? [{ debugName: "statusDotClasses" }] : []));
+        this.statusTextClasses = computed(() => this.isLightMode() ? 'text-slate-500' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "statusTextClasses" }] : []));
     }
     static { this.ɵfac = function ProfileProgressIndicatorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileProgressIndicatorComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileProgressIndicatorComponent, selectors: [["symphiq-profile-progress-indicator"]], inputs: { viewMode: [1, "viewMode"], questionsAnswered: [1, "questionsAnswered"], totalQuestions: [1, "totalQuestions"], progressPercent: [1, "progressPercent"], status: [1, "status"], label: [1, "label"] }, decls: 11, vars: 12, consts: [[1, "space-y-2"], [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 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"], ["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"]], template: function ProfileProgressIndicatorComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1)(2, "span");
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileProgressIndicatorComponent, selectors: [["symphiq-profile-progress-indicator"]], inputs: { viewMode: [1, "viewMode"], questionsAnswered: [1, "questionsAnswered"], totalQuestions: [1, "totalQuestions"], progressPercent: [1, "progressPercent"], status: [1, "status"], label: [1, "label"] }, decls: 9, vars: 10, consts: [[1, "space-y-2"], [1, "flex", "items-center", "justify-between"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "h-1.5", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-300", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5"], [1, "w-2", "h-2", "rounded-full", 3, "ngClass"], [1, "text-xs", 3, "ngClass"]], template: function ProfileProgressIndicatorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
             i0.ɵɵtext(3);
-            i0.ɵɵdomElementEnd();
-            i0.ɵɵdomElementStart(4, "span");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "span", 2);
             i0.ɵɵtext(5);
-            i0.ɵɵdomElementEnd()();
-            i0.ɵɵdomElementStart(6, "div");
-            i0.ɵɵdomElement(7, "div", 2);
-            i0.ɵɵdomElementEnd();
-            i0.ɵɵconditionalCreate(8, ProfileProgressIndicatorComponent_Conditional_8_Template, 4, 0, "div", 3)(9, ProfileProgressIndicatorComponent_Conditional_9_Template, 4, 0, "div", 4)(10, ProfileProgressIndicatorComponent_Conditional_10_Template, 4, 0, "div", 5);
-            i0.ɵɵdomElementEnd();
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(6, "div", 3);
+            i0.ɵɵelement(7, "div", 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(8, ProfileProgressIndicatorComponent_Conditional_8_Template, 4, 3, "div", 5);
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
-            i0.ɵɵclassMap(ctx.labelClasses());
+            i0.ɵɵproperty("ngClass", ctx.labelClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate(ctx.label());
             i0.ɵɵadvance();
-            i0.ɵɵclassMap(ctx.valueClasses());
+            i0.ɵɵproperty("ngClass", ctx.progressTextClasses());
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate2("", ctx.questionsAnswered(), " / ", ctx.totalQuestions());
+            i0.ɵɵtextInterpolate2(" ", ctx.questionsAnswered(), "/", ctx.totalQuestions(), " ");
             i0.ɵɵadvance();
-            i0.ɵɵclassMap(ctx.progressBarContainerClasses());
+            i0.ɵɵproperty("ngClass", ctx.progressBarBgClasses());
             i0.ɵɵadvance();
             i0.ɵɵstyleProp("width", ctx.progressPercent(), "%");
+            i0.ɵɵproperty("ngClass", ctx.progressBarFillClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.status() === "complete" ? 8 : ctx.status() === "in-progress" ? 9 : 10);
-        } }, dependencies: [CommonModule], encapsulation: 2, changeDetection: 0 }); }
+            i0.ɵɵconditional(ctx.statusLabel() ? 8 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileProgressIndicatorComponent, [{
         type: Component,
@@ -96132,51 +96382,30 @@ class ProfileProgressIndicatorComponent {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <div class="space-y-2">
-      <div class="flex items-center justify-between text-sm">
-        <span [class]="labelClasses()">{{ label() }}</span>
-        <span [class]="valueClasses()">{{ questionsAnswered() }} / {{ totalQuestions() }}</span>
+      <div class="flex items-center justify-between">
+        <span [ngClass]="labelClasses()" class="text-xs font-medium">{{ label() }}</span>
+        <span [ngClass]="progressTextClasses()" class="text-xs font-medium">
+          {{ questionsAnswered() }}/{{ totalQuestions() }}
+        </span>
       </div>
-
-      <div [class]="progressBarContainerClasses()">
+      <div [ngClass]="progressBarBgClasses()" class="h-1.5 rounded-full overflow-hidden">
         <div
-          class="h-full bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full transition-all duration-500"
+          [ngClass]="progressBarFillClasses()"
           [style.width.%]="progressPercent()"
-        ></div>
-      </div>
-
-      @if (status() === 'complete') {
-        <div class="flex items-center gap-1 text-xs text-green-600 dark:text-green-400 font-medium">
-          <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-            <path fill-rule="evenodd"
-                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-                  clip-rule="evenodd"/>
-          </svg>
-          Complete
-        </div>
-      } @else if (status() === 'in-progress') {
-        <div class="flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 font-medium">
-          <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-            <path 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"/>
-          </svg>
-          In Progress
+          class="h-full rounded-full transition-all duration-300">
         </div>
-      } @else {
-        <div class="flex items-center gap-1 text-xs text-slate-500 dark:text-slate-400 font-medium">
-          <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-            <path 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"/>
-          </svg>
-          Not Started
+      </div>
+      @if (statusLabel()) {
+        <div class="flex items-center gap-1.5">
+          <div [ngClass]="statusDotClasses()" class="w-2 h-2 rounded-full"></div>
+          <span [ngClass]="statusTextClasses()" class="text-xs">{{ statusLabel() }}</span>
         </div>
       }
     </div>
   `
             }]
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], questionsAnswered: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionsAnswered", required: false }] }], totalQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalQuestions", required: false }] }], progressPercent: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressPercent", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileProgressIndicatorComponent, { className: "ProfileProgressIndicatorComponent", filePath: "lib/components/shared/profile-progress-indicator.component.ts", lineNumber: 62 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileProgressIndicatorComponent, { className: "ProfileProgressIndicatorComponent", filePath: "lib/components/shared/profile-progress-indicator.component.ts", lineNumber: 36 }); })();
 
 const _forTrack0$7 = ($index, $item) => $item.card.id;
 function ProfileAnalysisCardGridComponent_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {