@eric-emg/symphiq-components 1.2.403 → 1.2.406

package/fesm2022/symphiq-components.mjs

@@ -57432,6 +57432,13 @@ class AreaChartComponent {
         });
         // Default colors for area chart series
         const defaultColors = ['#4A90E2', '#10b981', '#f59e0b', '#ef4444', '#8b5cf6', '#06b6d4'];
+        // Find series with most data points for X-axis categories
+        const seriesWithMostData = chartData.series?.reduce((max, s) => (s.data?.length ?? 0) > (max.data?.length ?? 0) ? s : max, chartData.series[0]);
+        const xAxisData = (seriesWithMostData?.data || []).map(d => ({
+            month: d.month,
+            value: d.value
+        }));
+        xAxis.data.setAll(xAxisData);
         chartData.series?.forEach((seriesData, index) => {
             const colorHex = defaultColors[index % defaultColors.length];
             const seriesColor = color(parseInt(colorHex.replace('#', ''), 16));
@@ -57468,9 +57475,6 @@ class AreaChartComponent {
                 value: d.value
             }));
             series.data.setAll(transformedData);
-            if (index === 0) {
-                xAxis.data.setAll(transformedData);
-            }
             series.appear(ChartConstants.ANIMATION.APPEAR_DURATION);
         });
         const legend = chartElement.children.push(Legend.new(root, {
@@ -72528,7 +72532,7 @@ function CapabilityMatrixCardComponent_Conditional_26_Template(rf, ctx) { if (rf
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("animate-pulse", ctx_r0.isHighImportance());
+    i0.ɵɵclassProp("animate-pulse-slow", ctx_r0.isHighImportance());
     i0.ɵɵproperty("ngClass", ctx_r0.importanceBadgeClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.importanceLabel(), " Importance ");
@@ -72781,7 +72785,7 @@ class CapabilityMatrixCardComponent {
         return 'bg-red-500';
     }
     static { this.ɵfac = function CapabilityMatrixCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CapabilityMatrixCardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CapabilityMatrixCardComponent, selectors: [["symphiq-capability-matrix-card"]], inputs: { capability: [1, "capability"], viewMode: [1, "viewMode"], allGoals: [1, "allGoals"] }, decls: 31, vars: 30, consts: [[1, "rounded-lg", "p-4", 3, "click", "ngClass"], [1, "flex", "items-start", "justify-between", "gap-3", "mb-3"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", "min-h-0"], [1, "transition-opacity", "duration-300"], [1, "grid", "grid-cols-2", "gap-3", "mb-3"], [1, "p-3", "rounded-lg", 3, "ngClass"], [1, "text-xs", "font-medium", "mb-1", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5"], [1, "w-2", "h-2", "rounded-full", 3, "ngClass"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5", "mb-4"], [1, "px-2", "py-1", "rounded", "text-xs", "font-medium", 3, "ngClass", "animate-pulse"], [1, "px-2", "py-1", "rounded", "text-xs", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer"], [1, "px-2", "py-1", "rounded", "text-xs", "font-medium", 3, "ngClass"], ["size", "w-3.5 h-3.5", 3, "icon", "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer", 3, "click"], [1, "text-sm", "font-medium", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"]], template: function CapabilityMatrixCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CapabilityMatrixCardComponent, selectors: [["symphiq-capability-matrix-card"]], inputs: { capability: [1, "capability"], viewMode: [1, "viewMode"], allGoals: [1, "allGoals"] }, decls: 31, vars: 30, consts: [[1, "rounded-lg", "p-4", 3, "click", "ngClass"], [1, "flex", "items-start", "justify-between", "gap-3", "mb-3"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", "min-h-0"], [1, "transition-opacity", "duration-300"], [1, "grid", "grid-cols-2", "gap-3", "mb-3"], [1, "p-3", "rounded-lg", 3, "ngClass"], [1, "text-xs", "font-medium", "mb-1", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5"], [1, "w-2", "h-2", "rounded-full", 3, "ngClass"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5", "mb-4"], [1, "px-2", "py-1", "rounded", "text-xs", "font-medium", 3, "ngClass", "animate-pulse-slow"], [1, "px-2", "py-1", "rounded", "text-xs", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer"], [1, "px-2", "py-1", "rounded", "text-xs", "font-medium", 3, "ngClass"], ["size", "w-3.5 h-3.5", 3, "icon", "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer", 3, "click"], [1, "text-sm", "font-medium", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"]], template: function CapabilityMatrixCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("click", function CapabilityMatrixCardComponent_Template_div_click_0_listener($event) { return ctx.onCardClick($event); });
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "h5", 3);
@@ -72848,7 +72852,7 @@ class CapabilityMatrixCardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.stateLabelClasses());
             i0.ɵɵadvance(3);
-            i0.ɵɵclassProp("animate-pulse", ctx.isNotImplemented((tmp_11_0 = ctx.capability()) == null ? null : tmp_11_0.currentState));
+            i0.ɵɵclassProp("animate-pulse-slow", ctx.isNotImplemented((tmp_11_0 = ctx.capability()) == null ? null : tmp_11_0.currentState));
             i0.ɵɵproperty("ngClass", ctx.stateIndicatorClasses(((tmp_12_0 = ctx.capability()) == null ? null : tmp_12_0.currentState) || ctx.CapabilityStateEnum.NOT_IMPLEMENTED));
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.stateValueClasses());
@@ -72883,107 +72887,107 @@ class CapabilityMatrixCardComponent {
                 standalone: true,
                 imports: [CommonModule, RelatedGoalChipsComponent, SymphiqIconComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div
-      [ngClass]="cardClasses()"
-      [class.cursor-pointer]="!isExpandedMode()"
-      (click)="onCardClick($event)"
-      class="rounded-lg p-4">
-      <div class="flex items-start justify-between gap-3 mb-3">
-        <div class="flex-1">
-          <h5 [ngClass]="titleClasses()" class="font-semibold text-sm mb-1">{{ capability()?.name }}</h5>
-          @if (capability()?.industryBenchmark) {
-            <p [ngClass]="benchmarkClasses()" class="text-xs">Industry: {{ formatIndustryBenchmark(capability()!.industryBenchmark!) }}</p>
-          }
-        </div>
-        @if (capability()?.quadrant) {
-          <span [ngClass]="quadrantBadgeClasses()" class="px-2.5 py-1 rounded-full text-xs font-semibold whitespace-nowrap">
-            {{ quadrantLabel() }}
-          </span>
-        }
-      </div>
-
-      <!-- Expandable Content -->
-      <div class="grid transition-[grid-template-rows] duration-300 ease-in-out" [style.grid-template-rows]="shouldShowExpandedContent() ? '1fr' : '0fr'">
-        <div class="overflow-hidden min-h-0">
-          <div [style.opacity]="shouldShowExpandedContent() ? '1' : '0'" [style.transition-delay]="shouldShowExpandedContent() ? '150ms' : '0ms'" class="transition-opacity duration-300">
-
-      <div class="grid grid-cols-2 gap-3 mb-3">
-        <div [ngClass]="stateSectionClasses()" class="p-3 rounded-lg">
-          <p [ngClass]="stateLabelClasses()" class="text-xs font-medium mb-1">Current</p>
-          <div class="flex items-center gap-1.5">
-            <div [ngClass]="stateIndicatorClasses(capability()?.currentState || CapabilityStateEnum.NOT_IMPLEMENTED)" [class.animate-pulse]="isNotImplemented(capability()?.currentState)" class="w-2 h-2 rounded-full"></div>
-            <p [ngClass]="stateValueClasses()" class="text-xs">{{ formatState(capability()?.currentState) }}</p>
-          </div>
-        </div>
-        <div [ngClass]="stateSectionClasses()" class="p-3 rounded-lg">
-          <p [ngClass]="stateLabelClasses()" class="text-xs font-medium mb-1">Desired</p>
-          <div class="flex items-center gap-1.5">
-            <div [ngClass]="stateIndicatorClasses(capability()?.desiredState || CapabilityStateEnum.FULLY_IMPLEMENTED)" class="w-2 h-2 rounded-full"></div>
-            <p [ngClass]="stateValueClasses()" class="text-xs font-semibold">{{ formatState(capability()?.desiredState) }}</p>
-          </div>
-        </div>
-      </div>
-
-      <div class="flex flex-wrap gap-1.5 mb-4">
-        @if (capability()?.importance) {
-          <span [ngClass]="importanceBadgeClasses()" [class.animate-pulse]="isHighImportance()" class="px-2 py-1 rounded text-xs font-medium">
-            {{ importanceLabel() }} Importance
-          </span>
-        }
-        @if (capability()?.effort) {
-          <span [ngClass]="effortBadgeClasses()" class="px-2 py-1 rounded text-xs">
-            {{ effortLabel() }} Effort
-          </span>
-        }
-        @if (capability()?.impact) {
-          <span [ngClass]="impactBadgeClasses()" class="px-2 py-1 rounded text-xs">
-            {{ impactLabel() }} Impact
-          </span>
-        }
-      </div>
-
-      <!-- Related Goals (in expandable section) -->
-      @if (capability()?.relatedGoalIds && capability()!.relatedGoalIds!.length > 0) {
-        <div class="space-y-2">
-          <div class="flex items-center gap-1.5">
-            <symphiq-icon
-              [icon]="{ name: 'link', source: IconSourceEnum.HEROICONS }"
-              size="w-3.5 h-3.5"
-              [ngClass]="relatedGoalsIconClasses()"
-            />
-            <span [ngClass]="relatedGoalsTitleClasses()" class="text-xs font-semibold">Related Goals</span>
-          </div>
-          <symphiq-related-goal-chips
-            [relatedGoalIds]="capability()!.relatedGoalIds!"
-            [allGoals]="allGoals()"
-            [viewMode]="viewMode()"
-          />
-        </div>
-      }
-
-          </div>
-        </div>
-      </div>
-
-      <!-- Learn More / View Less Button (for Compact/Simplified modes) -->
-      @if (!isExpandedMode()) {
-        <div class="flex items-center gap-2 mt-3 cursor-pointer" (click)="toggleExpanded($event)">
-          <span [ngClass]="learnMoreButtonClasses()" class="text-sm font-medium">
-            {{ isExpanded() ? 'View Less' : 'Learn More' }}
-          </span>
-          <svg
-            [ngClass]="learnMoreChevronClasses()"
-            [class.rotate-180]="isExpanded()"
-            class="w-4 h-4 transition-transform duration-200"
-            fill="none"
-            stroke="currentColor"
-            viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
-          </svg>
-        </div>
-      }
-    </div>
+                template: `
+    <div
+      [ngClass]="cardClasses()"
+      [class.cursor-pointer]="!isExpandedMode()"
+      (click)="onCardClick($event)"
+      class="rounded-lg p-4">
+      <div class="flex items-start justify-between gap-3 mb-3">
+        <div class="flex-1">
+          <h5 [ngClass]="titleClasses()" class="font-semibold text-sm mb-1">{{ capability()?.name }}</h5>
+          @if (capability()?.industryBenchmark) {
+            <p [ngClass]="benchmarkClasses()" class="text-xs">Industry: {{ formatIndustryBenchmark(capability()!.industryBenchmark!) }}</p>
+          }
+        </div>
+        @if (capability()?.quadrant) {
+          <span [ngClass]="quadrantBadgeClasses()" class="px-2.5 py-1 rounded-full text-xs font-semibold whitespace-nowrap">
+            {{ quadrantLabel() }}
+          </span>
+        }
+      </div>
+
+      <!-- Expandable Content -->
+      <div class="grid transition-[grid-template-rows] duration-300 ease-in-out" [style.grid-template-rows]="shouldShowExpandedContent() ? '1fr' : '0fr'">
+        <div class="overflow-hidden min-h-0">
+          <div [style.opacity]="shouldShowExpandedContent() ? '1' : '0'" [style.transition-delay]="shouldShowExpandedContent() ? '150ms' : '0ms'" class="transition-opacity duration-300">
+
+      <div class="grid grid-cols-2 gap-3 mb-3">
+        <div [ngClass]="stateSectionClasses()" class="p-3 rounded-lg">
+          <p [ngClass]="stateLabelClasses()" class="text-xs font-medium mb-1">Current</p>
+          <div class="flex items-center gap-1.5">
+            <div [ngClass]="stateIndicatorClasses(capability()?.currentState || CapabilityStateEnum.NOT_IMPLEMENTED)" [class.animate-pulse-slow]="isNotImplemented(capability()?.currentState)" class="w-2 h-2 rounded-full"></div>
+            <p [ngClass]="stateValueClasses()" class="text-xs">{{ formatState(capability()?.currentState) }}</p>
+          </div>
+        </div>
+        <div [ngClass]="stateSectionClasses()" class="p-3 rounded-lg">
+          <p [ngClass]="stateLabelClasses()" class="text-xs font-medium mb-1">Desired</p>
+          <div class="flex items-center gap-1.5">
+            <div [ngClass]="stateIndicatorClasses(capability()?.desiredState || CapabilityStateEnum.FULLY_IMPLEMENTED)" class="w-2 h-2 rounded-full"></div>
+            <p [ngClass]="stateValueClasses()" class="text-xs font-semibold">{{ formatState(capability()?.desiredState) }}</p>
+          </div>
+        </div>
+      </div>
+
+      <div class="flex flex-wrap gap-1.5 mb-4">
+        @if (capability()?.importance) {
+          <span [ngClass]="importanceBadgeClasses()" [class.animate-pulse-slow]="isHighImportance()" class="px-2 py-1 rounded text-xs font-medium">
+            {{ importanceLabel() }} Importance
+          </span>
+        }
+        @if (capability()?.effort) {
+          <span [ngClass]="effortBadgeClasses()" class="px-2 py-1 rounded text-xs">
+            {{ effortLabel() }} Effort
+          </span>
+        }
+        @if (capability()?.impact) {
+          <span [ngClass]="impactBadgeClasses()" class="px-2 py-1 rounded text-xs">
+            {{ impactLabel() }} Impact
+          </span>
+        }
+      </div>
+
+      <!-- Related Goals (in expandable section) -->
+      @if (capability()?.relatedGoalIds && capability()!.relatedGoalIds!.length > 0) {
+        <div class="space-y-2">
+          <div class="flex items-center gap-1.5">
+            <symphiq-icon
+              [icon]="{ name: 'link', source: IconSourceEnum.HEROICONS }"
+              size="w-3.5 h-3.5"
+              [ngClass]="relatedGoalsIconClasses()"
+            />
+            <span [ngClass]="relatedGoalsTitleClasses()" class="text-xs font-semibold">Related Goals</span>
+          </div>
+          <symphiq-related-goal-chips
+            [relatedGoalIds]="capability()!.relatedGoalIds!"
+            [allGoals]="allGoals()"
+            [viewMode]="viewMode()"
+          />
+        </div>
+      }
+
+          </div>
+        </div>
+      </div>
+
+      <!-- Learn More / View Less Button (for Compact/Simplified modes) -->
+      @if (!isExpandedMode()) {
+        <div class="flex items-center gap-2 mt-3 cursor-pointer" (click)="toggleExpanded($event)">
+          <span [ngClass]="learnMoreButtonClasses()" class="text-sm font-medium">
+            {{ isExpanded() ? 'View Less' : 'Learn More' }}
+          </span>
+          <svg
+            [ngClass]="learnMoreChevronClasses()"
+            [class.rotate-180]="isExpanded()"
+            class="w-4 h-4 transition-transform duration-200"
+            fill="none"
+            stroke="currentColor"
+            viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+          </svg>
+        </div>
+      }
+    </div>
   `
             }]
     }], () => [], { capability: [{ type: i0.Input, args: [{ isSignal: true, alias: "capability", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }] }); })();
@@ -73090,7 +73094,7 @@ function CompetitiveComparisonCardComponent_Conditional_13_For_4_Template(rf, ct
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.competitorNameClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(position_r3.competitorId);
+    i0.ɵɵtextInterpolate(ctx_r1.getCompetitorTitle(position_r3.competitorId));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.advantageBadgeClasses(position_r3.advantage));
     i0.ɵɵadvance();
@@ -73162,6 +73166,7 @@ class CompetitiveComparisonCardComponent {
         this.comparison = input(...(ngDevMode ? [undefined, { debugName: "comparison" }] : []));
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.viewModeService = inject(ViewModeService);
+        this.profileContextService = inject(ProfileContextService);
         this.expandedSignal = signal(false, ...(ngDevMode ? [{ debugName: "expandedSignal" }] : []));
         this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
         this.globalIsExpanded = computed(() => this.viewModeService.getViewMode() === 'expanded', ...(ngDevMode ? [{ debugName: "globalIsExpanded" }] : []));
@@ -73273,6 +73278,14 @@ class CompetitiveComparisonCardComponent {
             default: return '';
         }
     }
+    getCompetitorTitle(competitorId) {
+        if (!competitorId)
+            return '';
+        const competitors = this.profileContextService.getCompetitorsByIds([competitorId]);
+        const result = competitors[0]?.label || competitors[0]?.value || competitorId;
+        console.log('[getCompetitorTitle] competitorId:', competitorId, 'competitors:', competitors, 'result:', result);
+        return result;
+    }
     advantageBadgeClasses(advantage) {
         if (this.isDark()) {
             if (advantage === AdvantageEnum.YOURS) {
@@ -73431,7 +73444,7 @@ class CompetitiveComparisonCardComponent {
           @for (position of comparison()!.competitorPositions; track position.competitorId || $index) {
             <div [ngClass]="competitorCardClasses()" class="p-3 rounded-lg">
               <div class="flex items-start justify-between gap-2 mb-2">
-                <p [ngClass]="competitorNameClasses()" class="text-sm font-medium">{{ position.competitorId }}</p>
+                <p [ngClass]="competitorNameClasses()" class="text-sm font-medium">{{ getCompetitorTitle(position.competitorId) }}</p>
                 <span [ngClass]="advantageBadgeClasses(position.advantage)" class="px-2 py-0.5 rounded-full text-xs font-semibold whitespace-nowrap">
                   {{ formatAdvantage(position.advantage) }}
                 </span>
@@ -73481,7 +73494,7 @@ class CompetitiveComparisonCardComponent {
   `
             }]
     }], () => [], { comparison: [{ type: i0.Input, args: [{ isSignal: true, alias: "comparison", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveComparisonCardComponent, { className: "CompetitiveComparisonCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/competitive-comparison-card.component.ts", lineNumber: 125 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveComparisonCardComponent, { className: "CompetitiveComparisonCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/competitive-comparison-card.component.ts", lineNumber: 126 }); })();
 
 const _c0$j = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$j = ($index, $item) => $item.id;
@@ -73523,20 +73536,22 @@ function PhaseTimelineCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1
     i0.ɵɵrepeater(ctx_r2.goalObjects());
 } }
 function PhaseTimelineCardComponent_Conditional_9_For_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 19);
-    i0.ɵɵelement(1, "div", 20);
-    i0.ɵɵelementStart(2, "span", 21);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 15);
+    i0.ɵɵlistener("click", function PhaseTimelineCardComponent_Conditional_9_For_7_Template_button_click_0_listener($event) { const recommendation_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.openRecommendationModal(recommendation_r5, $event)); });
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "symphiq-icon", 16);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const recommendationId_r4 = ctx.$implicit;
+    const recommendation_r5 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r2.recommendationBadgeClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(recommendation_r5.title);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.bulletClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.recommendationTextClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(recommendationId_r4);
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$j, ctx_r2.IconSourceEnum.HEROICONS));
 } }
 function PhaseTimelineCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7)(1, "h6", 10);
@@ -73547,47 +73562,47 @@ function PhaseTimelineCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1
     i0.ɵɵtext(4, " Recommendations ");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(5, "ul", 18);
-    i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_9_For_7_Template, 4, 3, "li", 19, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(5, "div", 13);
+    i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_9_For_7_Template, 4, 5, "button", 14, _forTrack0$j);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r2.sectionLabelClasses());
     i0.ɵɵadvance(5);
-    i0.ɵɵrepeater(ctx_r2.phase().recommendationIds);
+    i0.ɵɵrepeater(ctx_r2.recommendationObjects());
 } }
 function PhaseTimelineCardComponent_Conditional_10_For_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 19);
+    i0.ɵɵelementStart(0, "li", 23);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 27);
-    i0.ɵɵelement(2, "path", 28);
+    i0.ɵɵelementStart(1, "svg", 24);
+    i0.ɵɵelement(2, "path", 25);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span", 21);
+    i0.ɵɵelementStart(3, "span", 26);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const outcome_r5 = ctx.$implicit;
+    const outcome_r6 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r2.outcomeIconClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r2.outcomeTextClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(outcome_r5);
+    i0.ɵɵtextInterpolate(outcome_r6);
 } }
 function PhaseTimelineCardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "div")(3, "h6", 10);
+    i0.ɵɵelementStart(0, "div", 18)(1, "div", 19)(2, "div")(3, "h6", 10);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(4, "svg", 11);
-    i0.ɵɵelement(5, "path", 24);
+    i0.ɵɵelement(5, "path", 20);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(6, " Expected Outcomes ");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(7, "div", 25)(8, "ul", 26);
-    i0.ɵɵrepeaterCreate(9, PhaseTimelineCardComponent_Conditional_10_For_10_Template, 5, 3, "li", 19, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(7, "div", 21)(8, "ul", 22);
+    i0.ɵɵrepeaterCreate(9, PhaseTimelineCardComponent_Conditional_10_For_10_Template, 5, 3, "li", 23, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -73600,15 +73615,15 @@ function PhaseTimelineCardComponent_Conditional_10_Template(rf, ctx) { if (rf &
     i0.ɵɵrepeater(ctx_r2.phase().outcomes);
 } }
 function PhaseTimelineCardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29);
-    i0.ɵɵlistener("click", function PhaseTimelineCardComponent_Conditional_11_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleExpanded()); });
-    i0.ɵɵelementStart(1, "span", 30);
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵlistener("click", function PhaseTimelineCardComponent_Conditional_11_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleExpanded($event)); });
+    i0.ɵɵelementStart(1, "span", 28);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(3, "svg", 31);
-    i0.ɵɵelement(4, "path", 32);
+    i0.ɵɵelementStart(3, "svg", 29);
+    i0.ɵɵelement(4, "path", 30);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -73628,6 +73643,7 @@ class PhaseTimelineCardComponent {
         this.allGoals = input([], ...(ngDevMode ? [{ debugName: "allGoals" }] : []));
         this.viewModeService = inject(ViewModeService);
         this.modalService = inject(ModalService);
+        this.profileContextService = inject(ProfileContextService);
         this.expandedSignal = signal(false, ...(ngDevMode ? [{ debugName: "expandedSignal" }] : []));
         this.IconSourceEnum = IconSourceEnum;
         this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
@@ -73635,6 +73651,19 @@ class PhaseTimelineCardComponent {
             const goalIds = this.phase()?.goalIds || [];
             return this.allGoals().filter((goal) => goalIds.includes(goal.id || ''));
         }, ...(ngDevMode ? [{ debugName: "goalObjects" }] : []));
+        this.recommendationObjects = computed(() => {
+            const recommendations = [];
+            for (const goal of this.goalObjects()) {
+                for (const objective of goal.objectives || []) {
+                    for (const strategy of objective.strategies || []) {
+                        for (const recommendation of strategy.recommendations || []) {
+                            recommendations.push(recommendation);
+                        }
+                    }
+                }
+            }
+            return recommendations;
+        }, ...(ngDevMode ? [{ debugName: "recommendationObjects" }] : []));
         this.globalIsExpanded = computed(() => this.viewModeService.getViewMode() === 'expanded', ...(ngDevMode ? [{ debugName: "globalIsExpanded" }] : []));
         this.formattedPhaseName = computed(() => {
             const phaseData = this.phase();
@@ -73690,6 +73719,12 @@ class PhaseTimelineCardComponent {
             }
             return 'bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100 hover:border-blue-300 hover:shadow-lg hover:shadow-blue-500/20';
         }, ...(ngDevMode ? [{ debugName: "goalBadgeClasses" }] : []));
+        this.recommendationBadgeClasses = computed(() => {
+            if (this.isDark()) {
+                return 'bg-purple-500/20 text-purple-400 border border-purple-500/30 hover:bg-purple-500/30 hover:border-purple-500/40 hover:shadow-lg hover:shadow-purple-500/20';
+            }
+            return 'bg-purple-50 text-purple-700 border border-purple-200 hover:bg-purple-100 hover:border-purple-300 hover:shadow-lg hover:shadow-purple-500/20';
+        }, ...(ngDevMode ? [{ debugName: "recommendationBadgeClasses" }] : []));
         this.bulletClasses = computed(() => {
             return this.isDark() ? 'bg-slate-400' : 'bg-slate-400';
         }, ...(ngDevMode ? [{ debugName: "bulletClasses" }] : []));
@@ -73732,7 +73767,10 @@ class PhaseTimelineCardComponent {
     shouldShowExpandedContent() {
         return this.globalIsExpanded() || this.expandedSignal();
     }
-    toggleExpanded() {
+    toggleExpanded(event) {
+        if (event) {
+            event.stopPropagation();
+        }
         if (!this.globalIsExpanded()) {
             this.expandedSignal.update(v => !v);
         }
@@ -73749,8 +73787,20 @@ class PhaseTimelineCardComponent {
         }
         this.modalService.openGoalDetailModal(goal, this.viewMode());
     }
+    openRecommendationModal(recommendation, event) {
+        if (event) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+        const goalContext = {
+            title: recommendation.title || 'Recommendation',
+            description: recommendation.description || '',
+            icon: 'light-bulb'
+        };
+        this.modalService.navigateToBusinessInsightDetail(recommendation, goalContext, this.viewMode());
+    }
     static { this.ɵfac = function PhaseTimelineCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PhaseTimelineCardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PhaseTimelineCardComponent, selectors: [["symphiq-phase-timeline-card"]], inputs: { phase: [1, "phase"], viewMode: [1, "viewMode"], isLast: [1, "isLast"], allGoals: [1, "allGoals"] }, decls: 12, vars: 12, consts: [[1, "rounded-lg", "p-5", "relative", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-4", "relative"], [1, "z-10", 3, "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", "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"], [1, "flex-1"], [1, "font-bold", "text-lg", "mb-4", 3, "ngClass"], [1, "mb-4"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out", 3, "grid-template-rows"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer"], [1, "text-sm", "font-semibold", "mb-2", "flex", "items-center", "gap-2", 3, "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 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "flex", "flex-wrap", "gap-2"], ["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", "hover:shadow-md", 3, "ngClass"], ["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", "hover:shadow-md", 3, "click", "ngClass"], ["size", "w-3.5 h-3.5", 1, "flex-shrink-0", "opacity-60", 3, "icon"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2"], [1, "w-1.5", "h-1.5", "rounded-full", "mt-1.5", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "p-3", "rounded-lg", 3, "ngClass"], [1, "space-y-1.5"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M5 13l4 4L19 7"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer", 3, "click"], [1, "text-sm", "font-medium", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"]], template: function PhaseTimelineCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PhaseTimelineCardComponent, selectors: [["symphiq-phase-timeline-card"]], inputs: { phase: [1, "phase"], viewMode: [1, "viewMode"], isLast: [1, "isLast"], allGoals: [1, "allGoals"] }, decls: 12, vars: 12, consts: [[1, "rounded-lg", "p-5", "relative", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-4", "relative"], [1, "z-10", 3, "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", "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"], [1, "flex-1"], [1, "font-bold", "text-lg", "mb-4", 3, "ngClass"], [1, "mb-4"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out", 3, "grid-template-rows"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer"], [1, "text-sm", "font-semibold", "mb-2", "flex", "items-center", "gap-2", 3, "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 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "flex", "flex-wrap", "gap-2"], ["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", "hover:shadow-md", 3, "ngClass"], ["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", "hover:shadow-md", 3, "click", "ngClass"], ["size", "w-3.5 h-3.5", 1, "flex-shrink-0", "opacity-60", 3, "icon"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "p-3", "rounded-lg", 3, "ngClass"], [1, "space-y-1.5"], [1, "flex", "items-start", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M5 13l4 4L19 7"], [1, "text-sm", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer", 3, "click"], [1, "text-sm", "font-medium", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"]], template: function PhaseTimelineCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("click", function PhaseTimelineCardComponent_Template_div_click_0_listener($event) { return ctx.onCardClick($event); });
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
@@ -73769,7 +73819,6 @@ class PhaseTimelineCardComponent {
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             let tmp_6_0;
-            let tmp_7_0;
             let tmp_8_0;
             let tmp_9_0;
             i0.ɵɵclassProp("mb-6", !ctx.isLast())("cursor-pointer", ctx.isCompactMode());
@@ -73783,7 +73832,7 @@ class PhaseTimelineCardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(((tmp_6_0 = ctx.phase()) == null ? null : tmp_6_0.goalIds) && ctx.phase().goalIds.length > 0 ? 8 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(((tmp_7_0 = ctx.phase()) == null ? null : tmp_7_0.recommendationIds) && ctx.phase().recommendationIds.length > 0 ? 9 : -1);
+            i0.ɵɵconditional(ctx.recommendationObjects().length > 0 ? 9 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(((tmp_8_0 = ctx.phase()) == null ? null : tmp_8_0.outcomes) && ctx.phase().outcomes.length > 0 ? 10 : -1);
             i0.ɵɵadvance();
@@ -73837,7 +73886,7 @@ class PhaseTimelineCardComponent {
             </div>
           }
 
-          @if (phase()?.recommendationIds && phase()!.recommendationIds!.length > 0) {
+          @if (recommendationObjects().length > 0) {
             <div class="mb-4">
               <h6 [ngClass]="sectionLabelClasses()" class="text-sm font-semibold mb-2 flex items-center gap-2">
                 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -73845,14 +73894,18 @@ class PhaseTimelineCardComponent {
                 </svg>
                 Recommendations
               </h6>
-              <ul class="space-y-2">
-                @for (recommendationId of phase()!.recommendationIds; track $index) {
-                  <li class="flex items-start gap-2">
-                    <div [ngClass]="bulletClasses()" class="w-1.5 h-1.5 rounded-full mt-1.5 flex-shrink-0"></div>
-                    <span [ngClass]="recommendationTextClasses()" class="text-sm">{{ recommendationId }}</span>
-                  </li>
+              <div class="flex flex-wrap gap-2">
+                @for (recommendation of recommendationObjects(); track recommendation.id) {
+                  <button
+                    type="button"
+                    [ngClass]="recommendationBadgeClasses()"
+                    (click)="openRecommendationModal(recommendation, $event)"
+                    class="cursor-pointer flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-medium transition-all duration-200 hover:scale-105 hover:shadow-md">
+                    <span>{{ recommendation.title }}</span>
+                    <symphiq-icon [icon]="{ name: 'chevron-right', source: IconSourceEnum.HEROICONS }" size="w-3.5 h-3.5" class="flex-shrink-0 opacity-60"></symphiq-icon>
+                  </button>
                 }
-              </ul>
+              </div>
             </div>
           }
 
@@ -73886,7 +73939,7 @@ class PhaseTimelineCardComponent {
 
           <!-- Learn More / View Less Button (for Compact mode) -->
           @if (isCompactMode() && phase()?.outcomes && phase()!.outcomes!.length > 0) {
-            <div class="flex items-center gap-2 mt-3 cursor-pointer" (click)="toggleExpanded()">
+            <div class="flex items-center gap-2 mt-3 cursor-pointer" (click)="toggleExpanded($event)">
               <span [ngClass]="learnMoreButtonClasses()" class="text-sm font-medium">
                 {{ isExpanded() ? 'View Less' : 'Learn More' }}
               </span>
@@ -73907,7 +73960,7 @@ class PhaseTimelineCardComponent {
   `
             }]
     }], () => [], { phase: [{ type: i0.Input, args: [{ isSignal: true, alias: "phase", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLast: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLast", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PhaseTimelineCardComponent, { className: "PhaseTimelineCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/phase-timeline-card.component.ts", lineNumber: 123 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PhaseTimelineCardComponent, { className: "PhaseTimelineCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/phase-timeline-card.component.ts", lineNumber: 128 }); })();
 
 const _c0$i = a0 => ({ name: "chevron-right", source: a0 });
 function OperationalCategoryCardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
@@ -74276,7 +74329,7 @@ class OperationalCategoryCardComponent {
     static { this.ɵfac = function OperationalCategoryCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OperationalCategoryCardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OperationalCategoryCardComponent, selectors: [["symphiq-operational-category-card"]], hostVars: 1, hostBindings: function OperationalCategoryCardComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-animate-progress", true);
-        } }, inputs: { category: [1, "category"], viewMode: [1, "viewMode"] }, outputs: { categoryClick: "categoryClick" }, decls: 25, vars: 25, consts: [[1, "rounded-xl", "p-6", "transition-all", "duration-300", "group", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "click", "ngClass"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "flex-1", "min-w-0", "mr-3"], [1, "text-lg", "font-bold", "mb-2", 3, "ngClass"], [1, "inline-flex", "items-center", "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "flex-col", "items-end", "gap-2"], [1, "px-4", "py-2", "rounded-lg", "text-center", "min-w-[60px]", 3, "ngClass"], [1, "text-2xl", "font-bold"], [1, "text-xs", "font-medium", "opacity-90"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", "min-h-0"], [1, "transition-opacity", "duration-300"], [1, "mb-4"], [1, "flex", "flex-wrap", "gap-2", "mb-4", "px-1", "-mx-1"], [1, "flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-semibold", "cursor-pointer", "hover:scale-[1.03]", "transition-transform", "group", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-semibold", "cursor-pointer", "hover:scale-[1.03]", "transition-transform", "group", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "pt-3", "border-t", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer"], [1, "flex", "items-center", "justify-between", "text-xs", "mb-1.5"], [3, "ngClass"], [1, "font-bold", 3, "ngClass"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-1000", "ease-out", "rounded-full", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-semibold", "cursor-pointer", "hover:scale-[1.03]", "transition-transform", "group", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], ["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"], ["size", "w-3.5 h-3.5", 1, "transform", "group-hover:translate-x-0.5", "transition-transform", 3, "icon"], [1, "flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-semibold", "cursor-pointer", "hover:scale-[1.03]", "transition-transform", "group", "animate-pulse", 3, "click", "ngClass"], ["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"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex", "items-center", "justify-between", "pt-3", "border-t", 3, "click", "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "transform", "group-hover:translate-x-1", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer", 3, "click"], [1, "text-sm", "font-medium", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"]], template: function OperationalCategoryCardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { category: [1, "category"], viewMode: [1, "viewMode"] }, outputs: { categoryClick: "categoryClick" }, decls: 25, vars: 25, consts: [[1, "rounded-xl", "p-6", "transition-all", "duration-300", "group", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "click", "ngClass"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "flex-1", "min-w-0", "mr-3"], [1, "text-lg", "font-bold", "mb-2", 3, "ngClass"], [1, "inline-flex", "items-center", "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "flex-col", "items-end", "gap-2"], [1, "px-4", "py-2", "rounded-lg", "text-center", "min-w-[60px]", 3, "ngClass"], [1, "text-2xl", "font-bold"], [1, "text-xs", "font-medium", "opacity-90"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", "min-h-0"], [1, "transition-opacity", "duration-300"], [1, "mb-4"], [1, "flex", "flex-wrap", "gap-2", "mb-4", "px-1", "-mx-1"], [1, "flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-semibold", "cursor-pointer", "hover:scale-[1.03]", "transition-transform", "group", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-semibold", "cursor-pointer", "hover:scale-[1.03]", "transition-transform", "group", "animate-pulse-slow", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "pt-3", "border-t", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer"], [1, "flex", "items-center", "justify-between", "text-xs", "mb-1.5"], [3, "ngClass"], [1, "font-bold", 3, "ngClass"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-1000", "ease-out", "rounded-full", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-semibold", "cursor-pointer", "hover:scale-[1.03]", "transition-transform", "group", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], ["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"], ["size", "w-3.5 h-3.5", 1, "transform", "group-hover:translate-x-0.5", "transition-transform", 3, "icon"], [1, "flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-semibold", "cursor-pointer", "hover:scale-[1.03]", "transition-transform", "group", "animate-pulse-slow", 3, "click", "ngClass"], ["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"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex", "items-center", "justify-between", "pt-3", "border-t", 3, "click", "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "transform", "group-hover:translate-x-1", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-2", "mt-3", "cursor-pointer", 3, "click"], [1, "text-sm", "font-medium", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"]], template: function OperationalCategoryCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("click", function OperationalCategoryCardComponent_Template_div_click_0_listener($event) { return ctx.onCardClick($event); });
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "h3", 3);
@@ -74435,7 +74488,7 @@ class OperationalCategoryCardComponent {
           <div
             (click)="openGapsModal($event)"
             [ngClass]="gapChipClasses()"
-            class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-semibold cursor-pointer hover:scale-[1.03] transition-transform group animate-pulse">
+            class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-semibold cursor-pointer hover:scale-[1.03] transition-transform group animate-pulse-slow">
             <svg class="w-3.5 h-3.5" 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>
@@ -84542,120 +84595,120 @@ 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 }] }] }); })();
@@ -92386,7 +92439,7 @@ const _c4 = a0 => [a0];
 const _forTrack0 = ($index, $item) => $item.id;
 function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 26);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 25);
     i0.ɵɵlistener("nextStepClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); })("stepClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -92413,12 +92466,32 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Te
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("metricName", (tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary.metric)("isOnboarded", ctx_r1.isOnboarded());
 } }
+function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30)(1, "div", 31);
+    i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 32);
+    i0.ɵɵelementStart(3, "div", 33)(4, "h3", 34);
+    i0.ɵɵtext(5, " Loading Your Shop Profile Analysis ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 35);
+    i0.ɵɵtext(7, " Please wait while we prepare your personalized insights... ");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white/80 border-slate-200" : "bg-slate-800/80 border-slate-700");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-900" : "text-white");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
+} }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelementStart(0, "div", 26);
     i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_1_Template, 1, 3, "symphiq-shop-welcome-banner", 27);
     i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_2_Template, 1, 4, "symphiq-focus-area-welcome-banner", 28);
     i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Template, 1, 3, "symphiq-metric-welcome-banner", 29);
     i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_4_Template, 8, 4, "div", 30);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
@@ -92427,10 +92500,12 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template(rf, ctx
     i0.ɵɵconditional(ctx_r1.isFocusAreaAnalysis() ? 2 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.isMetricAnalysis() ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isLoading() ? 4 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 30)(1, "symphiq-shop-profile-status-card", 31, 0);
+    i0.ɵɵelementStart(0, "div", 36)(1, "symphiq-shop-profile-status-card", 37, 0);
     i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_shop_profile_status_card_startCategoryQuestions_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleStartCategoryQuestions($event)); })("answerSave", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_shop_profile_status_card_answerSave_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleProfileQuestionAnswerSave($event)); })("adminAnswerAction", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_shop_profile_status_card_adminAnswerAction_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.shopProfileAdminAnswerAction.emit($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -92439,8 +92514,8 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_0_Te
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("totalQuestions", ctx_r1.totalShopQuestions())("answeredQuestions", ctx_r1.answeredShopQuestions())("questions", ctx_r1.profileShopQuestions() || i0.ɵɵpureFunction0(8, _c1))("profileAnswers", ctx_r1.profileAnswers() || i0.ɵɵpureFunction0(9, _c1))("profileAnswerHistories", ctx_r1.profileAnswerHistories() || i0.ɵɵpureFunction0(10, _c1))("users", ctx_r1.users() || i0.ɵɵpureFunction0(11, _c1))("currentUser", ctx_r1.currentUser());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵelement(1, "symphiq-content-generation-progress", 34);
+    i0.ɵɵelementStart(0, "div", 38);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress", 40);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -92449,8 +92524,8 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Co
     i0.ɵɵproperty("itemStatus", ctx_r1.itemStatusProfileShop())("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵelement(1, "symphiq-content-generation-progress", 35);
+    i0.ɵɵelementStart(0, "div", 38);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress", 41);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -92460,7 +92535,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Co
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 36);
+    i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 42);
     i0.ɵɵlistener("viewMoreClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_2_Template_symphiq_strategic_goals_tiled_grid_viewMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openGoalModal($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -92468,14 +92543,14 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Co
     i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_0_Template, 2, 3, "div", 32)(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_1_Template, 2, 4, "div", 32)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_2_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 33);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_0_Template, 2, 3, "div", 38)(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_1_Template, 2, 4, "div", 38)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Conditional_2_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 39);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional(ctx_r1.isProfileShopGenerating() && !ctx_r1.isFocusAreaAnalysis() && !ctx_r1.isMetricAnalysis() ? 0 : ctx_r1.isProfileAnalysisGenerating() ? 1 : 2);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 40);
+    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 46);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
@@ -92484,8 +92559,8 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Co
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Conditional_0_Template, 2, 1, "div", 30);
-    i0.ɵɵelementStart(1, "symphiq-billing-currency-selector-card", 39);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Conditional_0_Template, 2, 1, "div", 36);
+    i0.ɵɵelementStart(1, "symphiq-billing-currency-selector-card", 45);
     i0.ɵɵlistener("currencySelected", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Template_symphiq_billing_currency_selector_card_currencySelected_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.handleCurrencyChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -92497,7 +92572,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Co
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 37)(1, "symphiq-plan-selection-container", 41);
+    i0.ɵɵelementStart(0, "div", 43)(1, "symphiq-plan-selection-container", 47);
     i0.ɵɵlistener("periodUnitChanged", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template_symphiq_plan_selection_container_periodUnitChanged_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.handlePeriodUnitChange($event)); })("planSelected", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template_symphiq_plan_selection_container_planSelected_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.handlePlanSelection($event)); })("editCurrency", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template_symphiq_plan_selection_container_editCurrency_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.handleEditCurrencyClick()); })("checkout", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template_symphiq_plan_selection_container_checkout_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.checkoutPlanClick.emit($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -92508,7 +92583,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Co
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-plan-selection-placeholder-card", 42);
+    i0.ɵɵelementStart(0, "symphiq-plan-selection-placeholder-card", 48);
     i0.ɵɵlistener("editCurrency", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_2_Template_symphiq_plan_selection_placeholder_card_editCurrency_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.handleEditCurrencyClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -92517,13 +92592,13 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Co
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selectedCurrency", ((tmp_5_0 = ctx_r1.account()) == null ? null : tmp_5_0.billingCurrencyCode) || ctx_r1.CurrencyCodeEnum.USD);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Template, 2, 4)(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template, 2, 5, "div", 37)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_2_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 38);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_0_Template, 2, 4)(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_1_Template, 2, 5, "div", 43)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Conditional_2_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 44);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional(!ctx_r1.hasBillingCurrency() || ctx_r1.isEditingCurrency() ? 0 : ctx_r1.showPlanSelection() ? 1 : 2);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelementStart(0, "div", 36);
     i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_1_Template, 3, 1)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Conditional_2_Template, 3, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -92533,7 +92608,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Te
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 43);
+    i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 49);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -92541,8 +92616,8 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Te
     i0.ɵɵproperty("sections", ctx_r1.nonStrategicSections())("viewMode", ctx_r1.viewMode())("executiveSummary", ctx_r1.executiveSummary())("focusAreaExecutiveSummary", ctx_r1.focusAreaExecutiveSummary())("metricExecutiveSummary", ctx_r1.metricExecutiveSummary())("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_0_Template, 3, 12, "div", 30);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 3, 1, "div", 30);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_0_Template, 3, 12, "div", 36);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 3, 1, "div", 36);
     i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template, 2, 11, "div");
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -92553,15 +92628,15 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template(rf, ctx
     i0.ɵɵconditional(ctx_r1.nonStrategicSections().length > 0 ? 2 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-grade-badge", 54);
+    i0.ɵɵelement(0, "symphiq-grade-badge", 60);
 } if (rf & 2) {
     const summary_r9 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("grade", summary_r9.overallGrade)("gradeRationale", summary_r9.gradeRationale || "")("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 67);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 70);
+    i0.ɵɵelementStart(0, "div", 73);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 76);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const summary_r9 = i0.ɵɵnextContext(2);
@@ -92570,15 +92645,15 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
     i0.ɵɵproperty("visual", summary_r9.napkinVisual)("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55)(1, "h3", 65);
+    i0.ɵɵelementStart(0, "div", 61)(1, "h3", 71);
     i0.ɵɵtext(2, " Analysis Narrative ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 66);
-    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 67);
-    i0.ɵɵelementStart(5, "p", 68);
+    i0.ɵɵelementStart(3, "div", 72);
+    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 73);
+    i0.ɵɵelementStart(5, "p", 74);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "div", 69);
+    i0.ɵɵelement(7, "div", 75);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const summary_r9 = i0.ɵɵnextContext();
@@ -92594,10 +92669,10 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
     i0.ɵɵtextInterpolate1(" ", summary_r9.narrative, " ");
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 80);
+    i0.ɵɵelementStart(0, "div", 86);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 82);
-    i0.ɵɵelement(2, "path", 83);
+    i0.ɵɵelementStart(1, "svg", 88);
+    i0.ɵɵelement(2, "path", 89);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(3, "span");
@@ -92611,10 +92686,10 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
     i0.ɵɵtextInterpolate(win_r10.estimatedTimeframe);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 81)(1, "h4", 84);
+    i0.ɵɵelementStart(0, "div", 87)(1, "h4", 90);
     i0.ɵɵtext(2, " Related Goal ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "symphiq-related-goal-chips", 85);
+    i0.ɵɵelement(3, "symphiq-related-goal-chips", 91);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const win_r10 = i0.ɵɵnextContext().$implicit;
@@ -92625,20 +92700,20 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
     i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c4, win_r10.relatedGoalId))("allGoals", ctx_r1.allGoals())("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73)(1, "div", 74)(2, "div", 75)(3, "span", 76);
+    i0.ɵɵelementStart(0, "div", 79)(1, "div", 80)(2, "div", 81)(3, "span", 82);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 77);
+    i0.ɵɵelementStart(5, "p", 83);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 78)(8, "span", 79);
+    i0.ɵɵelementStart(7, "div", 84)(8, "span", 85);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 79);
+    i0.ɵɵelementStart(10, "span", 85);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 80);
-    i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 81);
+    i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 86);
+    i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 87);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const win_r10 = ctx.$implicit;
@@ -92667,11 +92742,11 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
     i0.ɵɵconditional(win_r10.relatedGoalId ? 13 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 64)(1, "h3", 71);
+    i0.ɵɵelementStart(0, "div", 70)(1, "h3", 77);
     i0.ɵɵtext(2, " Quick Wins ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 72);
-    i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 73, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(3, "div", 78);
+    i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 79, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const summary_r9 = i0.ɵɵnextContext();
@@ -92683,55 +92758,55 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "section", 44)(1, "div", 48)(2, "div", 49)(3, "div", 50)(4, "div", 51)(5, "h2", 52);
+    i0.ɵɵelementStart(0, "section", 50)(1, "div", 54)(2, "div", 55)(3, "div", 56)(4, "div", 57)(5, "h2", 58);
     i0.ɵɵtext(6, " Executive Summary ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "p", 53);
+    i0.ɵɵelementStart(7, "p", 59);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 54);
+    i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template, 8, 5, "div", 55);
-    i0.ɵɵelementStart(11, "div", 56)(12, "button", 57);
+    i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template, 8, 5, "div", 61);
+    i0.ɵɵelementStart(11, "div", 62)(12, "button", 63);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_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.ɵɵelementStart(13, "div", 58);
+    i0.ɵɵelementStart(13, "div", 64);
     i0.ɵɵtext(14, " Key Strengths ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 59);
+    i0.ɵɵelementStart(15, "div", 65);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 60)(18, "span", 61);
+    i0.ɵɵelementStart(17, "div", 66)(18, "span", 67);
     i0.ɵɵtext(19, "View Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(20, "symphiq-icon", 62);
+    i0.ɵɵelement(20, "symphiq-icon", 68);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "button", 57);
+    i0.ɵɵelementStart(21, "button", 63);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_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.ɵɵelementStart(22, "div", 58);
+    i0.ɵɵelementStart(22, "div", 64);
     i0.ɵɵtext(23, " Critical Gaps ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "div", 59);
+    i0.ɵɵelementStart(24, "div", 65);
     i0.ɵɵtext(25);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 60)(27, "span", 61);
+    i0.ɵɵelementStart(26, "div", 66)(27, "span", 67);
     i0.ɵɵtext(28, "View Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(29, "symphiq-icon", 62);
+    i0.ɵɵelement(29, "symphiq-icon", 68);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "button", 57);
+    i0.ɵɵelementStart(30, "button", 63);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
-    i0.ɵɵelementStart(31, "div", 58);
+    i0.ɵɵelementStart(31, "div", 64);
     i0.ɵɵtext(32, " Quick Wins ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "div", 59);
+    i0.ɵɵelementStart(33, "div", 65);
     i0.ɵɵtext(34);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "div", 60)(36, "span", 61);
+    i0.ɵɵelementStart(35, "div", 66)(36, "span", 67);
     i0.ɵɵtext(37, "Details Below");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(38, "symphiq-icon", 63);
+    i0.ɵɵelement(38, "symphiq-icon", 69);
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵconditionalCreate(39, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div", 64);
+    i0.ɵɵconditionalCreate(39, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div", 70);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const summary_r9 = ctx;
@@ -92789,7 +92864,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 86);
+    i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 92);
     i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_focus_area_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_focus_area_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -92798,7 +92873,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_T
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 87);
+    i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 93);
     i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricPriorityDetailClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -92806,21 +92881,21 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_T
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 88);
+    i0.ɵɵelement(0, "symphiq-section-divider", 94);
 } if (rf & 2) {
     const sectionList_r14 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r14[0].icon);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template, 1, 2, "symphiq-section-divider", 88);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template, 1, 2, "symphiq-section-divider", 94);
 } if (rf & 2) {
     const sectionList_r14 = ctx;
     i0.ɵɵconditional(sectionList_r14.length > 0 && sectionList_r14[0].icon ? 0 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 91);
-    i0.ɵɵelement(1, "symphiq-icon", 95);
+    i0.ɵɵelementStart(0, "div", 97);
+    i0.ɵɵelement(1, "symphiq-icon", 101);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r15 = i0.ɵɵnextContext().$implicit;
@@ -92830,8 +92905,8 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
     i0.ɵɵproperty("icon", section_r15.icon);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 97);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 70);
+    i0.ɵɵelementStart(0, "div", 103);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 76);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r15 = i0.ɵɵnextContext(2).$implicit;
@@ -92840,7 +92915,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
     i0.ɵɵproperty("visual", section_r15.visual)("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 99)(1, "p", 68);
+    i0.ɵɵelementStart(0, "div", 105)(1, "p", 74);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -92853,42 +92928,42 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
     i0.ɵɵtextInterpolate1(" ", section_r15.description, " ");
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 96);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 97);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 98);
+    i0.ɵɵelementStart(0, "div", 102);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 103);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 104);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r15 = i0.ɵɵnextContext();
     const section_r15 = ctx_r15.$implicit;
-    const ɵ$index_221_r17 = ctx_r15.$index;
-    i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_221_r17 % 2 === 0);
+    const ɵ$index_236_r17 = ctx_r15.$index;
+    i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_236_r17 % 2 === 0);
     i0.ɵɵadvance();
     i0.ɵɵconditional(section_r15.visual && section_r15.visual.enabled ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(section_r15.description ? 2 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 88);
+    i0.ɵɵelement(0, "symphiq-section-divider", 94);
 } if (rf & 2) {
-    const ɵ$index_221_r17 = i0.ɵɵnextContext().$index;
+    const ɵ$index_236_r17 = i0.ɵɵnextContext().$index;
     const sectionList_r18 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r18[ɵ$index_221_r17 + 1].icon);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r18[ɵ$index_236_r17 + 1].icon);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 89)(1, "div", 90);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template, 2, 2, "div", 91);
-    i0.ɵɵelementStart(3, "div", 51)(4, "h3", 92);
+    i0.ɵɵelementStart(0, "div", 95)(1, "div", 96);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template, 2, 2, "div", 97);
+    i0.ɵɵelementStart(3, "div", 57)(4, "h3", 98);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template, 3, 4, "div", 93);
-    i0.ɵɵelement(7, "symphiq-profile-section-content", 94);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template, 3, 4, "div", 99);
+    i0.ɵɵelement(7, "symphiq-profile-section-content", 100);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 88);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 94);
 } if (rf & 2) {
     const section_r15 = ctx.$implicit;
-    const ɵ$index_221_r17 = ctx.$index;
-    const ɵ$count_221_r19 = ctx.$count;
+    const ɵ$index_236_r17 = ctx.$index;
+    const ɵ$count_236_r19 = ctx.$count;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("id", "section-" + section_r15.id)("ngClass", ctx_r1.getSectionCardClasses());
     i0.ɵɵadvance(2);
@@ -92900,12 +92975,12 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
     i0.ɵɵadvance();
     i0.ɵɵconditional(section_r15.description || section_r15.visual && section_r15.visual.enabled ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("section", section_r15)("executiveSummary", section_r15.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_221_r17)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
+    i0.ɵɵproperty("section", section_r15)("executiveSummary", section_r15.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_236_r17)("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_221_r17 === ɵ$count_221_r19 - 1) ? 8 : -1);
+    i0.ɵɵconditional(!(ɵ$index_236_r17 === ɵ$count_236_r19 - 1) ? 8 : -1);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 47);
+    i0.ɵɵelementStart(0, "section", 53);
     i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Template, 9, 16, null, null, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -92913,11 +92988,11 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_T
     i0.ɵɵrepeater(ctx);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 40, 34, "section", 44);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 3, "symphiq-focus-area-executive-summary", 45);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 4, "symphiq-metric-executive-summary", 46);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 40, 34, "section", 50);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 3, "symphiq-focus-area-executive-summary", 51);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 4, "symphiq-metric-executive-summary", 52);
     i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Template, 1, 1);
-    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template, 3, 0, "section", 47);
+    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template, 3, 0, "section", 53);
 } if (rf & 2) {
     let tmp_1_0;
     let tmp_2_0;
@@ -92936,65 +93011,65 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Template(rf, ct
     i0.ɵɵconditional((tmp_5_0 = ctx_r1.sections()) ? 4 : -1, tmp_5_0);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-floating-toc", 9);
+    i0.ɵɵelement(0, "symphiq-floating-toc", 8);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("sections", ctx_r1.tocSections())("viewMode", ctx_r1.viewMode())("embedded", ctx_r1.embedded())("scrollElement", ctx_r1.scrollElement() ?? undefined);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-navigation", 9);
+    i0.ɵɵelement(0, "symphiq-section-navigation", 8);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("sections", ctx_r1.tocSections())("viewMode", ctx_r1.viewMode())("embedded", ctx_r1.embedded())("scrollElement", ctx_r1.scrollElement() ?? undefined);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-goal-card", 13);
+    i0.ɵɵelement(0, "symphiq-goal-card", 12);
 } if (rf & 2) {
     const data_r20 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("goal", data_r20.goal)("viewMode", data_r20.viewMode)("isInModal", true)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("currentModalState", ctx_r1.getCurrentModalState())("businessProfile", ctx_r1.profile());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content", 14);
+    i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content", 13);
 } if (rf & 2) {
     const data_r21 = ctx;
     i0.ɵɵproperty("goal", data_r21.goal)("viewMode", data_r21.viewMode);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content", 15);
+    i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content", 14);
 } if (rf & 2) {
     const data_r22 = ctx;
     i0.ɵɵproperty("objective", data_r22.objective)("goalTitle", data_r22.goalTitle)("viewMode", data_r22.viewMode);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 16);
+    i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 15);
 } if (rf & 2) {
     const data_r23 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("strategy", data_r23.strategy)("objectiveTitle", data_r23.objectiveTitle)("goalTitle", data_r23.goalTitle)("viewMode", data_r23.viewMode)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("allBusinessInsights", ctx_r1.allBusinessInsights())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-category-detail-modal-content", 17);
+    i0.ɵɵelement(0, "symphiq-category-detail-modal-content", 16);
 } if (rf & 2) {
     const data_r24 = ctx;
     i0.ɵɵproperty("category", data_r24.category)("viewMode", data_r24.viewMode)("scrollToSection", data_r24.scrollToSection);
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-strength-detail-modal-content", 18);
+    i0.ɵɵelement(0, "symphiq-strength-detail-modal-content", 17);
 } if (rf & 2) {
     const data_r25 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("strength", data_r25.strength)("viewMode", data_r25.viewMode)("allFunnelStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-gap-detail-modal-content", 19);
+    i0.ɵɵelement(0, "symphiq-gap-detail-modal-content", 18);
 } if (rf & 2) {
     const data_r26 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("gap", data_r26.gap)("viewMode", data_r26.viewMode)("allGoals", ctx_r1.allGoals())("allWeaknesses", ctx_r1.funnelWeaknesses())("currentModalState", ctx_r1.getCurrentModalState());
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-opportunity-detail-modal-content", 20);
+    i0.ɵɵelement(0, "symphiq-opportunity-detail-modal-content", 19);
 } if (rf & 2) {
     const data_r27 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
@@ -93002,7 +93077,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template(rf, ct
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 100);
+    i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 106);
     i0.ɵɵlistener("continueClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template_symphiq_sticky_subscription_continue_button_continueClick_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleStickyButtonClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -93011,7 +93086,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template(rf, ct
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-shop-profile-sticky-footer", 101);
+    i0.ɵɵelementStart(0, "symphiq-shop-profile-sticky-footer", 107);
     i0.ɵɵlistener("continueClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_28_Template_symphiq_shop_profile_sticky_footer_continueClick_0_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleShopProfileContinueClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -93020,18 +93095,18 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_28_Template(rf, ct
 } }
 function SymphiqProfileAnalysisDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
     const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 25)(1, "div", 102)(2, "div", 103)(3, "button", 104);
+    i0.ɵɵelementStart(0, "div", 24)(1, "div", 108)(2, "div", 109)(3, "button", 110);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_29_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCancelCurrencyEdit()); });
     i0.ɵɵtext(4, " Cancel ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 105);
+    i0.ɵɵelementStart(5, "button", 111);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_29_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r30); 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", 106);
-    i0.ɵɵelement(9, "path", 107);
+    i0.ɵɵelementStart(8, "svg", 112);
+    i0.ɵɵelement(9, "path", 113);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -93997,7 +94072,7 @@ class SymphiqProfileAnalysisDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.shopProfileStatusCard = _t.first);
         } }, hostBindings: function SymphiqProfileAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], analysisType: [1, "analysisType"], 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"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 52, consts: [["shopProfileStatusCard", ""], [1, "min-h-screen", "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"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [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"], [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", "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"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "mb-8"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["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"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [1, "mb-32"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "focusAreaExecutiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "allGoals"], [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", "viewMode", "summary", "allGoals"], [3, "topPrioritiesClick", "priorityDetailClick", "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"], [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 SymphiqProfileAnalysisDashboardComponent_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"], analysisType: [1, "analysisType"], 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"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 52, consts: [["shopProfileStatusCard", ""], [1, "min-h-screen", "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"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [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", "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"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["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"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [1, "mb-32"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "focusAreaExecutiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "allGoals"], [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", "viewMode", "summary", "allGoals"], [3, "topPrioritiesClick", "priorityDetailClick", "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"], [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 SymphiqProfileAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "div", 2);
             i0.ɵɵelementStart(2, "div");
@@ -94008,32 +94083,32 @@ class SymphiqProfileAnalysisDashboardComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template, 1, 5, "symphiq-journey-progress-indicator", 6);
             i0.ɵɵelementStart(7, "main", 7);
-            i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template, 4, 3, "div", 8);
+            i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template, 5, 4);
             i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template, 3, 3);
             i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Template, 5, 5);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(11, SymphiqProfileAnalysisDashboardComponent_Conditional_11_Template, 1, 4, "symphiq-floating-toc", 9);
-            i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_12_Template, 1, 4, "symphiq-section-navigation", 9);
-            i0.ɵɵelementStart(13, "symphiq-search-modal", 10);
+            i0.ɵɵconditionalCreate(11, SymphiqProfileAnalysisDashboardComponent_Conditional_11_Template, 1, 4, "symphiq-floating-toc", 8);
+            i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_12_Template, 1, 4, "symphiq-section-navigation", 8);
+            i0.ɵɵelementStart(13, "symphiq-search-modal", 9);
             i0.ɵɵlistener("close", function SymphiqProfileAnalysisDashboardComponent_Template_symphiq_search_modal_close_13_listener() { return ctx.closeSearch(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(14, "symphiq-view-mode-switcher-modal", 11);
+            i0.ɵɵelementStart(14, "symphiq-view-mode-switcher-modal", 10);
             i0.ɵɵlistener("close", function SymphiqProfileAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_close_14_listener() { return ctx.closeViewModeSwitcher(); })("modeSelected", function SymphiqProfileAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_modeSelected_14_listener($event) { return ctx.handleDisplayModeChange($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(15, "symphiq-profile-analysis-modal", 12);
-            i0.ɵɵconditionalCreate(16, SymphiqProfileAnalysisDashboardComponent_Conditional_16_Template, 1, 8, "symphiq-goal-card", 13);
-            i0.ɵɵconditionalCreate(17, SymphiqProfileAnalysisDashboardComponent_Conditional_17_Template, 1, 2, "symphiq-goal-objectives-modal-content", 14);
-            i0.ɵɵconditionalCreate(18, SymphiqProfileAnalysisDashboardComponent_Conditional_18_Template, 1, 3, "symphiq-objective-strategies-modal-content", 15);
-            i0.ɵɵconditionalCreate(19, SymphiqProfileAnalysisDashboardComponent_Conditional_19_Template, 1, 9, "symphiq-strategy-recommendations-modal-content", 16);
-            i0.ɵɵconditionalCreate(20, SymphiqProfileAnalysisDashboardComponent_Conditional_20_Template, 1, 3, "symphiq-category-detail-modal-content", 17);
-            i0.ɵɵconditionalCreate(21, SymphiqProfileAnalysisDashboardComponent_Conditional_21_Template, 1, 4, "symphiq-strength-detail-modal-content", 18);
-            i0.ɵɵconditionalCreate(22, SymphiqProfileAnalysisDashboardComponent_Conditional_22_Template, 1, 5, "symphiq-gap-detail-modal-content", 19);
-            i0.ɵɵconditionalCreate(23, SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 20);
+            i0.ɵɵelementStart(15, "symphiq-profile-analysis-modal", 11);
+            i0.ɵɵconditionalCreate(16, SymphiqProfileAnalysisDashboardComponent_Conditional_16_Template, 1, 8, "symphiq-goal-card", 12);
+            i0.ɵɵconditionalCreate(17, SymphiqProfileAnalysisDashboardComponent_Conditional_17_Template, 1, 2, "symphiq-goal-objectives-modal-content", 13);
+            i0.ɵɵconditionalCreate(18, SymphiqProfileAnalysisDashboardComponent_Conditional_18_Template, 1, 3, "symphiq-objective-strategies-modal-content", 14);
+            i0.ɵɵconditionalCreate(19, SymphiqProfileAnalysisDashboardComponent_Conditional_19_Template, 1, 9, "symphiq-strategy-recommendations-modal-content", 15);
+            i0.ɵɵconditionalCreate(20, SymphiqProfileAnalysisDashboardComponent_Conditional_20_Template, 1, 3, "symphiq-category-detail-modal-content", 16);
+            i0.ɵɵconditionalCreate(21, SymphiqProfileAnalysisDashboardComponent_Conditional_21_Template, 1, 4, "symphiq-strength-detail-modal-content", 17);
+            i0.ɵɵconditionalCreate(22, SymphiqProfileAnalysisDashboardComponent_Conditional_22_Template, 1, 5, "symphiq-gap-detail-modal-content", 18);
+            i0.ɵɵconditionalCreate(23, SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 19);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(24, "symphiq-funnel-analysis-modal", 21)(25, "symphiq-business-analysis-modal", 22)(26, "symphiq-tooltip-container");
-            i0.ɵɵconditionalCreate(27, SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template, 1, 3, "symphiq-sticky-subscription-continue-button", 23);
-            i0.ɵɵconditionalCreate(28, SymphiqProfileAnalysisDashboardComponent_Conditional_28_Template, 1, 3, "symphiq-shop-profile-sticky-footer", 24);
-            i0.ɵɵconditionalCreate(29, SymphiqProfileAnalysisDashboardComponent_Conditional_29_Template, 10, 6, "div", 25);
+            i0.ɵɵelement(24, "symphiq-funnel-analysis-modal", 20)(25, "symphiq-business-analysis-modal", 21)(26, "symphiq-tooltip-container");
+            i0.ɵɵconditionalCreate(27, SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template, 1, 3, "symphiq-sticky-subscription-continue-button", 22);
+            i0.ɵɵconditionalCreate(28, SymphiqProfileAnalysisDashboardComponent_Conditional_28_Template, 1, 3, "symphiq-shop-profile-sticky-footer", 23);
+            i0.ɵɵconditionalCreate(29, SymphiqProfileAnalysisDashboardComponent_Conditional_29_Template, 10, 6, "div", 24);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             let tmp_5_0;
@@ -94102,14 +94177,14 @@ class SymphiqProfileAnalysisDashboardComponent {
             i0.ɵɵconditional(ctx.shouldShowShopProfileStickyFooter() ? 28 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isEditingCurrency() ? 29 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, PlanSelectionContainerComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent, ContentGenerationProgressComponent, ShopProfileStatusCardComponent, ShopProfileStickyFooterComponent], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, PlanSelectionContainerComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent, ContentGenerationProgressComponent, ShopProfileStatusCardComponent, ShopProfileStickyFooterComponent, IndeterminateSpinnerComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileAnalysisDashboardComponent, [{
         type: Component,
         args: [{
                 selector: 'symphiq-profile-analysis-dashboard',
                 standalone: true,
-                imports: [CommonModule, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, PlanSelectionContainerComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent, ContentGenerationProgressComponent, ShopProfileStatusCardComponent, ShopProfileStickyFooterComponent],
+                imports: [CommonModule, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, PlanSelectionContainerComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent, ContentGenerationProgressComponent, ShopProfileStatusCardComponent, ShopProfileStickyFooterComponent, IndeterminateSpinnerComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <div [ngClass]="getContainerClasses()" class="min-h-screen relative">
@@ -94185,6 +94260,24 @@ class SymphiqProfileAnalysisDashboardComponent {
                 />
               }
             </div>
+
+            <!-- Loading Card -->
+            @if (isLoading()) {
+              <div [ngClass]="isLightMode() ? 'bg-white/80 border-slate-200' : 'bg-slate-800/80 border-slate-700'" 
+                   class="rounded-2xl border shadow-lg p-8 backdrop-blur-sm">
+                <div class="flex flex-col items-center justify-center space-y-4">
+                  <symphiq-indeterminate-spinner [viewMode]="viewMode()" size="large" />
+                  <div class="text-center">
+                    <h3 [ngClass]="isLightMode() ? 'text-slate-900' : 'text-white'" class="text-lg font-semibold mb-1">
+                      Loading Your Shop Profile Analysis
+                    </h3>
+                    <p [ngClass]="isLightMode() ? 'text-slate-600' : 'text-slate-400'" class="text-sm">
+                      Please wait while we prepare your personalized insights...
+                    </p>
+                  </div>
+                </div>
+              </div>
+            }
           }
 
           <!-- Simplified View Content -->
@@ -94787,7 +94880,7 @@ class SymphiqProfileAnalysisDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisDashboardComponent, { className: "SymphiqProfileAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-dashboard/symphiq-profile-analysis-dashboard.component.ts", lineNumber: 791 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisDashboardComponent, { className: "SymphiqProfileAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-dashboard/symphiq-profile-analysis-dashboard.component.ts", lineNumber: 810 }); })();
 
 class ScrollProgressBarComponent {
     constructor() {