@eric-emg/symphiq-components 1.2.434 → 1.2.436

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 ");
@@ -94444,7 +94497,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Templa
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", true)("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
+    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);
@@ -94463,7 +94516,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_7
     i0.ɵɵelementEnd();
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 44);
+    i0.ɵɵelementStart(0, "span", 45);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -94474,11 +94527,11 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_1
     i0.ɵɵtextInterpolate1(" ", tool_r5, " ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38)(1, "div", 41)(2, "span", 42);
+    i0.ɵɵelementStart(0, "div", 38)(1, "div", 42)(2, "span", 43);
     i0.ɵɵtext(3, "Marketing Tools:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 43);
-    i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_For_6_Template, 2, 2, "span", 44, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(4, "div", 44);
+    i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_For_6_Template, 2, 2, "span", 45, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const focusArea_r4 = i0.ɵɵnextContext().$implicit;
@@ -94489,15 +94542,15 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_1
     i0.ɵɵrepeater(focusArea_r4.tools);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39)(1, "div", 41);
-    i0.ɵɵelement(2, "div", 45);
-    i0.ɵɵelementStart(3, "span", 46);
+    i0.ɵɵelementStart(0, "div", 39)(1, "div", 42);
+    i0.ɵɵelement(2, "div", 46);
+    i0.ɵɵelementStart(3, "span", 47);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 47);
-    i0.ɵɵelement(6, "div", 48);
+    i0.ɵɵelementStart(5, "div", 48);
+    i0.ɵɵelement(6, "div", 49);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 49);
+    i0.ɵɵelementStart(7, "div", 50);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -94516,44 +94569,51 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_1
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", (focusArea_r4.itemStatus == null ? null : focusArea_r4.itemStatus.percentageComplete) ?? 0, "% complete ");
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
+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);
+    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);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 54);
+    i0.ɵɵelementStart(1, "svg", 57);
     i0.ɵɵelement(2, "path", 26);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " Complete ");
     i0.ɵɵelementEnd();
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 52);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 54);
-    i0.ɵɵelement(2, "path", 55);
+    i0.ɵɵelementStart(1, "svg", 57);
+    i0.ɵɵelement(2, "path", 58);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " In Progress ");
     i0.ɵɵelementEnd();
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 53);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 56);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 54);
-    i0.ɵɵelement(2, "path", 56);
+    i0.ɵɵelementStart(1, "svg", 57);
+    i0.ɵɵelement(2, "path", 59);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " Not Started ");
     i0.ɵɵelementEnd();
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "div", 50)(2, "span");
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41)(1, "div", 53)(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", 48);
+    i0.ɵɵelement(7, "div", 49);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_8_Template, 4, 0, "div", 51)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_9_Template, 4, 0, "div", 52)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_10_Template, 4, 0, "div", 53);
+    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.ɵɵelementEnd();
 } if (rf & 2) {
     const focusArea_r4 = i0.ɵɵnextContext().$implicit;
@@ -94571,13 +94631,13 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_1
     i0.ɵɵadvance();
     i0.ɵɵconditional(focusArea_r4.status === "complete" ? 8 : focusArea_r4.status === "in-progress" ? 9 : 10);
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "div", 57)(2, "span", 58);
+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");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 59);
-    i0.ɵɵelement(5, "path", 60);
+    i0.ɵɵelementStart(4, "svg", 62);
+    i0.ɵɵelement(5, "path", 63);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -94601,9 +94661,9 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template(rf,
     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, 11, 11, "div", 40);
+    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.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Template, 6, 2, "div", 28);
+    i0.ɵɵconditionalCreate(16, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_16_Template, 6, 2, "div", 28);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const focusArea_r4 = ctx.$implicit;
@@ -94626,9 +94686,9 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵconditional(focusArea_r4.engagementStatus === ctx_r1.FocusAreaDetailStatusEnum.ENGAGED && focusArea_r4.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 === ctx_r1.AiDynamicContentStatusEnum.GENERATED || focusArea_r4.status !== "pending" ? 14 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(focusArea_r4.canViewDetails ? 15 : -1);
+    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.ɵɵadvance(3);
+    i0.ɵɵconditional(focusArea_r4.canViewDetails ? 16 : -1);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 36);
@@ -94642,12 +94702,12 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8
     i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r7.engagementStatus), " ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "div", 57)(2, "span", 58);
+    i0.ɵɵelementStart(0, "div")(1, "div", 60)(2, "span", 61);
     i0.ɵɵtext(3, "View Details");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 59);
-    i0.ɵɵelement(5, "path", 60);
+    i0.ɵɵelementStart(4, "svg", 62);
+    i0.ɵɵelement(5, "path", 63);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -94691,14 +94751,14 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8
     i0.ɵɵconditional(focusArea_r7.canViewDetails ? 11 : -1);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29)(1, "div", 61);
-    i0.ɵɵelement(2, "div", 62);
-    i0.ɵɵelementStart(3, "span", 63);
+    i0.ɵɵelementStart(0, "div", 29)(1, "div", 64);
+    i0.ɵɵelement(2, "div", 65);
+    i0.ɵɵelementStart(3, "span", 66);
     i0.ɵɵtext(4, "Not Interested");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "div", 62);
+    i0.ɵɵelement(5, "div", 65);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 64);
+    i0.ɵɵelementStart(6, "div", 67);
     i0.ɵɵrepeaterCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Template, 12, 11, "div", 28, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -94714,7 +94774,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Templ
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-search-modal", 65);
+    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.ɵɵelementEnd();
 } }
@@ -94896,6 +94956,13 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
         this.notInterestedFocusAreaCards = computed(() => {
             return this.focusAreaCards().filter(card => card.engagementStatus === FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST);
         }, ...(ngDevMode ? [{ debugName: "notInterestedFocusAreaCards" }] : []));
+        this.allInterestedFocusAreasGenerated = computed(() => {
+            const interestedCards = this.interestedFocusAreaCards();
+            if (interestedCards.length === 0) {
+                return false;
+            }
+            return interestedCards.every(card => card.selfContentStatus === AiDynamicContentStatusEnum.GENERATED);
+        }, ...(ngDevMode ? [{ debugName: "allInterestedFocusAreasGenerated" }] : []));
     }
     onScroll() {
         this.headerScrollService.handleScroll(this.embedded());
@@ -95044,7 +95111,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, "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, "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", 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) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -95113,7 +95180,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             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, 16, 14, "div", 28, _forTrack0);
+            i0.ɵɵrepeaterCreate(53, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template, 17, 14, "div", 28, _forTrack0);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(55, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Template, 9, 3, "div", 29);
             i0.ɵɵelementEnd()();
@@ -95186,7 +95253,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
           <symphiq-journey-progress-indicator
             [viewMode]="viewMode()"
             [currentStepId]="currentStepId()"
-            [showNextStepAction]="true"
+            [showNextStepAction]="forDemo() || allInterestedFocusAreasGenerated()"
             [forDemo]="forDemo()"
             [maxAccessibleStepId]="maxAccessibleStepId()"
             (nextStepClick)="nextStepClick.emit()"
@@ -95320,6 +95387,11 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                         {{ focusArea.itemStatus?.percentageComplete ?? 0 }}% complete
                       </div>
                     </div>
+                  } @else if (focusArea.selfContentStatus === null && focusArea.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST) {
+                    <div class="flex items-center gap-2 py-2">
+                      <div class="animate-spin w-4 h-4 border-2 border-amber-500/30 border-t-amber-500 rounded-full"></div>
+                      <span class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
+                    </div>
                   } @else if (focusArea.selfContentStatus === AiDynamicContentStatusEnum.GENERATED || focusArea.status !== 'pending') {
                     <div class="space-y-2">
                       <div class="flex items-center justify-between text-sm">
@@ -95442,7 +95514,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             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: 392 }); })();
+(() => { (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 }); })();
 
 function FocusAreaStatusCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "div", 9);