@eric-emg/symphiq-components 1.2.435 → 1.2.437

package/fesm2022/symphiq-components.mjs

@@ -24919,6 +24919,10 @@ class ConfidenceLevelCardComponent {
         this.elementRef = inject(ElementRef);
         this.hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "hasAnimated" }] : []));
         this.animatedPercentage = signal(0, ...(ngDevMode ? [{ debugName: "animatedPercentage" }] : []));
+        this.isGradeChanging = signal(false, ...(ngDevMode ? [{ debugName: "isGradeChanging" }] : []));
+        this.previousPercentage = signal(null, ...(ngDevMode ? [{ debugName: "previousPercentage" }] : []));
+        this.previousGrade = signal(null, ...(ngDevMode ? [{ debugName: "previousGrade" }] : []));
+        this.isInitialLoad = signal(true, ...(ngDevMode ? [{ debugName: "isInitialLoad" }] : []));
         this.confidenceData = computed(() => {
             const stepId = this.currentStepId();
             const dataMap = {
@@ -25173,6 +25177,27 @@ class ConfidenceLevelCardComponent {
             }
             return 'bg-gradient-to-r from-red-500 to-rose-500';
         }, ...(ngDevMode ? [{ debugName: "progressGlowClasses" }] : []));
+        effect(() => {
+            const currentData = this.confidenceData();
+            const prevPercentage = this.previousPercentage();
+            const prevGrade = this.previousGrade();
+            if (this.isInitialLoad() && this.hasAnimated()) {
+                this.isInitialLoad.set(false);
+                this.previousPercentage.set(currentData.percentage);
+                this.previousGrade.set(currentData.grade);
+                return;
+            }
+            if (!this.isInitialLoad() && this.hasAnimated()) {
+                if (prevPercentage !== null && prevPercentage !== currentData.percentage) {
+                    this.animateValueChange(prevPercentage, currentData.percentage);
+                    this.previousPercentage.set(currentData.percentage);
+                }
+                if (prevGrade !== null && prevGrade !== currentData.grade) {
+                    this.triggerGradeChangeAnimation();
+                    this.previousGrade.set(currentData.grade);
+                }
+            }
+        });
     }
     ngOnInit() {
         this.setupObserver();
@@ -25226,6 +25251,33 @@ class ConfidenceLevelCardComponent {
         };
         this.animationFrame = requestAnimationFrame(animate);
     }
+    animateValueChange(fromValue, toValue) {
+        if (this.animationFrame) {
+            cancelAnimationFrame(this.animationFrame);
+        }
+        const startTime = performance.now();
+        const duration = 1000;
+        const animate = (currentTime) => {
+            const elapsed = currentTime - startTime;
+            const progress = Math.min(elapsed / duration, 1);
+            const easeOutCubic = 1 - Math.pow(1 - progress, 3);
+            const currentValue = fromValue + (toValue - fromValue) * easeOutCubic;
+            this.animatedPercentage.set(Math.round(currentValue));
+            if (progress < 1) {
+                this.animationFrame = requestAnimationFrame(animate);
+            }
+            else {
+                this.animatedPercentage.set(toValue);
+            }
+        };
+        this.animationFrame = requestAnimationFrame(animate);
+    }
+    triggerGradeChangeAnimation() {
+        this.isGradeChanging.set(true);
+        setTimeout(() => {
+            this.isGradeChanging.set(false);
+        }, 800);
+    }
     calculateFocusAreaPercentage() {
         const BASE_PERCENTAGE = 55;
         const MAX_PERCENTAGE = 75;
@@ -25326,7 +25378,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: 29, 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-opacity", "duration-300", "group-hover:opacity-80", 3, "ngClass"], [1, "relative", "px-5", "py-3", "rounded-xl", "text-center", "backdrop-blur-sm", 3, "ngClass"], [1, "text-[10px]", "font-bold", "uppercase", "tracking-wider", "mb-0.5", 3, "ngClass"], [1, "text-3xl", "font-bold", 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"] }, 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) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
             i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "h3", 5);
@@ -25369,7 +25421,7 @@ class ConfidenceLevelCardComponent {
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate2(" ", ctx.confidenceData().qualitativeStatus, " + ", ctx.confidenceData().quantitativeStatus, " ");
             i0.ɵɵadvance();
-            i0.ɵɵclassProp("animate-pulse-glow", ctx.shouldPulse());
+            i0.ɵɵclassProp("animate-pulse-glow", ctx.shouldPulse())("grade-change-animate", ctx.isGradeChanging());
             i0.ɵɵproperty("ngClass", ctx.gradeBadgeContainerClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.glowEffectClasses());
@@ -25401,85 +25453,86 @@ class ConfidenceLevelCardComponent {
             i0.ɵɵadvance();
             i0.ɵɵstyleProp("width", ctx.animatedPercentage(), "%");
             i0.ɵɵproperty("ngClass", ctx.progressGlowClasses());
-        } }, 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}}.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}@media (prefers-reduced-motion: reduce){.confidence-card-animate[_ngcontent-%COMP%], .animate-pulse-glow[_ngcontent-%COMP%]{animation:none;opacity:1}}"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_confidence-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _ngcontent-%COMP%_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()">
-            <!-- Glow effect -->
-            <div [ngClass]="glowEffectClasses()" class="absolute inset-0 rounded-xl blur-xl opacity-60 transition-opacity duration-300 group-hover:opacity-80"></div>
-            <!-- Badge content -->
-            <div [ngClass]="gradeBadgeClasses()" class="relative px-5 py-3 rounded-xl text-center backdrop-blur-sm">
-              <div [ngClass]="gradeLabelClasses()" class="text-[10px] font-bold uppercase tracking-wider mb-0.5">Grade</div>
-              <div [ngClass]="gradeValueClasses()" class="text-3xl font-bold">{{ 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>
-  `, 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}}.confidence-card-animate{animation:confidence-fade-in-up .6s ease-out forwards}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.confidence-card-animate,.animate-pulse-glow{animation:none;opacity:1}}\n"] }]
-    }], null, { 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: 140 }); })();
+        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>
+  `, 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 }); })();
 
 function FunnelWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Your Funnel Analysis ");
@@ -94439,167 +94492,182 @@ class SymphiqProfileShopAnalysisDashboardComponent {
 const _forTrack0 = ($index, $item) => $item.domain;
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 30);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 36);
     i0.ɵɵlistener("nextStepClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_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 SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_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) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", ctx_r1.forDemo() || ctx_r1.allInterestedFocusAreasGenerated())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const focusArea_r4 = i0.ɵɵnextContext().$implicit;
+    const focusArea_r3 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.getEngagementBadgeClasses(focusArea_r4.engagementStatus));
+    i0.ɵɵproperty("ngClass", ctx_r1.getEngagementBadgeClasses(focusArea_r3.engagementStatus));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r4.engagementStatus), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r3.engagementStatus), " ");
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42);
     i0.ɵɵtext(1, " Analysis Ready ");
     i0.ɵɵelementEnd();
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 45);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 51);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tool_r5 = ctx.$implicit;
+    const tool_r4 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.getToolChipClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", tool_r5, " ");
+    i0.ɵɵtextInterpolate1(" ", tool_r4, " ");
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38)(1, "div", 42)(2, "span", 43);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 43)(1, "div", 48)(2, "span", 49);
     i0.ɵɵtext(3, "Marketing Tools:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 44);
-    i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_For_6_Template, 2, 2, "span", 45, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(4, "div", 50);
+    i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_12_For_6_Template, 2, 2, "span", 51, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const focusArea_r4 = i0.ɵɵnextContext().$implicit;
+    const focusArea_r3 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getToolsLabelClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(focusArea_r4.tools);
+    i0.ɵɵrepeater(focusArea_r3.tools);
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39)(1, "div", 42);
-    i0.ɵɵelement(2, "div", 46);
-    i0.ɵɵelementStart(3, "span", 47);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 44)(1, "div", 48);
+    i0.ɵɵelement(2, "div", 52);
+    i0.ɵɵelementStart(3, "span", 53);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 48);
-    i0.ɵɵelement(6, "div", 49);
+    i0.ɵɵelementStart(5, "div", 54);
+    i0.ɵɵelement(6, "div", 55);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 50);
+    i0.ɵɵelementStart(7, "div", 56);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const focusArea_r4 = i0.ɵɵnextContext().$implicit;
+    const focusArea_r3 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
     i0.ɵɵclassMap(ctx_r1.isLightMode() ? "text-blue-600" : "text-blue-400");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (focusArea_r4.itemStatus == null ? null : focusArea_r4.itemStatus.message) || "Generating Profile...", " ");
+    i0.ɵɵtextInterpolate1(" ", (focusArea_r3.itemStatus == null ? null : focusArea_r3.itemStatus.message) || "Generating Profile...", " ");
     i0.ɵɵadvance();
     i0.ɵɵclassMap(ctx_r1.isLightMode() ? "bg-slate-200" : "bg-slate-700");
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("width", (focusArea_r4.itemStatus == null ? null : focusArea_r4.itemStatus.percentageComplete) ?? 0, "%");
+    i0.ɵɵstyleProp("width", (focusArea_r3.itemStatus == null ? null : focusArea_r3.itemStatus.percentageComplete) ?? 0, "%");
     i0.ɵɵadvance();
     i0.ɵɵclassMap(ctx_r1.isLightMode() ? "text-slate-500" : "text-slate-400");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (focusArea_r4.itemStatus == null ? null : focusArea_r4.itemStatus.percentageComplete) ?? 0, "% complete ");
+    i0.ɵɵtextInterpolate1(" ", (focusArea_r3.itemStatus == null ? null : focusArea_r3.itemStatus.percentageComplete) ?? 0, "% complete ");
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40);
-    i0.ɵɵelement(1, "div", 51);
-    i0.ɵɵelementStart(2, "span", 52);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 45);
+    i0.ɵɵelement(1, "div", 57);
+    i0.ɵɵelementStart(2, "span", 58);
     i0.ɵɵtext(3, "Profile Generation Pending");
     i0.ɵɵelementEnd()();
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 54);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 60);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 57);
-    i0.ɵɵelement(2, "path", 26);
+    i0.ɵɵelementStart(1, "svg", 63);
+    i0.ɵɵelement(2, "path", 29);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " Complete ");
     i0.ɵɵelementEnd();
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 57);
-    i0.ɵɵelement(2, "path", 58);
+    i0.ɵɵelementStart(1, "svg", 63);
+    i0.ɵɵelement(2, "path", 64);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " In Progress ");
     i0.ɵɵelementEnd();
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 56);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 62);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 57);
-    i0.ɵɵelement(2, "path", 59);
+    i0.ɵɵelementStart(1, "svg", 63);
+    i0.ɵɵelement(2, "path", 65);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " Not Started ");
     i0.ɵɵelementEnd();
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 41)(1, "div", 53)(2, "span");
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "div", 59)(2, "span");
     i0.ɵɵtext(3, "Progress");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "span");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "div");
-    i0.ɵɵelement(7, "div", 49);
+    i0.ɵɵelement(7, "div", 55);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_8_Template, 4, 0, "div", 54)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_9_Template, 4, 0, "div", 55)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_10_Template, 4, 0, "div", 56);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_8_Template, 4, 0, "div", 60)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_9_Template, 4, 0, "div", 61)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_10_Template, 4, 0, "div", 62);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const focusArea_r4 = i0.ɵɵnextContext().$implicit;
+    const focusArea_r3 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵclassMap(ctx_r1.getLabelClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵclassMap(ctx_r1.getValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" ", focusArea_r4.questionsAnswered, " / ", focusArea_r4.totalQuestions, " ");
+    i0.ɵɵtextInterpolate2(" ", focusArea_r3.questionsAnswered, " / ", focusArea_r3.totalQuestions, " ");
     i0.ɵɵadvance();
     i0.ɵɵclassMap(ctx_r1.getProgressBarContainerClasses());
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("width", focusArea_r4.progressPercent, "%");
+    i0.ɵɵstyleProp("width", focusArea_r3.progressPercent, "%");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(focusArea_r4.status === "complete" ? 8 : focusArea_r4.status === "in-progress" ? 9 : 10);
+    i0.ɵɵconditional(focusArea_r3.status === "complete" ? 8 : focusArea_r3.status === "in-progress" ? 9 : 10);
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "div", 60)(2, "span", 61);
-    i0.ɵɵtext(3, "View Details");
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " View Details ");
+} }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " All Questions Answered ");
+} }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Continue Answering Questions ");
+} }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Start Answering Questions ");
+} }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r5); const focusArea_r3 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleFooterClick(focusArea_r3.profileFocusArea)); });
+    i0.ɵɵelementStart(1, "div", 67)(2, "span", 68);
+    i0.ɵɵconditionalCreate(3, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Conditional_3_Template, 1, 0)(4, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Conditional_4_Template, 1, 0)(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Conditional_5_Template, 1, 0)(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Conditional_6_Template, 1, 0);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 62);
-    i0.ɵɵelement(5, "path", 63);
+    i0.ɵɵelementStart(7, "svg", 69);
+    i0.ɵɵelement(8, "path", 70);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const focusArea_r3 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassMap(ctx_r1.getCardFooterClasses());
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(focusArea_r3.hasAnalysis ? 3 : focusArea_r3.status === "complete" ? 4 : focusArea_r3.status === "in-progress" ? 5 : 6);
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 31);
-    i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template_div_click_0_listener() { const focusArea_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleFocusAreaClick(focusArea_r4.domain)); });
-    i0.ɵɵelementStart(1, "div", 32)(2, "div", 33)(3, "div", 34);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "div", 37)(2, "div", 38)(3, "div", 39);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 35);
-    i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_6_Template, 2, 2, "div", 36);
-    i0.ɵɵconditionalCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_7_Template, 2, 0, "div", 37);
+    i0.ɵɵelementStart(5, "div", 40);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_6_Template, 2, 2, "div", 41);
+    i0.ɵɵconditionalCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_7_Template, 2, 0, "div", 42);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(8, "h3");
     i0.ɵɵtext(9);
@@ -94607,68 +94675,68 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template(rf,
     i0.ɵɵelementStart(10, "p");
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(12, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_Template, 7, 1, "div", 38);
-    i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_13_Template, 9, 10, "div", 39)(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Template, 4, 0, "div", 40)(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Template, 11, 11, "div", 41);
+    i0.ɵɵconditionalCreate(12, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_12_Template, 7, 1, "div", 43);
+    i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_Template, 9, 10, "div", 44)(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Template, 4, 0, "div", 45)(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Template, 11, 11, "div", 46);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(16, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_16_Template, 6, 2, "div", 28);
+    i0.ɵɵconditionalCreate(16, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Template, 9, 3, "div", 47);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const focusArea_r4 = ctx.$implicit;
+    const focusArea_r3 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassMap(ctx_r1.getCardClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(focusArea_r4.icon);
+    i0.ɵɵtextInterpolate(focusArea_r3.icon);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(focusArea_r4.engagementStatus ? 6 : -1);
+    i0.ɵɵconditional(focusArea_r3.engagementStatus ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(focusArea_r4.hasAnalysis ? 7 : -1);
+    i0.ɵɵconditional(focusArea_r3.hasAnalysis ? 7 : -1);
     i0.ɵɵadvance();
     i0.ɵɵclassMap(ctx_r1.getTitleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", focusArea_r4.title, " ");
+    i0.ɵɵtextInterpolate1(" ", focusArea_r3.title, " ");
     i0.ɵɵadvance();
     i0.ɵɵclassMap(ctx_r1.getDescriptionClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", focusArea_r4.description, " ");
+    i0.ɵɵtextInterpolate1(" ", focusArea_r3.description, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(focusArea_r4.engagementStatus === ctx_r1.FocusAreaDetailStatusEnum.ENGAGED && focusArea_r4.tools.length > 0 ? 12 : -1);
+    i0.ɵɵconditional(focusArea_r3.engagementStatus === ctx_r1.FocusAreaDetailStatusEnum.ENGAGED && focusArea_r3.tools.length > 0 ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(focusArea_r4.selfContentStatus !== null && focusArea_r4.selfContentStatus !== ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r4.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 13 : focusArea_r4.selfContentStatus === null && focusArea_r4.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 14 : focusArea_r4.selfContentStatus === ctx_r1.AiDynamicContentStatusEnum.GENERATED || focusArea_r4.status !== "pending" ? 15 : -1);
+    i0.ɵɵconditional(focusArea_r3.selfContentStatus !== null && focusArea_r3.selfContentStatus !== ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 13 : focusArea_r3.selfContentStatus === null && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 14 : focusArea_r3.selfContentStatus === ctx_r1.AiDynamicContentStatusEnum.GENERATED || focusArea_r3.status !== "pending" ? 15 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(focusArea_r4.canViewDetails ? 16 : -1);
+    i0.ɵɵconditional(focusArea_r3.canViewDetails && focusArea_r3.profileFocusArea ? 16 : -1);
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const focusArea_r7 = i0.ɵɵnextContext().$implicit;
+    const focusArea_r6 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.getEngagementBadgeClasses(focusArea_r7.engagementStatus));
+    i0.ɵɵproperty("ngClass", ctx_r1.getEngagementBadgeClasses(focusArea_r6.engagementStatus));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r7.engagementStatus), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r6.engagementStatus), " ");
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "div", 60)(2, "span", 61);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r7); const focusArea_r6 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleFooterClick(focusArea_r6.profileFocusArea)); });
+    i0.ɵɵelementStart(1, "div", 67)(2, "span", 68);
     i0.ɵɵtext(3, "View Details");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 62);
-    i0.ɵɵelement(5, "path", 63);
+    i0.ɵɵelementStart(4, "svg", 69);
+    i0.ɵɵelement(5, "path", 70);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵclassMap(ctx_r1.getCardFooterClasses());
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 31);
-    i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Template_div_click_0_listener() { const focusArea_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleFocusAreaClick(focusArea_r7.domain)); });
-    i0.ɵɵelementStart(1, "div", 32)(2, "div", 33)(3, "div", 34);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "div", 37)(2, "div", 38)(3, "div", 39);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 35);
-    i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_6_Template, 2, 2, "div", 36);
+    i0.ɵɵelementStart(5, "div", 40);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_6_Template, 2, 2, "div", 41);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(7, "h3");
     i0.ɵɵtext(8);
@@ -94676,37 +94744,37 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8
     i0.ɵɵelementStart(9, "p");
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_11_Template, 6, 2, "div", 28);
+    i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template, 6, 2, "div", 47);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const focusArea_r7 = ctx.$implicit;
+    const focusArea_r6 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵclassMap(ctx_r1.getCardClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(focusArea_r7.icon);
+    i0.ɵɵtextInterpolate(focusArea_r6.icon);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(focusArea_r7.engagementStatus ? 6 : -1);
+    i0.ɵɵconditional(focusArea_r6.engagementStatus ? 6 : -1);
     i0.ɵɵadvance();
     i0.ɵɵclassMap(ctx_r1.getTitleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", focusArea_r7.title, " ");
+    i0.ɵɵtextInterpolate1(" ", focusArea_r6.title, " ");
     i0.ɵɵadvance();
     i0.ɵɵclassMap(ctx_r1.getDescriptionClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", focusArea_r7.description, " ");
+    i0.ɵɵtextInterpolate1(" ", focusArea_r6.description, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(focusArea_r7.canViewDetails ? 11 : -1);
+    i0.ɵɵconditional(focusArea_r6.canViewDetails && focusArea_r6.profileFocusArea ? 11 : -1);
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29)(1, "div", 64);
-    i0.ɵɵelement(2, "div", 65);
-    i0.ɵɵelementStart(3, "span", 66);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35)(1, "div", 71);
+    i0.ɵɵelement(2, "div", 72);
+    i0.ɵɵelementStart(3, "span", 73);
     i0.ɵɵtext(4, "Not Interested");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "div", 65);
+    i0.ɵɵelement(5, "div", 72);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 67);
-    i0.ɵɵrepeaterCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Template, 12, 11, "div", 28, _forTrack0);
+    i0.ɵɵelementStart(6, "div", 74);
+    i0.ɵɵrepeaterCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Template, 12, 11, "div", 34, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -94719,10 +94787,10 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Templ
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r1.notInterestedFocusAreaCards());
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-search-modal", 68);
-    i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_56_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
+    i0.ɵɵelementStart(0, "symphiq-search-modal", 75);
+    i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
     i0.ɵɵelementEnd();
 } }
 class SymphiqProfileFocusAreasAnalysesDashboardComponent {
@@ -94750,6 +94818,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
         this.displayMode = input(DisplayModeEnum.SIMPLIFIED, ...(ngDevMode ? [{ debugName: "displayMode" }] : []));
         this.currentStepId = input(JourneyStepIdEnum.FOCUS_AREA_ANALYSIS, ...(ngDevMode ? [{ debugName: "currentStepId" }] : []));
         this.focusAreaClicked = output();
+        this.focusAreaFooterClicked = output();
         this.stepClick = output();
         this.nextStepClick = output();
         this.answerFocusAreaProfileQuestions = output();
@@ -94834,6 +94903,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                 let canViewDetails = false;
                 let selfContentStatus = null;
                 let itemStatus = null;
+                let profileFocusArea = null;
                 if (isDemo) {
                     const mockData = mockProgressData[domain];
                     questionsAnswered = mockData.answered;
@@ -94852,7 +94922,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                     }
                 }
                 else {
-                    const profileFocusArea = profileFocusAreasMap.get(domain);
+                    profileFocusArea = profileFocusAreasMap.get(domain) ?? null;
                     const profileAnalysis = profileAnalysesMap.get(domain);
                     hasAnalysis = !!profileAnalysis;
                     if (profileFocusArea) {
@@ -94893,7 +94963,8 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                     tools,
                     canViewDetails,
                     selfContentStatus,
-                    itemStatus
+                    itemStatus,
+                    profileFocusArea
                 };
             });
         }, ...(ngDevMode ? [{ debugName: "focusAreaCards" }] : []));
@@ -94917,6 +94988,9 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     handleFocusAreaClick(domain) {
         this.focusAreaClicked.emit(domain);
     }
+    handleFooterClick(profileFocusArea) {
+        this.focusAreaFooterClicked.emit(profileFocusArea);
+    }
     handleSearchClick() {
         this.showSearchModal.set(true);
     }
@@ -94929,7 +95003,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             : 'bg-gradient-to-br from-slate-900 to-slate-800';
     }
     getCardClasses() {
-        return 'group bg-white dark:bg-slate-800 rounded-xl shadow-md hover:shadow-2xl transition-all duration-300 cursor-pointer overflow-hidden border border-slate-200 dark:border-slate-700 hover:border-blue-400 dark:hover:border-blue-500 hover:-translate-y-1';
+        return 'group flex flex-col h-full bg-white dark:bg-slate-800 rounded-xl shadow-md hover:shadow-lg transition-all duration-300 overflow-hidden border border-slate-200 dark:border-slate-700';
     }
     getTitleClasses() {
         return 'text-xl font-bold text-slate-900 dark:text-white mb-2 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors';
@@ -94989,6 +95063,26 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             ? 'text-slate-700'
             : 'text-slate-300';
     }
+    getWelcomeBannerNextStepsClasses() {
+        return this.isLightMode()
+            ? 'bg-amber-50/50 border-amber-200'
+            : 'bg-amber-500/10 border-amber-500/30';
+    }
+    getWelcomeBannerNextStepsIconClasses() {
+        return this.isLightMode()
+            ? 'text-amber-600'
+            : 'text-amber-400';
+    }
+    getWelcomeBannerNextStepsTitleClasses() {
+        return this.isLightMode()
+            ? 'text-slate-900'
+            : 'text-white';
+    }
+    getWelcomeBannerNextStepsTextClasses() {
+        return this.isLightMode()
+            ? 'text-slate-700'
+            : 'text-slate-300';
+    }
     getIconForDomain(domain) {
         const iconMap = {
             [FocusAreaDomainEnum.AFFILIATE_AND_REFERRAL_PROGRAMS]: '🤝',
@@ -95058,7 +95152,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     static { this.ɵfac = function SymphiqProfileFocusAreasAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileFocusAreasAnalysesDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileFocusAreasAnalysesDashboardComponent, selectors: [["symphiq-profile-focus-areas-analyses-dashboard"]], hostBindings: function SymphiqProfileFocusAreasAnalysesDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileFocusAreasAnalysesDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { focusAreaClicked: "focusAreaClicked", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 57, vars: 23, consts: [[1, "min-h-screen", "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "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, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "click"], [1, "p-6"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-3", "py-1", "bg-green-100", "dark:bg-green-900/30", "text-green-700", "dark:text-green-400", "text-xs", "font-semibold", "rounded-full"], [1, "mt-3", "mb-2"], [1, "w-full", "space-y-2", "py-2"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "text-xs", "font-medium"], [1, "w-full", "h-2", "rounded-full"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "text-xs", "tabular-nums"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "group-hover:text-blue-500", "dark:group-hover:text-blue-400", "group-hover:translate-x-1", "transition-all"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { focusAreaClicked: "focusAreaClicked", focusAreaFooterClicked: "focusAreaFooterClicked", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 68, vars: 29, consts: [[1, "min-h-screen", "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "p-6", "flex-1"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-3", "py-1", "bg-green-100", "dark:bg-green-900/30", "text-green-700", "dark:text-green-400", "text-xs", "font-semibold", "rounded-full"], [1, "mt-3", "mb-2"], [1, "w-full", "space-y-2", "py-2"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "text-xs", "font-medium"], [1, "w-full", "h-2", "rounded-full"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "text-xs", "tabular-nums"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "hover:text-blue-500", "dark:hover:text-blue-400", "hover:translate-x-1", "transition-all"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -95076,62 +95170,77 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             i0.ɵɵelementStart(14, "div", 14)(15, "h2", 15);
             i0.ɵɵtext(16, " Welcome to Your Focus Area Analyses ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(17, "div", 16)(18, "p", 17);
-            i0.ɵɵtext(19, " Focus Areas represent specific operational domains within your business. Each area contains targeted questions and analysis to help Symphiq understand your current capabilities, tools, and strategies. ");
+            i0.ɵɵelementStart(17, "div", 16)(18, "div", 17)(19, "p", 18);
+            i0.ɵɵtext(20, " Focus Areas represent the marketing domains where your business operates\u2014from SEO and email marketing to paid media and customer retention. Each focus area contains tailored questions about your current tools, tactics, and capabilities, helping Symphiq understand exactly what you're doing today and where you want to grow. ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(20, "p", 17)(21, "strong", 18);
-            i0.ɵɵtext(22, "Why this matters:");
+            i0.ɵɵelementStart(21, "p", 18)(22, "strong", 19);
+            i0.ɵɵtext(23, "Why this matters:");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(23, " By completing focus area assessments, you unlock domain-specific insights and recommendations tailored to your unique business context\u2014ensuring actionable guidance that drives real improvement. ");
+            i0.ɵɵtext(24, " By completing focus area assessments, Symphiq learns your marketing reality across every channel. This means recommendations are grounded in what you can actually execute with your current team and tools\u2014while also surfacing high-impact opportunities to expand your capabilities. No generic advice, only strategies that fit your specific operational context. ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(25, "div", 20);
+            i0.ɵɵelement(26, "symphiq-confidence-level-card", 21);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(24, "div", 19);
+            i0.ɵɵelementStart(27, "div", 22);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(25, "svg", 20);
-            i0.ɵɵelement(26, "path", 21);
+            i0.ɵɵelementStart(28, "svg", 23);
+            i0.ɵɵelement(29, "path", 24);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(27, "div", 14)(28, "h3", 22);
-            i0.ɵɵtext(29, " Getting Started ");
+            i0.ɵɵelementStart(30, "div", 14)(31, "h3", 25);
+            i0.ɵɵtext(32, " What You'll See Below ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(30, "ul", 23)(31, "li", 24);
+            i0.ɵɵelementStart(33, "ul", 26)(34, "li", 27);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(32, "svg", 25);
-            i0.ɵɵelement(33, "path", 26);
+            i0.ɵɵelementStart(35, "svg", 28);
+            i0.ɵɵelement(36, "path", 29);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(34, "span")(35, "strong", 18);
-            i0.ɵɵtext(36, "Select a Focus Area");
+            i0.ɵɵelementStart(37, "span")(38, "strong", 19);
+            i0.ɵɵtext(39, "Select Focus Areas");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(37, " \u2014 Click any card below to begin or continue your assessment");
+            i0.ɵɵtext(40, " \u2014 Mark which marketing domains are relevant to your business\u2014no need to complete areas you don't use");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(38, "li", 24);
+            i0.ɵɵelementStart(41, "li", 27);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(39, "svg", 25);
-            i0.ɵɵelement(40, "path", 26);
+            i0.ɵɵelementStart(42, "svg", 28);
+            i0.ɵɵelement(43, "path", 29);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(41, "span")(42, "strong", 18);
-            i0.ɵɵtext(43, "Answer Questions");
+            i0.ɵɵelementStart(44, "span")(45, "strong", 19);
+            i0.ɵɵtext(46, "Answer Targeted Questions");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(44, " \u2014 Provide details about your tools, processes, and strategies");
+            i0.ɵɵtext(47, " \u2014 Share specific details about your tools, processes, and current performance in each domain");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(45, "li", 24);
+            i0.ɵɵelementStart(48, "li", 27);
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(49, "svg", 28);
+            i0.ɵɵelement(50, "path", 29);
+            i0.ɵɵelementEnd();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(51, "span")(52, "strong", 19);
+            i0.ɵɵtext(53, "Unlock Domain Insights");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(54, " \u2014 Receive focused analysis and recommendations tailored to each marketing channel's unique context");
+            i0.ɵɵelementEnd()()()()();
+            i0.ɵɵelementStart(55, "div", 30);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(46, "svg", 25);
-            i0.ɵɵelement(47, "path", 26);
+            i0.ɵɵelementStart(56, "svg", 23);
+            i0.ɵɵelement(57, "path", 31);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(48, "span")(49, "strong", 18);
-            i0.ɵɵtext(50, "Unlock Analysis");
+            i0.ɵɵelementStart(58, "div", 14)(59, "h3", 25);
+            i0.ɵɵtext(60, " Continue Your Journey ");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(51, " \u2014 Complete assessments to receive tailored recommendations and insights");
-            i0.ɵɵelementEnd()()()()()()()()();
-            i0.ɵɵelementStart(52, "div", 27);
-            i0.ɵɵrepeaterCreate(53, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template, 17, 14, "div", 28, _forTrack0);
+            i0.ɵɵelementStart(61, "p", 32);
+            i0.ɵɵtext(62, " The final step\u2014Metric Analysis\u2014lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue. ");
+            i0.ɵɵelementEnd()()()()()()();
+            i0.ɵɵelementStart(63, "div", 33);
+            i0.ɵɵrepeaterCreate(64, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template, 17, 14, "div", 34, _forTrack0);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(55, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Template, 9, 3, "div", 29);
+            i0.ɵɵconditionalCreate(66, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Template, 9, 3, "div", 35);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(56, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_56_Template, 1, 0, "symphiq-search-modal");
+            i0.ɵɵconditionalCreate(67, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template, 1, 0, "symphiq-search-modal");
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassMap(ctx.getContainerClasses());
@@ -95150,11 +95259,13 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerIconClasses());
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerTitleClasses());
-            i0.ɵɵadvance(3);
+            i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerTextClasses());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerTextClasses());
-            i0.ɵɵadvance(4);
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("focusAreaDetails", ctx.focusAreaDetails());
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerHighlightClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerHighlightIconClasses());
@@ -95162,17 +95273,25 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerHighlightTitleClasses());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerHighlightListClasses());
-            i0.ɵɵadvance(23);
+            i0.ɵɵadvance(22);
+            i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerNextStepsClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerNextStepsIconClasses());
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerNextStepsTitleClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerNextStepsTextClasses());
+            i0.ɵɵadvance(3);
             i0.ɵɵrepeater(ctx.interestedFocusAreaCards());
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.notInterestedFocusAreaCards().length > 0 ? 55 : -1);
+            i0.ɵɵconditional(ctx.notInterestedFocusAreaCards().length > 0 ? 66 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showSearchModal() ? 56 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, JourneyProgressIndicatorComponent], styles: [".animated-bubbles[_ngcontent-%COMP%]{background:linear-gradient(135deg,#6366f10d,#a855f70d)}.animated-bubbles.light-mode[_ngcontent-%COMP%]{background:linear-gradient(135deg,#3b82f608,#9333ea08)}.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}.animated-bubbles[_ngcontent-%COMP%]:before{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}"], changeDetection: 0 }); }
+            i0.ɵɵconditional(ctx.showSearchModal() ? 67 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent], styles: [".animated-bubbles[_ngcontent-%COMP%]{background:linear-gradient(135deg,#6366f10d,#a855f70d)}.animated-bubbles.light-mode[_ngcontent-%COMP%]{background:linear-gradient(135deg,#3b82f608,#9333ea08)}.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}.animated-bubbles[_ngcontent-%COMP%]:before{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileFocusAreasAnalysesDashboardComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-profile-focus-areas-analyses-dashboard', standalone: true, imports: [CommonModule, DashboardHeaderComponent, SearchModalComponent, JourneyProgressIndicatorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        args: [{ selector: 'symphiq-profile-focus-areas-analyses-dashboard', standalone: true, imports: [CommonModule, DashboardHeaderComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div [class]="getContainerClasses()" class="min-h-screen relative">
       <div class="animated-bubbles" [class.light-mode]="isLightMode()"
            style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
@@ -95225,13 +95344,26 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                     Welcome to Your Focus Area Analyses
                   </h2>
 
-                  <div class="space-y-3 mb-6">
-                    <p [ngClass]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
-                      Focus Areas represent specific operational domains within your business. Each area contains targeted questions and analysis to help Symphiq understand your current capabilities, tools, and strategies.
-                    </p>
-                    <p [ngClass]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
-                      <strong class="font-semibold">Why this matters:</strong> By completing focus area assessments, you unlock domain-specific insights and recommendations tailored to your unique business context—ensuring actionable guidance that drives real improvement.
-                    </p>
+                  <!-- 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]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
+                        Focus Areas represent the marketing domains where your business operates—from SEO and email marketing to paid media and customer retention. Each focus area contains tailored questions about your current tools, tactics, and capabilities, helping Symphiq understand exactly what you're doing today and where you want to grow.
+                      </p>
+                      <p [ngClass]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
+                        <strong class="font-semibold">Why this matters:</strong> By completing focus area assessments, Symphiq learns your marketing reality across every channel. This means recommendations are grounded in what you can actually execute with your current team and tools—while also surfacing high-impact opportunities to expand your capabilities. No generic advice, only strategies that fit your specific operational context.
+                      </p>
+                    </div>
+
+                    <!-- 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="focus-areas"
+                        [focusAreaDetails]="focusAreaDetails()"
+                      />
+                    </div>
                   </div>
 
                   <div [ngClass]="getWelcomeBannerHighlightClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
@@ -95240,30 +95372,44 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                     </svg>
                     <div class="flex-1">
                       <h3 [ngClass]="getWelcomeBannerHighlightTitleClasses()" class="font-bold text-lg mb-2">
-                        Getting Started
+                        What You'll See Below
                       </h3>
                       <ul [ngClass]="getWelcomeBannerHighlightListClasses()" 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">Select a Focus Area</strong> — Click any card below to begin or continue your assessment</span>
+                          <span><strong class="font-semibold">Select Focus Areas</strong> — Mark which marketing domains are relevant to your business—no need to complete areas you don't use</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">Answer Questions</strong> — Provide details about your tools, processes, and strategies</span>
+                          <span><strong class="font-semibold">Answer Targeted Questions</strong> — Share specific details about your tools, processes, and current performance in each domain</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">Unlock Analysis</strong> — Complete assessments to receive tailored recommendations and insights</span>
+                          <span><strong class="font-semibold">Unlock Domain Insights</strong> — Receive focused analysis and recommendations tailored to each marketing channel's unique context</span>
                         </li>
                       </ul>
                     </div>
                   </div>
+
+                  <div [ngClass]="getWelcomeBannerNextStepsClasses()" 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]="getWelcomeBannerNextStepsIconClasses()" 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>
+                    <div class="flex-1">
+                      <h3 [ngClass]="getWelcomeBannerNextStepsTitleClasses()" class="font-bold text-lg mb-2">
+                        Continue Your Journey
+                      </h3>
+                      <p [ngClass]="getWelcomeBannerNextStepsTextClasses()" class="text-sm leading-relaxed">
+                        The final step—Metric Analysis—lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue.
+                      </p>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
@@ -95272,11 +95418,8 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
           <!-- Focus Areas Grid -->
           <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
             @for (focusArea of interestedFocusAreaCards(); track focusArea.domain) {
-              <div
-                (click)="handleFocusAreaClick(focusArea.domain)"
-                [class]="getCardClasses()"
-              >
-                <div class="p-6">
+              <div [class]="getCardClasses()">
+                <div class="p-6 flex-1">
                   <div class="flex items-start justify-between mb-4">
                     <div class="text-4xl">{{ focusArea.icon }}</div>
                     <div class="flex flex-col items-end gap-2">
@@ -95381,11 +95524,24 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                   }
                 </div>
 
-                @if (focusArea.canViewDetails) {
-                  <div [class]="getCardFooterClasses()">
+                @if (focusArea.canViewDetails && focusArea.profileFocusArea) {
+                  <div
+                    [class]="getCardFooterClasses()"
+                    class="mt-auto cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors"
+                    (click)="handleFooterClick(focusArea.profileFocusArea)">
                     <div class="flex items-center justify-between">
-                      <span class="text-sm font-medium text-slate-600 dark:text-slate-400">View Details</span>
-                      <svg class="w-5 h-5 text-slate-400 dark:text-slate-500 group-hover:text-blue-500 dark:group-hover:text-blue-400 group-hover:translate-x-1 transition-all" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <span class="text-sm font-medium text-slate-600 dark:text-slate-400">
+                        @if (focusArea.hasAnalysis) {
+                          View Details
+                        } @else if (focusArea.status === 'complete') {
+                          All Questions Answered
+                        } @else if (focusArea.status === 'in-progress') {
+                          Continue Answering Questions
+                        } @else {
+                          Start Answering Questions
+                        }
+                      </span>
+                      <svg class="w-5 h-5 text-slate-400 dark:text-slate-500 hover:text-blue-500 dark:hover:text-blue-400 hover:translate-x-1 transition-all" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                       </svg>
                     </div>
@@ -95406,11 +95562,8 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
 
               <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 opacity-60">
                 @for (focusArea of notInterestedFocusAreaCards(); track focusArea.domain) {
-                  <div
-                    (click)="handleFocusAreaClick(focusArea.domain)"
-                    [class]="getCardClasses()"
-                  >
-                    <div class="p-6">
+                  <div [class]="getCardClasses()">
+                    <div class="p-6 flex-1">
                       <div class="flex items-start justify-between mb-4">
                         <div class="text-4xl">{{ focusArea.icon }}</div>
                         <div class="flex flex-col items-end gap-2">
@@ -95431,11 +95584,14 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                       </p>
                     </div>
 
-                    @if (focusArea.canViewDetails) {
-                      <div [class]="getCardFooterClasses()">
+                    @if (focusArea.canViewDetails && focusArea.profileFocusArea) {
+                      <div
+                        [class]="getCardFooterClasses()"
+                        class="mt-auto cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors"
+                        (click)="handleFooterClick(focusArea.profileFocusArea)">
                         <div class="flex items-center justify-between">
                           <span class="text-sm font-medium text-slate-600 dark:text-slate-400">View Details</span>
-                          <svg class="w-5 h-5 text-slate-400 dark:text-slate-500 group-hover:text-blue-500 dark:group-hover:text-blue-400 group-hover:translate-x-1 transition-all" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                          <svg class="w-5 h-5 text-slate-400 dark:text-slate-500 hover:text-blue-500 dark:hover:text-blue-400 hover:translate-x-1 transition-all" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                           </svg>
                         </div>
@@ -95457,11 +95613,11 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
       }
     </div>
   `, styles: [".animated-bubbles{background:linear-gradient(135deg,#6366f10d,#a855f70d)}.animated-bubbles.light-mode{background:linear-gradient(135deg,#3b82f608,#9333ea08)}.animated-bubbles:before,.animated-bubbles:after{content:\"\";position:absolute;border-radius:50%;animation:float 20s infinite ease-in-out}.animated-bubbles:before{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles:after{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}\n"] }]
-    }], null, { requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profileAnalyses: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalyses", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], account: [{ type: i0.Input, args: [{ isSignal: true, alias: "account", required: false }] }], profileFocusAreas: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileFocusAreas", required: false }] }], itemStatusesProfileFocusArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileFocusArea", required: false }] }], itemStatusesProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileAnalysis", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], focusAreaClicked: [{ type: i0.Output, args: ["focusAreaClicked"] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], answerFocusAreaProfileQuestions: [{ type: i0.Output, args: ["answerFocusAreaProfileQuestions"] }], continueFocusAreaProfileQuestions: [{ type: i0.Output, args: ["continueFocusAreaProfileQuestions"] }], profileQuestionAnswerSave: [{ type: i0.Output, args: ["profileQuestionAnswerSave"] }], focusAreaProfileAdminAnswerAction: [{ type: i0.Output, args: ["focusAreaProfileAdminAnswerAction"] }], onScroll: [{
+    }], null, { requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profileAnalyses: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalyses", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], account: [{ type: i0.Input, args: [{ isSignal: true, alias: "account", required: false }] }], profileFocusAreas: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileFocusAreas", required: false }] }], itemStatusesProfileFocusArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileFocusArea", required: false }] }], itemStatusesProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileAnalysis", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], focusAreaClicked: [{ type: i0.Output, args: ["focusAreaClicked"] }], focusAreaFooterClicked: [{ type: i0.Output, args: ["focusAreaFooterClicked"] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], answerFocusAreaProfileQuestions: [{ type: i0.Output, args: ["answerFocusAreaProfileQuestions"] }], continueFocusAreaProfileQuestions: [{ type: i0.Output, args: ["continueFocusAreaProfileQuestions"] }], profileQuestionAnswerSave: [{ type: i0.Output, args: ["profileQuestionAnswerSave"] }], focusAreaProfileAdminAnswerAction: [{ type: i0.Output, args: ["focusAreaProfileAdminAnswerAction"] }], onScroll: [{
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 397 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 436 }); })();
 
 function FocusAreaStatusCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "div", 9);