@eric-emg/symphiq-components 1.2.145 → 1.2.147

package/fesm2022/symphiq-components.mjs

@@ -56362,121 +56362,425 @@ class CollapsibleSectionGroupComponent {
     }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleSectionGroupComponent, { className: "CollapsibleSectionGroupComponent", filePath: "lib/components/business-analysis-dashboard/collapsible-section-group.component.ts", lineNumber: 100 }); })();
 
+function ContentGenerationProgressComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 26);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("left", ctx_r0.progressPercentage(), "%");
+    i0.ɵɵproperty("ngClass", ctx_r0.progressGlowClasses());
+} }
+class ContentGenerationProgressComponent {
+    constructor() {
+        this.itemStatus = input(...(ngDevMode ? [undefined, { debugName: "itemStatus" }] : []));
+        this.title = input('Generating Your Analysis', ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.subtitle = input('This will appear when ready. You can check back later as this will take a few minutes to complete.', ...(ngDevMode ? [{ debugName: "subtitle" }] : []));
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.showIcon = input(true, ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
+        this.progressPercentage = computed(() => {
+            const status = this.itemStatus();
+            if (!status?.percentageComplete)
+                return 0;
+            return Math.min(100, Math.max(0, status.percentageComplete));
+        }, ...(ngDevMode ? [{ debugName: "progressPercentage" }] : []));
+        this.progressMessage = computed(() => {
+            const status = this.itemStatus();
+            return status?.message || 'Initializing';
+        }, ...(ngDevMode ? [{ debugName: "progressMessage" }] : []));
+        this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
+        this.containerClasses = computed(() => {
+            return this.isLightMode()
+                ? 'bg-gradient-to-br from-slate-50 to-white'
+                : 'bg-gradient-to-br from-slate-900 to-slate-800';
+        }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
+        this.iconContainerClasses = computed(() => {
+            if (this.isLightMode()) {
+                return 'bg-gradient-to-br from-blue-500 to-purple-500 text-white shadow-lg shadow-blue-500/30';
+            }
+            return 'bg-gradient-to-br from-blue-400 to-purple-400 text-white shadow-lg shadow-blue-400/30';
+        }, ...(ngDevMode ? [{ debugName: "iconContainerClasses" }] : []));
+        this.titleClasses = computed(() => {
+            if (this.isLightMode()) {
+                return 'bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 bg-clip-text text-transparent';
+            }
+            return 'bg-gradient-to-r from-blue-400 via-purple-400 to-blue-400 bg-clip-text text-transparent';
+        }, ...(ngDevMode ? [{ debugName: "titleClasses" }] : []));
+        this.subtitleClasses = computed(() => {
+            return this.isLightMode()
+                ? 'text-slate-600'
+                : 'text-slate-400';
+        }, ...(ngDevMode ? [{ debugName: "subtitleClasses" }] : []));
+        this.progressMessageClasses = computed(() => {
+            return this.isLightMode()
+                ? 'text-slate-700'
+                : 'text-slate-300';
+        }, ...(ngDevMode ? [{ debugName: "progressMessageClasses" }] : []));
+        this.progressBarContainerClasses = computed(() => {
+            return 'w-full';
+        }, ...(ngDevMode ? [{ debugName: "progressBarContainerClasses" }] : []));
+        this.progressBarBackgroundClasses = computed(() => {
+            return this.isLightMode()
+                ? 'bg-slate-200'
+                : 'bg-slate-700';
+        }, ...(ngDevMode ? [{ debugName: "progressBarBackgroundClasses" }] : []));
+        this.progressBarFillClasses = computed(() => {
+            if (this.isLightMode()) {
+                return 'bg-gradient-to-r from-blue-500 via-cyan-500 to-blue-600 shadow-lg shadow-blue-500/40';
+            }
+            return 'bg-gradient-to-r from-blue-400 via-cyan-400 to-blue-500 shadow-lg shadow-blue-400/40';
+        }, ...(ngDevMode ? [{ debugName: "progressBarFillClasses" }] : []));
+        this.dotClasses = computed(() => {
+            return this.isLightMode()
+                ? 'bg-blue-400 shadow-lg shadow-blue-400/60'
+                : 'bg-cyan-300 shadow-lg shadow-cyan-300/60';
+        }, ...(ngDevMode ? [{ debugName: "dotClasses" }] : []));
+        this.progressGlowClasses = computed(() => {
+            return this.isLightMode()
+                ? 'bg-blue-400 shadow-xl'
+                : 'bg-cyan-300 shadow-xl';
+        }, ...(ngDevMode ? [{ debugName: "progressGlowClasses" }] : []));
+        this.percentageClasses = computed(() => {
+            return this.isLightMode()
+                ? 'text-slate-600'
+                : 'text-slate-400';
+        }, ...(ngDevMode ? [{ debugName: "percentageClasses" }] : []));
+    }
+    static { this.ɵfac = function ContentGenerationProgressComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContentGenerationProgressComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContentGenerationProgressComponent, selectors: [["symphiq-content-generation-progress"]], inputs: { itemStatus: [1, "itemStatus"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], showIcon: [1, "showIcon"] }, decls: 31, vars: 21, consts: [[1, "flex-1", "flex", "items-center", "justify-center", "px-4", "py-12", 3, "ngClass"], [1, "max-w-3xl", "w-full", "space-y-8"], [1, "text-center", "space-y-3"], [1, "flex", "items-center", "justify-center", "mb-4"], [1, "relative", "w-20", "h-20", "rounded-2xl", "flex", "items-center", "justify-center", "icon-pulse", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-10", "h-10"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "absolute", "inset-0", "rounded-2xl", "icon-glow"], [1, "text-3xl", "sm:text-4xl", "font-bold", 3, "ngClass"], [1, "text-base", "sm:text-lg", "max-w-2xl", "mx-auto", 3, "ngClass"], [1, "space-y-4"], [1, "text-center"], [1, "text-lg", "sm:text-xl", "font-medium", "message-fade", 3, "ngClass"], [1, "relative", "h-3", "rounded-full", "overflow-visible", 3, "ngClass"], [1, "absolute", "inset-0", "rounded-full", 3, "ngClass"], [1, "absolute", "inset-y-0", "left-0", "rounded-full", "transition-all", "duration-700", "ease-out", "overflow-hidden", 3, "ngClass"], [1, "absolute", "inset-0", "shimmer-effect"], [1, "absolute", "inset-0", "overflow-hidden", "rounded-full"], [1, "dots-container", "h-full"], [1, "dot", "dot-1", 3, "ngClass"], [1, "dot", "dot-2", 3, "ngClass"], [1, "dot", "dot-3", 3, "ngClass"], [1, "dot", "dot-4", 3, "ngClass"], [1, "dot", "dot-5", 3, "ngClass"], [1, "absolute", "top-1/2", "-translate-y-1/2", "w-4", "h-4", "rounded-full", "blur-md", "transition-all", "duration-700", "ease-out", 2, "margin-left", "-8px", 3, "ngClass", "left"], [1, "text-sm", "font-medium", "tabular-nums", 3, "ngClass"], [1, "absolute", "top-1/2", "-translate-y-1/2", "w-4", "h-4", "rounded-full", "blur-md", "transition-all", "duration-700", "ease-out", 2, "margin-left", "-8px", 3, "ngClass"]], template: function ContentGenerationProgressComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(5, "svg", 5);
+            i0.ɵɵelement(6, "path", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelement(7, "div", 7);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(8, "h2", 8);
+            i0.ɵɵtext(9);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "p", 9);
+            i0.ɵɵtext(11);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(12, "div", 10)(13, "div", 11)(14, "p", 12);
+            i0.ɵɵtext(15);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(16, "div", 13);
+            i0.ɵɵelement(17, "div", 14);
+            i0.ɵɵelementStart(18, "div", 15);
+            i0.ɵɵelement(19, "div", 16);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(20, "div", 17)(21, "div", 18);
+            i0.ɵɵelement(22, "div", 19)(23, "div", 20)(24, "div", 21)(25, "div", 22)(26, "div", 23);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(27, ContentGenerationProgressComponent_Conditional_27_Template, 1, 3, "div", 24);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(28, "div", 11)(29, "span", 25);
+            i0.ɵɵtext(30);
+            i0.ɵɵelementEnd()()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.containerClasses());
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngClass", ctx.titleClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.title(), " ");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.subtitleClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.subtitle(), " ");
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngClass", ctx.progressMessageClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.progressMessage(), " ");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.progressBarContainerClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.progressBarBackgroundClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵstyleProp("width", ctx.progressPercentage(), "%");
+            i0.ɵɵproperty("ngClass", ctx.progressBarFillClasses());
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngClass", ctx.dotClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.dotClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.dotClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.dotClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.dotClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.progressPercentage() > 0 && ctx.progressPercentage() < 100 ? 27 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.percentageClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.progressPercentage(), "% complete ");
+        } }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes _ngcontent-%COMP%_icon-glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes _ngcontent-%COMP%_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes _ngcontent-%COMP%_dots-move{0%{transform:translate(-20px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(calc(100vw + 20px));opacity:0}}@keyframes _ngcontent-%COMP%_message-fade{0%,to{opacity:1}50%{opacity:.7}}.icon-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_icon-pulse 2s ease-in-out infinite}.icon-glow[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_icon-glow-pulse 2s ease-in-out infinite}.shimmer-effect[_ngcontent-%COMP%]{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:_ngcontent-%COMP%_shimmer 2s ease-in-out infinite}.message-fade[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_message-fade 3s ease-in-out infinite}.dots-container[_ngcontent-%COMP%]{position:relative;width:100%}.dot[_ngcontent-%COMP%]{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);animation:_ngcontent-%COMP%_dots-move 3s linear infinite}.dot-1[_ngcontent-%COMP%]{animation-delay:0s}.dot-2[_ngcontent-%COMP%]{animation-delay:.6s}.dot-3[_ngcontent-%COMP%]{animation-delay:1.2s}.dot-4[_ngcontent-%COMP%]{animation-delay:1.8s}.dot-5[_ngcontent-%COMP%]{animation-delay:2.4s}@media (prefers-reduced-motion: reduce){.icon-pulse[_ngcontent-%COMP%], .icon-glow[_ngcontent-%COMP%], .shimmer-effect[_ngcontent-%COMP%], .message-fade[_ngcontent-%COMP%], .dot[_ngcontent-%COMP%]{animation:none}}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContentGenerationProgressComponent, [{
+        type: Component,
+        args: [{ selector: 'symphiq-content-generation-progress', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div [ngClass]="containerClasses()" class="flex-1 flex items-center justify-center px-4 py-12">
+      <div class="max-w-3xl w-full space-y-8">
+        <!-- Title Section -->
+        <div class="text-center space-y-3">
+          <div class="flex items-center justify-center mb-4">
+            <div [ngClass]="iconContainerClasses()" class="relative w-20 h-20 rounded-2xl flex items-center justify-center icon-pulse">
+              <svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
+              </svg>
+              <div class="absolute inset-0 rounded-2xl icon-glow"></div>
+            </div>
+          </div>
+
+          <h2 [ngClass]="titleClasses()" class="text-3xl sm:text-4xl font-bold">
+            {{ title() }}
+          </h2>
+
+          <p [ngClass]="subtitleClasses()" class="text-base sm:text-lg max-w-2xl mx-auto">
+            {{ subtitle() }}
+          </p>
+        </div>
+
+        <!-- Progress Section -->
+        <div class="space-y-4">
+          <!-- Progress Message -->
+          <div class="text-center">
+            <p [ngClass]="progressMessageClasses()" class="text-lg sm:text-xl font-medium message-fade">
+              {{ progressMessage() }}
+            </p>
+          </div>
+
+          <!-- Progress Bar Container -->
+          <div [ngClass]="progressBarContainerClasses()" class="relative h-3 rounded-full overflow-visible">
+            <!-- Background Track -->
+            <div [ngClass]="progressBarBackgroundClasses()" class="absolute inset-0 rounded-full"></div>
+
+            <!-- Solid Fill with Gradient -->
+            <div
+              [ngClass]="progressBarFillClasses()"
+              [style.width.%]="progressPercentage()"
+              class="absolute inset-y-0 left-0 rounded-full transition-all duration-700 ease-out overflow-hidden">
+              <!-- Inner shimmer effect -->
+              <div class="absolute inset-0 shimmer-effect"></div>
+            </div>
+
+            <!-- Animated Dots Overlay (shows beyond the solid bar) -->
+            <div class="absolute inset-0 overflow-hidden rounded-full">
+              <div class="dots-container h-full">
+                <div [ngClass]="dotClasses()" class="dot dot-1"></div>
+                <div [ngClass]="dotClasses()" class="dot dot-2"></div>
+                <div [ngClass]="dotClasses()" class="dot dot-3"></div>
+                <div [ngClass]="dotClasses()" class="dot dot-4"></div>
+                <div [ngClass]="dotClasses()" class="dot dot-5"></div>
+              </div>
+            </div>
+
+            <!-- Glow effect at the progress edge -->
+            @if (progressPercentage() > 0 && progressPercentage() < 100) {
+              <div
+                [ngClass]="progressGlowClasses()"
+                [style.left.%]="progressPercentage()"
+                class="absolute top-1/2 -translate-y-1/2 w-4 h-4 rounded-full blur-md transition-all duration-700 ease-out"
+                style="margin-left: -8px;">
+              </div>
+            }
+          </div>
+
+          <!-- Progress Percentage -->
+          <div class="text-center">
+            <span [ngClass]="percentageClasses()" class="text-sm font-medium tabular-nums">
+              {{ progressPercentage() }}% complete
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  `, styles: ["@keyframes icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes icon-glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes dots-move{0%{transform:translate(-20px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(calc(100vw + 20px));opacity:0}}@keyframes message-fade{0%,to{opacity:1}50%{opacity:.7}}.icon-pulse{animation:icon-pulse 2s ease-in-out infinite}.icon-glow{animation:icon-glow-pulse 2s ease-in-out infinite}.shimmer-effect{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}.message-fade{animation:message-fade 3s ease-in-out infinite}.dots-container{position:relative;width:100%}.dot{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);animation:dots-move 3s linear infinite}.dot-1{animation-delay:0s}.dot-2{animation-delay:.6s}.dot-3{animation-delay:1.2s}.dot-4{animation-delay:1.8s}.dot-5{animation-delay:2.4s}@media (prefers-reduced-motion: reduce){.icon-pulse,.icon-glow,.shimmer-effect,.message-fade,.dot{animation:none}}\n"] }]
+    }], null, { itemStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatus", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContentGenerationProgressComponent, { className: "ContentGenerationProgressComponent", filePath: "lib/components/shared/content-generation-progress.component.ts", lineNumber: 214 }); })();
+
 const _c0$n = () => [];
-function SymphiqBusinessAnalysisDashboardComponent_Conditional_29_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 26);
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "symphiq-search-button", 19);
+    i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template_symphiq_search_button_searchClick_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openSearch()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "button", 20);
+    i0.ɵɵlistener("click", function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openViewModeSwitcher()); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(3, "svg", 21);
+    i0.ɵɵelement(4, "path", 22)(5, "path", 23);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(6, "span");
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("isLightMode", ctx_r1.isLightMode());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.getViewModeButtonClasses());
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.displayModeLabel());
+} }
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_22_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 24);
     i0.ɵɵtext(1, "\u203A");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 26);
+    i0.ɵɵelementStart(2, "span", 24);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("opacity-0", ctx_r0.subsectionTitleFading())("opacity-100", !ctx_r0.subsectionTitleFading());
-    i0.ɵɵproperty("ngClass", ctx_r0.isLightMode() ? "text-slate-400" : "text-slate-500");
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("opacity-0", ctx_r1.subsectionTitleFading())("opacity-100", !ctx_r1.subsectionTitleFading());
+    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-400" : "text-slate-500");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("opacity-0", ctx_r0.subsectionTitleFading())("opacity-100", !ctx_r0.subsectionTitleFading());
-    i0.ɵɵproperty("ngClass", ctx_r0.isLightMode() ? "text-slate-500" : "text-slate-500");
+    i0.ɵɵclassProp("opacity-0", ctx_r1.subsectionTitleFading())("opacity-100", !ctx_r1.subsectionTitleFading());
+    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-500" : "text-slate-500");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.currentSubsectionTitle(), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.currentSubsectionTitle(), " ");
 } }
-function SymphiqBusinessAnalysisDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17)(1, "span", 26);
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "span", 24);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SymphiqBusinessAnalysisDashboardComponent_Conditional_29_Conditional_3_Template, 4, 11);
+    i0.ɵɵconditionalCreate(3, SymphiqBusinessAnalysisDashboardComponent_Conditional_22_Conditional_3_Template, 4, 11);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("opacity-0", ctx_r0.sectionTitleFading())("opacity-100", !ctx_r0.sectionTitleFading());
-    i0.ɵɵproperty("ngClass", ctx_r0.isLightMode() ? "text-slate-600 font-medium" : "text-slate-400 font-medium");
+    i0.ɵɵclassProp("opacity-0", ctx_r1.sectionTitleFading())("opacity-100", !ctx_r1.sectionTitleFading());
+    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600 font-medium" : "text-slate-400 font-medium");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.currentSectionTitle(), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.currentSectionTitle(), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.currentSubsectionTitle() ? 3 : -1);
+    i0.ɵɵconditional(ctx_r1.currentSubsectionTitle() ? 3 : -1);
 } }
-function SymphiqBusinessAnalysisDashboardComponent_Conditional_36_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 32);
-    i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_36_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_36_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.nextStepClick.emit()); });
+    i0.ɵɵelementStart(0, "symphiq-search-button", 25);
+    i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_23_Template_symphiq_search_button_searchClick_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openSearch()); });
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "button", 26);
+    i0.ɵɵlistener("click", function SymphiqBusinessAnalysisDashboardComponent_Conditional_23_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openViewModeSwitcher()); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(2, "svg", 21);
+    i0.ɵɵelement(3, "path", 22)(4, "path", 23);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("currentStepId", ctx_r0.JourneyStepIdEnum.BUSINESS_ANALYSIS)("showNextStepAction", ctx_r0.showNextStepAction())("forDemo", ctx_r0.forDemo())("maxAccessibleStepId", ctx_r0.maxAccessibleStepId());
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("isLightMode", ctx_r1.isLightMode())("minimized", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.getViewModeButtonClasses());
 } }
-function SymphiqBusinessAnalysisDashboardComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_36_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 27);
-    i0.ɵɵelementStart(1, "div", 6)(2, "div", 28);
-    i0.ɵɵelement(3, "symphiq-welcome-banner", 29);
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 29);
+    i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 28)(5, "symphiq-recommendations-tiled-grid", 30);
-    i0.ɵɵlistener("viewMoreClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_36_Template_symphiq_recommendations_tiled_grid_viewMoreClick_5_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openRecommendationDetailsModal($event)); });
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.JourneyStepIdEnum.BUSINESS_ANALYSIS)("showNextStepAction", false)("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
+} }
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 27);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress", 28);
+} if (rf & 2) {
+    let tmp_3_0;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(!ctx_r1.isOnboarded() ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("title", "We are generating a new Business Analysis for " + (((tmp_3_0 = ctx_r1.currentProfile()) == null ? null : tmp_3_0.profileStructured == null ? null : tmp_3_0.profileStructured.businessName) || "your business") + ".")("subtitle", "It will appear here when ready. You can check back later as this will take a few minutes to complete.");
+} }
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 29);
+    i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.JourneyStepIdEnum.BUSINESS_ANALYSIS)("showNextStepAction", ctx_r1.showNextStepAction())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
+} }
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 27);
+    i0.ɵɵelementStart(1, "div", 6)(2, "div", 30);
+    i0.ɵɵelement(3, "symphiq-welcome-banner", 31);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 30)(5, "symphiq-recommendations-tiled-grid", 32);
+    i0.ɵɵlistener("viewMoreClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Template_symphiq_recommendations_tiled_grid_viewMoreClick_5_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openRecommendationDetailsModal($event)); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "div");
-    i0.ɵɵelement(7, "symphiq-collapsible-section-group", 31);
+    i0.ɵɵelement(7, "symphiq-collapsible-section-group", 33);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_3_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(!ctx_r0.isOnboarded() ? 0 : -1);
+    let tmp_4_0;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(!ctx_r1.isOnboarded() ? 0 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("businessName", ((tmp_3_0 = ctx_r0.currentProfile()) == null ? null : tmp_3_0.profileStructured == null ? null : tmp_3_0.profileStructured.businessName) || "your business")("isOnboarded", ctx_r0.isOnboarded());
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("businessName", ((tmp_4_0 = ctx_r1.currentProfile()) == null ? null : tmp_4_0.profileStructured == null ? null : tmp_4_0.profileStructured.businessName) || "your business")("isOnboarded", ctx_r1.isOnboarded());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("recommendations", ctx_r0.recommendationItems())("viewMode", ctx_r0.viewMode());
+    i0.ɵɵproperty("recommendations", ctx_r1.recommendationItems())("viewMode", ctx_r1.viewMode());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("sections", ctx_r0.nonRecommendationSections())("viewMode", ctx_r0.viewMode());
+    i0.ɵɵproperty("sections", ctx_r1.nonRecommendationSections())("viewMode", ctx_r1.viewMode());
 } }
-function SymphiqBusinessAnalysisDashboardComponent_Conditional_37_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 34);
-    i0.ɵɵelement(1, "symphiq-section-divider", 35);
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_1_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵelement(1, "symphiq-section-divider", 36);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_99_r4 = i0.ɵɵnextContext().$index;
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ɵ$index_108_r7 = i0.ɵɵnextContext().$index;
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("subsections", ctx_r0.sections()[ɵ$index_99_r4 + 1].subsections || i0.ɵɵpureFunction0(2, _c0$n));
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("subsections", ctx_r1.sections()[ɵ$index_108_r7 + 1].subsections || i0.ɵɵpureFunction0(2, _c0$n));
 } }
-function SymphiqBusinessAnalysisDashboardComponent_Conditional_37_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-profile-section", 33);
-    i0.ɵɵconditionalCreate(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_37_For_1_Conditional_1_Template, 2, 3, "div", 34);
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-profile-section", 34);
+    i0.ɵɵconditionalCreate(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_1_For_1_Conditional_1_Template, 2, 3, "div", 35);
 } if (rf & 2) {
-    const section_r5 = ctx.$implicit;
-    const ɵ$index_99_r4 = ctx.$index;
-    const ɵ$count_99_r6 = ctx.$count;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("section", section_r5)("viewMode", ctx_r0.viewMode())("forceExpanded", !ctx_r0.isCompactView());
+    const section_r8 = ctx.$implicit;
+    const ɵ$index_108_r7 = ctx.$index;
+    const ɵ$count_108_r9 = ctx.$count;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("section", section_r8)("viewMode", ctx_r1.viewMode())("forceExpanded", !ctx_r1.isCompactView());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ɵ$index_99_r4 === ɵ$count_99_r6 - 1) ? 1 : -1);
+    i0.ɵɵconditional(!(ɵ$index_108_r7 === ɵ$count_108_r9 - 1) ? 1 : -1);
 } }
-function SymphiqBusinessAnalysisDashboardComponent_Conditional_37_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_37_For_1_Template, 2, 4, null, null, i0.ɵɵcomponentInstance().trackBySectionId, true);
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_1_For_1_Template, 2, 4, null, null, i0.ɵɵcomponentInstance().trackBySectionId, true);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵrepeater(ctx_r0.sections());
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵrepeater(ctx_r1.sections());
 } }
-function SymphiqBusinessAnalysisDashboardComponent_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-navigation", 21);
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Template, 8, 8)(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_1_Template, 2, 0);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("sections", ctx_r0.sections())("viewMode", ctx_r0.viewMode())("embedded", ctx_r0.embedded())("scrollElement", ctx_r0.scrollElement() ?? undefined);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r1.isSimplifiedView() ? 0 : 1);
 } }
-function SymphiqBusinessAnalysisDashboardComponent_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-floating-toc", 21);
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-section-navigation", 14);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("sections", ctx_r0.sections())("viewMode", ctx_r0.viewMode())("embedded", ctx_r0.embedded())("scrollElement", ctx_r0.scrollElement() ?? undefined);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("sections", ctx_r1.sections())("viewMode", ctx_r1.viewMode())("embedded", ctx_r1.embedded())("scrollElement", ctx_r1.scrollElement() ?? undefined);
+} }
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-floating-toc", 14);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("sections", ctx_r1.sections())("viewMode", ctx_r1.viewMode())("embedded", ctx_r1.embedded())("scrollElement", ctx_r1.scrollElement() ?? undefined);
 } }
-function SymphiqBusinessAnalysisDashboardComponent_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+function SymphiqBusinessAnalysisDashboardComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0);
     i0.ɵɵelement(1, "div", 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.getLoadingOverlayClasses());
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.getLoadingOverlayClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.getSpinnerClasses());
+    i0.ɵɵproperty("ngClass", ctx_r1.getSpinnerClasses());
 } }
 class SymphiqBusinessAnalysisDashboardComponent {
     sectionHasContent(section) {
@@ -56506,7 +56810,12 @@ class SymphiqBusinessAnalysisDashboardComponent {
         this.stepClick = output();
         this.nextStepClick = output();
         this.JourneyStepIdEnum = JourneyStepIdEnum;
+        this.AiDynamicContentStatusEnum = AiDynamicContentStatusEnum;
         this.showNextStepAction = computed(() => this.profile()?.selfContentStatus === AiDynamicContentStatusEnum.GENERATED, ...(ngDevMode ? [{ debugName: "showNextStepAction" }] : []));
+        this.isContentGenerating = computed(() => {
+            const status = this.profile()?.selfContentStatus;
+            return status === AiDynamicContentStatusEnum.REQUESTED || status === AiDynamicContentStatusEnum.GENERATING;
+        }, ...(ngDevMode ? [{ debugName: "isContentGenerating" }] : []));
         this.headerScrollService = inject(HeaderScrollService);
         this.lookupService = inject(ProfileItemLookupService);
         this.navigationService = inject(NavigationStateService);
@@ -56899,7 +57208,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
     }
     getContainerClasses() {
         const positioning = this.embedded() ? '' : 'relative';
-        return `${positioning} min-h-screen`.trim();
+        return `${positioning} min-h-screen flex flex-col`.trim();
     }
     getBackgroundClasses() {
         const positioning = this.embedded() ? 'absolute' : 'fixed';
@@ -56962,7 +57271,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
     static { this.ɵfac = function SymphiqBusinessAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqBusinessAnalysisDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqBusinessAnalysisDashboardComponent, selectors: [["symphiq-business-analysis-dashboard"]], hostBindings: function SymphiqBusinessAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqBusinessAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow)("keydown", function SymphiqBusinessAnalysisDashboardComponent_keydown_HostBindingHandler($event) { return ctx.handleKeyDown($event); }, i0.ɵɵresolveDocument);
-        } }, inputs: { embedded: [1, "embedded"], profile: [1, "profile"], parentHeaderOffset: [1, "parentHeaderOffset"], requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 46, vars: 63, consts: [[3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-2"], [3, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [1, "flex", "items-center", "gap-4"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], [1, "relative"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "viewMode", "embedded"], [3, "viewInContextRequested", "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-8"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMoreClick", "recommendations", "viewMode"], [3, "sections", "viewMode"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "section", "viewMode", "forceExpanded"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8"], [3, "viewMode", "subsections"]], template: function SymphiqBusinessAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { embedded: [1, "embedded"], profile: [1, "profile"], parentHeaderOffset: [1, "parentHeaderOffset"], requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 35, vars: 59, consts: [[3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]", "flex-1", "flex", "flex-col"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-2"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [1, "flex", "items-center", "gap-4"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [1, "relative", "flex-1", "flex", "flex-col"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "viewMode", "embedded"], [3, "viewInContextRequested", "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-8"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMoreClick", "recommendations", "viewMode"], [3, "sections", "viewMode"], [3, "section", "viewMode", "forceExpanded"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8"], [3, "viewMode", "subsections"]], template: function SymphiqBusinessAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div");
             i0.ɵɵelement(2, "div", 1);
             i0.ɵɵelementEnd();
@@ -56973,54 +57282,37 @@ class SymphiqBusinessAnalysisDashboardComponent {
             i0.ɵɵelementStart(12, "p", 0);
             i0.ɵɵtext(13, " Business Profile & Analysis ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(14, "div", 8)(15, "symphiq-search-button", 9);
-            i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_button_searchClick_15_listener() { return ctx.openSearch(); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "button", 10);
-            i0.ɵɵlistener("click", function SymphiqBusinessAnalysisDashboardComponent_Template_button_click_16_listener() { return ctx.openViewModeSwitcher(); });
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(17, "svg", 11);
-            i0.ɵɵelement(18, "path", 12)(19, "path", 13);
-            i0.ɵɵelementEnd();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(20, "span");
-            i0.ɵɵtext(21);
-            i0.ɵɵelementEnd()()()()()();
-            i0.ɵɵelementStart(22, "div", 5)(23, "div", 14)(24, "div", 7)(25, "div", 15)(26, "h1", 0);
-            i0.ɵɵtext(27);
+            i0.ɵɵconditionalCreate(14, SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template, 8, 3, "div", 8);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(15, "div", 5)(16, "div", 9)(17, "div", 7)(18, "div", 10)(19, "h1", 0);
+            i0.ɵɵtext(20);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(28, "div", 16);
-            i0.ɵɵconditionalCreate(29, SymphiqBusinessAnalysisDashboardComponent_Conditional_29_Template, 4, 7, "div", 17);
-            i0.ɵɵelementStart(30, "symphiq-search-button", 18);
-            i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_button_searchClick_30_listener() { return ctx.openSearch(); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(31, "button", 19);
-            i0.ɵɵlistener("click", function SymphiqBusinessAnalysisDashboardComponent_Template_button_click_31_listener() { return ctx.openViewModeSwitcher(); });
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(32, "svg", 11);
-            i0.ɵɵelement(33, "path", 12)(34, "path", 13);
-            i0.ɵɵelementEnd()()()()()()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(35, "main", 20);
-            i0.ɵɵconditionalCreate(36, SymphiqBusinessAnalysisDashboardComponent_Conditional_36_Template, 8, 8)(37, SymphiqBusinessAnalysisDashboardComponent_Conditional_37_Template, 2, 0);
+            i0.ɵɵelementStart(21, "div", 11);
+            i0.ɵɵconditionalCreate(22, SymphiqBusinessAnalysisDashboardComponent_Conditional_22_Template, 4, 7, "div", 12);
+            i0.ɵɵconditionalCreate(23, SymphiqBusinessAnalysisDashboardComponent_Conditional_23_Template, 5, 3);
+            i0.ɵɵelementEnd()()()()();
+            i0.ɵɵelementStart(24, "main", 13);
+            i0.ɵɵconditionalCreate(25, SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Template, 2, 4)(26, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Template, 2, 1);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(38, SymphiqBusinessAnalysisDashboardComponent_Conditional_38_Template, 1, 4, "symphiq-section-navigation", 21);
-            i0.ɵɵconditionalCreate(39, SymphiqBusinessAnalysisDashboardComponent_Conditional_39_Template, 1, 4, "symphiq-floating-toc", 21);
-            i0.ɵɵelement(40, "symphiq-floating-back-button", 22);
+            i0.ɵɵconditionalCreate(27, SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Template, 1, 4, "symphiq-section-navigation", 14);
+            i0.ɵɵconditionalCreate(28, SymphiqBusinessAnalysisDashboardComponent_Conditional_28_Template, 1, 4, "symphiq-floating-toc", 14);
+            i0.ɵɵelement(29, "symphiq-floating-back-button", 15);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(41, SymphiqBusinessAnalysisDashboardComponent_Conditional_41_Template, 2, 2, "div", 0);
-            i0.ɵɵelement(42, "symphiq-tooltip-container");
-            i0.ɵɵelementStart(43, "symphiq-business-analysis-modal", 23);
-            i0.ɵɵlistener("viewInContextRequested", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_business_analysis_modal_viewInContextRequested_43_listener($event) { return ctx.handleViewInContext($event); });
+            i0.ɵɵconditionalCreate(30, SymphiqBusinessAnalysisDashboardComponent_Conditional_30_Template, 2, 2, "div", 0);
+            i0.ɵɵelement(31, "symphiq-tooltip-container");
+            i0.ɵɵelementStart(32, "symphiq-business-analysis-modal", 16);
+            i0.ɵɵlistener("viewInContextRequested", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_business_analysis_modal_viewInContextRequested_32_listener($event) { return ctx.handleViewInContext($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(44, "symphiq-search-modal", 24);
-            i0.ɵɵlistener("searchChange", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_searchChange_44_listener($event) { return ctx.onSearchChange($event); })("resultSelected", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_resultSelected_44_listener($event) { return ctx.onSearchResultSelected($event); })("close", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_close_44_listener() { return ctx.closeSearch(); });
+            i0.ɵɵelementStart(33, "symphiq-search-modal", 17);
+            i0.ɵɵlistener("searchChange", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_searchChange_33_listener($event) { return ctx.onSearchChange($event); })("resultSelected", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_resultSelected_33_listener($event) { return ctx.onSearchResultSelected($event); })("close", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_close_33_listener() { return ctx.closeSearch(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(45, "symphiq-view-mode-switcher-modal", 25);
-            i0.ɵɵlistener("close", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_close_45_listener() { return ctx.closeViewModeSwitcher(); })("modeSelected", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_modeSelected_45_listener($event) { return ctx.handleDisplayModeChange($event); });
+            i0.ɵɵelementStart(34, "symphiq-view-mode-switcher-modal", 18);
+            i0.ɵɵlistener("close", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_close_34_listener() { return ctx.closeViewModeSwitcher(); })("modeSelected", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_modeSelected_34_listener($event) { return ctx.handleDisplayModeChange($event); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             let tmp_13_0;
+            let tmp_15_0;
+            let tmp_23_0;
             let tmp_25_0;
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
             i0.ɵɵadvance();
@@ -57042,12 +57334,8 @@ class SymphiqBusinessAnalysisDashboardComponent {
             i0.ɵɵtextInterpolate1(" ", ((tmp_13_0 = ctx.currentProfile()) == null ? null : tmp_13_0.profileStructured == null ? null : tmp_13_0.profileStructured.businessName) || "Business Analysis", " ");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.getSubtitleClasses());
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("isLightMode", ctx.isLightMode());
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.getViewModeButtonClasses());
-            i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate(ctx.displayModeLabel());
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(((tmp_15_0 = ctx.profile()) == null ? null : tmp_15_0.selfContentStatus) === ctx.AiDynamicContentStatusEnum.GENERATED ? 14 : -1);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("max-h-0", !ctx.headerScrollService.isScrolled())("opacity-0", !ctx.headerScrollService.isScrolled())("max-h-20", ctx.headerScrollService.isScrolled())("opacity-100", ctx.headerScrollService.isScrolled());
             i0.ɵɵadvance();
@@ -57055,34 +57343,32 @@ class SymphiqBusinessAnalysisDashboardComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "text-xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent truncate" : "text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent truncate");
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", ((tmp_25_0 = ctx.currentProfile()) == null ? null : tmp_25_0.profileStructured == null ? null : tmp_25_0.profileStructured.businessName) || "Business Analysis", " ");
+            i0.ɵɵtextInterpolate1(" ", ((tmp_23_0 = ctx.currentProfile()) == null ? null : tmp_23_0.profileStructured == null ? null : tmp_23_0.profileStructured.businessName) || "Business Analysis", " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(!ctx.isSimplifiedView() ? 29 : -1);
+            i0.ɵɵconditional(!ctx.isSimplifiedView() ? 22 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("isLightMode", ctx.isLightMode())("minimized", true);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.getViewModeButtonClasses());
-            i0.ɵɵadvance(5);
-            i0.ɵɵconditional(ctx.isSimplifiedView() ? 36 : 37);
+            i0.ɵɵconditional(((tmp_25_0 = ctx.profile()) == null ? null : tmp_25_0.selfContentStatus) === ctx.AiDynamicContentStatusEnum.GENERATED ? 23 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.isContentGenerating() ? 25 : 26);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(!ctx.isSimplifiedView() ? 38 : -1);
+            i0.ɵɵconditional(!ctx.isSimplifiedView() ? 27 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isSimplifiedView() ? 39 : -1);
+            i0.ɵɵconditional(!ctx.isSimplifiedView() ? 28 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode())("embedded", ctx.embedded());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isLoading() ? 41 : -1);
+            i0.ɵɵconditional(ctx.isLoading() ? 30 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("isLightMode", ctx.isLightMode());
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode())("isOpen", ctx.searchService.isSearchOpen())("searchQuery", ctx.searchService.getSearchQuery())("results", ctx.searchService.searchResults())("hasResults", ctx.searchService.hasResults())("selectedIndex", ctx.selectedSearchIndex())("placeholder", "Search sections, items, and analysis...");
             i0.ɵɵadvance();
             i0.ɵɵproperty("isOpen", ctx.isViewModeSwitcherOpen())("currentMode", ctx.displayMode())("viewMode", ctx.viewMode())("isLoading", ctx.isViewModeSwitching());
-        } }, dependencies: [CommonModule, i1$1.NgClass, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, SearchButtonComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent], styles: ["[_nghost-%COMP%]{display:block}@keyframes _ngcontent-%COMP%_spin{to{transform:rotate(360deg)}}@keyframes _ngcontent-%COMP%_pulse-highlight{0%,to{transform:scale(1);box-shadow:0 0 #3b82f6b3}50%{transform:scale(1.02);box-shadow:0 0 20px 8px #3b82f64d}}[_nghost-%COMP%]     .search-highlight-pulse{animation:_ngcontent-%COMP%_pulse-highlight 2s ease-in-out;border-color:#3b82f6!important}"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, SearchButtonComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent, ContentGenerationProgressComponent], styles: ["[_nghost-%COMP%]{display:block}@keyframes _ngcontent-%COMP%_spin{to{transform:rotate(360deg)}}@keyframes _ngcontent-%COMP%_pulse-highlight{0%,to{transform:scale(1);box-shadow:0 0 #3b82f6b3}50%{transform:scale(1.02);box-shadow:0 0 20px 8px #3b82f64d}}[_nghost-%COMP%]     .search-highlight-pulse{animation:_ngcontent-%COMP%_pulse-highlight 2s ease-in-out;border-color:#3b82f6!important}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqBusinessAnalysisDashboardComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-business-analysis-dashboard', standalone: true, imports: [CommonModule, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, SearchButtonComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        args: [{ selector: 'symphiq-business-analysis-dashboard', standalone: true, imports: [CommonModule, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, SearchButtonComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent, ContentGenerationProgressComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div [ngClass]="getContainerClasses()">
       <!-- Scroll Progress Bar (fixed at top) -->
       <div [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
@@ -57095,7 +57381,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
       
       <div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
       
-      <div class="relative z-[51]">
+      <div class="relative z-[51] flex-1 flex flex-col">
         <header [ngClass]="getHeaderClasses()" class="sticky top-0 z-50">
           <!-- Expanded Header (default state) -->
           <div
@@ -57117,23 +57403,25 @@ class SymphiqBusinessAnalysisDashboardComponent {
                     Business Profile & Analysis
                   </p>
                 </div>
-                <div class="flex items-center gap-2">
-                  <symphiq-search-button
-                    [isLightMode]="isLightMode()"
-                    (searchClick)="openSearch()"
-                  />
-                  <button
-                    type="button"
-                    (click)="openViewModeSwitcher()"
-                    [ngClass]="getViewModeButtonClasses()"
-                    class="cursor-pointer flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-medium transition-all duration-200 hover:scale-105">
-                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
-                    </svg>
-                    <span>{{ displayModeLabel() }}</span>
-                  </button>
-                </div>
+                @if (profile()?.selfContentStatus === AiDynamicContentStatusEnum.GENERATED) {
+                  <div class="flex items-center gap-2">
+                    <symphiq-search-button
+                      [isLightMode]="isLightMode()"
+                      (searchClick)="openSearch()"
+                    />
+                    <button
+                      type="button"
+                      (click)="openViewModeSwitcher()"
+                      [ngClass]="getViewModeButtonClasses()"
+                      class="cursor-pointer flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-medium transition-all duration-200 hover:scale-105">
+                      <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
+                      </svg>
+                      <span>{{ displayModeLabel() }}</span>
+                    </button>
+                  </div>
+                }
               </div>
             </div>
           </div>
@@ -57169,35 +57457,37 @@ class SymphiqBusinessAnalysisDashboardComponent {
                       }
                     </div>
                   }
-                  <symphiq-search-button
-                    [isLightMode]="isLightMode()"
-                    [minimized]="true"
-                    (searchClick)="openSearch()"
-                  />
-                  <button
-                    type="button"
-                    (click)="openViewModeSwitcher()"
-                    [ngClass]="getViewModeButtonClasses()"
-                    class="cursor-pointer flex items-center gap-2 px-2 py-1.5 rounded-lg text-xs font-medium transition-all duration-200 hover:scale-105">
-                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
-                    </svg>
-                  </button>
+                  @if (profile()?.selfContentStatus === AiDynamicContentStatusEnum.GENERATED) {
+                    <symphiq-search-button
+                      [isLightMode]="isLightMode()"
+                      [minimized]="true"
+                      (searchClick)="openSearch()"
+                    />
+                    <button
+                      type="button"
+                      (click)="openViewModeSwitcher()"
+                      [ngClass]="getViewModeButtonClasses()"
+                      class="cursor-pointer flex items-center gap-2 px-2 py-1.5 rounded-lg text-xs font-medium transition-all duration-200 hover:scale-105">
+                      <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
+                      </svg>
+                    </button>
+                  }
                 </div>
               </div>
             </div>
           </div>
         </header>
 
-        <main class="relative">
-          @if (isSimplifiedView()) {
-            <!-- Journey Progress Banner - Full Width Sticky (only show when not onboarded) -->
+        <main class="relative flex-1 flex flex-col">
+          @if (isContentGenerating()) {
+            <!-- Journey Progress Banner (always show when not onboarded) -->
             @if (!isOnboarded()) {
               <symphiq-journey-progress-indicator
                 [viewMode]="viewMode()"
                 [currentStepId]="JourneyStepIdEnum.BUSINESS_ANALYSIS"
-                [showNextStepAction]="showNextStepAction()"
+                [showNextStepAction]="false"
                 [forDemo]="forDemo()"
                 [maxAccessibleStepId]="maxAccessibleStepId()"
                 (stepClick)="stepClick.emit($event)"
@@ -57205,43 +57495,65 @@ class SymphiqBusinessAnalysisDashboardComponent {
               />
             }
 
-            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-              <div class="mb-8">
-                <symphiq-welcome-banner
+            <!-- Content Generation Progress Component -->
+            <symphiq-content-generation-progress
+              [viewMode]="viewMode()"
+              [title]="'We are generating a new Business Analysis for ' + (currentProfile()?.profileStructured?.businessName || 'your business') + '.'"
+              [subtitle]="'It will appear here when ready. You can check back later as this will take a few minutes to complete.'"
+            />
+          } @else {
+            @if (isSimplifiedView()) {
+              <!-- Journey Progress Banner - Full Width Sticky (only show when not onboarded) -->
+              @if (!isOnboarded()) {
+                <symphiq-journey-progress-indicator
                   [viewMode]="viewMode()"
-                  [businessName]="currentProfile()?.profileStructured?.businessName || 'your business'"
-                  [isOnboarded]="isOnboarded()"
+                  [currentStepId]="JourneyStepIdEnum.BUSINESS_ANALYSIS"
+                  [showNextStepAction]="showNextStepAction()"
+                  [forDemo]="forDemo()"
+                  [maxAccessibleStepId]="maxAccessibleStepId()"
+                  (stepClick)="stepClick.emit($event)"
+                  (nextStepClick)="nextStepClick.emit()"
                 />
-              </div>
+              }
 
-              <div class="mb-8">
-                <symphiq-recommendations-tiled-grid
-                  [recommendations]="recommendationItems()"
-                  [viewMode]="viewMode()"
-                  (viewMoreClick)="openRecommendationDetailsModal($event)"
-                />
-              </div>
+              <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+                <div class="mb-8">
+                  <symphiq-welcome-banner
+                    [viewMode]="viewMode()"
+                    [businessName]="currentProfile()?.profileStructured?.businessName || 'your business'"
+                    [isOnboarded]="isOnboarded()"
+                  />
+                </div>
 
-              <div>
-                <symphiq-collapsible-section-group
-                  [sections]="nonRecommendationSections()"
-                  [viewMode]="viewMode()"
-                />
-              </div>
-            </div>
-          } @else {
-            @for (section of sections(); track trackBySectionId($index, section); let idx = $index; let last = $last) {
-              <symphiq-profile-section
-                [section]="section"
-                [viewMode]="viewMode()"
-                [forceExpanded]="!isCompactView()"
-              />
-              @if (!last) {
-                <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-                  <symphiq-section-divider
+                <div class="mb-8">
+                  <symphiq-recommendations-tiled-grid
+                    [recommendations]="recommendationItems()"
                     [viewMode]="viewMode()"
-                    [subsections]="sections()[idx + 1].subsections || []" />
+                    (viewMoreClick)="openRecommendationDetailsModal($event)"
+                  />
                 </div>
+
+                <div>
+                  <symphiq-collapsible-section-group
+                    [sections]="nonRecommendationSections()"
+                    [viewMode]="viewMode()"
+                  />
+                </div>
+              </div>
+            } @else {
+              @for (section of sections(); track trackBySectionId($index, section); let idx = $index; let last = $last) {
+                <symphiq-profile-section
+                  [section]="section"
+                  [viewMode]="viewMode()"
+                  [forceExpanded]="!isCompactView()"
+                />
+                @if (!last) {
+                  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+                    <symphiq-section-divider
+                      [viewMode]="viewMode()"
+                      [subsections]="sections()[idx + 1].subsections || []" />
+                  </div>
+                }
               }
             }
           }
@@ -57312,7 +57624,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
             type: HostListener,
             args: ['document:keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 303 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 331 }); })();
 
 function DashboardHeaderComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 6);
@@ -103072,5 +103384,5 @@ const PROFILE_ANALYSIS_METRIC_SCREEN_PAGE_VIEWS = ({
  * Generated bundle index. Do not edit.
  */
 
-export { AreaChartComponent, BUSINESS_PROFILE, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfidenceLevelCardComponent, CrossDashboardRelationshipsService, FUNNEL_ANALYSIS, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PROFILE_ANALYSIS_FOCUS_AREA_AFFILIATE, PROFILE_ANALYSIS_METRIC_SCREEN_PAGE_VIEWS, PROFILE_ANALYSIS_SHOP, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisDashboardComponent, SymphiqWelcomeDashboardComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, ViewModeService, ViewportAnimationDirective, VisualizationContainerComponent, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, isLightMode };
+export { AreaChartComponent, BUSINESS_PROFILE, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, CrossDashboardRelationshipsService, FUNNEL_ANALYSIS, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PROFILE_ANALYSIS_FOCUS_AREA_AFFILIATE, PROFILE_ANALYSIS_METRIC_SCREEN_PAGE_VIEWS, PROFILE_ANALYSIS_SHOP, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisDashboardComponent, SymphiqWelcomeDashboardComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, ViewModeService, ViewportAnimationDirective, VisualizationContainerComponent, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, isLightMode };
 //# sourceMappingURL=symphiq-components.mjs.map