@eric-emg/symphiq-components 1.3.83 → 1.3.85

package/fesm2022/symphiq-components.mjs

@@ -13556,6 +13556,9 @@ class ProfileContextService {
                 }
             }
         }
+        console.log('[ProfileContextService] indexProfile - competitors:', index.competitors.length, 'recommendations:', index.recommendations.length);
+        console.log('[ProfileContextService] indexProfile - recommendation IDs:', index.recommendations.map(r => r.id));
+        console.log('[ProfileContextService] indexProfile - recommendations with relatedCompetitorIds:', index.recommendations.filter(r => r.relatedCompetitorIds && r.relatedCompetitorIds.length > 0).map(r => ({ id: r.id, relatedCompetitorIds: r.relatedCompetitorIds })));
         this.contextIndex.set(index);
     }
     getRegions() {
@@ -15213,15 +15216,20 @@ class RecommendationCardComponent {
         }, ...(ngDevMode ? [{ debugName: "displayItem" }] : []));
         this.detailedRecommendation = computed(() => {
             const inputRec = this.recommendation();
+            console.log('[RecommendationCard] detailedRecommendation - inputRec:', inputRec?.id, 'relatedCompetitorIds:', inputRec?.relatedCompetitorIds, 'relatedProfileItemIds:', inputRec?.relatedProfileItemIds);
             if (inputRec) {
                 if (inputRec.id) {
                     const serviceRec = this.profileContextService.getRecommendationById(inputRec.id);
+                    console.log('[RecommendationCard] detailedRecommendation - serviceRec:', serviceRec?.id, 'relatedCompetitorIds:', serviceRec?.relatedCompetitorIds, 'relatedProfileItemIds:', serviceRec?.relatedProfileItemIds);
+                    console.log('[RecommendationCard] detailedRecommendation - allCompetitors in service:', this.profileContextService.getCompetitors());
                     if (serviceRec) {
-                        return {
+                        const merged = {
                             ...inputRec,
                             relatedCompetitorIds: inputRec.relatedCompetitorIds || serviceRec.relatedCompetitorIds,
                             relatedProfileItemIds: inputRec.relatedProfileItemIds || serviceRec.relatedProfileItemIds
                         };
+                        console.log('[RecommendationCard] detailedRecommendation - merged result:', merged.relatedCompetitorIds, merged.relatedProfileItemIds);
+                        return merged;
                     }
                 }
                 return inputRec;
@@ -15292,6 +15300,7 @@ class RecommendationCardComponent {
             const hasCompetitors = !!(detailed?.relatedCompetitorIds && detailed.relatedCompetitorIds.length > 0);
             const isExpanded = this.isActuallyExpanded();
             const shouldShow = hasCompetitors && isExpanded;
+            console.log('[RecommendationCard] shouldShowRelatedCompetitors - hasCompetitors:', hasCompetitors, 'isExpanded:', isExpanded, 'shouldShow:', shouldShow, 'relatedCompetitorIds:', detailed?.relatedCompetitorIds);
             return shouldShow;
         }, ...(ngDevMode ? [{ debugName: "shouldShowRelatedCompetitors" }] : []));
         this.shouldShowRelatedAreas = computed(() => {
@@ -15299,6 +15308,7 @@ class RecommendationCardComponent {
             const hasAreas = !!(detailed?.relatedProfileItemIds && detailed.relatedProfileItemIds.length > 0);
             const isExpanded = this.isActuallyExpanded();
             const shouldShow = hasAreas && isExpanded;
+            console.log('[RecommendationCard] shouldShowRelatedAreas - hasAreas:', hasAreas, 'isExpanded:', isExpanded, 'shouldShow:', shouldShow, 'relatedProfileItemIds:', detailed?.relatedProfileItemIds);
             return shouldShow;
         }, ...(ngDevMode ? [{ debugName: "shouldShowRelatedAreas" }] : []));
         this.shouldShowRelatedFocusAreas = computed(() => {
@@ -51679,7 +51689,7 @@ class DashboardHeaderComponent {
             : 'bg-slate-800 hover:bg-slate-700 text-slate-300 border border-slate-700';
     }
     static { this.ɵfac = function DashboardHeaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashboardHeaderComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardHeaderComponent, selectors: [["symphiq-dashboard-header"]], inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], viewModeLabel: [1, "viewModeLabel"], currentSection: [1, "currentSection"], currentSubsection: [1, "currentSubsection"], sectionFading: [1, "sectionFading"], subsectionFading: [1, "subsectionFading"], isLoading: [1, "isLoading"], showSearchControl: [1, "showSearchControl"], showViewModeControl: [1, "showViewModeControl"], hasCondensedLeftContent: [1, "hasCondensedLeftContent"], size: [1, "size"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"] }, outputs: { searchClick: "searchClick", viewModeClick: "viewModeClick" }, ngContentSelectors: _c1$m, decls: 30, vars: 29, consts: [[1, "sticky", "top-0", "z-50", "overflow-hidden", 2, "transition", "height 300ms ease-in-out", 3, "ngClass"], [1, "transition-opacity", "duration-300", "ease-in-out", "h-full"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4", "h-full", "flex", "items-center"], [1, "flex", "items-center", "justify-between", "w-full"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-3", "min-w-0"], [1, "truncate", 3, "mouseenter", "mouseleave", "ngClass"], ["title", "Refreshing data...", 1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [3, "ngClass"], [1, "flex", "items-center", "gap-4"], [3, "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "ngClass"], [1, "flex", "flex-col", "gap-1", "min-w-[180px]"], [1, "absolute", "inset-x-0", "top-0", "h-full", "transition-opacity", "duration-300", "ease-in-out"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "h-full", "flex", "items-center"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0", "mr-4"], [1, "flex-shrink-0", "!mb-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [3, "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "ngClass"], [3, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], [1, "text-left", "sm:text-right"], [1, "text-xs"], [1, "text-sm", "font-medium"], [1, "hidden", "sm:inline", 3, "ngClass"], [1, "hidden", "sm:block", "truncate", "min-w-0", 3, "ngClass"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"]], template: function DashboardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardHeaderComponent, selectors: [["symphiq-dashboard-header"]], inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], viewModeLabel: [1, "viewModeLabel"], currentSection: [1, "currentSection"], currentSubsection: [1, "currentSubsection"], sectionFading: [1, "sectionFading"], subsectionFading: [1, "subsectionFading"], isLoading: [1, "isLoading"], showSearchControl: [1, "showSearchControl"], showViewModeControl: [1, "showViewModeControl"], hasCondensedLeftContent: [1, "hasCondensedLeftContent"], size: [1, "size"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"] }, outputs: { searchClick: "searchClick", viewModeClick: "viewModeClick" }, ngContentSelectors: _c1$m, decls: 30, vars: 29, consts: [[1, "sticky", "top-0", "z-50", "overflow-hidden", 2, "transition", "height 300ms ease-in-out", 3, "ngClass"], [1, "transition-opacity", "duration-300", "ease-in-out", "h-full"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4", "h-full", "flex", "items-center"], [1, "flex", "items-center", "justify-between", "w-full"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-3", "min-w-0"], [1, "truncate", 3, "mouseenter", "mouseleave", "ngClass"], ["title", "Refreshing data...", 1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [1, "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-4"], [3, "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "ngClass"], [1, "flex", "flex-col", "gap-1", "min-w-[180px]"], [1, "absolute", "inset-x-0", "top-0", "h-full", "transition-opacity", "duration-300", "ease-in-out"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "h-full", "flex", "items-center"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0", "mr-4"], [1, "flex-shrink-0", "!mb-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [3, "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "ngClass"], [3, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], [1, "text-left", "sm:text-right"], [1, "text-xs"], [1, "text-sm", "font-medium"], [1, "hidden", "sm:inline", 3, "ngClass"], [1, "hidden", "sm:block", "truncate", "min-w-0", 3, "ngClass"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"]], template: function DashboardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c0$O);
             i0.ɵɵelementStart(0, "header", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5)(6, "h1", 6);
             i0.ɵɵlistener("mouseenter", function DashboardHeaderComponent_Template_h1_mouseenter_6_listener($event) { return ctx.onTitleMouseEnter($event); })("mouseleave", function DashboardHeaderComponent_Template_h1_mouseleave_6_listener() { return ctx.onTitleMouseLeave(); });
@@ -51774,7 +51784,7 @@ class DashboardHeaderComponent {
                 }
               </div>
               <div class="flex flex-wrap items-center justify-between gap-3 sm:gap-4">
-                <p [ngClass]="getSubtitleClasses()">
+                <p [ngClass]="getSubtitleClasses()" class="truncate">
                   {{ subtitle() }}
                 </p>
                 <div class="flex items-center gap-4">
@@ -88490,53 +88500,53 @@ class PriorityActionsStripComponent {
     }], null, { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewAllClicked: [{ type: i0.Output, args: ["viewAllClicked"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PriorityActionsStripComponent, { className: "PriorityActionsStripComponent", filePath: "lib/components/shared/priority-actions-strip.component.ts", lineNumber: 48 }); })();
 
-function UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-grade-badge", 7);
+function UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-grade-badge", 5);
 } if (rf & 2) {
     const summary_r1 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("grade", summary_r1.overallGrade)("gradeRationale", summary_r1.gradeRationale || "")("viewMode", ctx_r1.viewMode());
 } }
-function UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-priority-actions-strip", 11);
-    i0.ɵɵlistener("viewAllClicked", function UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_12_Template_symphiq_priority_actions_strip_viewAllClicked_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.viewAllPriorityActionsClick.emit()); });
+    i0.ɵɵelementStart(0, "symphiq-priority-actions-strip", 10);
+    i0.ɵɵlistener("viewAllClicked", function UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_11_Template_symphiq_priority_actions_strip_viewAllClicked_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.viewAllPriorityActionsClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("items", ctx_r1.priorityActionItems())("viewMode", ctx_r1.viewMode());
 } }
 function UnifiedExecutiveSummaryComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "h2", 5);
-    i0.ɵɵtext(6, " Executive Summary ");
+    i0.ɵɵelementStart(0, "section", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "h2", 4);
+    i0.ɵɵtext(5, " Executive Summary ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_6_Template, 1, 3, "symphiq-grade-badge", 5);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(7, "p", 6);
     i0.ɵɵtext(8);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(10, "symphiq-analysis-narrative", 8)(11, "symphiq-source-goals-summary-card", 9);
-    i0.ɵɵconditionalCreate(12, UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_12_Template, 1, 2, "symphiq-priority-actions-strip", 10);
+    i0.ɵɵelement(9, "symphiq-analysis-narrative", 7)(10, "symphiq-source-goals-summary-card", 8);
+    i0.ɵɵconditionalCreate(11, UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_11_Template, 1, 2, "symphiq-priority-actions-strip", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const summary_r1 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.bannerClasses());
-    i0.ɵɵadvance(4);
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r1.sectionTitleClasses());
     i0.ɵɵadvance(2);
+    i0.ɵɵconditional(summary_r1.overallGrade ? 6 : -1);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.textClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", summary_r1.gradeRationale, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(summary_r1.overallGrade ? 9 : -1);
-    i0.ɵɵadvance();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("narrative", summary_r1.synthesisNarrative)("napkinVisual", summary_r1.napkinVisual);
     i0.ɵɵadvance();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("shopCounts", ctx_r1.shopCounts())("focusAreaCounts", ctx_r1.focusAreaCounts())("metricCounts", ctx_r1.metricCounts());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.priorityActionItems().length > 0 ? 12 : -1);
+    i0.ɵɵconditional(ctx_r1.priorityActionItems().length > 0 ? 11 : -1);
 } }
 class UnifiedExecutiveSummaryComponent {
     constructor() {
@@ -88561,8 +88571,8 @@ class UnifiedExecutiveSummaryComponent {
         this.textClasses = computed(() => this.isLightMode() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "textClasses" }] : []));
     }
     static { this.ɵfac = function UnifiedExecutiveSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedExecutiveSummaryComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedExecutiveSummaryComponent, selectors: [["symphiq-unified-executive-summary"]], inputs: { summary: [1, "summary"], viewMode: [1, "viewMode"], shopCounts: [1, "shopCounts"], focusAreaCounts: [1, "focusAreaCounts"], metricCounts: [1, "metricCounts"] }, outputs: { viewAllPriorityActionsClick: "viewAllPriorityActionsClick" }, decls: 1, vars: 1, consts: [["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "flex", "flex-col", "gap-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"], ["title", "Synthesis Overview", 3, "viewMode", "narrative", "napkinVisual"], [3, "viewMode", "shopCounts", "focusAreaCounts", "metricCounts"], [3, "items", "viewMode"], [3, "viewAllClicked", "items", "viewMode"]], template: function UnifiedExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, UnifiedExecutiveSummaryComponent_Conditional_0_Template, 13, 13, "section", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedExecutiveSummaryComponent, selectors: [["symphiq-unified-executive-summary"]], inputs: { summary: [1, "summary"], viewMode: [1, "viewMode"], shopCounts: [1, "shopCounts"], focusAreaCounts: [1, "focusAreaCounts"], metricCounts: [1, "metricCounts"] }, outputs: { viewAllPriorityActionsClick: "viewAllPriorityActionsClick" }, decls: 1, vars: 1, consts: [["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "flex", "flex-col", "gap-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "text-2xl", "font-bold", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], ["title", "Synthesis Overview", 3, "viewMode", "narrative", "napkinVisual"], [3, "viewMode", "shopCounts", "focusAreaCounts", "metricCounts"], [3, "items", "viewMode"], [3, "viewAllClicked", "items", "viewMode"]], template: function UnifiedExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, UnifiedExecutiveSummaryComponent_Conditional_0_Template, 12, 13, "section", 0);
         } if (rf & 2) {
             let tmp_0_0;
             i0.ɵɵconditional((tmp_0_0 = ctx.summary()) ? 0 : -1, tmp_0_0);
@@ -88590,14 +88600,9 @@ class UnifiedExecutiveSummaryComponent {
         <div [ngClass]="bannerClasses()" class="rounded-2xl p-8 shadow-xl">
           <div class="flex flex-col gap-6">
             <div class="flex items-start justify-between gap-4">
-              <div class="flex-1">
-                <h2 [ngClass]="sectionTitleClasses()" class="text-2xl font-bold mb-3">
-                  Executive Summary
-                </h2>
-                <p [ngClass]="textClasses()" class="text-lg leading-relaxed">
-                  {{ summary.gradeRationale }}
-                </p>
-              </div>
+              <h2 [ngClass]="sectionTitleClasses()" class="text-2xl font-bold">
+                Executive Summary
+              </h2>
               @if (summary.overallGrade) {
                 <symphiq-grade-badge
                     [grade]="summary.overallGrade"
@@ -88606,6 +88611,9 @@ class UnifiedExecutiveSummaryComponent {
                 />
               }
             </div>
+            <p [ngClass]="textClasses()" class="text-lg leading-relaxed">
+              {{ summary.gradeRationale }}
+            </p>
 
             <symphiq-analysis-narrative
               [viewMode]="viewMode()"
@@ -88635,7 +88643,7 @@ class UnifiedExecutiveSummaryComponent {
   `
             }]
     }], null, { summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], shopCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopCounts", required: false }] }], focusAreaCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaCounts", required: false }] }], metricCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricCounts", required: false }] }], viewAllPriorityActionsClick: [{ type: i0.Output, args: ["viewAllPriorityActionsClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedExecutiveSummaryComponent, { className: "UnifiedExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-executive-summary.component.ts", lineNumber: 74 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedExecutiveSummaryComponent, { className: "UnifiedExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-executive-summary.component.ts", lineNumber: 72 }); })();
 
 class FocusAreaHealthIndicatorComponent {
     constructor() {
@@ -97140,8 +97148,8 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.shouldShowPostAnalysisShopProfile() ? 5 : -1);
 } }
-function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-grade-badge", 56);
+function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-grade-badge", 54);
 } if (rf & 2) {
     const summary_r10 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -97149,70 +97157,63 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "section", 47)(1, "div", 50)(2, "div", 51)(3, "div", 52)(4, "div", 53)(5, "h2", 54);
-    i0.ɵɵtext(6, " Executive Summary ");
+    i0.ɵɵelementStart(0, "section", 47)(1, "div", 50)(2, "div", 51)(3, "div", 52)(4, "h2", 53);
+    i0.ɵɵtext(5, " Executive Summary ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "p", 55);
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 56);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_6_Template, 1, 3, "symphiq-grade-badge", 54);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(10, "symphiq-analysis-narrative", 57);
-    i0.ɵɵelementStart(11, "div", 58)(12, "button", 59);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_12_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r10)); });
-    i0.ɵɵelementStart(13, "div", 60);
-    i0.ɵɵtext(14, " Key Strengths ");
+    i0.ɵɵelement(7, "symphiq-analysis-narrative", 55);
+    i0.ɵɵelementStart(8, "div", 56)(9, "button", 57);
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_9_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r10)); });
+    i0.ɵɵelementStart(10, "div", 58);
+    i0.ɵɵtext(11, " Key Strengths ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 61);
-    i0.ɵɵtext(16);
+    i0.ɵɵelementStart(12, "div", 59);
+    i0.ɵɵtext(13);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 62)(18, "span", 63);
-    i0.ɵɵtext(19, "View Details");
+    i0.ɵɵelementStart(14, "div", 60)(15, "span", 61);
+    i0.ɵɵtext(16, "View Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(20, "symphiq-icon", 64);
+    i0.ɵɵelement(17, "symphiq-icon", 62);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "button", 59);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_21_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r10)); });
-    i0.ɵɵelementStart(22, "div", 60);
-    i0.ɵɵtext(23, " Critical Gaps ");
+    i0.ɵɵelementStart(18, "button", 57);
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_18_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r10)); });
+    i0.ɵɵelementStart(19, "div", 58);
+    i0.ɵɵtext(20, " Critical Gaps ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "div", 61);
-    i0.ɵɵtext(25);
+    i0.ɵɵelementStart(21, "div", 59);
+    i0.ɵɵtext(22);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 62)(27, "span", 63);
-    i0.ɵɵtext(28, "View Details");
+    i0.ɵɵelementStart(23, "div", 60)(24, "span", 61);
+    i0.ɵɵtext(25, "View Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(29, "symphiq-icon", 64);
+    i0.ɵɵelement(26, "symphiq-icon", 62);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "button", 59);
-    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
-    i0.ɵɵelementStart(31, "div", 60);
-    i0.ɵɵtext(32, " Quick Wins ");
+    i0.ɵɵelementStart(27, "button", 57);
+    i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_27_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
+    i0.ɵɵelementStart(28, "div", 58);
+    i0.ɵɵtext(29, " Quick Wins ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "div", 61);
-    i0.ɵɵtext(34);
+    i0.ɵɵelementStart(30, "div", 59);
+    i0.ɵɵtext(31);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "div", 62)(36, "span", 63);
-    i0.ɵɵtext(37, "Details Below");
+    i0.ɵɵelementStart(32, "div", 60)(33, "span", 61);
+    i0.ɵɵtext(34, "Details Below");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(38, "symphiq-icon", 65);
+    i0.ɵɵelement(35, "symphiq-icon", 63);
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵelement(39, "symphiq-quick-wins-grid", 66);
+    i0.ɵɵelement(36, "symphiq-quick-wins-grid", 64);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_33_0;
+    let tmp_31_0;
     const summary_r10 = ctx;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getBannerClasses());
-    i0.ɵɵadvance(4);
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r1.getSectionTitleClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.getTextClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", summary_r10.gradeRationale, " ");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(summary_r10.overallGrade ? 9 : -1);
+    i0.ɵɵconditional(summary_r10.overallGrade ? 6 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("narrative", summary_r10.narrative)("napkinVisual", summary_r10.napkinVisual);
     i0.ɵɵadvance(2);
@@ -97226,7 +97227,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getKeyStrengthsButtonTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(32, _c3$1, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getKeyStrengthsButtonTextClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(30, _c3$1, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getKeyStrengthsButtonTextClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getCriticalGapsStatCardClasses());
     i0.ɵɵadvance();
@@ -97238,7 +97239,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getCriticalGapsButtonTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(34, _c3$1, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getCriticalGapsButtonTextClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(32, _c3$1, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getCriticalGapsButtonTextClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinsStatCardClasses());
     i0.ɵɵadvance();
@@ -97250,13 +97251,13 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinsButtonTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(36, _c4, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getQuickWinsButtonTextClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(34, _c4, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getQuickWinsButtonTextClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("quickWins", ((tmp_33_0 = ctx_r1.executiveSummary()) == null ? null : tmp_33_0.quickWins) || i0.ɵɵpureFunction0(38, _c2$3))("allGoals", ctx_r1.allGoals());
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("quickWins", ((tmp_31_0 = ctx_r1.executiveSummary()) == null ? null : tmp_31_0.quickWins) || i0.ɵɵpureFunction0(36, _c2$3))("allGoals", ctx_r1.allGoals());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 67);
+    i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 65);
     i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_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_10_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_10_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.ɵɵelementEnd();
 } if (rf & 2) {
@@ -97264,21 +97265,21 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 68);
+    i0.ɵɵelement(0, "symphiq-section-divider", 66);
 } if (rf & 2) {
     const sectionList_r12 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r12[0].icon);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_2_Conditional_0_Template, 1, 2, "symphiq-section-divider", 68);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_2_Conditional_0_Template, 1, 2, "symphiq-section-divider", 66);
 } if (rf & 2) {
     const sectionList_r12 = ctx;
     i0.ɵɵconditional(sectionList_r12.length > 0 && sectionList_r12[0].icon ? 0 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 71);
-    i0.ɵɵelement(1, "symphiq-icon", 75);
+    i0.ɵɵelementStart(0, "div", 69);
+    i0.ɵɵelement(1, "symphiq-icon", 73);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r13 = i0.ɵɵnextContext().$implicit;
@@ -97288,8 +97289,8 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
     i0.ɵɵproperty("icon", section_r13.icon);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 77);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 79);
+    i0.ɵɵelementStart(0, "div", 75);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 77);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r13 = i0.ɵɵnextContext(2).$implicit;
@@ -97298,7 +97299,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
     i0.ɵɵproperty("visual", section_r13.visual)("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 80)(1, "p", 81);
+    i0.ɵɵelementStart(0, "div", 78)(1, "p", 79);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -97311,42 +97312,42 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
     i0.ɵɵtextInterpolate1(" ", section_r13.description, " ");
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 76);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 77);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 78);
+    i0.ɵɵelementStart(0, "div", 74);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 75);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 76);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r13 = i0.ɵɵnextContext();
     const section_r13 = ctx_r13.$implicit;
-    const ɵ$index_170_r15 = ctx_r13.$index;
-    i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_170_r15 % 2 === 0);
+    const ɵ$index_165_r15 = ctx_r13.$index;
+    i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_165_r15 % 2 === 0);
     i0.ɵɵadvance();
     i0.ɵɵconditional(section_r13.visual && section_r13.visual.enabled ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(section_r13.description ? 2 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 68);
+    i0.ɵɵelement(0, "symphiq-section-divider", 66);
 } if (rf & 2) {
-    const ɵ$index_170_r15 = i0.ɵɵnextContext().$index;
+    const ɵ$index_165_r15 = i0.ɵɵnextContext().$index;
     const sectionList_r16 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r16[ɵ$index_170_r15 + 1].icon);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r16[ɵ$index_165_r15 + 1].icon);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 69)(1, "div", 70);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_2_Template, 2, 2, "div", 71);
-    i0.ɵɵelementStart(3, "div", 53)(4, "h3", 72);
+    i0.ɵɵelementStart(0, "div", 67)(1, "div", 68);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_2_Template, 2, 2, "div", 69);
+    i0.ɵɵelementStart(3, "div", 70)(4, "h3", 53);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(6, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Template, 3, 4, "div", 73);
-    i0.ɵɵelement(7, "symphiq-profile-section-content", 74);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_6_Template, 3, 4, "div", 71);
+    i0.ɵɵelement(7, "symphiq-profile-section-content", 72);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 68);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 66);
 } if (rf & 2) {
     const section_r13 = ctx.$implicit;
-    const ɵ$index_170_r15 = ctx.$index;
-    const ɵ$count_170_r17 = ctx.$count;
+    const ɵ$index_165_r15 = ctx.$index;
+    const ɵ$count_165_r17 = ctx.$count;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("id", "section-" + section_r13.id)("ngClass", ctx_r1.getSectionCardClasses());
     i0.ɵɵadvance(2);
@@ -97358,9 +97359,9 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
     i0.ɵɵadvance();
     i0.ɵɵconditional(section_r13.description || section_r13.visual && section_r13.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_170_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_r13)("executiveSummary", section_r13.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_165_r15)("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_170_r15 === ɵ$count_170_r17 - 1) ? 8 : -1);
+    i0.ɵɵconditional(!(ɵ$index_165_r15 === ɵ$count_165_r17 - 1) ? 8 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "section", 49);
@@ -97371,7 +97372,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
     i0.ɵɵrepeater(ctx);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 40, 39, "section", 47);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 37, 37, "section", 47);
     i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 4, "symphiq-metric-executive-summary", 48);
     i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 1);
     i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_Template, 3, 0, "section", 49);
@@ -97456,7 +97457,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_23_Template(rf
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 82);
+    i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 80);
     i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template_symphiq_sticky_subscription_continue_button_continueClick_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleStickyButtonClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -97465,7 +97466,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template(rf
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-profile-sticky-footer", 83);
+    i0.ɵɵelementStart(0, "symphiq-profile-sticky-footer", 81);
     i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template_symphiq_profile_sticky_footer_continueClick_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleShopProfileContinueClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -97474,18 +97475,18 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template(rf
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 27)(1, "div", 84)(2, "div", 85)(3, "button", 86);
+    i0.ɵɵelementStart(0, "div", 27)(1, "div", 82)(2, "div", 83)(3, "button", 84);
     i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_29_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCancelCurrencyEdit()); });
     i0.ɵɵtext(4, " Cancel ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 87);
+    i0.ɵɵelementStart(5, "button", 85);
     i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_29_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleContinueToPlans()); });
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7, "Continue to Plans");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 88);
-    i0.ɵɵelement(9, "path", 89);
+    i0.ɵɵelementStart(8, "svg", 86);
+    i0.ɵɵelement(9, "path", 87);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -98539,7 +98540,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.planSelectionContainer = _t.first);
         } }, hostBindings: function SymphiqProfileShopAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileShopAnalysisDashboardComponent_scroll_HostBindingHandler() { return ctx.onWindowScroll(); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 31, vars: 61, 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", "showSearchControl", "showViewModeControl", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [1, "mb-12"], ["title", "Loading Your Shop Profile Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "objectives", "goalTitle", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate", "isShopProfileComplete"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], [1, "mb-8"], [3, "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], [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"], [3, "viewMode", "narrative", "napkinVisual"], [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"], [3, "viewMode", "quickWins", "allGoals"], [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"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 31, vars: 61, 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", "showSearchControl", "showViewModeControl", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [1, "mb-12"], ["title", "Loading Your Shop Profile Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "objectives", "goalTitle", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate", "isShopProfileComplete"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], [1, "mb-8"], [3, "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], [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, "text-2xl", "font-bold", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [3, "viewMode", "narrative", "napkinVisual"], [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"], [3, "viewMode", "quickWins", "allGoals"], [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, "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"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2);
             i0.ɵɵelement(1, "div", 3)(2, "symphiq-scroll-progress-bar", 4);
             i0.ɵɵelementStart(3, "div", 5)(4, "symphiq-dashboard-header", 6);
@@ -98905,14 +98906,9 @@ class SymphiqProfileShopAnalysisDashboardComponent {
                 <div [ngClass]="getBannerClasses()" class="rounded-2xl p-8 shadow-xl">
                   <div class="space-y-6">
                     <div class="flex items-start justify-between gap-4">
-                      <div class="flex-1">
-                        <h2 [ngClass]="getSectionTitleClasses()" class="text-2xl font-bold mb-3">
-                          Executive Summary
-                        </h2>
-                        <p [ngClass]="getTextClasses()" class="text-lg leading-relaxed">
-                          {{ summary.gradeRationale }}
-                        </p>
-                      </div>
+                      <h2 [ngClass]="getSectionTitleClasses()" class="text-2xl font-bold">
+                        Executive Summary
+                      </h2>
                       @if (summary.overallGrade) {
                         <symphiq-grade-badge
                             [grade]="summary.overallGrade"
@@ -99315,7 +99311,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             type: HostListener,
             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: 784 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileShopAnalysisDashboardComponent, { className: "SymphiqProfileShopAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/symphiq-profile-shop-analysis-dashboard.component.ts", lineNumber: 779 }); })();
 
 function ContinueFooterComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
@@ -107115,7 +107111,9 @@ function UnifiedGoalsProgressFooterComponent_Conditional_13_Template(rf, ctx) {
     i0.ɵɵelement(2, "path", 20);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " Integrate Goals ");
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "svg", 19);
+    i0.ɵɵelement(5, "path", 21);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.integrateButtonClasses());
@@ -107199,7 +107197,7 @@ class UnifiedGoalsProgressFooterComponent {
         this.integrateGoals.emit(this.goalActionStateService.getOutput(this.goalIds()));
     }
     static { this.ɵfac = function UnifiedGoalsProgressFooterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedGoalsProgressFooterComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalsProgressFooterComponent, selectors: [["symphiq-unified-goals-progress-footer"]], inputs: { goalIds: [1, "goalIds"], viewMode: [1, "viewMode"] }, outputs: { integrateGoals: "integrateGoals" }, decls: 15, vars: 11, consts: [[1, "fixed", "bottom-0", "left-0", "right-0", "z-100", "border-t", "backdrop-blur-xl", "transition-all", "duration-300", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "flex-col", "sm:flex-row", "items-center", "justify-between", "gap-4"], [1, "flex-1", "w-full", "sm:w-auto"], [1, "flex", "items-center", "justify-between", "mb-2"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-500", "ease-out", 3, "ngClass"], [1, "flex", "items-center", "gap-4", "mt-2"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-6", "py-3", "rounded-xl", "font-semibold", "text-sm", "transition-all", "duration-200", "shadow-lg", "hover:shadow-xl", "hover:scale-105", "active:scale-95", "cursor-pointer", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5"], [1, "w-2", "h-2", "rounded-full", "bg-emerald-500"], [1, "text-xs", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-amber-500"], [1, "w-2", "h-2", "rounded-full", "bg-slate-400"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-6", "py-3", "rounded-xl", "font-semibold", "text-sm", "transition-all", "duration-200", "shadow-lg", "hover:shadow-xl", "hover:scale-105", "active:scale-95", "cursor-pointer", 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", "M13 10V3L4 14h7v7l9-11h-7z"]], template: function UnifiedGoalsProgressFooterComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalsProgressFooterComponent, selectors: [["symphiq-unified-goals-progress-footer"]], inputs: { goalIds: [1, "goalIds"], viewMode: [1, "viewMode"] }, outputs: { integrateGoals: "integrateGoals" }, decls: 15, vars: 11, consts: [[1, "fixed", "bottom-0", "left-0", "right-0", "z-100", "border-t", "backdrop-blur-xl", "transition-all", "duration-300", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "flex-col", "sm:flex-row", "items-center", "justify-between", "gap-4"], [1, "flex-1", "w-full", "sm:w-auto"], [1, "flex", "items-center", "justify-between", "mb-2"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-500", "ease-out", 3, "ngClass"], [1, "flex", "items-center", "gap-4", "mt-2"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "w-full", "sm:w-auto", "inline-flex", "items-center", "justify-center", "gap-3", "px-8", "py-3.5", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "active:scale-95", "cursor-pointer", "animate-integrate-glow", "hover-glow", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5"], [1, "w-2", "h-2", "rounded-full", "bg-emerald-500"], [1, "text-xs", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-amber-500"], [1, "w-2", "h-2", "rounded-full", "bg-slate-400"], ["type", "button", 1, "w-full", "sm:w-auto", "inline-flex", "items-center", "justify-center", "gap-3", "px-8", "py-3.5", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "active:scale-95", "cursor-pointer", "animate-integrate-glow", "hover-glow", 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", "M13 10V3L4 14h7v7l9-11h-7z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"]], template: function UnifiedGoalsProgressFooterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "span", 5);
             i0.ɵɵtext(6, " Goals Reviewed ");
             i0.ɵɵelementEnd();
@@ -107212,7 +107210,7 @@ class UnifiedGoalsProgressFooterComponent {
             i0.ɵɵconditionalCreate(11, UnifiedGoalsProgressFooterComponent_Conditional_11_Template, 4, 3, "div", 9);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(12, "div", 10);
-            i0.ɵɵconditionalCreate(13, UnifiedGoalsProgressFooterComponent_Conditional_13_Template, 4, 1, "button", 11)(14, UnifiedGoalsProgressFooterComponent_Conditional_14_Template, 2, 1, "div", 12);
+            i0.ɵɵconditionalCreate(13, UnifiedGoalsProgressFooterComponent_Conditional_13_Template, 6, 1, "button", 11)(14, UnifiedGoalsProgressFooterComponent_Conditional_14_Template, 2, 1, "div", 12);
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -107231,16 +107229,11 @@ class UnifiedGoalsProgressFooterComponent {
             i0.ɵɵconditional(ctx.completedCount() > 0 ? 11 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.allReviewed() ? 13 : 14);
-        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_integrate-glow{0%,to{box-shadow:0 0 20px #10b98166,0 0 40px #06b6d433}50%{box-shadow:0 0 30px 5px #10b98199,0 0 60px 5px #06b6d44d}}.animate-integrate-glow[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_integrate-glow 2s ease-in-out infinite}.hover-glow[_ngcontent-%COMP%]:hover{box-shadow:0 0 35px 8px #10b981b3,0 0 70px 10px #06b6d466}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UnifiedGoalsProgressFooterComponent, [{
         type: Component,
-        args: [{
-                selector: 'symphiq-unified-goals-progress-footer',
-                standalone: true,
-                imports: [CommonModule],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
+        args: [{ selector: 'symphiq-unified-goals-progress-footer', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div [ngClass]="containerClasses()" class="fixed bottom-0 left-0 right-0 z-100 border-t backdrop-blur-xl transition-all duration-300">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div class="flex flex-col sm:flex-row items-center justify-between gap-4">
@@ -107290,11 +107283,14 @@ class UnifiedGoalsProgressFooterComponent {
                 type="button"
                 (click)="onIntegrateClick()"
                 [ngClass]="integrateButtonClasses()"
-                class="inline-flex items-center gap-2 px-6 py-3 rounded-xl font-semibold text-sm transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105 active:scale-95 cursor-pointer">
+                class="w-full sm:w-auto inline-flex items-center justify-center gap-3 px-8 py-3.5 rounded-xl font-bold text-base transition-all duration-200 hover:scale-105 active:scale-95 cursor-pointer animate-integrate-glow hover-glow">
                 <svg 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 10V3L4 14h7v7l9-11h-7z"/>
                 </svg>
                 Integrate Goals
+                <svg 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="M9 5l7 7-7 7"/>
+                </svg>
               </button>
             } @else {
               <div [ngClass]="hintClasses()" class="text-sm">
@@ -107305,10 +107301,9 @@ class UnifiedGoalsProgressFooterComponent {
         </div>
       </div>
     </div>
-  `
-            }]
+  `, styles: ["@keyframes integrate-glow{0%,to{box-shadow:0 0 20px #10b98166,0 0 40px #06b6d433}50%{box-shadow:0 0 30px 5px #10b98199,0 0 60px 5px #06b6d44d}}.animate-integrate-glow{animation:integrate-glow 2s ease-in-out infinite}.hover-glow:hover{box-shadow:0 0 35px 8px #10b981b3,0 0 70px 10px #06b6d466}\n"] }]
     }], null, { goalIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "goalIds", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], integrateGoals: [{ type: i0.Output, args: ["integrateGoals"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalsProgressFooterComponent, { className: "UnifiedGoalsProgressFooterComponent", filePath: "lib/components/profile-analysis-unified-dashboard/unified-goals-progress-footer.component.ts", lineNumber: 78 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalsProgressFooterComponent, { className: "UnifiedGoalsProgressFooterComponent", filePath: "lib/components/profile-analysis-unified-dashboard/unified-goals-progress-footer.component.ts", lineNumber: 97 }); })();
 
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -107317,7 +107312,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_5_Template(
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.JourneyStepIdEnum.UNIFIED_ANALYSIS)("showNextStepAction", false)("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.JourneyStepIdEnum.UNIFIED_ANALYSIS)("showNextStepAction", ctx_r1.allGoalsReviewed())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-loading-card", 16);
@@ -107454,6 +107449,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         this.modalService = inject(ModalService);
         this.viewModeService = inject(ViewModeService);
         this.profileContextService = inject(ProfileContextService);
+        this.goalActionStateService = inject(GoalActionStateService);
         this.IconSourceEnum = IconSourceEnum;
         this.ProfileAnalysisTypeEnum = ProfileAnalysisTypeEnum;
         this.JourneyStepIdEnum = JourneyStepIdEnum;
@@ -107551,6 +107547,14 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         this.unifiedGoalIds = computed(() => {
             return this.unifiedGoals().map(g => g.id).filter((id) => !!id);
         }, ...(ngDevMode ? [{ debugName: "unifiedGoalIds" }] : []));
+        this.allGoalsReviewed = computed(() => {
+            this.goalActionStateService.states();
+            const goalIds = this.unifiedGoalIds();
+            if (goalIds.length === 0)
+                return false;
+            const states = this.goalActionStateService.getStatesByGoalIds(goalIds);
+            return Object.keys(states).length === goalIds.length;
+        }, ...(ngDevMode ? [{ debugName: "allGoalsReviewed" }] : []));
         this.shouldShowProgressFooter = computed(() => {
             const goals = this.unifiedGoals();
             return goals.length > 0 && !this.isLoading() && !this.isGenerating();
@@ -107822,10 +107826,15 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         }, ...(ngDevMode ? [{ debugName: "embeddedScrollEffect" }] : []));
         this.profileIndexEffect = effect(() => {
             const profileToUse = this.profile();
+            console.log('[UnifiedDashboard] profileIndexEffect - profile:', !!profileToUse, 'sections:', profileToUse?.profileStructured?.sections?.length, 'recommendations:', profileToUse?.profileStructured?.recommendations?.length);
             if (profileToUse?.profileStructured?.sections) {
                 const recommendations = profileToUse.profileStructured?.recommendations || [];
+                console.log('[UnifiedDashboard] profileIndexEffect - calling indexProfile with', profileToUse.profileStructured.sections.length, 'sections and', recommendations.length, 'recommendations');
                 this.profileContextService.indexProfile(profileToUse.profileStructured.sections, recommendations);
             }
+            else {
+                console.log('[UnifiedDashboard] profileIndexEffect - NO profile data to index');
+            }
         }, ...(ngDevMode ? [{ debugName: "profileIndexEffect" }] : []));
         this.pendingSourceRequestEffect = effect(() => {
             const pending = this.pendingSourceRequest();
@@ -108064,6 +108073,19 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         const sections = structured?.sections || [];
         const goals = sections.flatMap(section => section.goals || []);
         const goal = goals.find(g => g.id === sourceGoalId);
+        const recommendations = [];
+        for (const g of goals) {
+            for (const obj of g.objectives || []) {
+                for (const strat of obj.strategies || []) {
+                    for (const rec of strat.recommendations || []) {
+                        recommendations.push(rec);
+                    }
+                }
+            }
+        }
+        const profileSections = sections;
+        console.log('[SourceAnalysis] openSourceGoalModal - indexing source analysis with', profileSections.length, 'sections and', recommendations.length, 'recommendations');
+        this.profileContextService.indexProfile(profileSections, recommendations);
         if (goal) {
             const currentModalState = this.modalService.getCurrentState();
             if (analysisType) {
@@ -108477,7 +108499,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
           <symphiq-journey-progress-indicator
               [viewMode]="viewMode()"
               [currentStepId]="JourneyStepIdEnum.UNIFIED_ANALYSIS"
-              [showNextStepAction]="false"
+              [showNextStepAction]="allGoalsReviewed()"
               [forDemo]="forDemo()"
               [maxAccessibleStepId]="maxAccessibleStepId()"
               (nextStepClick)="nextStepClick.emit()"