@eric-emg/symphiq-components 1.2.565 → 1.3.2

package/fesm2022/symphiq-components.mjs

@@ -3590,7 +3590,7 @@ class SkeletonLoaderComponent {
 
 class TooltipDirective {
     constructor() {
-        this.symphiqTooltip = input(undefined, ...(ngDevMode ? [{ debugName: "symphiqTooltip", alias: 'libSymphiqTooltip' }] : [{ alias: 'libSymphiqTooltip' }]));
+        this.symphiqTooltip = input(undefined, { ...(ngDevMode ? { debugName: "symphiqTooltip" } : {}), alias: 'libSymphiqTooltip' });
         this.tooltipType = input('text', ...(ngDevMode ? [{ debugName: "tooltipType" }] : []));
         this.tooltipPosition = input('top', ...(ngDevMode ? [{ debugName: "tooltipPosition" }] : []));
         this.tooltipDelay = input(300, ...(ngDevMode ? [{ debugName: "tooltipDelay" }] : []));
@@ -3730,11 +3730,11 @@ class CurrentDataIndicatorComponent {
         } if (rf & 2) {
             i0.ɵɵclassMap(ctx.indicatorClass());
             i0.ɵɵproperty("libSymphiqTooltip", ctx.tooltipText())("tooltipPosition", ctx.tooltipPosition());
-        } }, dependencies: [CommonModule, TooltipDirective], styles: ["[_nghost-%COMP%]{display:inline-block}"], changeDetection: 0 }); }
+        } }, dependencies: [TooltipDirective], styles: ["[_nghost-%COMP%]{display:inline-block}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CurrentDataIndicatorComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-current-data-indicator', standalone: true, imports: [CommonModule, TooltipDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        args: [{ selector: 'symphiq-current-data-indicator', standalone: true, imports: [TooltipDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <span
       [class]="indicatorClass()"
       [libSymphiqTooltip]="tooltipText()"
@@ -13060,14 +13060,14 @@ class SymphiqIconComponent {
         } if (rf & 2) {
             i0.ɵɵclassMap(ctx.containerClass());
             i0.ɵɵdomProperty("innerHTML", ctx.iconHtml(), i0.ɵɵsanitizeHtml);
-        } }, dependencies: [CommonModule], encapsulation: 2, changeDetection: 0 }); }
+        } }, encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqIconComponent, [{
         type: Component,
         args: [{
                 selector: 'symphiq-icon',
                 standalone: true,
-                imports: [CommonModule],
+                imports: [],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <div [innerHTML]="iconHtml()" [class]="containerClass()"></div>
@@ -22679,7 +22679,7 @@ class SearchBarComponent {
 
 class SearchHighlightDirective {
     constructor() {
-        this.symphiqSearchHighlight = input(null, ...(ngDevMode ? [{ debugName: "symphiqSearchHighlight", alias: 'libSymphiqSearchHighlight' }] : [{ alias: 'libSymphiqSearchHighlight' }]));
+        this.symphiqSearchHighlight = input(null, { ...(ngDevMode ? { debugName: "symphiqSearchHighlight" } : {}), alias: 'libSymphiqSearchHighlight' });
         this.highlightId = input('', ...(ngDevMode ? [{ debugName: "highlightId" }] : []));
         this.el = inject(ElementRef);
         this.renderer = inject(Renderer2);
@@ -23620,8 +23620,7 @@ class CompetitiveIntelligenceViewComponent {
             i0.ɵɵclassMap(ctx.isCompactMode() ? "mt-8" : "mt-16");
             i0.ɵɵadvance();
             i0.ɵɵproperty("metrics", ctx.metrics())("allCharts", ctx.allCharts())("isLightMode", ctx.isLightMode())("isCompactMode", ctx.isCompactMode())("currencySymbol", ctx.currencySymbol());
-        } }, dependencies: [CommonModule,
-            CompetitiveScorecardComponent,
+        } }, dependencies: [CompetitiveScorecardComponent,
             IndustryContextPanelComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompetitiveIntelligenceViewComponent, [{
@@ -23631,7 +23630,6 @@ class CompetitiveIntelligenceViewComponent {
                 standalone: true,
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 imports: [
-                    CommonModule,
                     CompetitiveScorecardComponent,
                     IndustryContextPanelComponent
                 ],
@@ -23656,7 +23654,7 @@ class CompetitiveIntelligenceViewComponent {
   `
             }]
     }], null, { metrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "metrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], isCompactMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompactMode", required: false }] }], competitiveBenchmark: [{ type: i0.Input, args: [{ isSignal: true, alias: "competitiveBenchmark", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveIntelligenceViewComponent, { className: "CompetitiveIntelligenceViewComponent", filePath: "lib/components/funnel-analysis-dashboard/competitive-intelligence/competitive-intelligence-view.component.ts", lineNumber: 36 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveIntelligenceViewComponent, { className: "CompetitiveIntelligenceViewComponent", filePath: "lib/components/funnel-analysis-dashboard/competitive-intelligence/competitive-intelligence-view.component.ts", lineNumber: 35 }); })();
 
 function SectionDividerComponent_For_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 6)(1, "div", 7);
@@ -25846,7 +25844,7 @@ 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}}@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 }); }
+        } }, 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,
@@ -25923,7 +25921,7 @@ class ConfidenceLevelCardComponent {
         </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"] }]
+  `, 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 }); })();
 
@@ -40786,14 +40784,14 @@ class SkeletonCustomerSegmentCardComponent {
             i0.ɵɵproperty("viewMode", ctx.viewMode());
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode());
-        } }, dependencies: [CommonModule, SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeletonCustomerSegmentCardComponent, [{
         type: Component,
         args: [{
                 selector: 'symphiq-skeleton-customer-segment-card',
                 standalone: true,
-                imports: [CommonModule, SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent],
+                imports: [SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <symphiq-skeleton-card-base [viewMode]="viewMode()">
@@ -40887,14 +40885,14 @@ class SkeletonProductCategoryCardComponent {
             i0.ɵɵproperty("viewMode", ctx.viewMode());
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode());
-        } }, dependencies: [CommonModule, SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeletonProductCategoryCardComponent, [{
         type: Component,
         args: [{
                 selector: 'symphiq-skeleton-product-category-card',
                 standalone: true,
-                imports: [CommonModule, SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent],
+                imports: [SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <symphiq-skeleton-card-base [viewMode]="viewMode()">
@@ -40972,14 +40970,14 @@ class SkeletonGenericCardComponent {
             i0.ɵɵproperty("viewMode", ctx.viewMode());
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode());
-        } }, dependencies: [CommonModule, SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeletonGenericCardComponent, [{
         type: Component,
         args: [{
                 selector: 'symphiq-skeleton-generic-card',
                 standalone: true,
-                imports: [CommonModule, SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent],
+                imports: [SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <symphiq-skeleton-card-base [viewMode]="viewMode()">
@@ -41055,14 +41053,14 @@ class SkeletonRegionCardComponent {
             i0.ɵɵproperty("viewMode", ctx.viewMode());
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode());
-        } }, dependencies: [CommonModule, SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeletonRegionCardComponent, [{
         type: Component,
         args: [{
                 selector: 'symphiq-skeleton-region-card',
                 standalone: true,
-                imports: [CommonModule, SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent],
+                imports: [SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <symphiq-skeleton-card-base [viewMode]="viewMode()">
@@ -41147,14 +41145,14 @@ class SkeletonSeasonCardComponent {
             i0.ɵɵproperty("viewMode", ctx.viewMode());
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode());
-        } }, dependencies: [CommonModule, SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeletonSeasonCardComponent, [{
         type: Component,
         args: [{
                 selector: 'symphiq-skeleton-season-card',
                 standalone: true,
-                imports: [CommonModule, SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent],
+                imports: [SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <symphiq-skeleton-card-base [viewMode]="viewMode()">
@@ -41248,14 +41246,14 @@ class SkeletonPriceTierCardComponent {
             i0.ɵɵproperty("viewMode", ctx.viewMode());
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode());
-        } }, dependencies: [CommonModule, SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeletonPriceTierCardComponent, [{
         type: Component,
         args: [{
                 selector: 'symphiq-skeleton-price-tier-card',
                 standalone: true,
-                imports: [CommonModule, SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent],
+                imports: [SkeletonCardBaseComponent, SkeletonBarComponent, SkeletonCircleComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <symphiq-skeleton-card-base [viewMode]="viewMode()">
@@ -44253,8 +44251,7 @@ class ProfileAnalysisModalComponent {
     }
     static { this.ɵfac = function ProfileAnalysisModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileAnalysisModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileAnalysisModalComponent, selectors: [["symphiq-profile-analysis-modal"]], viewQuery: function ProfileAnalysisModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$M, 5);
-            i0.ɵɵviewQuery(_c1$n, 5);
+            i0.ɵɵviewQuery(_c0$M, 5)(_c1$n, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
@@ -45890,8 +45887,7 @@ class BusinessAnalysisModalComponent {
     }
     static { this.ɵfac = function BusinessAnalysisModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BusinessAnalysisModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BusinessAnalysisModalComponent, selectors: [["symphiq-business-analysis-modal"]], viewQuery: function BusinessAnalysisModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$J, 5);
-            i0.ɵɵviewQuery(_c1$k, 5);
+            i0.ɵɵviewQuery(_c0$J, 5)(_c1$k, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
@@ -49566,14 +49562,13 @@ class SymphiqFunnelAnalysisDashboardComponent {
     }
     static { this.ɵfac = function SymphiqFunnelAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqFunnelAnalysisDashboardComponent)(i0.ɵɵdirectiveInject(FunnelOrderService), i0.ɵɵdirectiveInject(ViewModeService), i0.ɵɵdirectiveInject(SearchService), i0.ɵɵdirectiveInject(TooltipService), i0.ɵɵdirectiveInject(ProfileContextService), i0.ɵɵdirectiveInject(ProfileItemLookupService), i0.ɵɵdirectiveInject(HeaderScrollService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqFunnelAnalysisDashboardComponent, selectors: [["symphiq-funnel-analysis-dashboard"]], viewQuery: function SymphiqFunnelAnalysisDashboardComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(ModalComponent, 5);
-            i0.ɵɵviewQuery(_c0$H, 5);
+            i0.ɵɵviewQuery(ModalComponent, 5)(_c0$H, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalComponent = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardContainer = _t.first);
         } }, hostBindings: function SymphiqFunnelAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
+            i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
         } }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], businessProfile: [1, "businessProfile"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 27, vars: 57, consts: [["dashboardContainer", ""], [1, "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "hasCondensedLeftContent", "embedded", "scrollEvent"], ["expandedControls", ""], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], ["condensedLeftContent", ""], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], ["condensedControls", ""], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [3, "sections", "viewMode", "embedded", "scrollElement"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-4"], [1, "flex", "items-center", "justify-center", "min-h-[60vh]"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", 3, "pb-32"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts", "currencySymbol", "businessProfile"], [3, "isLightMode", "allMetrics"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "click", "libSymphiqTooltip", "tooltipPosition", "ngClass"], ["size", "large", 3, "viewMode"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], [1, "mb-8"], [3, "viewMode", "isOnboarded", "analysisDate"], ["id", "section-insights", 1, "mb-8"], [3, "viewMode"], ["slot", "overall-performance"], [1, "p-6"], ["slot", "performance-metrics"], [1, "p-6", "space-y-8"], ["slot", "performance-breakdowns"], ["slot", "competitive-intelligence"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "flex", "items-center", "gap-3"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "text-xs", "sm:text-sm"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode", "isLoading"], [3, "width", "height", "isLightMode"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [3, "scrollToSection", "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [1, "w-full"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "mt-4"], [3, "breakdown", "charts", "isLightMode", "isLoading", "isCompactMode", "currencySymbol"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode", "competitiveBenchmark", "currencySymbol"], ["id", "section-overall", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [1, "space-y-6"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], ["animationDelay", "0.15s", 3, "viewMode"], ["id", "section-insights", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "section-metrics", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "space-y-8", "sm:space-y-10", 3, "animate-content-change", "transition-opacity-slow"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "rounded-xl", "border", "p-6", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "grid", "grid-cols-2", "md:grid-cols-4", "gap-4", "mt-6"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mt-28", "sm:mt-36"], ["id", "section-breakdowns", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6", 3, "animate-content-change", "transition-opacity-slow"], ["animationDelay", "0.65s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [1, "space-y-3"], [1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", 3, "ngClass"], [3, "breakdown", "charts", "isLightMode", "isCompactMode", "currencySymbol"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["id", "section-competitive", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "hidden", "sm:block", "relative"], ["animationDelay", "0.85s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mt-6"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1, 0);
@@ -49676,7 +49671,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             IndeterminateSpinnerComponent,
             MarkAsReviewedFooterComponent,
             DashboardHeaderComponent,
-            ScrollProgressBarComponent], styles: ["[_nghost-%COMP%]{display:block;min-height:100%}.bg-gradient-radial[_ngcontent-%COMP%]{background:radial-gradient(circle,var(--tw-gradient-stops))}.bento-grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;grid-auto-flow:dense}@media (min-width: 768px){.bento-grid[_ngcontent-%COMP%]{grid-template-columns:repeat(6,1fr)}}.bento-small[_ngcontent-%COMP%]{grid-column:span 2;grid-row:span 1}.bento-medium[_ngcontent-%COMP%]{grid-column:span 3;grid-row:span 1}.bento-large[_ngcontent-%COMP%]{grid-column:span 4;grid-row:span 1}.bento-featured[_ngcontent-%COMP%]{grid-column:span 6;grid-row:span 1}@media (max-width: 767px){.bento-small[_ngcontent-%COMP%], .bento-medium[_ngcontent-%COMP%], .bento-large[_ngcontent-%COMP%], .bento-featured[_ngcontent-%COMP%]{grid-column:span 1}}.masonry-grid[_ngcontent-%COMP%]{column-count:1;column-gap:1.5rem}@media (min-width: 768px){.masonry-grid[_ngcontent-%COMP%]{column-count:2}}@media (min-width: 1280px){.masonry-grid[_ngcontent-%COMP%]{column-count:3}}.masonry-grid[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{break-inside:avoid;margin-bottom:1.5rem}.masonry-featured[_ngcontent-%COMP%]{column-span:all}.scrollbar-hide[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}@media (max-width: 640px){.animate-fade-in-up[_ngcontent-%COMP%]{animation-duration:.4s}}"], changeDetection: 0 }); }
+            ScrollProgressBarComponent], styles: ["[_nghost-%COMP%]{display:block;min-height:100%}.bg-gradient-radial[_ngcontent-%COMP%]{background:radial-gradient(circle,var(--tw-gradient-stops))}.bento-grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;grid-auto-flow:dense}@media(min-width:768px){.bento-grid[_ngcontent-%COMP%]{grid-template-columns:repeat(6,1fr)}}.bento-small[_ngcontent-%COMP%]{grid-column:span 2;grid-row:span 1}.bento-medium[_ngcontent-%COMP%]{grid-column:span 3;grid-row:span 1}.bento-large[_ngcontent-%COMP%]{grid-column:span 4;grid-row:span 1}.bento-featured[_ngcontent-%COMP%]{grid-column:span 6;grid-row:span 1}@media(max-width:767px){.bento-small[_ngcontent-%COMP%], .bento-medium[_ngcontent-%COMP%], .bento-large[_ngcontent-%COMP%], .bento-featured[_ngcontent-%COMP%]{grid-column:span 1}}.masonry-grid[_ngcontent-%COMP%]{column-count:1;column-gap:1.5rem}@media(min-width:768px){.masonry-grid[_ngcontent-%COMP%]{column-count:2}}@media(min-width:1280px){.masonry-grid[_ngcontent-%COMP%]{column-count:3}}.masonry-grid[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{break-inside:avoid;margin-bottom:1.5rem}.masonry-featured[_ngcontent-%COMP%]{column-span:all}.scrollbar-hide[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}@media(max-width:640px){.animate-fade-in-up[_ngcontent-%COMP%]{animation-duration:.4s}}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqFunnelAnalysisDashboardComponent, [{
         type: Component,
@@ -50655,7 +50650,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
       />
 
     </div>
-  `, styles: [":host{display:block;min-height:100%}.bg-gradient-radial{background:radial-gradient(circle,var(--tw-gradient-stops))}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;grid-auto-flow:dense}@media (min-width: 768px){.bento-grid{grid-template-columns:repeat(6,1fr)}}.bento-small{grid-column:span 2;grid-row:span 1}.bento-medium{grid-column:span 3;grid-row:span 1}.bento-large{grid-column:span 4;grid-row:span 1}.bento-featured{grid-column:span 6;grid-row:span 1}@media (max-width: 767px){.bento-small,.bento-medium,.bento-large,.bento-featured{grid-column:span 1}}.masonry-grid{column-count:1;column-gap:1.5rem}@media (min-width: 768px){.masonry-grid{column-count:2}}@media (min-width: 1280px){.masonry-grid{column-count:3}}.masonry-grid>div{break-inside:avoid;margin-bottom:1.5rem}.masonry-featured{column-span:all}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media (max-width: 640px){.animate-fade-in-up{animation-duration:.4s}}\n"] }]
+  `, styles: [":host{display:block;min-height:100%}.bg-gradient-radial{background:radial-gradient(circle,var(--tw-gradient-stops))}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;grid-auto-flow:dense}@media(min-width:768px){.bento-grid{grid-template-columns:repeat(6,1fr)}}.bento-small{grid-column:span 2;grid-row:span 1}.bento-medium{grid-column:span 3;grid-row:span 1}.bento-large{grid-column:span 4;grid-row:span 1}.bento-featured{grid-column:span 6;grid-row:span 1}@media(max-width:767px){.bento-small,.bento-medium,.bento-large,.bento-featured{grid-column:span 1}}.masonry-grid{column-count:1;column-gap:1.5rem}@media(min-width:768px){.masonry-grid{column-count:2}}@media(min-width:1280px){.masonry-grid{column-count:3}}.masonry-grid>div{break-inside:avoid;margin-bottom:1.5rem}.masonry-featured{column-span:all}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media(max-width:640px){.animate-fade-in-up{animation-duration:.4s}}\n"] }]
     }], () => [{ type: FunnelOrderService }, { type: ViewModeService }, { type: SearchService }, { type: TooltipService }, { type: ProfileContextService }, { type: ProfileItemLookupService }, { type: HeaderScrollService }], { modalComponent: [{
             type: ViewChild,
             args: [ModalComponent]
@@ -50664,7 +50659,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             args: ['dashboardContainer', { static: false }]
         }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], businessProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessProfile", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], itemStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatus", required: false }] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], markAsReviewedClick: [{ type: i0.Output, args: ["markAsReviewedClick"] }], onScroll: [{
             type: HostListener,
-            args: ['window:scroll', ['$event']]
+            args: ['window:scroll']
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 1164 }); })();
 
@@ -51106,7 +51101,7 @@ function SymphiqFunnelAnalysisPreviewComponent_Conditional_18_Template(rf, ctx)
 class SymphiqFunnelAnalysisPreviewComponent {
     constructor() {
         // Inputs
-        this.analysisInput = input(undefined, ...(ngDevMode ? [{ debugName: "analysisInput", alias: 'funnelAnalysis' }] : [{ alias: 'funnelAnalysis' }]));
+        this.analysisInput = input(undefined, { ...(ngDevMode ? { debugName: "analysisInput" } : {}), alias: 'funnelAnalysis' });
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.scrollElement = input(undefined, ...(ngDevMode ? [{ debugName: "scrollElement" }] : []));
         // Computed theme
@@ -51595,11 +51590,11 @@ class SymphiqFunnelAnalysisPreviewComponent {
             i0.ɵɵclassMap(ctx.footerClass());
             i0.ɵɵadvance();
             i0.ɵɵclassMap(ctx.buttonClass());
-        } }, dependencies: [CommonModule, TooltipDirective, TooltipContainerComponent], styles: ["@keyframes _ngcontent-%COMP%_statusPulse{0%,to{opacity:1}50%{opacity:.6}}.status-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_statusPulse 2s ease-in-out infinite}"], changeDetection: 0 }); }
+        } }, dependencies: [TooltipDirective, TooltipContainerComponent], styles: ["@keyframes _ngcontent-%COMP%_statusPulse{0%,to{opacity:1}50%{opacity:.6}}.status-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_statusPulse 2s ease-in-out infinite}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqFunnelAnalysisPreviewComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-funnel-analysis-preview', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, TooltipDirective, TooltipContainerComponent], template: `
+        args: [{ selector: 'symphiq-funnel-analysis-preview', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TooltipDirective, TooltipContainerComponent], template: `
     <div
       [class]="containerClass()"
       class="w-full sm:max-w-md rounded-xl border shadow-lg backdrop-blur-lg transition-all duration-300 sm:hover:shadow-xl sm:hover:scale-[1.01] overflow-hidden">
@@ -51961,7 +51956,7 @@ class SymphiqWelcomeDashboardComponent {
     }
     static { this.ɵfac = function SymphiqWelcomeDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqWelcomeDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqWelcomeDashboardComponent, selectors: [["symphiq-welcome-dashboard"]], hostBindings: function SymphiqWelcomeDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("scroll", function SymphiqWelcomeDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
+            i0.ɵɵlistener("scroll", function SymphiqWelcomeDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
         } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 59, vars: 34, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "size", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], [3, "viewMode", "currentStepId"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-3", 3, "ngClass"], [1, "space-y-3", "text-sm", 3, "ngClass"], [1, "flex", "flex-col"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "flex-shrink-0", "w-6", "h-6", "rounded-full", "bg-blue-100", "dark:bg-blue-900/30", "flex", "items-center", "justify-center"], [1, "text-xs", "font-bold", "text-blue-600", "dark:text-blue-400"], [1, "text-xs", "opacity-90", "ml-9"]], template: function SymphiqWelcomeDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "symphiq-scroll-progress-bar", 1)(2, "div", 2);
@@ -52200,7 +52195,7 @@ class SymphiqWelcomeDashboardComponent {
   `, styles: [":host{display:block}@keyframes spin{to{transform:rotate(360deg)}}\n"] }]
     }], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], onScroll: [{
             type: HostListener,
-            args: ['window:scroll', ['$event']]
+            args: ['window:scroll']
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqWelcomeDashboardComponent, { className: "SymphiqWelcomeDashboardComponent", filePath: "lib/components/welcome-dashboard/symphiq-welcome-dashboard.component.ts", lineNumber: 163 }); })();
 
@@ -54073,7 +54068,7 @@ class SymphiqCreateAccountDashboardComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.shopNameInput = _t.first);
         } }, hostBindings: function SymphiqCreateAccountDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("scroll", function SymphiqCreateAccountDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
+            i0.ɵɵlistener("scroll", function SymphiqCreateAccountDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
         } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], accountData: [1, "accountData"], forDemo: [1, "forDemo"], showNextStepAction: [1, "showNextStepAction"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { onCreateAccount: "onCreateAccount", stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 12, vars: 26, consts: [["shopNameInput", ""], [3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "flex", "flex-col", "items-center", "justify-center", "min-h-[60vh]", "gap-6"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [3, "close", "save", "isOpen", "focusAreaDomain", "focusAreaTitle", "selectedTools", "viewMode"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-6"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "space-y-4"], [1, "block", "text-sm", "font-medium", "mb-1", 3, "ngClass"], ["target", "_blank", "rel", "noopener noreferrer", 1, "text-base", "hover:underline", 3, "href", "ngClass"], [1, "mb-6"], [1, "space-y-6", 3, "formGroup"], [1, "block", "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-red-500"], ["type", "text", "formControlName", "shopName", "placeholder", "Enter your shop name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "mt-1", "text-sm", 3, "ngClass"], [1, "flex", "items-center"], [1, "px-4", "py-3", "rounded-l-lg", "border-2", "border-r-0", "text-sm", "font-medium", 3, "ngClass"], ["type", "text", "formControlName", "shopUrl", "placeholder", "yourshop.com", 1, "flex-1", "px-4", "py-3", "rounded-r-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "block", "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-4"], [1, "cursor-pointer", 3, "ngClass"], ["type", "radio", "formControlName", "shopPlatform", 1, "sr-only", 3, "value"], [1, "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border-2", "transition-all", "duration-200"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1"], [1, "font-semibold", 3, "ngClass"], ["type", "text", "formControlName", "companyName", "placeholder", "Enter company name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass", "readonly"], [1, "mt-2"], [1, "flex", "items-center", "gap-2", "cursor-pointer"], ["type", "checkbox", 1, "w-4", "h-4", "rounded", "border-2", "transition-all", "duration-200", 3, "change", "checked", "ngClass"], [1, "text-sm", 3, "ngClass"], ["formControlName", "website", "tabindex", "-1", "autocomplete", "off", 1, "absolute", "-left-[9999px]", "opacity-0"], ["type", "text", "formControlName", "otherPlatformName", "placeholder", "Enter platform name (e.g., WooCommerce, Magento)", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "text-base", "font-bold", "mb-3", "flex", "items-center", "gap-2", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-emerald-500"], [1, "space-y-3"], [1, "p-4", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-2"], [1, "font-semibold", "text-sm", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-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, "w-2", "h-2", "rounded-full", "bg-blue-500"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-3"], [1, "p-3", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-slate-400"], [1, "grid", "grid-cols-2", "sm:grid-cols-3", "gap-2"], [1, "p-2", "rounded", "text-center", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [3, "statusChange", "toolsClick", "focusAreaDomain", "selectedStatus", "selectedTools", "viewMode", "title", "description"], [1, "my-4", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-lg", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-3", "shadow-lg", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqCreateAccountDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1)(1, "div");
             i0.ɵɵelement(2, "div", 2);
@@ -54626,7 +54621,7 @@ class SymphiqCreateAccountDashboardComponent {
             args: ['shopNameInput']
         }], onScroll: [{
             type: HostListener,
-            args: ['window:scroll', ['$event']]
+            args: ['window:scroll']
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 605 }); })();
 
@@ -55239,7 +55234,7 @@ class SymphiqConnectGaDashboardComponent {
             }
             this.previousPropertiesRef = properties;
             this.previousAccountsRef = accounts;
-        }, ...(ngDevMode ? [{ debugName: "propertiesReceivedEffect", allowSignalWrites: true }] : [{ allowSignalWrites: true }]));
+        }, { ...(ngDevMode ? { debugName: "propertiesReceivedEffect" } : {}), allowSignalWrites: true });
         this.scrollProgress = computed(() => this.headerScrollService.scrollProgress(), ...(ngDevMode ? [{ debugName: "scrollProgress" }] : []));
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
     }
@@ -55472,7 +55467,7 @@ class SymphiqConnectGaDashboardComponent {
     }
     static { this.ɵfac = function SymphiqConnectGaDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqConnectGaDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqConnectGaDashboardComponent, selectors: [["symphiq-connect-ga-dashboard"]], hostVars: 4, hostBindings: function SymphiqConnectGaDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("scroll", function SymphiqConnectGaDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
+            i0.ɵɵlistener("scroll", function SymphiqConnectGaDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
         } if (rf & 2) {
             i0.ɵɵclassProp("light", ctx.isLightMode())("dark", !ctx.isLightMode());
         } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], showNextStepAction: [1, "showNextStepAction"], gaProperties: [1, "gaProperties"], gaAccounts: [1, "gaAccounts"], selectedGaPropertyId: [1, "selectedGaPropertyId"], isConnectingToGoogle: [1, "isConnectingToGoogle"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange" }, decls: 12, vars: 19, consts: [[3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], [1, "px-8", "py-16", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "text-center", "gap-8"], ["size", "large", 3, "viewMode"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-4", 3, "ngClass"], [1, "text-base", "leading-relaxed", "max-w-md", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"], [1, "flex-1"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-4"], [1, "text-2xl", "sm:text-3xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "text-base", "leading-relaxed", "mb-6", 3, "ngClass"], [1, "mb-6"], ["type", "button", 1, "gsi-material-button", 3, "click"], [1, "gsi-material-button-state"], [1, "gsi-material-button-content-wrapper"], [1, "gsi-material-button-icon"], ["version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 48 48", 0, "xmlns", "xlink", "http://www.w3.org/1999/xlink", 2, "display", "block"], ["fill", "#EA4335", "d", "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"], ["fill", "#4285F4", "d", "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"], ["fill", "#FBBC05", "d", "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"], ["fill", "#34A853", "d", "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"], ["fill", "none", "d", "M0 0h48v48H0z"], [1, "gsi-material-button-contents"], [1, "p-4", "rounded-lg", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "rounded-lg", "border", "overflow-hidden", 3, "ngClass"], [1, "px-4", "py-4", "cursor-pointer", "flex", "items-center", "justify-between", "gap-3", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "text-base", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-300", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "px-4", "pb-4", "pt-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "font-bold"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], [1, "text-center", "py-8"], ["role", "radiogroup", "aria-label", "Google Analytics Properties", 1, "space-y-3"], ["tabindex", "0", "role", "radio", 1, "block", 3, "ngClass"], [1, "my-6", "border-t", 3, "ngClass"], ["type", "button", 1, "w-full", "px-4", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"], ["tabindex", "0", "role", "radio", 1, "block", 3, "click", "keydown.enter", "keydown.space", "ngClass"], [1, "flex", "items-center", "gap-4", "p-4"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"], [1, "text-base", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "items-start", "justify-between", "mb-6"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "rounded-xl", "border-2", "p-6", "mb-6", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-4"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", 3, "ngClass"], [1, "text-lg", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "disabled", "ngClass"], ["type", "button", 1, "flex-1", "sm:flex-none", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "disabled", "ngClass"]], template: function SymphiqConnectGaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
@@ -55889,7 +55884,7 @@ class SymphiqConnectGaDashboardComponent {
   `, styles: [":host{display:block}.animated-bubbles{overflow:hidden}.animated-bubbles:before,.animated-bubbles:after{content:\"\";position:absolute;border-radius:50%;animation:float 20s infinite ease-in-out;opacity:.05}.animated-bubbles:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode:before,.animated-bubbles.light-mode:after{opacity:.03}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}:host.light .gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}:host.light .gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}:host.light .gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}:host.light .gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}:host.light .gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}:host.light .gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}:host.light .gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}:host.light .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}:host.light .gsi-material-button:not(:disabled):active .gsi-material-button-state,:host.light .gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}:host.light .gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}:host.light .gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}:host.dark .gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border-color:#8e918f}:host.dark .gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}:host.dark .gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}:host.dark .gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}:host.dark .gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}:host.dark .gsi-material-button:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}:host.dark .gsi-material-button:disabled .gsi-material-button-state{background-color:#e3e3e31f}:host.dark .gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}:host.dark .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}:host.dark .gsi-material-button:not(:disabled):active .gsi-material-button-state,:host.dark .gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#fff;opacity:12%}:host.dark .gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}:host.dark .gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#fff;opacity:8%}\n"] }]
     }], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], showNextStepAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNextStepAction", required: false }] }], gaProperties: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaProperties", required: false }] }], gaAccounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaAccounts", required: false }] }], selectedGaPropertyId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedGaPropertyId", required: false }] }], isConnectingToGoogle: [{ type: i0.Input, args: [{ isSignal: true, alias: "isConnectingToGoogle", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], googleButtonClick: [{ type: i0.Output, args: ["googleButtonClick"] }], onPropertySelect: [{ type: i0.Output, args: ["onPropertySelect"] }], onPropertyChange: [{ type: i0.Output, args: ["onPropertyChange"] }], onScroll: [{
             type: HostListener,
-            args: ['window:scroll', ['$event']]
+            args: ['window:scroll']
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqConnectGaDashboardComponent, { className: "SymphiqConnectGaDashboardComponent", filePath: "lib/components/connect-ga-dashboard/symphiq-connect-ga-dashboard.component.ts", lineNumber: 671 }); })();
 
@@ -59073,11 +59068,11 @@ class ProgressToTargetChartComponent {
             i0.ɵɵdomElementStart(0, "div", 1);
             i0.ɵɵdomElement(1, "div", 2, 0);
             i0.ɵɵdomElementEnd();
-        } }, dependencies: [CommonModule], styles: [".progress-chart-container[_ngcontent-%COMP%]{width:100%;margin-top:50px;overflow:visible}.chart[_ngcontent-%COMP%]{overflow:visible}"], changeDetection: 0 }); }
+        } }, styles: [".progress-chart-container[_ngcontent-%COMP%]{width:100%;margin-top:50px;overflow:visible}.chart[_ngcontent-%COMP%]{overflow:visible}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProgressToTargetChartComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-progress-to-target-chart', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        args: [{ selector: 'symphiq-progress-to-target-chart', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div class="progress-chart-container">
       <div #chartdiv class="chart" style="width: 100%; height: 160px;"></div>
     </div>
@@ -62089,8 +62084,7 @@ class EditMetricTargetModalComponent {
     }
     static { this.ɵfac = function EditMetricTargetModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EditMetricTargetModalComponent)(i0.ɵɵdirectiveInject(i0.Injector)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditMetricTargetModalComponent, selectors: [["symphiq-edit-metric-target-modal"]], viewQuery: function EditMetricTargetModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$C, 5);
-            i0.ɵɵviewQuery(_c1$h, 5);
+            i0.ɵɵviewQuery(_c0$C, 5)(_c1$h, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.absoluteInputRef = _t.first);
@@ -63901,8 +63895,7 @@ class InitialTargetSettingComponent {
     }
     static { this.ɵfac = function InitialTargetSettingComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InitialTargetSettingComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InitialTargetSettingComponent, selectors: [["symphiq-initial-target-setting"]], viewQuery: function InitialTargetSettingComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$B, 5);
-            i0.ɵɵviewQuery(_c1$g, 5);
+            i0.ɵɵviewQuery(_c0$B, 5)(_c1$g, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.absoluteInputRef = _t.first);
@@ -64836,7 +64829,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
     }
     static { this.ɵfac = function SymphiqRevenueCalculatorDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqRevenueCalculatorDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqRevenueCalculatorDashboardComponent, selectors: [["symphiq-revenue-calculator-dashboard"]], hostBindings: function SymphiqRevenueCalculatorDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("scroll", function SymphiqRevenueCalculatorDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
+            i0.ɵɵlistener("scroll", function SymphiqRevenueCalculatorDashboardComponent_scroll_HostBindingHandler() { return ctx.onWindowScroll(); }, i0.ɵɵresolveWindow);
         } }, inputs: { viewMode: [1, "viewMode"], isLoading: [1, "isLoading"], dataLoadStatus: [1, "dataLoadStatus"], targets: [1, "targets"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], ytdComparisonUiData: [1, "ytdComparisonUiData"], trendUiData: [1, "trendUiData"], pacingResponse: [1, "pacingResponse"], dataResults: [1, "dataResults"], shopId: [1, "shopId"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], calculateRevenueReverseResponse: [1, "calculateRevenueReverseResponse"], calculateRevenueResponse: [1, "calculateRevenueResponse"], isCalculatingTargets: [1, "isCalculatingTargets"], targetHistories: [1, "targetHistories"], users: [1, "users"], isOnboarded: [1, "isOnboarded"], isContinueLoading: [1, "isContinueLoading"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", targetsCreated: "targetsCreated", targetsUpdated: "targetsUpdated", saveTargetsClick: "saveTargetsClick", calculateRevenueRequest: "calculateRevenueRequest", calculateRevenueReverseRequest: "calculateRevenueReverseRequest", editRelatedMetricTarget: "editRelatedMetricTarget", discardChangesClick: "discardChangesClick" }, decls: 12, vars: 19, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "mt-8"], [1, "sticky", "bottom-0", "z-50", "border-t", "py-4", "px-4", "sm:px-6", "lg:px-8", 3, "ngClass"], ["title", "Loading Revenue Calculator", "subtitle", "Please wait while we prepare your revenue calculator...", "size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets"], ["title", "Downloading Your Google Analytics 4 Data", "subtitle", "Symphiq is fetching your historical metrics to establish baseline performance. This may take a moment as we gather your funnel data.", "size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets", "isOnboarded"], [3, "targetsCreated", "calculateRevenueReverseRequest", "calculateRevenueRequest", "editRelatedMetricTarget", "saveTargetsClick", "targetsUpdated", "discardChangesClick", "viewMode", "funnelMetrics", "mainUiData", "trendUiData", "shopId", "pacingResponse", "dataResults", "calculateRevenueReverseResponse", "calculateRevenueResponse", "isCalculatingTargets", "targets", "targetHistories", "users"], [1, "max-w-7xl", "mx-auto", "flex", "items-center", "justify-between", "gap-4"], [1, "text-sm", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "whitespace-nowrap", "disabled:opacity-50", "disabled:cursor-not-allowed", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqRevenueCalculatorDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "symphiq-scroll-progress-bar", 1)(2, "div", 2);
@@ -65029,7 +65022,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
             }]
     }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], dataLoadStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataLoadStatus", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], mainUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainUiData", required: false }] }], ytdComparisonUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "ytdComparisonUiData", required: false }] }], trendUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendUiData", required: false }] }], pacingResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingResponse", required: false }] }], dataResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataResults", required: false }] }], shopId: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopId", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], calculateRevenueReverseResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueReverseResponse", required: false }] }], calculateRevenueResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueResponse", required: false }] }], isCalculatingTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCalculatingTargets", required: false }] }], targetHistories: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetHistories", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], isContinueLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isContinueLoading", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }], targetsUpdated: [{ type: i0.Output, args: ["targetsUpdated"] }], saveTargetsClick: [{ type: i0.Output, args: ["saveTargetsClick"] }], calculateRevenueRequest: [{ type: i0.Output, args: ["calculateRevenueRequest"] }], calculateRevenueReverseRequest: [{ type: i0.Output, args: ["calculateRevenueReverseRequest"] }], editRelatedMetricTarget: [{ type: i0.Output, args: ["editRelatedMetricTarget"] }], discardChangesClick: [{ type: i0.Output, args: ["discardChangesClick"] }], onWindowScroll: [{
             type: HostListener,
-            args: ['window:scroll', ['$event']]
+            args: ['window:scroll']
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqRevenueCalculatorDashboardComponent, { className: "SymphiqRevenueCalculatorDashboardComponent", filePath: "lib/components/revenue-calculator-dashboard/symphiq-revenue-calculator-dashboard.component.ts", lineNumber: 201 }); })();
 
@@ -66106,20 +66099,20 @@ class ProfileSectionComponent {
     }], null, { section: [{ type: i0.Input, args: [{ isSignal: true, alias: "section", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], forceExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceExpanded", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileSectionComponent, { className: "ProfileSectionComponent", filePath: "lib/components/business-analysis-dashboard/profile-section.component.ts", lineNumber: 42 }); })();
 
-function SectionNavigationComponent_button_2_Template(rf, ctx) { if (rf & 1) {
+function SectionNavigationComponent_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 3);
-    i0.ɵɵlistener("click", function SectionNavigationComponent_button_2_Template_button_click_0_listener() { const section_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection(section_r2.id)); });
+    i0.ɵɵlistener("click", function SectionNavigationComponent_For_3_Template_button_click_0_listener() { const section_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection(section_r2.id)); });
     i0.ɵɵelement(1, "div", 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r2 = ctx.$implicit;
-    const i_r4 = ctx.index;
+    const ɵ$index_5_r4 = ctx.$index;
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r2.getDotClasses(i_r4))("libSymphiqTooltip", section_r2.title)("tooltipPosition", "left");
+    i0.ɵɵproperty("ngClass", ctx_r2.getDotClasses(ɵ$index_5_r4))("libSymphiqTooltip", section_r2.title)("tooltipPosition", "left");
     i0.ɵɵattribute("aria-label", "Navigate to " + section_r2.title);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.getDotInnerClasses(i_r4));
+    i0.ɵɵproperty("ngClass", ctx_r2.getDotInnerClasses(ɵ$index_5_r4));
 } }
 class SectionNavigationComponent {
     constructor() {
@@ -66205,15 +66198,15 @@ class SectionNavigationComponent {
         return section.id || index;
     }
     static { this.ɵfac = function SectionNavigationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SectionNavigationComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SectionNavigationComponent, selectors: [["symphiq-section-navigation"]], inputs: { sections: [1, "sections"], viewMode: [1, "viewMode"], embedded: [1, "embedded"], scrollElement: [1, "scrollElement"], parentHeaderOffset: [1, "parentHeaderOffset"] }, decls: 3, vars: 3, consts: [[3, "ngClass"], [1, "flex", "flex-col", "gap-4"], ["type", "button", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition", "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["type", "button", 3, "click", "ngClass", "libSymphiqTooltip", "tooltipPosition"]], template: function SectionNavigationComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SectionNavigationComponent, selectors: [["symphiq-section-navigation"]], inputs: { sections: [1, "sections"], viewMode: [1, "viewMode"], embedded: [1, "embedded"], scrollElement: [1, "scrollElement"], parentHeaderOffset: [1, "parentHeaderOffset"] }, decls: 4, vars: 1, consts: [[3, "ngClass"], [1, "flex", "flex-col", "gap-4"], ["type", "button", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["type", "button", 3, "click", "ngClass", "libSymphiqTooltip", "tooltipPosition"]], template: function SectionNavigationComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "nav", 0)(1, "div", 1);
-            i0.ɵɵtemplate(2, SectionNavigationComponent_button_2_Template, 2, 5, "button", 2);
+            i0.ɵɵrepeaterCreate(2, SectionNavigationComponent_For_3_Template, 2, 5, "button", 2, ctx.trackBySectionId, true);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.getNavClasses());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngForOf", ctx.sections())("ngForTrackBy", ctx.trackBySectionId);
-        } }, dependencies: [CommonModule, i1$1.NgClass, i1$1.NgForOf, TooltipDirective], encapsulation: 2, changeDetection: 0 }); }
+            i0.ɵɵrepeater(ctx.sections());
+        } }, dependencies: [CommonModule, i1$1.NgClass, TooltipDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SectionNavigationComponent, [{
         type: Component,
@@ -66225,23 +66218,24 @@ class SectionNavigationComponent {
                 template: `
     <nav [ngClass]="getNavClasses()">
       <div class="flex flex-col gap-4">
-        <button
-          *ngFor="let section of sections(); let i = index; trackBy: trackBySectionId"
-          type="button"
-          [ngClass]="getDotClasses(i)"
-          (click)="scrollToSection(section.id!)"
-          [attr.aria-label]="'Navigate to ' + section.title"
-          [libSymphiqTooltip]="section.title"
-          [tooltipPosition]="'left'"
-        >
-          <div [ngClass]="getDotInnerClasses(i)"></div>
-        </button>
+        @for (section of sections(); track trackBySectionId(i, section); let i = $index) {
+          <button
+            type="button"
+            [ngClass]="getDotClasses(i)"
+            (click)="scrollToSection(section.id!)"
+            [attr.aria-label]="'Navigate to ' + section.title"
+            [libSymphiqTooltip]="section.title"
+            [tooltipPosition]="'left'"
+            >
+            <div [ngClass]="getDotInnerClasses(i)"></div>
+          </button>
+        }
       </div>
     </nav>
-  `
+    `
             }]
     }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionNavigationComponent, { className: "SectionNavigationComponent", filePath: "lib/components/business-analysis-dashboard/section-navigation.component.ts", lineNumber: 29 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionNavigationComponent, { className: "SectionNavigationComponent", filePath: "lib/components/business-analysis-dashboard/section-navigation.component.ts", lineNumber: 30 }); })();
 
 function FloatingBackButtonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -68216,17 +68210,23 @@ class CollapsibleSectionGroupComponent {
 
 const _c0$w = () => [];
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6);
-    i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 13);
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 13);
+    i0.ɵɵelement(2, "symphiq-welcome-banner", 14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "symphiq-loading-card", 15);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_2_0;
+    let tmp_4_0;
     const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("businessName", ((tmp_2_0 = ctx_r0.currentProfile()) == null ? null : tmp_2_0.profileStructured == null ? null : tmp_2_0.profileStructured.businessName) || "your business")("isOnboarded", ctx_r0.isOnboarded())("analysisDate", (tmp_4_0 = ctx_r0.profile()) == null ? null : tmp_4_0.selfContentCompletedDate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode());
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("title", "Loading Business Analysis...")("subtitle", "Please wait while we fetch your data.");
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 16);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 18);
     i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -68234,8 +68234,8 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_T
     i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("currentStepId", ctx_r0.JourneyStepIdEnum.BUSINESS_ANALYSIS)("showNextStepAction", false)("forDemo", ctx_r0.forDemo())("maxAccessibleStepId", ctx_r0.maxAccessibleStepId());
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 14);
-    i0.ɵɵelement(1, "symphiq-content-generation-progress-with-confetti", 15);
+    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 16);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress-with-confetti", 17);
 } if (rf & 2) {
     let tmp_4_0;
     let tmp_6_0;
@@ -68246,7 +68246,7 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Template(rf, ct
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 16);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 18);
     i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -68255,15 +68255,15 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_C
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 14);
-    i0.ɵɵelementStart(1, "div", 17)(2, "div", 18);
-    i0.ɵɵelement(3, "symphiq-welcome-banner", 19);
+    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 16);
+    i0.ɵɵelementStart(1, "div", 6)(2, "div", 13);
+    i0.ɵɵelement(3, "symphiq-welcome-banner", 14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 18)(5, "symphiq-recommendations-tiled-grid", 20);
+    i0.ɵɵelementStart(4, "div", 13)(5, "symphiq-recommendations-tiled-grid", 19);
     i0.ɵɵlistener("viewMoreClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_Template_symphiq_recommendations_tiled_grid_viewMoreClick_5_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.openRecommendationDetailsModal($event)); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "div");
-    i0.ɵɵelement(7, "symphiq-collapsible-section-group", 21);
+    i0.ɵɵelement(7, "symphiq-collapsible-section-group", 20);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_4_0;
@@ -68278,26 +68278,26 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_0_T
     i0.ɵɵproperty("sections", ctx_r0.nonRecommendationSections())("viewMode", ctx_r0.viewMode());
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23);
-    i0.ɵɵelement(1, "symphiq-section-divider", 24);
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "symphiq-section-divider", 23);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_44_r5 = i0.ɵɵnextContext().$index;
+    const ɵ$index_48_r5 = i0.ɵɵnextContext().$index;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("subsections", ctx_r0.sections()[ɵ$index_44_r5 + 1].subsections || i0.ɵɵpureFunction0(2, _c0$w));
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("subsections", ctx_r0.sections()[ɵ$index_48_r5 + 1].subsections || i0.ɵɵpureFunction0(2, _c0$w));
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-profile-section", 22);
-    i0.ɵɵconditionalCreate(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_For_1_Conditional_1_Template, 2, 3, "div", 23);
+    i0.ɵɵelement(0, "symphiq-profile-section", 21);
+    i0.ɵɵconditionalCreate(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_For_1_Conditional_1_Template, 2, 3, "div", 22);
 } if (rf & 2) {
     const section_r6 = ctx.$implicit;
-    const ɵ$index_44_r5 = ctx.$index;
-    const ɵ$count_44_r7 = ctx.$count;
+    const ɵ$index_48_r5 = ctx.$index;
+    const ɵ$count_48_r7 = ctx.$count;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("section", section_r6)("viewMode", ctx_r0.viewMode())("forceExpanded", !ctx_r0.isCompactView());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ɵ$index_44_r5 === ɵ$count_44_r7 - 1) ? 1 : -1);
+    i0.ɵɵconditional(!(ɵ$index_48_r5 === ɵ$count_48_r7 - 1) ? 1 : -1);
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵrepeaterCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Conditional_1_For_1_Template, 2, 4, null, null, i0.ɵɵcomponentInstance().trackBySectionId, true);
@@ -68847,15 +68847,15 @@ 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"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 17, vars: 41, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "currentSection", "currentSubsection", "sectionFading", "subsectionFading", "showControls", "embedded", "scrollEvent"], [1, "relative"], [1, "flex", "items-center", "justify-center", "min-h-[60vh]"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "viewMode", "embedded"], [3, "viewInContextRequested", "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], ["size", "large", 3, "viewMode"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "mb-8"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [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.ɵɵlistener("scroll", function SymphiqBusinessAnalysisDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow)("keydown", function SymphiqBusinessAnalysisDashboardComponent_keydown_HostBindingHandler($event) { return ctx.handleKeyDown($event); }, i0.ɵɵresolveDocument);
+        } }, inputs: { embedded: [1, "embedded"], profile: [1, "profile"], parentHeaderOffset: [1, "parentHeaderOffset"], requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 17, vars: 41, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "currentSection", "currentSubsection", "sectionFading", "subsectionFading", "showControls", "embedded", "scrollEvent"], [1, "relative"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "viewMode", "embedded"], [3, "viewInContextRequested", "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [1, "mb-8"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], ["size", "large", 3, "viewMode", "title", "subtitle"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMoreClick", "recommendations", "viewMode"], [3, "sections", "viewMode"], [3, "section", "viewMode", "forceExpanded"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8"], [3, "viewMode", "subsections"]], template: function SymphiqBusinessAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "symphiq-scroll-progress-bar", 1)(2, "div", 2);
             i0.ɵɵelementStart(3, "div", 3)(4, "symphiq-dashboard-header", 4);
             i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_dashboard_header_searchClick_4_listener() { return ctx.openSearch(); })("viewModeClick", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_dashboard_header_viewModeClick_4_listener() { return ctx.openViewModeSwitcher(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(5, "main", 5);
-            i0.ɵɵconditionalCreate(6, SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Template, 2, 1, "div", 6)(7, SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Template, 2, 7)(8, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Template, 2, 1);
+            i0.ɵɵconditionalCreate(6, SymphiqBusinessAnalysisDashboardComponent_Conditional_6_Template, 4, 7, "div", 6)(7, SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Template, 2, 7)(8, SymphiqBusinessAnalysisDashboardComponent_Conditional_8_Template, 2, 1);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(9, SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Template, 1, 4, "symphiq-section-navigation", 7);
             i0.ɵɵconditionalCreate(10, SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template, 1, 4, "symphiq-floating-toc", 7);
@@ -68904,11 +68904,11 @@ class SymphiqBusinessAnalysisDashboardComponent {
             i0.ɵɵproperty("isOpen", ctx.isViewModeSwitcherOpen())("currentMode", ctx.displayMode())("viewMode", ctx.viewMode())("isLoading", ctx.isViewModeSwitching());
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_35_0 = ctx.profile()) == null ? null : tmp_35_0.reviewStatus)("selfContentStatus", (tmp_36_0 = ctx.profile()) == null ? null : tmp_36_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed())("isLoading", !!ctx.isLoading());
-        } }, dependencies: [CommonModule, i1$1.NgClass, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent, ContentGenerationProgressWithConfettiComponent, IndeterminateSpinnerComponent, MarkAsReviewedFooterComponent, DashboardHeaderComponent, ScrollProgressBarComponent], 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, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent, ContentGenerationProgressWithConfettiComponent, MarkAsReviewedFooterComponent, DashboardHeaderComponent, ScrollProgressBarComponent, LoadingCardComponent], 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, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent, ContentGenerationProgressWithConfettiComponent, IndeterminateSpinnerComponent, MarkAsReviewedFooterComponent, DashboardHeaderComponent, ScrollProgressBarComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        args: [{ selector: 'symphiq-business-analysis-dashboard', standalone: true, imports: [CommonModule, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent, ContentGenerationProgressWithConfettiComponent, MarkAsReviewedFooterComponent, DashboardHeaderComponent, ScrollProgressBarComponent, LoadingCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div [ngClass]="getContainerClasses()">
       <symphiq-scroll-progress-bar
         [viewMode]="viewMode()"
@@ -68937,10 +68937,20 @@ class SymphiqBusinessAnalysisDashboardComponent {
 
         <main class="relative" [class.pb-32]="shouldShowReviewFooter()">
           @if (isLoading()) {
-            <!-- Pure Loading State -->
-            <div class="flex items-center justify-center min-h-[60vh]">
-              <symphiq-indeterminate-spinner
+            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+              <div class="mb-8">
+                <symphiq-welcome-banner
+                  [viewMode]="viewMode()"
+                  [businessName]="currentProfile()?.profileStructured?.businessName || 'your business'"
+                  [isOnboarded]="isOnboarded()"
+                  [analysisDate]="profile()?.selfContentCompletedDate"
+                />
+              </div>
+
+              <symphiq-loading-card
                 [viewMode]="viewMode()"
+                [title]="'Loading Business Analysis...'"
+                [subtitle]="'Please wait while we fetch your data.'"
                 size="large"
               />
             </div>
@@ -69090,12 +69100,12 @@ class SymphiqBusinessAnalysisDashboardComponent {
   `, styles: [":host{display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-highlight{0%,to{transform:scale(1);box-shadow:0 0 #3b82f6b3}50%{transform:scale(1.02);box-shadow:0 0 20px 8px #3b82f64d}}:host ::ng-deep .search-highlight-pulse{animation:pulse-highlight 2s ease-in-out;border-color:#3b82f6!important}\n"] }]
     }], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], itemStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatus", required: false }] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], markAsReviewedClick: [{ type: i0.Output, args: ["markAsReviewedClick"] }], onScroll: [{
             type: HostListener,
-            args: ['window:scroll', ['$event']]
+            args: ['window:scroll']
         }], handleKeyDown: [{
             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: 269 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 279 }); })();
 
 class GradeBadgeComponent {
     constructor() {
@@ -69190,14 +69200,14 @@ class GradeBadgeComponent {
             i0.ɵɵtextInterpolate(ctx.label());
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate(ctx.formattedGrade());
-        } }, dependencies: [CommonModule, TooltipDirective], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [TooltipDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GradeBadgeComponent, [{
         type: Component,
         args: [{
                 selector: 'symphiq-grade-badge',
                 standalone: true,
-                imports: [CommonModule, TooltipDirective],
+                imports: [TooltipDirective],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <div
@@ -69672,9 +69682,9 @@ function MetricExecutiveSummaryComponent_Conditional_11_Template(rf, ctx) { if (
     i0.ɵɵproperty("grade", ctx_r0.summary().overallGrade)("gradeRationale", ctx_r0.summary().gradeRationale || "")("viewMode", ctx_r0.viewMode());
 } }
 function MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 26);
-    i0.ɵɵelement(1, "symphiq-icon", 23);
-    i0.ɵɵelementStart(2, "span", 27);
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelement(1, "symphiq-icon", 24);
+    i0.ɵɵelementStart(2, "span", 28);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -69687,15 +69697,15 @@ function MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template(r
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().yoyChange, " YoY ");
 } }
 function MetricExecutiveSummaryComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 22);
-    i0.ɵɵelement(2, "symphiq-icon", 23);
-    i0.ɵɵelementStart(3, "span", 24);
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 23);
+    i0.ɵɵelement(2, "symphiq-icon", 24);
+    i0.ɵɵelementStart(3, "span", 25);
     i0.ɵɵtext(4, " Current Value ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 25);
+    i0.ɵɵelementStart(5, "div", 26);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template, 4, 7, "div", 26);
+    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template, 4, 7, "div", 27);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -69712,10 +69722,10 @@ function MetricExecutiveSummaryComponent_Conditional_14_Template(rf, ctx) { if (
     i0.ɵɵconditional(ctx_r0.summary().yoyChange ? 7 : -1);
 } }
 function MetricExecutiveSummaryComponent_Conditional_15_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28)(1, "span", 29);
+    i0.ɵɵelementStart(0, "div", 29)(1, "span", 30);
     i0.ɵɵtext(2, " Pacing Towards ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 30);
+    i0.ɵɵelementStart(3, "div", 31);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -69728,15 +69738,15 @@ function MetricExecutiveSummaryComponent_Conditional_15_Conditional_7_Template(r
     i0.ɵɵtextInterpolate1(" ", ctx_r0.formatNumber(ctx_r0.projectedValue()), " ");
 } }
 function MetricExecutiveSummaryComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 22);
-    i0.ɵɵelement(2, "symphiq-icon", 23);
-    i0.ɵɵelementStart(3, "span", 24);
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 23);
+    i0.ɵɵelement(2, "symphiq-icon", 24);
+    i0.ɵɵelementStart(3, "span", 25);
     i0.ɵɵtext(4, " Target ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 25);
+    i0.ɵɵelementStart(5, "div", 26);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_15_Conditional_7_Template, 5, 3, "div", 28);
+    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_15_Conditional_7_Template, 5, 3, "div", 29);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -69753,7 +69763,7 @@ function MetricExecutiveSummaryComponent_Conditional_15_Template(rf, ctx) { if (
     i0.ɵɵconditional(ctx_r0.projectedValue() ? 7 : -1);
 } }
 function MetricExecutiveSummaryComponent_Conditional_16_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelementStart(0, "div", 33);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -69763,21 +69773,22 @@ function MetricExecutiveSummaryComponent_Conditional_16_Conditional_7_Template(r
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().pacingStatusDescription, " ");
 } }
 function MetricExecutiveSummaryComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 22);
-    i0.ɵɵelement(2, "symphiq-icon", 23);
-    i0.ɵɵelementStart(3, "span", 24);
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 23);
+    i0.ɵɵelement(2, "symphiq-icon", 24);
+    i0.ɵɵelementStart(3, "span", 25);
     i0.ɵɵtext(4, " Pacing vs Target ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 31);
+    i0.ɵɵelementStart(5, "div", 32);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_16_Conditional_7_Template, 2, 4, "div", 32);
+    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_16_Conditional_7_Template, 2, 4, "div", 33);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("pulse-critical", ctx_r0.summary().pacingStatus === "CRITICAL");
     i0.ɵɵproperty("ngClass", ctx_r0.metricCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c5$2, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c5$2, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance(2);
@@ -69788,7 +69799,7 @@ function MetricExecutiveSummaryComponent_Conditional_16_Template(rf, ctx) { if (
     i0.ɵɵconditional(ctx_r0.summary().pacingStatusDescription ? 7 : -1);
 } }
 function MetricExecutiveSummaryComponent_Conditional_17_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelementStart(0, "div", 33);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -69798,34 +69809,35 @@ function MetricExecutiveSummaryComponent_Conditional_17_Conditional_7_Template(r
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().metricHealthDescription, " ");
 } }
 function MetricExecutiveSummaryComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 22);
-    i0.ɵɵelement(2, "symphiq-icon", 23);
-    i0.ɵɵelementStart(3, "span", 24);
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 23);
+    i0.ɵɵelement(2, "symphiq-icon", 24);
+    i0.ɵɵelementStart(3, "span", 25);
     i0.ɵɵtext(4, " Health ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 31);
+    i0.ɵɵelementStart(5, "div", 32);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_17_Conditional_7_Template, 2, 4, "div", 32);
+    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_17_Conditional_7_Template, 2, 4, "div", 33);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_6_0;
+    let tmp_7_0;
     const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("pulse-critical", ctx_r0.summary().metricHealth === "CRITICAL");
     i0.ɵɵproperty("ngClass", ctx_r0.metricCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c6$1, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c6$1, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getHealthValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (tmp_6_0 = ctx_r0.summary().metricHealth) == null ? null : tmp_6_0.replace("_", " "), " ");
+    i0.ɵɵtextInterpolate1(" ", (tmp_7_0 = ctx_r0.summary().metricHealth) == null ? null : tmp_7_0.replace("_", " "), " ");
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.summary().metricHealthDescription ? 7 : -1);
 } }
 function MetricExecutiveSummaryComponent_Conditional_29_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 35);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 38);
+    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 39);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -69833,15 +69845,15 @@ function MetricExecutiveSummaryComponent_Conditional_29_Conditional_4_Template(r
     i0.ɵɵproperty("visual", ctx_r0.summary().napkinVisual)("viewMode", ctx_r0.viewMode());
 } }
 function MetricExecutiveSummaryComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19)(1, "h3", 33);
+    i0.ɵɵelementStart(0, "div", 20)(1, "h3", 34);
     i0.ɵɵtext(2, " Analysis Narrative ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 34);
-    i0.ɵɵconditionalCreate(4, MetricExecutiveSummaryComponent_Conditional_29_Conditional_4_Template, 2, 2, "div", 35);
-    i0.ɵɵelementStart(5, "p", 36);
+    i0.ɵɵelementStart(3, "div", 35);
+    i0.ɵɵconditionalCreate(4, MetricExecutiveSummaryComponent_Conditional_29_Conditional_4_Template, 2, 2, "div", 36);
+    i0.ɵɵelementStart(5, "p", 37);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "div", 37);
+    i0.ɵɵelement(7, "div", 38);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_3_0;
@@ -69857,12 +69869,12 @@ function MetricExecutiveSummaryComponent_Conditional_29_Template(rf, ctx) { if (
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().narrative, " ");
 } }
 function MetricExecutiveSummaryComponent_Conditional_30_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 47)(1, "div", 48);
-    i0.ɵɵelement(2, "symphiq-icon", 49);
-    i0.ɵɵelementStart(3, "div")(4, "span", 50);
+    i0.ɵɵelementStart(0, "div", 48)(1, "div", 49);
+    i0.ɵɵelement(2, "symphiq-icon", 50);
+    i0.ɵɵelementStart(3, "div")(4, "span", 51);
     i0.ɵɵtext(5, " Expected Impact ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 51);
+    i0.ɵɵelementStart(6, "p", 52);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -69880,18 +69892,18 @@ function MetricExecutiveSummaryComponent_Conditional_30_For_5_Conditional_8_Temp
 } }
 function MetricExecutiveSummaryComponent_Conditional_30_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 42);
+    i0.ɵɵelementStart(0, "button", 43);
     i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Conditional_30_For_5_Template_button_click_0_listener() { const ctx_r2 = i0.ɵɵrestoreView(_r2); const priority_r4 = ctx_r2.$implicit; const $index_r5 = ctx_r2.$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.priorityDetailClick.emit({ priority: priority_r4, index: $index_r5 })); });
-    i0.ɵɵelementStart(1, "div", 43)(2, "span", 44);
+    i0.ɵɵelementStart(1, "div", 44)(2, "span", 45);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "h4", 45);
+    i0.ɵɵelementStart(4, "h4", 46);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "p", 46);
+    i0.ɵɵelementStart(6, "p", 47);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, MetricExecutiveSummaryComponent_Conditional_30_For_5_Conditional_8_Template, 8, 8, "div", 47);
+    i0.ɵɵconditionalCreate(8, MetricExecutiveSummaryComponent_Conditional_30_For_5_Conditional_8_Template, 8, 8, "div", 48);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const priority_r4 = ctx.$implicit;
@@ -69914,11 +69926,11 @@ function MetricExecutiveSummaryComponent_Conditional_30_For_5_Template(rf, ctx)
     i0.ɵɵconditional(priority_r4.expectedImpact ? 8 : -1);
 } }
 function MetricExecutiveSummaryComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20)(1, "h3", 39);
+    i0.ɵɵelementStart(0, "div", 21)(1, "h3", 40);
     i0.ɵɵtext(2, "Top Priorities");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 40);
-    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_30_For_5_Template, 9, 8, "button", 41, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(3, "div", 41);
+    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_30_For_5_Template, 9, 8, "button", 42, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -69928,8 +69940,8 @@ function MetricExecutiveSummaryComponent_Conditional_30_Template(rf, ctx) { if (
     i0.ɵɵrepeater(ctx_r0.summary().topPriorities);
 } }
 function MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 60);
-    i0.ɵɵelement(1, "symphiq-icon", 15);
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵelement(1, "symphiq-icon", 16);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -69943,10 +69955,10 @@ function MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_12_Tem
     i0.ɵɵtextInterpolate(entry_r6.win.estimatedTimeframe);
 } }
 function MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 61)(1, "h4", 24);
+    i0.ɵɵelementStart(0, "div", 62)(1, "h4", 25);
     i0.ɵɵtext(2, " Related Goal ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "symphiq-related-goal-chips", 62);
+    i0.ɵɵelement(3, "symphiq-related-goal-chips", 63);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const entry_r6 = i0.ɵɵnextContext().$implicit;
@@ -69957,20 +69969,20 @@ function MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_13_Tem
     i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c9, entry_r6.win.relatedGoalId))("allGoals", ctx_r0.allGoals() || i0.ɵɵpureFunction0(6, _c10))("viewMode", ctx_r0.viewMode());
 } }
 function MetricExecutiveSummaryComponent_Conditional_31_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 54)(1, "div", 55)(2, "div", 56)(3, "span", 44);
+    i0.ɵɵelementStart(0, "div", 55)(1, "div", 56)(2, "div", 57)(3, "span", 45);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 57);
+    i0.ɵɵelementStart(5, "p", 58);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 58)(8, "span", 59);
+    i0.ɵɵelementStart(7, "div", 59)(8, "span", 60);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 59);
+    i0.ɵɵelementStart(10, "span", 60);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_12_Template, 4, 5, "div", 60);
-    i0.ɵɵconditionalCreate(13, MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_13_Template, 4, 7, "div", 61);
+    i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_12_Template, 4, 5, "div", 61);
+    i0.ɵɵconditionalCreate(13, MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_13_Template, 4, 7, "div", 62);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const entry_r6 = ctx.$implicit;
@@ -69998,11 +70010,11 @@ function MetricExecutiveSummaryComponent_Conditional_31_For_5_Template(rf, ctx)
     i0.ɵɵconditional(entry_r6.win.relatedGoalId && ctx_r0.allGoals() ? 13 : -1);
 } }
 function MetricExecutiveSummaryComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21)(1, "h3", 52);
+    i0.ɵɵelementStart(0, "div", 22)(1, "h3", 53);
     i0.ɵɵtext(2, "Quick Wins");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 53);
-    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_31_For_5_Template, 14, 11, "div", 54, _forTrack0$v);
+    i0.ɵɵelementStart(3, "div", 54);
+    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_31_For_5_Template, 14, 11, "div", 55, _forTrack0$v);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -70232,7 +70244,7 @@ class MetricExecutiveSummaryComponent {
         return num.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 2 });
     }
     static { this.ɵfac = function MetricExecutiveSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MetricExecutiveSummaryComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricExecutiveSummaryComponent, selectors: [["symphiq-metric-executive-summary"]], inputs: { viewMode: [1, "viewMode"], summary: [1, "summary"], metricName: [1, "metricName"], allGoals: [1, "allGoals"] }, outputs: { topPrioritiesClick: "topPrioritiesClick", priorityDetailClick: "priorityDetailClick", viewMetricDetailsClick: "viewMetricDetailsClick", viewReportClick: "viewReportClick" }, decls: 32, vars: 26, consts: [["id", "section-metric-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "flex", "items-center", "gap-3", "mb-3"], [3, "icon", "size", "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], ["type", "button", 1, "w-full", "text-left", "cursor-pointer", "group", 3, "click"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-4"], [1, "rounded-xl", "p-4", "transition-all", "duration-200", "group-hover:scale-[1.02]", "group-hover:shadow-lg", 3, "ngClass"], [1, "flex", "flex-wrap", "items-center", "justify-center", "gap-3", "mt-4"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-4", "py-2.5", "rounded-lg", "text-sm", "font-semibold", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["size", "w-4 h-4", 3, "icon"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "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", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "rounded-xl", "p-6", "mt-6", 3, "ngClass"], [1, "mt-6"], ["id", "quick-wins-section", 1, "mt-8", "scroll-mt-24"], [1, "flex", "items-center", "gap-2", "mb-2"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "flex", "items-center", "gap-1", "mt-2"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "mt-2", "pt-2", "border-t", "border-slate-600/30"], [1, "text-[10px]", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-base", "font-semibold", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-xs", "mt-1", "truncate", "max-w-full", "cursor-help", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "ngClass"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "text-lg", "font-semibold", "flex-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-3", 3, "ngClass"], [1, "rounded-lg", "p-3", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["size", "w-4 h-4", 1, "mt-0.5", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "block", "mb-1", 3, "ngClass"], [1, "text-xs", "leading-relaxed", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], [3, "relatedGoalIds", "allGoals", "viewMode"]], template: function MetricExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricExecutiveSummaryComponent, selectors: [["symphiq-metric-executive-summary"]], inputs: { viewMode: [1, "viewMode"], summary: [1, "summary"], metricName: [1, "metricName"], allGoals: [1, "allGoals"] }, outputs: { topPrioritiesClick: "topPrioritiesClick", priorityDetailClick: "priorityDetailClick", viewMetricDetailsClick: "viewMetricDetailsClick", viewReportClick: "viewReportClick" }, decls: 32, vars: 26, consts: [["id", "section-metric-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "flex", "items-center", "gap-3", "mb-3"], [3, "icon", "size", "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], ["type", "button", 1, "w-full", "text-left", "cursor-pointer", "group", 3, "click"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-4"], [1, "rounded-xl", "p-4", "transition-all", "duration-200", "group-hover:scale-[1.02]", "group-hover:shadow-lg", 3, "ngClass"], [1, "rounded-xl", "p-4", "transition-all", "duration-200", "group-hover:scale-[1.02]", "group-hover:shadow-lg", 3, "ngClass", "pulse-critical"], [1, "flex", "flex-wrap", "items-center", "justify-center", "gap-3", "mt-4"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-4", "py-2.5", "rounded-lg", "text-sm", "font-semibold", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["size", "w-4 h-4", 3, "icon"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "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", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "rounded-xl", "p-6", "mt-6", 3, "ngClass"], [1, "mt-6"], ["id", "quick-wins-section", 1, "mt-8", "scroll-mt-24"], [1, "flex", "items-center", "gap-2", "mb-2"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "flex", "items-center", "gap-1", "mt-2"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "mt-2", "pt-2", "border-t", "border-slate-600/30"], [1, "text-[10px]", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-base", "font-semibold", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-xs", "mt-1", "truncate", "max-w-full", "cursor-help", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "ngClass"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "text-lg", "font-semibold", "flex-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-3", 3, "ngClass"], [1, "rounded-lg", "p-3", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["size", "w-4 h-4", 1, "mt-0.5", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "block", "mb-1", 3, "ngClass"], [1, "text-xs", "leading-relaxed", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], [3, "relatedGoalIds", "allGoals", "viewMode"]], template: function MetricExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "section", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5);
             i0.ɵɵelement(6, "symphiq-icon", 6);
             i0.ɵɵelementStart(7, "h2", 7);
@@ -70248,31 +70260,31 @@ class MetricExecutiveSummaryComponent {
             i0.ɵɵelementStart(13, "div", 11);
             i0.ɵɵconditionalCreate(14, MetricExecutiveSummaryComponent_Conditional_14_Template, 8, 9, "div", 12);
             i0.ɵɵconditionalCreate(15, MetricExecutiveSummaryComponent_Conditional_15_Template, 8, 9, "div", 12);
-            i0.ɵɵconditionalCreate(16, MetricExecutiveSummaryComponent_Conditional_16_Template, 8, 9, "div", 12);
-            i0.ɵɵconditionalCreate(17, MetricExecutiveSummaryComponent_Conditional_17_Template, 8, 9, "div", 12);
+            i0.ɵɵconditionalCreate(16, MetricExecutiveSummaryComponent_Conditional_16_Template, 8, 11, "div", 13);
+            i0.ɵɵconditionalCreate(17, MetricExecutiveSummaryComponent_Conditional_17_Template, 8, 11, "div", 13);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(18, "div", 13)(19, "button", 14);
+            i0.ɵɵelementStart(18, "div", 14)(19, "button", 15);
             i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Template_button_click_19_listener() { return ctx.handleViewMetricDetailsClick(); });
             i0.ɵɵelementStart(20, "span");
             i0.ɵɵtext(21, "View Metric Details");
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(22, "symphiq-icon", 15);
+            i0.ɵɵelement(22, "symphiq-icon", 16);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(23, "button", 16);
+            i0.ɵɵelementStart(23, "button", 17);
             i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Template_button_click_23_listener() { return ctx.handleViewReportClick(); });
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(24, "svg", 17);
-            i0.ɵɵelement(25, "path", 18);
+            i0.ɵɵelementStart(24, "svg", 18);
+            i0.ɵɵelement(25, "path", 19);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
             i0.ɵɵelementStart(26, "span");
             i0.ɵɵtext(27, "View Report");
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(28, "symphiq-icon", 15);
+            i0.ɵɵelement(28, "symphiq-icon", 16);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(29, MetricExecutiveSummaryComponent_Conditional_29_Template, 8, 5, "div", 19);
-            i0.ɵɵconditionalCreate(30, MetricExecutiveSummaryComponent_Conditional_30_Template, 6, 1, "div", 20);
-            i0.ɵɵconditionalCreate(31, MetricExecutiveSummaryComponent_Conditional_31_Template, 6, 1, "div", 21);
+            i0.ɵɵconditionalCreate(29, MetricExecutiveSummaryComponent_Conditional_29_Template, 8, 5, "div", 20);
+            i0.ɵɵconditionalCreate(30, MetricExecutiveSummaryComponent_Conditional_30_Template, 6, 1, "div", 21);
+            i0.ɵɵconditionalCreate(31, MetricExecutiveSummaryComponent_Conditional_31_Template, 6, 1, "div", 22);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             let tmp_18_0;
@@ -70316,23 +70328,18 @@ class MetricExecutiveSummaryComponent {
             SymphiqIconComponent,
             NapkinVisualPlaceholderComponent,
             RelatedGoalChipsComponent,
-            TooltipDirective], encapsulation: 2, changeDetection: 0 }); }
+            TooltipDirective], styles: [".pulse-critical[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-critical 2s ease-in-out infinite}@keyframes _ngcontent-%COMP%_pulse-critical{0%,to{opacity:1}50%{opacity:.7}}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MetricExecutiveSummaryComponent, [{
         type: Component,
-        args: [{
-                selector: 'symphiq-metric-executive-summary',
-                standalone: true,
-                imports: [
+        args: [{ selector: 'symphiq-metric-executive-summary', standalone: true, imports: [
                     CommonModule,
                     GradeBadgeComponent,
                     SymphiqIconComponent,
                     NapkinVisualPlaceholderComponent,
                     RelatedGoalChipsComponent,
                     TooltipDirective
-                ],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
+                ], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <section id="section-metric-executive-summary" class="space-y-6 scroll-mt-24">
       <!-- Metric Hero Banner -->
       <div [ngClass]="bannerClasses()" class="rounded-2xl p-8 shadow-xl">
@@ -70433,7 +70440,7 @@ class MetricExecutiveSummaryComponent {
 
             <!-- Pacing Status -->
             @if (summary().pacingStatus) {
-              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4 transition-all duration-200 group-hover:scale-[1.02] group-hover:shadow-lg">
+              <div [ngClass]="metricCardClasses()" [class.pulse-critical]="summary().pacingStatus === 'CRITICAL'" class="rounded-xl p-4 transition-all duration-200 group-hover:scale-[1.02] group-hover:shadow-lg">
                 <div class="flex items-center gap-2 mb-2">
                   <symphiq-icon
                     [icon]="{ name: 'arrow-trending-up', source: iconSource }"
@@ -70462,7 +70469,7 @@ class MetricExecutiveSummaryComponent {
 
             <!-- Health Status -->
             @if (summary().metricHealth) {
-              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4 transition-all duration-200 group-hover:scale-[1.02] group-hover:shadow-lg">
+              <div [ngClass]="metricCardClasses()" [class.pulse-critical]="summary().metricHealth === 'CRITICAL'" class="rounded-xl p-4 transition-all duration-200 group-hover:scale-[1.02] group-hover:shadow-lg">
                 <div class="flex items-center gap-2 mb-2">
                   <symphiq-icon
                     [icon]="{ name: 'heart', source: iconSource }"
@@ -70657,10 +70664,9 @@ class MetricExecutiveSummaryComponent {
         </div>
       </div>
     </section>
-  `
-            }]
+  `, styles: [".pulse-critical{animation:pulse-critical 2s ease-in-out infinite}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}\n"] }]
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: true }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], topPrioritiesClick: [{ type: i0.Output, args: ["topPrioritiesClick"] }], priorityDetailClick: [{ type: i0.Output, args: ["priorityDetailClick"] }], viewMetricDetailsClick: [{ type: i0.Output, args: ["viewMetricDetailsClick"] }], viewReportClick: [{ type: i0.Output, args: ["viewReportClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricExecutiveSummaryComponent, { className: "MetricExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-executive-summary.component.ts", lineNumber: 349 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricExecutiveSummaryComponent, { className: "MetricExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-executive-summary.component.ts", lineNumber: 358 }); })();
 
 const _c0$t = a0 => ({ name: "chevron-right", source: a0 });
 function GoalCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
@@ -76358,8 +76364,7 @@ class PerformanceOverviewContainerComponent {
             i0.ɵɵconditional(ctx.data().performanceMetrics ? 2 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.data().funnelContext ? 3 : -1);
-        } }, dependencies: [CommonModule,
-            PerformanceMetricsCardComponent,
+        } }, dependencies: [PerformanceMetricsCardComponent,
             FunnelContextCardComponent,
             MetricComparisonStatsComponent], encapsulation: 2, changeDetection: 0 }); }
 }
@@ -76369,7 +76374,6 @@ class PerformanceOverviewContainerComponent {
                 selector: 'symphiq-performance-overview-container',
                 standalone: true,
                 imports: [
-                    CommonModule,
                     PerformanceMetricsCardComponent,
                     FunnelContextCardComponent,
                     MetricComparisonStatsComponent
@@ -76411,7 +76415,7 @@ class PerformanceOverviewContainerComponent {
   `
             }]
     }], () => [], { performanceOverviewData: [{ type: i0.Input, args: [{ isSignal: true, alias: "performanceOverviewData", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], metricClick: [{ type: i0.Output, args: ["metricClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PerformanceOverviewContainerComponent, { className: "PerformanceOverviewContainerComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/performance-overview-container.component.ts", lineNumber: 58 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PerformanceOverviewContainerComponent, { className: "PerformanceOverviewContainerComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/performance-overview-container.component.ts", lineNumber: 57 }); })();
 
 const _c0$i = a0 => ({ name: "chevron-right", source: a0 });
 const _c1$6 = a0 => ({ name: "chevron-down", source: a0 });
@@ -81228,7 +81232,7 @@ class StrategyRecommendationsModalContentComponent {
                     }
                 }, 100);
             }
-        }, ...(ngDevMode ? [{ debugName: "expandRecommendationEffect", allowSignalWrites: true }] : [{ allowSignalWrites: true }]));
+        }, { ...(ngDevMode ? { debugName: "expandRecommendationEffect" } : {}), allowSignalWrites: true });
         this.cardClasses = computed(() => {
             if (this.isDark()) {
                 return 'bg-slate-800/40 border border-slate-700/40';
@@ -83976,124 +83980,124 @@ class GapDetailModalContentComponent {
                 standalone: true,
                 imports: [CommonModule, RelatedGoalChipsComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div class="space-y-6">
-      <!-- Header -->
-      <div [ngClass]="headerClasses()" class="rounded-xl p-6 border">
-        <div class="flex items-start gap-3 mb-4">
-          <div class="flex-shrink-0">
-            <svg class="w-8 h-8 text-orange-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
-            </svg>
-          </div>
-          <div class="flex-1">
-            <div class="flex items-center gap-3 mb-2">
-              <h3 [ngClass]="titleClasses()" class="text-2xl font-bold">
-                {{ gap()?.capability }}
-              </h3>
-              @if (gap()?.severity) {
-                <span [ngClass]="severityBadgeClasses()" class="px-3 py-1 rounded-full text-xs font-bold">
-                  {{ gap()?.severity }}
-                </span>
-              }
-            </div>
-            <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300">
-              Gap
-            </span>
-          </div>
-        </div>
-      </div>
-
-      <!-- Description -->
-      @if (gap()?.description) {
-        <div [ngClass]="cardClasses()" class="rounded-xl p-5 border">
-          <h4 [ngClass]="sectionTitleClasses()" class="text-base font-bold mb-4 flex items-center gap-2 pb-3 border-b" [class]="isDark() ? 'border-slate-700' : 'border-slate-200'">
-            <svg [ngClass]="sectionIconClasses()" class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
-            </svg>
-            Description
-          </h4>
-          <p [ngClass]="descriptionClasses()" class="text-base leading-relaxed">
-            {{ gap()?.description }}
-          </p>
-        </div>
-      }
-
-      <!-- Impact on Funnel -->
-      @if (gap()?.impactOnFunnel) {
-        <div [ngClass]="cardClasses()" class="rounded-xl p-5 border">
-          <h4 [ngClass]="sectionTitleClasses()" class="text-base font-bold mb-4 flex items-center gap-2 pb-3 border-b" [class]="isDark() ? 'border-slate-700' : 'border-slate-200'">
-            <svg [ngClass]="sectionIconClasses()" class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/>
-            </svg>
-            Impact on Funnel
-          </h4>
-          <p [ngClass]="descriptionClasses()" class="text-base leading-relaxed">
-            {{ gap()?.impactOnFunnel }}
-          </p>
-        </div>
-      }
-
-      <!-- Linked Funnel Weaknesses -->
-      @if (gap()?.linkedFunnelWeaknessIds && (gap()?.linkedFunnelWeaknessIds?.length ?? 0) > 0) {
-        <div [ngClass]="cardClasses()" class="rounded-xl p-5 border">
-          <h4 [ngClass]="sectionTitleClasses()" class="text-base font-bold mb-4 pb-3 border-b" [class]="isDark() ? 'border-slate-700' : 'border-slate-200'">
-            Related Funnel Weaknesses
-          </h4>
-          <div class="flex flex-wrap gap-2">
-            @for (weaknessId of gap()?.linkedFunnelWeaknessIds; track $index) {
-              <button
-                type="button"
-                (click)="openWeaknessDetail(weaknessId); $event.stopPropagation()"
-                [ngClass]="weaknessChipClasses()"
-                class="px-3 py-1.5 rounded-lg text-sm font-medium flex items-center gap-2 transition-all duration-200 hover:scale-105 hover:shadow-lg cursor-pointer group">
-                <span>{{ getWeaknessTitle(weaknessId) }}</span>
-                <svg class="w-4 h-4 transition-transform duration-200 group-hover:translate-x-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
-                </svg>
-              </button>
-            }
-          </div>
-        </div>
-      }
-
-      <!-- Linked Goals -->
-      @if (gap()?.linkedGoalIds && (gap()?.linkedGoalIds?.length ?? 0) > 0) {
-        <div [ngClass]="cardClasses()" class="rounded-xl p-5 border">
-          <h4 [ngClass]="sectionTitleClasses()" class="text-base font-bold mb-4 pb-3 border-b" [class]="isDark() ? 'border-slate-700' : 'border-slate-200'">
-            Related Goals
-          </h4>
-          <symphiq-related-goal-chips
-            [relatedGoalIds]="gap()?.linkedGoalIds ?? []"
-            [allGoals]="allGoals()"
-            [viewMode]="viewMode()"
-          />
-        </div>
-      }
-
-      <!-- Supporting Answers -->
-      @if (gap()?.supportingAnswers && (gap()?.supportingAnswers?.length ?? 0) > 0) {
-        <div [ngClass]="cardClasses()" class="rounded-xl p-5 border">
-          <h4 [ngClass]="sectionTitleClasses()" class="text-base font-bold mb-4 pb-3 border-b" [class]="isDark() ? 'border-slate-700' : 'border-slate-200'">
-            Supporting Evidence
-          </h4>
-          <div class="space-y-2">
-            @for (answer of gap()?.supportingAnswers; track $index) {
-              <div [ngClass]="answerItemClasses()" class="px-4 py-2 rounded-lg flex items-center gap-2">
-                <svg class="w-4 h-4 flex-shrink-0 text-orange-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
-                </svg>
-                <span [ngClass]="answerTextClasses()" class="text-sm">{{ answer.answer || answer }}</span>
-              </div>
-            }
-          </div>
-        </div>
-      }
-    </div>
+                template: `
+    <div class="space-y-6">
+      <!-- Header -->
+      <div [ngClass]="headerClasses()" class="rounded-xl p-6 border">
+        <div class="flex items-start gap-3 mb-4">
+          <div class="flex-shrink-0">
+            <svg class="w-8 h-8 text-orange-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
+            </svg>
+          </div>
+          <div class="flex-1">
+            <div class="flex items-center gap-3 mb-2">
+              <h3 [ngClass]="titleClasses()" class="text-2xl font-bold">
+                {{ gap()?.capability }}
+              </h3>
+              @if (gap()?.severity) {
+                <span [ngClass]="severityBadgeClasses()" class="px-3 py-1 rounded-full text-xs font-bold">
+                  {{ gap()?.severity }}
+                </span>
+              }
+            </div>
+            <span class="inline-block px-3 py-1 rounded-full text-xs font-semibold bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300">
+              Gap
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <!-- Description -->
+      @if (gap()?.description) {
+        <div [ngClass]="cardClasses()" class="rounded-xl p-5 border">
+          <h4 [ngClass]="sectionTitleClasses()" class="text-base font-bold mb-4 flex items-center gap-2 pb-3 border-b" [class]="isDark() ? 'border-slate-700' : 'border-slate-200'">
+            <svg [ngClass]="sectionIconClasses()" class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
+            </svg>
+            Description
+          </h4>
+          <p [ngClass]="descriptionClasses()" class="text-base leading-relaxed">
+            {{ gap()?.description }}
+          </p>
+        </div>
+      }
+
+      <!-- Impact on Funnel -->
+      @if (gap()?.impactOnFunnel) {
+        <div [ngClass]="cardClasses()" class="rounded-xl p-5 border">
+          <h4 [ngClass]="sectionTitleClasses()" class="text-base font-bold mb-4 flex items-center gap-2 pb-3 border-b" [class]="isDark() ? 'border-slate-700' : 'border-slate-200'">
+            <svg [ngClass]="sectionIconClasses()" class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/>
+            </svg>
+            Impact on Funnel
+          </h4>
+          <p [ngClass]="descriptionClasses()" class="text-base leading-relaxed">
+            {{ gap()?.impactOnFunnel }}
+          </p>
+        </div>
+      }
+
+      <!-- Linked Funnel Weaknesses -->
+      @if (gap()?.linkedFunnelWeaknessIds && (gap()?.linkedFunnelWeaknessIds?.length ?? 0) > 0) {
+        <div [ngClass]="cardClasses()" class="rounded-xl p-5 border">
+          <h4 [ngClass]="sectionTitleClasses()" class="text-base font-bold mb-4 pb-3 border-b" [class]="isDark() ? 'border-slate-700' : 'border-slate-200'">
+            Related Funnel Weaknesses
+          </h4>
+          <div class="flex flex-wrap gap-2">
+            @for (weaknessId of gap()?.linkedFunnelWeaknessIds; track $index) {
+              <button
+                type="button"
+                (click)="openWeaknessDetail(weaknessId); $event.stopPropagation()"
+                [ngClass]="weaknessChipClasses()"
+                class="px-3 py-1.5 rounded-lg text-sm font-medium flex items-center gap-2 transition-all duration-200 hover:scale-105 hover:shadow-lg cursor-pointer group">
+                <span>{{ getWeaknessTitle(weaknessId) }}</span>
+                <svg class="w-4 h-4 transition-transform duration-200 group-hover:translate-x-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+                </svg>
+              </button>
+            }
+          </div>
+        </div>
+      }
+
+      <!-- Linked Goals -->
+      @if (gap()?.linkedGoalIds && (gap()?.linkedGoalIds?.length ?? 0) > 0) {
+        <div [ngClass]="cardClasses()" class="rounded-xl p-5 border">
+          <h4 [ngClass]="sectionTitleClasses()" class="text-base font-bold mb-4 pb-3 border-b" [class]="isDark() ? 'border-slate-700' : 'border-slate-200'">
+            Related Goals
+          </h4>
+          <symphiq-related-goal-chips
+            [relatedGoalIds]="gap()?.linkedGoalIds ?? []"
+            [allGoals]="allGoals()"
+            [viewMode]="viewMode()"
+          />
+        </div>
+      }
+
+      <!-- Supporting Answers -->
+      @if (gap()?.supportingAnswers && (gap()?.supportingAnswers?.length ?? 0) > 0) {
+        <div [ngClass]="cardClasses()" class="rounded-xl p-5 border">
+          <h4 [ngClass]="sectionTitleClasses()" class="text-base font-bold mb-4 pb-3 border-b" [class]="isDark() ? 'border-slate-700' : 'border-slate-200'">
+            Supporting Evidence
+          </h4>
+          <div class="space-y-2">
+            @for (answer of gap()?.supportingAnswers; track $index) {
+              <div [ngClass]="answerItemClasses()" class="px-4 py-2 rounded-lg flex items-center gap-2">
+                <svg class="w-4 h-4 flex-shrink-0 text-orange-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
+                </svg>
+                <span [ngClass]="answerTextClasses()" class="text-sm">{{ answer.answer || answer }}</span>
+              </div>
+            }
+          </div>
+        </div>
+      }
+    </div>
   `
             }]
     }], null, { gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], allWeaknesses: [{ type: i0.Input, args: [{ isSignal: true, alias: "allWeaknesses", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GapDetailModalContentComponent, { className: "GapDetailModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/gap-detail-modal-content.component.ts", lineNumber: 129 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GapDetailModalContentComponent, { className: "GapDetailModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/gap-detail-modal-content.component.ts", lineNumber: 133 }); })();
 
 const _c0$f = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$j = ($index, $item) => $item.id || $index;
@@ -89087,10 +89091,7 @@ class ProfileQuestionAnswerComponent {
     }
     static { this.ɵfac = function ProfileQuestionAnswerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileQuestionAnswerComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileQuestionAnswerComponent, selectors: [["symphiq-profile-question-answer"]], viewQuery: function ProfileQuestionAnswerComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$c, 5);
-            i0.ɵɵviewQuery(_c1$4, 5);
-            i0.ɵɵviewQuery(_c2$4, 5);
-            i0.ɵɵviewQuery(_c3$2, 5);
+            i0.ɵɵviewQuery(_c0$c, 5)(_c1$4, 5)(_c2$4, 5)(_c3$2, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
@@ -91001,9 +91002,7 @@ class ProfileQuestionsModalComponent {
     }
     static { this.ɵfac = function ProfileQuestionsModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileQuestionsModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileQuestionsModalComponent, selectors: [["symphiq-profile-questions-modal"]], viewQuery: function ProfileQuestionsModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$b, 5);
-            i0.ɵɵviewQuery(_c1$3, 5);
-            i0.ɵɵviewQuery(_c2$3, 5);
+            i0.ɵɵviewQuery(_c0$b, 5)(_c1$3, 5)(_c2$3, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
@@ -92883,6 +92882,16 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
     i0.ɵɵconditional(!ctx_r1.hasBillingCurrency() || ctx_r1.isEditingCurrency() ? 1 : ctx_r1.showPlanSelection() ? 2 : 3);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 32)(1, "symphiq-profile-status-card", 33);
+    i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_4_Template_symphiq_profile_status_card_startCategoryQuestions_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleStartCategoryQuestions($event)); })("answerSave", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_4_Template_symphiq_profile_status_card_answerSave_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleProfileQuestionAnswerSave($event)); })("adminAnswerAction", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_4_Template_symphiq_profile_status_card_adminAnswerAction_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.shopProfileAdminAnswerAction.emit($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("totalQuestions", ctx_r1.totalShopQuestions())("answeredQuestions", ctx_r1.answeredShopQuestions())("questions", ctx_r1.profileShopQuestions() || i0.ɵɵpureFunction0(10, _c2$2))("profileAnswers", ctx_r1.profileAnswers() || i0.ɵɵpureFunction0(11, _c2$2))("profileAnswerHistories", ctx_r1.profileAnswerHistories() || i0.ɵɵpureFunction0(12, _c2$2))("users", ctx_r1.users() || i0.ɵɵpureFunction0(13, _c2$2))("config", ctx_r1.shopProfileStatusCardConfig)("groupConfig", ctx_r1.shopProfileStatusCardGroupConfig)("currentUser", ctx_r1.currentUser());
+} }
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 45);
     i0.ɵɵelementEnd();
@@ -92896,7 +92905,8 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template(rf,
     i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_1_Template, 3, 3, "div", 32);
     i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Template, 4, 1, "div", 32);
     i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Template, 4, 1, "div", 32);
-    i0.ɵɵconditionalCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_4_Template, 2, 10, "div");
+    i0.ɵɵconditionalCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_4_Template, 2, 14, "div", 32);
+    i0.ɵɵconditionalCreate(5, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_5_Template, 2, 10, "div");
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵconditional(ctx_r1.shouldShowShopProfileStatus() && !ctx_r1.isMetricAnalysis() && !ctx_r1.profileAnalysis() ? 0 : -1);
@@ -92907,24 +92917,26 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r1.isSubscriptionActive() && !ctx_r1.isMetricAnalysis() ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.nonStrategicSections().length > 0 ? 4 : -1);
+    i0.ɵɵconditional(ctx_r1.shouldShowPostAnalysisShopProfile() ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.nonStrategicSections().length > 0 && !ctx_r1.isLoading() ? 5 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-grade-badge", 55);
 } if (rf & 2) {
-    const summary_r9 = i0.ɵɵnextContext();
+    const summary_r10 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("grade", summary_r9.overallGrade)("gradeRationale", summary_r9.gradeRationale || "")("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("grade", summary_r10.overallGrade)("gradeRationale", summary_r10.gradeRationale || "")("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 68);
     i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 71);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const summary_r9 = i0.ɵɵnextContext(2);
+    const summary_r10 = i0.ɵɵnextContext(2);
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("visual", summary_r9.napkinVisual)("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("visual", summary_r10.napkinVisual)("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 56)(1, "h3", 66);
@@ -92938,17 +92950,17 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵelement(7, "div", 70);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const summary_r9 = i0.ɵɵnextContext();
+    const summary_r10 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getNarrativeClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getSubheadingClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(summary_r9.napkinVisual && summary_r9.napkinVisual.enabled ? 4 : -1);
+    i0.ɵɵconditional(summary_r10.napkinVisual && summary_r10.napkinVisual.enabled ? 4 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getTextClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", summary_r9.narrative, " ");
+    i0.ɵɵtextInterpolate1(" ", summary_r10.narrative, " ");
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 81);
@@ -92961,11 +92973,11 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const entry_r10 = i0.ɵɵnextContext().$implicit;
+    const entry_r11 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("ngClass", ctx_r1.getMetaTextClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(entry_r10.win.estimatedTimeframe);
+    i0.ɵɵtextInterpolate(entry_r11.win.estimatedTimeframe);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 82)(1, "h4", 85);
@@ -92974,12 +92986,12 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵelement(3, "symphiq-related-goal-chips", 86);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const entry_r10 = i0.ɵɵnextContext().$implicit;
+    const entry_r11 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getMetaTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c5, entry_r10.win.relatedGoalId))("allGoals", ctx_r1.allGoals())("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c5, entry_r11.win.relatedGoalId))("allGoals", ctx_r1.allGoals())("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 74)(1, "div", 75)(2, "div", 76)(3, "span", 77);
@@ -92998,29 +93010,29 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵconditionalCreate(13, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 82);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const entry_r10 = ctx.$implicit;
+    const entry_r11 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinCardClasses());
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r1.getNumberBadgeClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", entry_r10.index, " ");
+    i0.ɵɵtextInterpolate1(" ", entry_r11.index, " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinTextClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", entry_r10.win.action, " ");
+    i0.ɵɵtextInterpolate1(" ", entry_r11.win.action, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", entry_r10.effortBadgeClasses);
+    i0.ɵɵproperty("ngClass", entry_r11.effortBadgeClasses);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", entry_r10.effortLabel, " Effort ");
+    i0.ɵɵtextInterpolate1(" ", entry_r11.effortLabel, " Effort ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", entry_r10.impactBadgeClasses);
+    i0.ɵɵproperty("ngClass", entry_r11.impactBadgeClasses);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", entry_r10.impactLabel, " Impact ");
+    i0.ɵɵtextInterpolate1(" ", entry_r11.impactLabel, " Impact ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(entry_r10.win.estimatedTimeframe ? 12 : -1);
+    i0.ɵɵconditional(entry_r11.win.estimatedTimeframe ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(entry_r10.win.relatedGoalId ? 13 : -1);
+    i0.ɵɵconditional(entry_r11.win.relatedGoalId ? 13 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 65)(1, "h3", 72);
@@ -93037,7 +93049,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵrepeater(ctx_r1.quickWinsDisplay());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
+    const _r9 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "section", 46)(1, "div", 49)(2, "div", 50)(3, "div", 51)(4, "div", 52)(5, "h2", 53);
     i0.ɵɵtext(6, " Executive Summary ");
     i0.ɵɵelementEnd();
@@ -93048,7 +93060,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(10, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_10_Template, 8, 5, "div", 56);
     i0.ɵɵelementStart(11, "div", 57)(12, "button", 58);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_button_click_12_listener() { const summary_r9 = i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r9)); });
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_button_click_12_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r10)); });
     i0.ɵɵelementStart(13, "div", 59);
     i0.ɵɵtext(14, " Key Strengths ");
     i0.ɵɵelementEnd();
@@ -93061,7 +93073,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵelement(20, "symphiq-icon", 63);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(21, "button", 58);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_button_click_21_listener() { const summary_r9 = i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r9)); });
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_button_click_21_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r10)); });
     i0.ɵɵelementStart(22, "div", 59);
     i0.ɵɵtext(23, " Critical Gaps ");
     i0.ɵɵelementEnd();
@@ -93074,7 +93086,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵelement(29, "symphiq-icon", 63);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(30, "button", 58);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
     i0.ɵɵelementStart(31, "div", 59);
     i0.ɵɵtext(32, " Quick Wins ");
     i0.ɵɵelementEnd();
@@ -93089,7 +93101,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵconditionalCreate(39, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_Template, 6, 1, "div", 65);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const summary_r9 = ctx;
+    const summary_r10 = ctx;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getBannerClasses());
@@ -93098,11 +93110,11 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getTextClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", summary_r9.gradeRationale, " ");
+    i0.ɵɵtextInterpolate1(" ", summary_r10.gradeRationale, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(summary_r9.overallGrade ? 9 : -1);
+    i0.ɵɵconditional(summary_r10.overallGrade ? 9 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(summary_r9.narrative ? 10 : -1);
+    i0.ɵɵconditional(summary_r10.narrative ? 10 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getKeyStrengthsStatCardClasses());
     i0.ɵɵadvance();
@@ -93110,7 +93122,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getKeyStrengthsStatValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (summary_r9.keyStrengths == null ? null : summary_r9.keyStrengths.length) || 0, " ");
+    i0.ɵɵtextInterpolate1(" ", (summary_r10.keyStrengths == null ? null : summary_r10.keyStrengths.length) || 0, " ");
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getKeyStrengthsButtonTextClasses());
     i0.ɵɵadvance(2);
@@ -93122,7 +93134,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getCriticalGapsStatValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (summary_r9.criticalGaps == null ? null : summary_r9.criticalGaps.length) || 0, " ");
+    i0.ɵɵtextInterpolate1(" ", (summary_r10.criticalGaps == null ? null : summary_r10.criticalGaps.length) || 0, " ");
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getCriticalGapsButtonTextClasses());
     i0.ɵɵadvance(2);
@@ -93134,7 +93146,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinsStatValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (summary_r9.quickWins == null ? null : summary_r9.quickWins.length) || 0, " ");
+    i0.ɵɵtextInterpolate1(" ", (summary_r10.quickWins == null ? null : summary_r10.quickWins.length) || 0, " ");
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinsButtonTextClasses());
     i0.ɵɵadvance(2);
@@ -93143,9 +93155,9 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵconditional(ctx_r1.quickWinsDisplay().length > 0 ? 39 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
+    const _r12 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 87);
-    i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricPriorityDetailClick($event)); })("viewMetricDetailsClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_metric_executive_summary_viewMetricDetailsClick_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricViewDetailsClick()); });
+    i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricPriorityDetailClick($event)); })("viewMetricDetailsClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_metric_executive_summary_viewMetricDetailsClick_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricViewDetailsClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -93154,49 +93166,49 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-section-divider", 88);
 } if (rf & 2) {
-    const sectionList_r12 = i0.ɵɵnextContext();
+    const sectionList_r13 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r12[0].icon);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r13[0].icon);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_0_Template, 1, 2, "symphiq-section-divider", 88);
 } if (rf & 2) {
-    const sectionList_r12 = ctx;
-    i0.ɵɵconditional(sectionList_r12.length > 0 && sectionList_r12[0].icon ? 0 : -1);
+    const sectionList_r13 = ctx;
+    i0.ɵɵconditional(sectionList_r13.length > 0 && sectionList_r13[0].icon ? 0 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 91);
     i0.ɵɵelement(1, "symphiq-icon", 95);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const section_r13 = i0.ɵɵnextContext().$implicit;
+    const section_r14 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.getSectionIconClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", section_r13.icon);
+    i0.ɵɵproperty("icon", section_r14.icon);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 97);
     i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 71);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const section_r13 = i0.ɵɵnextContext(2).$implicit;
+    const section_r14 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("visual", section_r13.visual)("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("visual", section_r14.visual)("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 99)(1, "p", 69);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const section_r13 = i0.ɵɵnextContext(2).$implicit;
+    const section_r14 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("lg:w-1/3", section_r13.visual && section_r13.visual.enabled)("lg:w-full", !section_r13.visual || !section_r13.visual.enabled);
+    i0.ɵɵclassProp("lg:w-1/3", section_r14.visual && section_r14.visual.enabled)("lg:w-full", !section_r14.visual || !section_r14.visual.enabled);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getSectionDescriptionClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", section_r13.description, " ");
+    i0.ɵɵtextInterpolate1(" ", section_r14.description, " ");
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 96);
@@ -93204,22 +93216,22 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 98);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext();
-    const section_r13 = ctx_r13.$implicit;
-    const ɵ$index_228_r15 = ctx_r13.$index;
-    i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_228_r15 % 2 === 0);
+    const ctx_r14 = i0.ɵɵnextContext();
+    const section_r14 = ctx_r14.$implicit;
+    const ɵ$index_233_r16 = ctx_r14.$index;
+    i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_233_r16 % 2 === 0);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(section_r13.visual && section_r13.visual.enabled ? 1 : -1);
+    i0.ɵɵconditional(section_r14.visual && section_r14.visual.enabled ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(section_r13.description ? 2 : -1);
+    i0.ɵɵconditional(section_r14.description ? 2 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-section-divider", 88);
 } if (rf & 2) {
-    const ɵ$index_228_r15 = i0.ɵɵnextContext().$index;
-    const sectionList_r16 = i0.ɵɵnextContext();
+    const ɵ$index_233_r16 = i0.ɵɵnextContext().$index;
+    const sectionList_r17 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r16[ɵ$index_228_r15 + 1].icon);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r17[ɵ$index_233_r16 + 1].icon);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 89)(1, "div", 90);
@@ -93232,23 +93244,23 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 88);
 } if (rf & 2) {
-    const section_r13 = ctx.$implicit;
-    const ɵ$index_228_r15 = ctx.$index;
-    const ɵ$count_228_r17 = ctx.$count;
+    const section_r14 = ctx.$implicit;
+    const ɵ$index_233_r16 = ctx.$index;
+    const ɵ$count_233_r18 = ctx.$count;
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("id", "section-" + section_r13.id)("ngClass", ctx_r1.getSectionCardClasses());
+    i0.ɵɵproperty("id", "section-" + section_r14.id)("ngClass", ctx_r1.getSectionCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(section_r13.icon ? 2 : -1);
+    i0.ɵɵconditional(section_r14.icon ? 2 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getSectionTitleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", section_r13.title, " ");
+    i0.ɵɵtextInterpolate1(" ", section_r14.title, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(section_r13.description || section_r13.visual && section_r13.visual.enabled ? 6 : -1);
+    i0.ɵɵconditional(section_r14.description || section_r14.visual && section_r14.visual.enabled ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("section", section_r13)("executiveSummary", section_r13.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_228_r15)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
+    i0.ɵɵproperty("section", section_r14)("executiveSummary", section_r14.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_233_r16)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ɵ$index_228_r15 === ɵ$count_228_r17 - 1) ? 8 : -1);
+    i0.ɵɵconditional(!(ɵ$index_233_r16 === ɵ$count_233_r18 - 1) ? 8 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "section", 48);
@@ -93292,82 +93304,82 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_11_Template(rf
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-goal-card", 13);
 } if (rf & 2) {
-    const data_r18 = ctx;
+    const data_r19 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("goal", data_r18.goal)("viewMode", data_r18.viewMode)("isInModal", true)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("currentModalState", ctx_r1.getCurrentModalState())("businessProfile", ctx_r1.profile());
+    i0.ɵɵproperty("goal", data_r19.goal)("viewMode", data_r19.viewMode)("isInModal", true)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("currentModalState", ctx_r1.getCurrentModalState())("businessProfile", ctx_r1.profile());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content", 14);
 } if (rf & 2) {
-    const data_r19 = ctx;
-    i0.ɵɵproperty("goal", data_r19.goal)("viewMode", data_r19.viewMode);
+    const data_r20 = ctx;
+    i0.ɵɵproperty("goal", data_r20.goal)("viewMode", data_r20.viewMode);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content", 15);
 } if (rf & 2) {
-    const data_r20 = ctx;
-    i0.ɵɵproperty("objective", data_r20.objective)("goalTitle", data_r20.goalTitle)("viewMode", data_r20.viewMode);
+    const data_r21 = ctx;
+    i0.ɵɵproperty("objective", data_r21.objective)("goalTitle", data_r21.goalTitle)("viewMode", data_r21.viewMode);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 16);
 } if (rf & 2) {
-    const data_r21 = ctx;
+    const data_r22 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("strategy", data_r21.strategy)("objectiveTitle", data_r21.objectiveTitle)("goalTitle", data_r21.goalTitle)("viewMode", data_r21.viewMode)("expandedRecommendationId", data_r21.expandedRecommendationId)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("allBusinessInsights", ctx_r1.allBusinessInsights())("currentModalState", ctx_r1.getCurrentModalState());
+    i0.ɵɵproperty("strategy", data_r22.strategy)("objectiveTitle", data_r22.objectiveTitle)("goalTitle", data_r22.goalTitle)("viewMode", data_r22.viewMode)("expandedRecommendationId", data_r22.expandedRecommendationId)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("allBusinessInsights", ctx_r1.allBusinessInsights())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-category-detail-modal-content", 17);
 } if (rf & 2) {
-    const data_r22 = ctx;
-    i0.ɵɵproperty("category", data_r22.category)("viewMode", data_r22.viewMode)("scrollToSection", data_r22.scrollToSection);
+    const data_r23 = ctx;
+    i0.ɵɵproperty("category", data_r23.category)("viewMode", data_r23.viewMode)("scrollToSection", data_r23.scrollToSection);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-strength-detail-modal-content", 18);
 } if (rf & 2) {
-    const data_r23 = ctx;
+    const data_r24 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("strength", data_r23.strength)("viewMode", data_r23.viewMode)("allFunnelStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
+    i0.ɵɵproperty("strength", data_r24.strength)("viewMode", data_r24.viewMode)("allFunnelStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-gap-detail-modal-content", 19);
 } if (rf & 2) {
-    const data_r24 = ctx;
+    const data_r25 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("gap", data_r24.gap)("viewMode", data_r24.viewMode)("allGoals", ctx_r1.allGoals())("allWeaknesses", ctx_r1.funnelWeaknesses())("currentModalState", ctx_r1.getCurrentModalState());
+    i0.ɵɵproperty("gap", data_r25.gap)("viewMode", data_r25.viewMode)("allGoals", ctx_r1.allGoals())("allWeaknesses", ctx_r1.funnelWeaknesses())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-opportunity-detail-modal-content", 20);
 } if (rf & 2) {
-    const data_r25 = ctx;
+    const data_r26 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("opportunity", data_r25.opportunity)("viewMode", data_r25.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
+    i0.ɵɵproperty("opportunity", data_r26.opportunity)("viewMode", data_r26.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
+    const _r27 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 100);
-    i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_26_Template_symphiq_sticky_subscription_continue_button_continueClick_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleStickyButtonClick()); });
+    i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_26_Template_symphiq_sticky_subscription_continue_button_continueClick_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleStickyButtonClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("isEnabled", ctx_r1.hasCurrencySelected())("isLoading", ctx_r1.isCurrencySelectionLoading());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
+    const _r28 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-profile-sticky-footer", 101);
-    i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template_symphiq_profile_sticky_footer_continueClick_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleShopProfileContinueClick()); });
+    i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template_symphiq_profile_sticky_footer_continueClick_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleShopProfileContinueClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("totalQuestions", ctx_r1.totalShopQuestions())("answeredQuestions", ctx_r1.answeredShopQuestions())("buttonConfig", ctx_r1.shopProfileStickyFooterButtonConfig);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
+    const _r29 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 25)(1, "div", 102)(2, "div", 103)(3, "button", 104);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCancelCurrencyEdit()); });
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCancelCurrencyEdit()); });
     i0.ɵɵtext(4, " Cancel ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "button", 105);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleContinueToPlans()); });
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleContinueToPlans()); });
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7, "Continue to Plans");
     i0.ɵɵelementEnd();
@@ -93457,7 +93469,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
         this.accountSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "accountSignal" }] : []));
         this.accountInputEffect = effect(() => {
             this.accountSignal.set(this.account());
-        }, ...(ngDevMode ? [{ debugName: "accountInputEffect", allowSignalWrites: true }] : [{ allowSignalWrites: true }]));
+        }, { ...(ngDevMode ? { debugName: "accountInputEffect" } : {}), allowSignalWrites: true });
         this.profileIndexEffect = effect(() => {
             const profileToUse = this.profile();
             if (profileToUse?.profileStructured?.sections) {
@@ -93530,6 +93542,13 @@ class SymphiqProfileShopAnalysisDashboardComponent {
         this.shouldShowHeaderControls = computed(() => {
             return !!this.profileAnalysis() && this.profileShop()?.selfContentStatus === AiDynamicContentStatusEnum.GENERATED;
         }, ...(ngDevMode ? [{ debugName: "shouldShowHeaderControls" }] : []));
+        this.shouldShowPostAnalysisShopProfile = computed(() => {
+            const profileAnalysis = this.profileAnalysis();
+            return this.isSimplifiedView() &&
+                !this.isMetricAnalysis() &&
+                !!profileAnalysis &&
+                profileAnalysis.selfContentStatus === AiDynamicContentStatusEnum.GENERATED;
+        }, ...(ngDevMode ? [{ debugName: "shouldShowPostAnalysisShopProfile" }] : []));
         this.totalShopQuestions = computed(() => {
             return this.profileShopQuestions()?.length || 0;
         }, ...(ngDevMode ? [{ debugName: "totalShopQuestions" }] : []));
@@ -94403,16 +94422,14 @@ class SymphiqProfileShopAnalysisDashboardComponent {
     }
     static { this.ɵfac = function SymphiqProfileShopAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileShopAnalysisDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileShopAnalysisDashboardComponent, selectors: [["symphiq-profile-shop-analysis-dashboard"]], viewQuery: function SymphiqProfileShopAnalysisDashboardComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(ModalComponent, 5);
-            i0.ɵɵviewQuery(_c0$9, 5);
-            i0.ɵɵviewQuery(_c1$2, 5);
+            i0.ɵɵviewQuery(ModalComponent, 5)(_c0$9, 5)(_c1$2, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.shopProfileStatusCard = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.planSelectionContainer = _t.first);
         } }, hostBindings: function SymphiqProfileShopAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("scroll", function SymphiqProfileShopAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
+            i0.ɵɵlistener("scroll", function SymphiqProfileShopAnalysisDashboardComponent_scroll_HostBindingHandler() { return ctx.onWindowScroll(); }, i0.ɵɵresolveWindow);
         } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 59, consts: [["shopProfileStatusCard", ""], ["planSelectionContainer", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], ["title", "Loading Your Shop Profile Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [1, "mb-8"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], [3, "goals", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "selectionChanged", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [1, "mb-32"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2);
             i0.ɵɵelement(1, "div", 3)(2, "symphiq-scroll-progress-bar", 4);
@@ -94422,7 +94439,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             i0.ɵɵconditionalCreate(5, SymphiqProfileShopAnalysisDashboardComponent_Conditional_5_Template, 1, 5, "symphiq-journey-progress-indicator", 7);
             i0.ɵɵelementStart(6, "main", 8);
             i0.ɵɵconditionalCreate(7, SymphiqProfileShopAnalysisDashboardComponent_Conditional_7_Template, 4, 3);
-            i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template, 5, 5);
+            i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template, 6, 6);
             i0.ɵɵconditionalCreate(9, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Template, 4, 4);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(10, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Template, 1, 4, "symphiq-floating-toc", 9);
@@ -94728,8 +94745,29 @@ class SymphiqProfileShopAnalysisDashboardComponent {
               </div>
             }
 
+            <!-- Shop Profile (Post-Analysis) -->
+            @if (shouldShowPostAnalysisShopProfile()) {
+              <div class="mb-8">
+                <symphiq-profile-status-card
+                    [viewMode]="viewMode()"
+                    [totalQuestions]="totalShopQuestions()"
+                    [answeredQuestions]="answeredShopQuestions()"
+                    [questions]="profileShopQuestions() || []"
+                    [profileAnswers]="profileAnswers() || []"
+                    [profileAnswerHistories]="profileAnswerHistories() || []"
+                    [users]="users() || []"
+                    [config]="shopProfileStatusCardConfig"
+                    [groupConfig]="shopProfileStatusCardGroupConfig"
+                    [currentUser]="currentUser()"
+                    (startCategoryQuestions)="handleStartCategoryQuestions($event)"
+                    (answerSave)="handleProfileQuestionAnswerSave($event)"
+                    (adminAnswerAction)="shopProfileAdminAnswerAction.emit($event)"
+                />
+              </div>
+            }
+
             <!-- Supporting Business Context -->
-            @if (nonStrategicSections().length > 0) {
+            @if (nonStrategicSections().length > 0 && !isLoading()) {
               <div>
                 <symphiq-collapsible-analysis-section-group
                     [sections]="nonStrategicSections()"
@@ -95234,9 +95272,9 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             args: ['planSelectionContainer']
         }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], account: [{ type: i0.Input, args: [{ isSignal: true, alias: "account", required: false }] }], profileShop: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShop", required: false }] }], profileShopQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShopQuestions", required: false }] }], profileAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswers", required: false }] }], profileAnswerHistories: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswerHistories", required: false }] }], itemStatusProfileShop: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusProfileShop", required: false }] }], itemStatusProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusProfileAnalysis", required: false }] }], planCardInfos: [{ type: i0.Input, args: [{ isSignal: true, alias: "planCardInfos", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], currencySelectionClick: [{ type: i0.Output, args: ["currencySelectionClick"] }], editCurrencyClick: [{ type: i0.Output, args: ["editCurrencyClick"] }], periodUnitChanged: [{ type: i0.Output, args: ["periodUnitChanged"] }], planSelected: [{ type: i0.Output, args: ["planSelected"] }], checkoutPlanClick: [{ type: i0.Output, args: ["checkoutPlanClick"] }], answerShopProfileQuestions: [{ type: i0.Output, args: ["answerShopProfileQuestions"] }], continueShopProfileQuestions: [{ type: i0.Output, args: ["continueShopProfileQuestions"] }], profileQuestionAnswerSave: [{ type: i0.Output, args: ["profileQuestionAnswerSave"] }], shopProfileAdminAnswerAction: [{ type: i0.Output, args: ["shopProfileAdminAnswerAction"] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], markAsReviewedClick: [{ type: i0.Output, args: ["markAsReviewedClick"] }], onWindowScroll: [{
             type: HostListener,
-            args: ['window:scroll', ['$event']]
+            args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileShopAnalysisDashboardComponent, { className: "SymphiqProfileShopAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/symphiq-profile-shop-analysis-dashboard.component.ts", lineNumber: 829 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileShopAnalysisDashboardComponent, { className: "SymphiqProfileShopAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/symphiq-profile-shop-analysis-dashboard.component.ts", lineNumber: 850 }); })();
 
 function ProfileAnalysisStatusSummaryComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 3);
@@ -95661,6 +95699,131 @@ class ProfileAnalysisStatusSummaryComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], profileStatusCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileStatusCounts", required: false }] }], analysisStatusCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysisStatusCounts", required: false }] }], allReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "allReviewed", required: false }] }], hasItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasItems", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisStatusSummaryComponent, { className: "ProfileAnalysisStatusSummaryComponent", filePath: "lib/components/shared/profile-analysis-status-summary.component.ts", lineNumber: 264 }); })();
 
+function ProfileProgressIndicatorComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 3);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵdomElementStart(1, "svg", 6);
+    i0.ɵɵdomElement(2, "path", 7);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵtext(3, " Complete ");
+    i0.ɵɵdomElementEnd();
+} }
+function ProfileProgressIndicatorComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 4);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵdomElementStart(1, "svg", 6);
+    i0.ɵɵdomElement(2, "path", 8);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵtext(3, " In Progress ");
+    i0.ɵɵdomElementEnd();
+} }
+function ProfileProgressIndicatorComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 5);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵdomElementStart(1, "svg", 6);
+    i0.ɵɵdomElement(2, "path", 9);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵtext(3, " Not Started ");
+    i0.ɵɵdomElementEnd();
+} }
+class ProfileProgressIndicatorComponent {
+    constructor() {
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.questionsAnswered = input(0, ...(ngDevMode ? [{ debugName: "questionsAnswered" }] : []));
+        this.totalQuestions = input(0, ...(ngDevMode ? [{ debugName: "totalQuestions" }] : []));
+        this.progressPercent = input(0, ...(ngDevMode ? [{ debugName: "progressPercent" }] : []));
+        this.status = input('not-started', ...(ngDevMode ? [{ debugName: "status" }] : []));
+        this.label = input('Profile progress', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
+        this.labelClasses = computed(() => 'text-slate-600 dark:text-slate-400', ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
+        this.valueClasses = computed(() => 'font-semibold text-slate-900 dark:text-white', ...(ngDevMode ? [{ debugName: "valueClasses" }] : []));
+        this.progressBarContainerClasses = computed(() => 'w-full bg-slate-200 dark:bg-slate-700 rounded-full h-2 overflow-hidden', ...(ngDevMode ? [{ debugName: "progressBarContainerClasses" }] : []));
+    }
+    static { this.ɵfac = function ProfileProgressIndicatorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileProgressIndicatorComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileProgressIndicatorComponent, selectors: [["symphiq-profile-progress-indicator"]], inputs: { viewMode: [1, "viewMode"], questionsAnswered: [1, "questionsAnswered"], totalQuestions: [1, "totalQuestions"], progressPercent: [1, "progressPercent"], status: [1, "status"], label: [1, "label"] }, decls: 11, vars: 12, consts: [[1, "space-y-2"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"]], template: function ProfileProgressIndicatorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1)(2, "span");
+            i0.ɵɵtext(3);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(4, "span");
+            i0.ɵɵtext(5);
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(6, "div");
+            i0.ɵɵdomElement(7, "div", 2);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(8, ProfileProgressIndicatorComponent_Conditional_8_Template, 4, 0, "div", 3)(9, ProfileProgressIndicatorComponent_Conditional_9_Template, 4, 0, "div", 4)(10, ProfileProgressIndicatorComponent_Conditional_10_Template, 4, 0, "div", 5);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassMap(ctx.labelClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.label());
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.valueClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate2("", ctx.questionsAnswered(), " / ", ctx.totalQuestions());
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.progressBarContainerClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵstyleProp("width", ctx.progressPercent(), "%");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.status() === "complete" ? 8 : ctx.status() === "in-progress" ? 9 : 10);
+        } }, dependencies: [CommonModule], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileProgressIndicatorComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-profile-progress-indicator',
+                standalone: true,
+                imports: [CommonModule],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <div class="space-y-2">
+      <div class="flex items-center justify-between text-sm">
+        <span [class]="labelClasses()">{{ label() }}</span>
+        <span [class]="valueClasses()">{{ questionsAnswered() }} / {{ totalQuestions() }}</span>
+      </div>
+
+      <div [class]="progressBarContainerClasses()">
+        <div
+          class="h-full bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full transition-all duration-500"
+          [style.width.%]="progressPercent()"
+        ></div>
+      </div>
+
+      @if (status() === 'complete') {
+        <div class="flex items-center gap-1 text-xs text-green-600 dark:text-green-400 font-medium">
+          <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+            <path fill-rule="evenodd"
+                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+                  clip-rule="evenodd"/>
+          </svg>
+          Complete
+        </div>
+      } @else if (status() === 'in-progress') {
+        <div class="flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 font-medium">
+          <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+            <path fill-rule="evenodd"
+                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z"
+                  clip-rule="evenodd"/>
+          </svg>
+          In Progress
+        </div>
+      } @else {
+        <div class="flex items-center gap-1 text-xs text-slate-500 dark:text-slate-400 font-medium">
+          <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+            <path fill-rule="evenodd"
+                  d="M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z"
+                  clip-rule="evenodd"/>
+          </svg>
+          Not Started
+        </div>
+      }
+    </div>
+  `
+            }]
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], questionsAnswered: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionsAnswered", required: false }] }], totalQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalQuestions", required: false }] }], progressPercent: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressPercent", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileProgressIndicatorComponent, { className: "ProfileProgressIndicatorComponent", filePath: "lib/components/shared/profile-progress-indicator.component.ts", lineNumber: 62 }); })();
+
 const _forTrack0$7 = ($index, $item) => $item.card.id;
 function ProfileAnalysisCardGridComponent_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
@@ -95722,69 +95885,21 @@ function ProfileAnalysisCardGridComponent_For_2_Conditional_14_Template(rf, ctx)
     i0.ɵɵtext(3, "Profile Generation Pending");
     i0.ɵɵelementEnd()();
 } }
-function ProfileAnalysisCardGridComponent_For_2_Conditional_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 30);
-    i0.ɵɵelement(2, "path", 31);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3, " Complete ");
-    i0.ɵɵelementEnd();
-} }
-function ProfileAnalysisCardGridComponent_For_2_Conditional_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 30);
-    i0.ɵɵelement(2, "path", 32);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3, " In Progress ");
-    i0.ɵɵelementEnd();
-} }
-function ProfileAnalysisCardGridComponent_For_2_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29);
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 30);
-    i0.ɵɵelement(2, "path", 33);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3, " Not Started ");
-    i0.ɵɵelementEnd();
-} }
 function ProfileAnalysisCardGridComponent_For_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 24);
     i0.ɵɵlistener("click", function ProfileAnalysisCardGridComponent_For_2_Conditional_15_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r4); const item_r1 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handleProfileClick(item_r1.card)); });
-    i0.ɵɵelementStart(1, "div", 25)(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span");
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div");
-    i0.ɵɵelement(7, "div", 26);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, ProfileAnalysisCardGridComponent_For_2_Conditional_15_Conditional_8_Template, 4, 0, "div", 27)(9, ProfileAnalysisCardGridComponent_For_2_Conditional_15_Conditional_9_Template, 4, 0, "div", 28)(10, ProfileAnalysisCardGridComponent_For_2_Conditional_15_Conditional_10_Template, 4, 0, "div", 29);
+    i0.ɵɵelement(1, "symphiq-profile-progress-indicator", 25);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r1 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r2.labelClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.resolvedConfig().profileProgressLabel);
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r2.valueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2("", item_r1.card.questionsAnswered, " / ", item_r1.card.totalQuestions);
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r2.progressBarContainerClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵstyleProp("width", item_r1.card.progressPercent, "%");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r1.card.status === "complete" ? 8 : item_r1.card.status === "in-progress" ? 9 : 10);
+    i0.ɵɵproperty("viewMode", ctx_r2.viewMode())("questionsAnswered", item_r1.card.questionsAnswered)("totalQuestions", item_r1.card.totalQuestions)("progressPercent", item_r1.card.progressPercent)("status", ctx_r2.toProgressStatus(item_r1.card.status))("label", ctx_r2.resolvedConfig().profileProgressLabel);
 } }
 function ProfileAnalysisCardGridComponent_For_2_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelement(1, "symphiq-content-generation-progress", 34);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress", 26);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r1 = i0.ɵɵnextContext().$implicit;
@@ -95794,7 +95909,7 @@ function ProfileAnalysisCardGridComponent_For_2_Conditional_16_Template(rf, ctx)
 } }
 function ProfileAnalysisCardGridComponent_For_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelement(1, "symphiq-content-generation-progress", 34);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress", 26);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r1 = i0.ɵɵnextContext().$implicit;
@@ -95804,17 +95919,17 @@ function ProfileAnalysisCardGridComponent_For_2_Conditional_17_Template(rf, ctx)
 } }
 function ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵelementStart(0, "div", 29);
     i0.ɵɵlistener("click", function ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r5); const item_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handleReviewClick(item_r1.card)); });
-    i0.ɵɵelementStart(1, "div", 38)(2, "span", 39);
+    i0.ɵɵelementStart(1, "div", 30)(2, "span", 31);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(3, "svg", 40);
-    i0.ɵɵelement(4, "path", 41)(5, "path", 42);
+    i0.ɵɵelementStart(3, "svg", 32);
+    i0.ɵɵelement(4, "path", 33)(5, "path", 34);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(6, " Review Analysis ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "svg", 43);
-    i0.ɵɵelement(8, "path", 44);
+    i0.ɵɵelementStart(7, "svg", 35);
+    i0.ɵɵelement(8, "path", 36);
     i0.ɵɵelementEnd()()();
 } }
 function ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
@@ -95834,14 +95949,14 @@ function ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_1_Con
 } }
 function ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 45);
+    i0.ɵɵelementStart(0, "div", 37);
     i0.ɵɵlistener("click", function ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r6); const item_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(item_r1.card.selfContentStatusAnalysis === ctx_r2.AiDynamicContentStatusEnum.GENERATED && item_r1.card.profileAnalysis && item_r1.card.profile ? ctx_r2.handleAnalysisClick(item_r1.card) : ctx_r2.handleProfileClick(item_r1.card)); });
-    i0.ɵɵelementStart(1, "div", 38)(2, "span", 46);
+    i0.ɵɵelementStart(1, "div", 30)(2, "span", 38);
     i0.ɵɵconditionalCreate(3, ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_1_Conditional_3_Template, 1, 0)(4, ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_1_Conditional_4_Template, 1, 0)(5, ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_1_Conditional_5_Template, 1, 0)(6, ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_1_Conditional_6_Template, 1, 0)(7, ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_1_Conditional_7_Template, 1, 0);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 47);
-    i0.ɵɵelement(9, "path", 44);
+    i0.ɵɵelementStart(8, "svg", 39);
+    i0.ɵɵelement(9, "path", 36);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const item_r1 = i0.ɵɵnextContext(2).$implicit;
@@ -95851,7 +95966,7 @@ function ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_1_Tem
     i0.ɵɵconditional(item_r1.card.selfContentStatusAnalysis === ctx_r2.AiDynamicContentStatusEnum.GENERATED ? 3 : item_r1.card.hasAnalysis ? 4 : item_r1.card.status === "complete" ? 5 : item_r1.card.status === "in-progress" ? 6 : 7);
 } }
 function ProfileAnalysisCardGridComponent_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_0_Template, 9, 0, "div", 35)(1, ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_1_Template, 10, 3, "div", 36);
+    i0.ɵɵconditionalCreate(0, ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_0_Template, 9, 0, "div", 27)(1, ProfileAnalysisCardGridComponent_For_2_Conditional_18_Conditional_1_Template, 10, 3, "div", 28);
 } if (rf & 2) {
     const item_r1 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
@@ -95873,7 +95988,7 @@ function ProfileAnalysisCardGridComponent_For_2_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(13, ProfileAnalysisCardGridComponent_For_2_Conditional_13_Template, 7, 2, "div", 11);
-    i0.ɵɵconditionalCreate(14, ProfileAnalysisCardGridComponent_For_2_Conditional_14_Template, 4, 0, "div", 12)(15, ProfileAnalysisCardGridComponent_For_2_Conditional_15_Template, 11, 12, "div", 13);
+    i0.ɵɵconditionalCreate(14, ProfileAnalysisCardGridComponent_For_2_Conditional_14_Template, 4, 0, "div", 12)(15, ProfileAnalysisCardGridComponent_For_2_Conditional_15_Template, 2, 6, "div", 13);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(16, ProfileAnalysisCardGridComponent_For_2_Conditional_16_Template, 2, 4, "div", 14)(17, ProfileAnalysisCardGridComponent_For_2_Conditional_17_Template, 2, 4, "div", 14);
     i0.ɵɵconditionalCreate(18, ProfileAnalysisCardGridComponent_For_2_Conditional_18_Template, 2, 1);
@@ -95920,14 +96035,14 @@ function ProfileAnalysisCardGridComponent_Conditional_3_For_8_Conditional_6_Temp
 } }
 function ProfileAnalysisCardGridComponent_Conditional_3_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 45);
+    i0.ɵɵelementStart(0, "div", 37);
     i0.ɵɵlistener("click", function ProfileAnalysisCardGridComponent_Conditional_3_For_8_Conditional_11_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r8); const item_r7 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.handleProfileClick(item_r7.card)); });
-    i0.ɵɵelementStart(1, "div", 38)(2, "span", 46);
+    i0.ɵɵelementStart(1, "div", 30)(2, "span", 38);
     i0.ɵɵtext(3, "View Details");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 47);
-    i0.ɵɵelement(5, "path", 44);
+    i0.ɵɵelementStart(4, "svg", 39);
+    i0.ɵɵelement(5, "path", 36);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -95946,7 +96061,7 @@ function ProfileAnalysisCardGridComponent_Conditional_3_For_8_Template(rf, ctx)
     i0.ɵɵelementStart(9, "p", 10);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(11, ProfileAnalysisCardGridComponent_Conditional_3_For_8_Conditional_11_Template, 6, 2, "div", 36);
+    i0.ɵɵconditionalCreate(11, ProfileAnalysisCardGridComponent_Conditional_3_For_8_Conditional_11_Template, 6, 2, "div", 28);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r7 = ctx.$implicit;
@@ -95969,14 +96084,14 @@ function ProfileAnalysisCardGridComponent_Conditional_3_For_8_Template(rf, ctx)
     i0.ɵɵconditional(item_r7.card.canViewDetails && item_r7.card.profile ? 11 : -1);
 } }
 function ProfileAnalysisCardGridComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 48);
-    i0.ɵɵelement(2, "div", 49);
-    i0.ɵɵelementStart(3, "span", 50);
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 40);
+    i0.ɵɵelement(2, "div", 41);
+    i0.ɵɵelementStart(3, "span", 42);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "div", 49);
+    i0.ɵɵelement(5, "div", 41);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 51);
+    i0.ɵɵelementStart(6, "div", 43);
     i0.ɵɵrepeaterCreate(7, ProfileAnalysisCardGridComponent_Conditional_3_For_8_Template, 12, 12, "div", 1, _forTrack0$7);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -96032,9 +96147,6 @@ class ProfileAnalysisCardGridComponent {
         this.cardClasses = computed(() => 'group flex flex-col h-full bg-white dark:bg-slate-800 rounded-xl shadow-md hover:shadow-lg transition-all duration-300 overflow-hidden border border-slate-200 dark:border-slate-700', ...(ngDevMode ? [{ debugName: "cardClasses" }] : []));
         this.titleClasses = computed(() => 'text-xl font-bold text-slate-900 dark:text-white mb-2 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors', ...(ngDevMode ? [{ debugName: "titleClasses" }] : []));
         this.descriptionClasses = computed(() => 'text-sm text-slate-600 dark:text-slate-300 mb-4 line-clamp-2', ...(ngDevMode ? [{ debugName: "descriptionClasses" }] : []));
-        this.labelClasses = computed(() => 'text-slate-600 dark:text-slate-400', ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
-        this.valueClasses = computed(() => 'font-semibold text-slate-900 dark:text-white', ...(ngDevMode ? [{ debugName: "valueClasses" }] : []));
-        this.progressBarContainerClasses = computed(() => 'w-full bg-slate-200 dark:bg-slate-700 rounded-full h-2 overflow-hidden', ...(ngDevMode ? [{ debugName: "progressBarContainerClasses" }] : []));
         this.cardFooterClasses = computed(() => 'px-6 py-4 bg-slate-50 dark:bg-slate-900/50 border-t border-slate-200 dark:border-slate-700', ...(ngDevMode ? [{ debugName: "cardFooterClasses" }] : []));
         this.toolsLabelClasses = computed(() => this.isLightMode() ? 'text-slate-600' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "toolsLabelClasses" }] : []));
         this.toolChipClasses = computed(() => this.isLightMode()
@@ -96068,8 +96180,13 @@ class ProfileAnalysisCardGridComponent {
     handleReviewClick(card) {
         this.cardClick.emit({ cardData: card, clickType: 'review' });
     }
+    toProgressStatus(status) {
+        if (status === 'pending')
+            return 'not-started';
+        return status;
+    }
     static { this.ɵfac = function ProfileAnalysisCardGridComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileAnalysisCardGridComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileAnalysisCardGridComponent, selectors: [["symphiq-profile-analysis-card-grid"]], inputs: { viewMode: [1, "viewMode"], cards: [1, "cards"], config: [1, "config"] }, outputs: { cardClick: "cardClick" }, decls: 4, vars: 1, consts: [[1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [1, "p-6", "flex-1"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-red-100", "dark:bg-red-900/30", "text-red-700", "dark:text-red-400", "flex", "items-center", "gap-1.5", "animate-alert-pulse"], [1, "px-3", "py-1", "bg-emerald-100", "dark:bg-emerald-900/40", "text-emerald-700", "dark:text-emerald-400", "text-xs", "font-semibold", "rounded-full", "flex", "items-center", "gap-1.5", "border", "border-emerald-300/50", "dark:border-emerald-500/30", "shadow-sm"], ["tooltipPosition", "bottom", 3, "libSymphiqTooltip"], [1, "mt-3", "mb-4"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2", "cursor-pointer", "mt-4"], [1, "px-6", "pb-4"], [1, "w-2", "h-2", "rounded-full", "bg-red-500", "animate-slow-pulse"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3.5", "h-3.5"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "space-y-2", "cursor-pointer", "mt-4", 3, "click"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"], [3, "itemStatus", "viewMode", "compact", "compactTitle"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse", 3, "click"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-semibold", "text-white", "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "animate-pulse"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-white/90", "group-hover:translate-x-1", "transition-transform"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "hover:text-blue-500", "dark:hover:text-blue-400", "hover:translate-x-1", "transition-all"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"]], template: function ProfileAnalysisCardGridComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileAnalysisCardGridComponent, selectors: [["symphiq-profile-analysis-card-grid"]], inputs: { viewMode: [1, "viewMode"], cards: [1, "cards"], config: [1, "config"] }, outputs: { cardClick: "cardClick" }, decls: 4, vars: 1, consts: [[1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [1, "p-6", "flex-1"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-red-100", "dark:bg-red-900/30", "text-red-700", "dark:text-red-400", "flex", "items-center", "gap-1.5", "animate-alert-pulse"], [1, "px-3", "py-1", "bg-emerald-100", "dark:bg-emerald-900/40", "text-emerald-700", "dark:text-emerald-400", "text-xs", "font-semibold", "rounded-full", "flex", "items-center", "gap-1.5", "border", "border-emerald-300/50", "dark:border-emerald-500/30", "shadow-sm"], ["tooltipPosition", "bottom", 3, "libSymphiqTooltip"], [1, "mt-3", "mb-4"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "cursor-pointer", "mt-4"], [1, "px-6", "pb-4"], [1, "w-2", "h-2", "rounded-full", "bg-red-500", "animate-slow-pulse"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3.5", "h-3.5"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "cursor-pointer", "mt-4", 3, "click"], [3, "viewMode", "questionsAnswered", "totalQuestions", "progressPercent", "status", "label"], [3, "itemStatus", "viewMode", "compact", "compactTitle"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse", 3, "click"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-semibold", "text-white", "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "animate-pulse"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-white/90", "group-hover:translate-x-1", "transition-transform"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "hover:text-blue-500", "dark:hover:text-blue-400", "hover:translate-x-1", "transition-all"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"]], template: function ProfileAnalysisCardGridComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵrepeaterCreate(1, ProfileAnalysisCardGridComponent_For_2_Template, 19, 17, "div", 1, _forTrack0$7);
             i0.ɵɵelementEnd();
@@ -96079,11 +96196,11 @@ class ProfileAnalysisCardGridComponent {
             i0.ɵɵrepeater(ctx.interestedCardsDisplay());
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.resolvedConfig().showNotInterestedSection && ctx.notInterestedCards().length > 0 ? 3 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass, TooltipDirective, ContentGenerationProgressComponent], styles: ["@keyframes _ngcontent-%COMP%_review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_review-pulse 2s ease-in-out infinite}@keyframes _ngcontent-%COMP%_alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_alert-pulse 4s ease-in-out infinite}@keyframes _ngcontent-%COMP%_slow-pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-slow-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_slow-pulse 3s ease-in-out infinite}"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass, TooltipDirective, ContentGenerationProgressComponent, ProfileProgressIndicatorComponent], styles: ["@keyframes _ngcontent-%COMP%_review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_review-pulse 2s ease-in-out infinite}@keyframes _ngcontent-%COMP%_alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_alert-pulse 4s ease-in-out infinite}@keyframes _ngcontent-%COMP%_slow-pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-slow-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_slow-pulse 3s ease-in-out infinite}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileAnalysisCardGridComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-profile-analysis-card-grid', standalone: true, imports: [CommonModule, TooltipDirective, ContentGenerationProgressComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        args: [{ selector: 'symphiq-profile-analysis-card-grid', standalone: true, imports: [CommonModule, TooltipDirective, ContentGenerationProgressComponent, ProfileProgressIndicatorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
       @for (item of interestedCardsDisplay(); track item.card.id) {
         <div [class]="cardClasses()">
@@ -96142,47 +96259,15 @@ class ProfileAnalysisCardGridComponent {
                 <span class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
               </div>
             } @else if ((item.card.selfContentStatusProfile === AiDynamicContentStatusEnum.GENERATED && (item.card.selfContentStatusAnalysis === null || item.card.selfContentStatusAnalysis === AiDynamicContentStatusEnum.GENERATED)) || item.card.status !== 'pending') {
-              <div class="space-y-2 cursor-pointer mt-4" (click)="handleProfileClick(item.card)">
-                <div class="flex items-center justify-between text-sm">
-                  <span [class]="labelClasses()">{{ resolvedConfig().profileProgressLabel }}</span>
-                  <span [class]="valueClasses()">{{ item.card.questionsAnswered }} / {{ item.card.totalQuestions }}</span>
-                </div>
-
-                <div [class]="progressBarContainerClasses()">
-                  <div
-                      class="h-full bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full transition-all duration-500"
-                      [style.width.%]="item.card.progressPercent"
-                  ></div>
-                </div>
-
-                @if (item.card.status === 'complete') {
-                  <div class="flex items-center gap-1 text-xs text-green-600 dark:text-green-400 font-medium">
-                    <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-                      <path fill-rule="evenodd"
-                            d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-                            clip-rule="evenodd"/>
-                    </svg>
-                    Complete
-                  </div>
-                } @else if (item.card.status === 'in-progress') {
-                  <div class="flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 font-medium">
-                    <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-                      <path fill-rule="evenodd"
-                            d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z"
-                            clip-rule="evenodd"/>
-                    </svg>
-                    In Progress
-                  </div>
-                } @else {
-                  <div class="flex items-center gap-1 text-xs text-slate-500 dark:text-slate-400 font-medium">
-                    <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-                      <path fill-rule="evenodd"
-                            d="M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z"
-                            clip-rule="evenodd"/>
-                    </svg>
-                    Not Started
-                  </div>
-                }
+              <div class="cursor-pointer mt-4" (click)="handleProfileClick(item.card)">
+                <symphiq-profile-progress-indicator
+                    [viewMode]="viewMode()"
+                    [questionsAnswered]="item.card.questionsAnswered"
+                    [totalQuestions]="item.card.totalQuestions"
+                    [progressPercent]="item.card.progressPercent"
+                    [status]="toProgressStatus(item.card.status)"
+                    [label]="resolvedConfig().profileProgressLabel"
+                />
               </div>
             }
           </div>
@@ -96313,11 +96398,11 @@ class ProfileAnalysisCardGridComponent {
     }
   `, styles: ["@keyframes review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse{animation:review-pulse 2s ease-in-out infinite}@keyframes alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse{animation:alert-pulse 4s ease-in-out infinite}@keyframes slow-pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-slow-pulse{animation:slow-pulse 3s ease-in-out infinite}\n"] }]
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], cards: [{ type: i0.Input, args: [{ isSignal: true, alias: "cards", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], cardClick: [{ type: i0.Output, args: ["cardClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisCardGridComponent, { className: "ProfileAnalysisCardGridComponent", filePath: "lib/components/shared/profile-analysis-card-grid.component.ts", lineNumber: 347 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisCardGridComponent, { className: "ProfileAnalysisCardGridComponent", filePath: "lib/components/shared/profile-analysis-card-grid.component.ts", lineNumber: 316 }); })();
 
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 25);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 26);
     i0.ɵɵlistener("nextStepClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_5_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); })("stepClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_5_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -96330,10 +96415,25 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_16_Templ
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("profileStatusCounts", ctx_r1.focusAreaStatusCounts())("analysisStatusCounts", ctx_r1.analysisStatusCounts())("allReviewed", ctx_r1.allInterestedFocusAreasAnalysisReviewed())("hasItems", ctx_r1.interestedFocusAreaCards().length > 0)("config", ctx_r1.focusAreaStatusConfig);
 } }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-loading-card", 24);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
+} }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-search-modal", 26);
-    i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_30_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
+    i0.ɵɵelementStart(0, "symphiq-profile-analysis-card-grid", 27);
+    i0.ɵɵlistener("cardClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_30_Template_symphiq_profile_analysis_card_grid_cardClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCardClick($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("cards", ctx_r1.genericCardData())("config", ctx_r1.focusAreaCardConfig);
+} }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-search-modal", 28);
+    i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_31_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
     i0.ɵɵelementEnd();
 } }
 class SymphiqProfileFocusAreasAnalysesDashboardComponent {
@@ -96824,8 +96924,8 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     }
     static { this.ɵfac = function SymphiqProfileFocusAreasAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileFocusAreasAnalysesDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileFocusAreasAnalysesDashboardComponent, selectors: [["symphiq-profile-focus-areas-analyses-dashboard"]], hostBindings: function SymphiqProfileFocusAreasAnalysesDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("scroll", function SymphiqProfileFocusAreasAnalysesDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 32, vars: 31, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [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"], [3, "viewMode", "profileStatusCounts", "analysisStatusCounts", "allReviewed", "hasItems", "config"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [1, "mt-6", "block", 3, "viewMode", "items", "analysisDate", "analysisDatePreposition"], ["title", "Continue Your Journey", "description", "The final step\u2014Metric Analysis\u2014lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue.", 1, "mt-6", "block", 3, "viewMode"], [3, "cardClick", "viewMode", "cards", "config"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("scroll", function SymphiqProfileFocusAreasAnalysesDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
+        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 33, vars: 29, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [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"], [3, "viewMode", "profileStatusCounts", "analysisStatusCounts", "allReviewed", "hasItems", "config"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [1, "mt-6", "block", 3, "viewMode", "items", "analysisDate", "analysisDatePreposition"], ["title", "Continue Your Journey", "description", "The final step\u2014Metric Analysis\u2014lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue.", 1, "mt-6", "block", 3, "viewMode"], ["title", "Loading Focus Area Data", "subtitle", "Please wait while we retrieve your focus areas...", "size", "large", 3, "viewMode"], [3, "viewMode", "cards", "config"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "cardClick", "viewMode", "cards", "config"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
             i0.ɵɵelementStart(3, "div", 3);
@@ -96854,11 +96954,10 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             i0.ɵɵelementEnd()();
             i0.ɵɵelement(27, "symphiq-what-youll-see-below", 22)(28, "symphiq-continue-your-journey", 23);
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(29, "symphiq-profile-analysis-card-grid", 24);
-            i0.ɵɵlistener("cardClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template_symphiq_profile_analysis_card_grid_cardClick_29_listener($event) { return ctx.handleCardClick($event); });
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(30, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_30_Template, 1, 0, "symphiq-search-modal");
-            i0.ɵɵelement(31, "symphiq-tooltip-container");
+            i0.ɵɵconditionalCreate(29, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_29_Template, 1, 1, "symphiq-loading-card", 24)(30, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_30_Template, 1, 3, "symphiq-profile-analysis-card-grid", 25);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(31, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_31_Template, 1, 0, "symphiq-search-modal");
+            i0.ɵɵelement(32, "symphiq-tooltip-container");
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
@@ -96889,10 +96988,10 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("cards", ctx.genericCardData())("config", ctx.focusAreaCardConfig);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showSearchModal() ? 30 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass, ContinueYourJourneyComponent, DashboardHeaderComponent, ScrollProgressBarComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent, WhatYoullSeeBelowComponent], styles: ["@keyframes _ngcontent-%COMP%_review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_review-pulse 2s ease-in-out infinite}@keyframes _ngcontent-%COMP%_status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_status-pop .3s ease-out;transition:all .3s ease-out}@keyframes _ngcontent-%COMP%_alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_alert-pulse 4s ease-in-out infinite}"], data: { animation: [
+            i0.ɵɵconditional(ctx.isLoading() ? 29 : 30);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.showSearchModal() ? 31 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass, ContinueYourJourneyComponent, DashboardHeaderComponent, ScrollProgressBarComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent, WhatYoullSeeBelowComponent, LoadingCardComponent], styles: ["@keyframes _ngcontent-%COMP%_review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_review-pulse 2s ease-in-out infinite}@keyframes _ngcontent-%COMP%_status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_status-pop .3s ease-out;transition:all .3s ease-out}@keyframes _ngcontent-%COMP%_alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_alert-pulse 4s ease-in-out infinite}"], data: { animation: [
                 trigger('statusBadge', [
                     transition(':enter', [
                         style({ opacity: 0, transform: 'scale(0.8)' }),
@@ -96913,7 +97012,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileFocusAreasAnalysesDashboardComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-profile-focus-areas-analyses-dashboard', standalone: true, imports: [CommonModule, ContinueYourJourneyComponent, DashboardHeaderComponent, ScrollProgressBarComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent, WhatYoullSeeBelowComponent], changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+        args: [{ selector: 'symphiq-profile-focus-areas-analyses-dashboard', standalone: true, imports: [CommonModule, ContinueYourJourneyComponent, DashboardHeaderComponent, ScrollProgressBarComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent, WhatYoullSeeBelowComponent, LoadingCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                     trigger('statusBadge', [
                         transition(':enter', [
                             style({ opacity: 0, transform: 'scale(0.8)' }),
@@ -97045,12 +97144,21 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
           </div>
 
           <!-- Focus Areas Grid -->
-          <symphiq-profile-analysis-card-grid
-              [viewMode]="viewMode()"
-              [cards]="genericCardData()"
-              [config]="focusAreaCardConfig"
-              (cardClick)="handleCardClick($event)"
-          />
+          @if (isLoading()) {
+            <symphiq-loading-card
+                [viewMode]="viewMode()"
+                title="Loading Focus Area Data"
+                subtitle="Please wait while we retrieve your focus areas..."
+                size="large"
+            />
+          } @else {
+            <symphiq-profile-analysis-card-grid
+                [viewMode]="viewMode()"
+                [cards]="genericCardData()"
+                [config]="focusAreaCardConfig"
+                (cardClick)="handleCardClick($event)"
+            />
+          }
         </div>
       </div>
 
@@ -97066,9 +97174,9 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
   `, styles: ["@keyframes review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse{animation:review-pulse 2s ease-in-out infinite}@keyframes status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge{animation:status-pop .3s ease-out;transition:all .3s ease-out}@keyframes alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse{animation:alert-pulse 4s ease-in-out infinite}\n"] }]
     }], null, { requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profileAnalyses: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalyses", required: false }] }], profileFocusAreas: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileFocusAreas", required: false }] }], itemStatusesProfileFocusArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileFocusArea", required: false }] }], itemStatusesProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], account: [{ type: i0.Input, args: [{ isSignal: true, alias: "account", required: false }] }], profileFocusAreaQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileFocusAreaQuestions", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], navigateToProfileFocusArea: [{ type: i0.Output, args: ["navigateToProfileFocusArea"] }], navigateToProfileAnalysis: [{ type: i0.Output, args: ["navigateToProfileAnalysis"] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], answerFocusAreaProfileQuestions: [{ type: i0.Output, args: ["answerFocusAreaProfileQuestions"] }], continueFocusAreaProfileQuestions: [{ type: i0.Output, args: ["continueFocusAreaProfileQuestions"] }], profileQuestionAnswerSave: [{ type: i0.Output, args: ["profileQuestionAnswerSave"] }], focusAreaProfileAdminAnswerAction: [{ type: i0.Output, args: ["focusAreaProfileAdminAnswerAction"] }], onScroll: [{
             type: HostListener,
-            args: ['window:scroll', ['$event']]
+            args: ['window:scroll']
         }] }); })();
-(() => { (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: 288 }); })();
+(() => { (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: 298 }); })();
 
 const _c0$8 = () => [];
 function SymphiqProfileFocusAreaDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
@@ -98216,7 +98324,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
         } }, hostBindings: function SymphiqProfileAnalysisFocusAreaDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisFocusAreaDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
+            i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisFocusAreaDashboardComponent_scroll_HostBindingHandler() { return ctx.onWindowScroll(); }, i0.ɵɵresolveWindow);
         } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], focusAreaDetails: [1, "focusAreaDetails"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 27, vars: 50, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "scrollEvent"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [1, "mb-12"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "analysisDate"], ["title", "Loading Your Focus Area Analysis", "subtitle", "Please wait while we prepare your personalized insights...", 3, "viewMode", "backdropBlur"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Focus Area Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "focusAreaExecutiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
@@ -98718,7 +98826,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             args: ['funnelModalComponent']
         }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], profileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalysis", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], itemStatusProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusProfileAnalysis", required: false }] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], markAsReviewedClick: [{ type: i0.Output, args: ["markAsReviewedClick"] }], onWindowScroll: [{
             type: HostListener,
-            args: ['window:scroll', ['$event']]
+            args: ['window:scroll']
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber: 482 }); })();
 
@@ -99211,7 +99319,7 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
     }
     static { this.ɵfac = function SymphiqProfileMetricsAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileMetricsAnalysesDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileMetricsAnalysesDashboardComponent, selectors: [["symphiq-profile-metrics-analyses-dashboard"]], hostBindings: function SymphiqProfileMetricsAnalysesDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("scroll", function SymphiqProfileMetricsAnalysesDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
+            i0.ɵɵlistener("scroll", function SymphiqProfileMetricsAnalysesDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
         } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileMetrics: [1, "profileMetrics"], itemStatusesProfileMetric: [1, "itemStatusesProfileMetric"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], funnelMetrics: [1, "funnelMetrics"], account: [1, "account"], profileMetricQuestions: [1, "profileMetricQuestions"], 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: { navigateToProfileMetric: "navigateToProfileMetric", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerMetricProfileQuestions: "answerMetricProfileQuestions", continueMetricProfileQuestions: "continueMetricProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", metricProfileAdminAnswerAction: "metricProfileAdminAnswerAction" }, decls: 33, vars: 29, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], ["colorScheme", "blue-cyan", 3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [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", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [3, "viewMode", "profileStatusCounts", "analysisStatusCounts", "allReviewed", "hasItems", "config"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "metric-analysis", 3, "viewMode", "currentMetric"], [1, "mt-6", "block", 3, "viewMode", "items", "analysisDate", "analysisDatePreposition"], ["title", "Complete Your Profile", "description", "You've reached the final onboarding step! Once all metrics are profiled, you'll have complete context coverage. Symphiq will then generate unified recommendations that connect business goals to specific funnel improvements\u2014showing exactly what to do next to drive growth.", 1, "mt-6", "block", 3, "viewMode"], ["title", "Loading Funnel Metric Data", "subtitle", "Please wait while we retrieve your funnel metrics...", "size", "large", 3, "viewMode"], [3, "viewMode", "cards", "config"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "cardClick", "viewMode", "cards", "config"], [3, "closeModal"]], template: function SymphiqProfileMetricsAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
@@ -99455,7 +99563,7 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
   `, styles: ["@keyframes review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse{animation:review-pulse 2s ease-in-out infinite}@keyframes status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge{animation:status-pop .3s ease-out;transition:all .3s ease-out}@keyframes alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse{animation:alert-pulse 4s ease-in-out infinite}\n"] }]
     }], null, { requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profileAnalyses: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalyses", required: false }] }], profileMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileMetrics", required: false }] }], itemStatusesProfileMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileMetric", required: false }] }], itemStatusesProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], account: [{ type: i0.Input, args: [{ isSignal: true, alias: "account", required: false }] }], profileMetricQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileMetricQuestions", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], navigateToProfileMetric: [{ type: i0.Output, args: ["navigateToProfileMetric"] }], navigateToProfileAnalysis: [{ type: i0.Output, args: ["navigateToProfileAnalysis"] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], answerMetricProfileQuestions: [{ type: i0.Output, args: ["answerMetricProfileQuestions"] }], continueMetricProfileQuestions: [{ type: i0.Output, args: ["continueMetricProfileQuestions"] }], profileQuestionAnswerSave: [{ type: i0.Output, args: ["profileQuestionAnswerSave"] }], metricProfileAdminAnswerAction: [{ type: i0.Output, args: ["metricProfileAdminAnswerAction"] }], onScroll: [{
             type: HostListener,
-            args: ['window:scroll', ['$event']]
+            args: ['window:scroll']
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileMetricsAnalysesDashboardComponent, { className: "SymphiqProfileMetricsAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-metrics-dashboard/symphiq-profile-metrics-analyses-dashboard.component.ts", lineNumber: 288 }); })();
 
@@ -100606,7 +100714,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
         } }, hostBindings: function SymphiqProfileAnalysisMetricDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisMetricDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
+            i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisMetricDashboardComponent_scroll_HostBindingHandler() { return ctx.onWindowScroll(); }, i0.ɵɵresolveWindow);
         } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], funnelMetric: [1, "funnelMetric"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], pacingResponse: [1, "pacingResponse"], targets: [1, "targets"], trendUiData: [1, "trendUiData"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick", viewMetricDetailsClick: "viewMetricDetailsClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 28, vars: 59, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "scrollEvent"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "closed", "viewMode", "metricEnum", "metricData", "contributingMetrics", "pacingResponse", "trendChartData", "currencySymbol", "showLiveIndicator", "isOpen"], [1, "mb-12"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], ["title", "Loading Your Metric Analysis", "subtitle", "Please wait while we prepare your personalized insights...", 3, "viewMode", "backdropBlur"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Metric Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewReportClick", "sections", "viewMode", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisMetricDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
@@ -101132,7 +101240,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             args: ['funnelModalComponent']
         }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], profileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalysis", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], funnelMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetric", required: false }] }], itemStatusProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusProfileAnalysis", required: false }] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], pacingResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingResponse", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }], trendUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendUiData", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], mainUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainUiData", required: false }] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], markAsReviewedClick: [{ type: i0.Output, args: ["markAsReviewedClick"] }], viewMetricDetailsClick: [{ type: i0.Output, args: ["viewMetricDetailsClick"] }], onWindowScroll: [{
             type: HostListener,
-            args: ['window:scroll', ['$event']]
+            args: ['window:scroll']
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisMetricDashboardComponent, { className: "SymphiqProfileAnalysisMetricDashboardComponent", filePath: "lib/components/profile-analysis-metric-dashboard/symphiq-profile-analysis-metric-dashboard.component.ts", lineNumber: 508 }); })();
 
@@ -102559,10 +102667,7 @@ class ShopProfileQuestionAnswerComponent {
     }
     static { this.ɵfac = function ShopProfileQuestionAnswerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ShopProfileQuestionAnswerComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShopProfileQuestionAnswerComponent, selectors: [["symphiq-shop-profile-question-answer"]], viewQuery: function ShopProfileQuestionAnswerComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$4, 5);
-            i0.ɵɵviewQuery(_c1$1, 5);
-            i0.ɵɵviewQuery(_c2$1, 5);
-            i0.ɵɵviewQuery(_c3, 5);
+            i0.ɵɵviewQuery(_c0$4, 5)(_c1$1, 5)(_c2$1, 5)(_c3, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
@@ -103925,9 +104030,7 @@ class ShopProfileQuestionsModalComponent {
     }
     static { this.ɵfac = function ShopProfileQuestionsModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ShopProfileQuestionsModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShopProfileQuestionsModalComponent, selectors: [["symphiq-shop-profile-questions-modal"]], viewQuery: function ShopProfileQuestionsModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$3, 5);
-            i0.ɵɵviewQuery(_c1, 5);
-            i0.ɵɵviewQuery(_c2, 5);
+            i0.ɵɵviewQuery(_c0$3, 5)(_c1, 5)(_c2, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);