@eric-emg/symphiq-components 1.2.550 → 1.2.552

package/fesm2022/symphiq-components.mjs

@@ -2,7 +2,7 @@ import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnu
 export * from '@jebgem/model';
 import * as i0 from '@angular/core';
 import { Injectable, signal, computed, input, ChangeDetectionStrategy, Component, output, inject, ElementRef, Renderer2, effect, Directive, HostListener, untracked, DestroyRef, ViewChild, PLATFORM_ID, Inject, Input, afterNextRender, NgZone } from '@angular/core';
-import { BehaviorSubject, of, fromEvent, shareReplay as shareReplay$1, catchError as catchError$1 } from 'rxjs';
+import { BehaviorSubject, of, fromEvent, shareReplay as shareReplay$1, catchError as catchError$1, filter } from 'rxjs';
 import { map, catchError, shareReplay, debounceTime, switchMap } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
 import * as i2 from '@angular/platform-browser';
@@ -15,6 +15,7 @@ import { FormsModule, FormBuilder, Validators, ReactiveFormsModule } from '@angu
 import { trigger, transition, style, animate } from '@angular/animations';
 import { toObservable, toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { MarkdownComponent } from 'ngx-markdown';
+import { Router, NavigationStart } from '@angular/router';
 import dayjs from 'dayjs';
 import utc from 'dayjs/plugin/utc';
 import { Root, color, Tooltip, Bullet, Circle, Legend, percent, LinearGradient, p100, p50, Label } from '@amcharts/amcharts5';
@@ -10766,9 +10767,56 @@ class MetricListItemComponent {
     }], () => [], { metric: [{ type: i0.Input, args: [{ isSignal: true, alias: "metric", required: true }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], animationKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationKey", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }], metricClick: [{ type: i0.Output, args: ["metricClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricListItemComponent, { className: "MetricListItemComponent", filePath: "lib/components/shared/metric-list-item.component.ts", lineNumber: 50 }); })();
 
-const ChartCardComponent_Defer_15_DepsFn = () => [Promise.resolve().then(function () { return lineChart_component; }).then(m => m.LineChartComponent), Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent), Promise.resolve().then(function () { return pieChart_component; }).then(m => m.PieChartComponent), Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
-function ChartCardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 8);
+class CurrentDataIndicatorComponent {
+    constructor() {
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.tooltipPosition = input('top', ...(ngDevMode ? [{ debugName: "tooltipPosition" }] : []));
+        this.tooltipText = input('This data reflects current values and updates in real-time, rather than a snapshot from when the analysis was completed.', ...(ngDevMode ? [{ debugName: "tooltipText" }] : []));
+        this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
+        this.indicatorClass = computed(() => {
+            const base = 'inline-flex items-center gap-1 px-2 py-0.5 rounded-full cursor-pointer transition-opacity hover:opacity-80';
+            return this.isLightMode()
+                ? `${base} bg-emerald-100 text-emerald-700`
+                : `${base} bg-emerald-500/20 text-emerald-400`;
+        }, ...(ngDevMode ? [{ debugName: "indicatorClass" }] : []));
+    }
+    static { this.ɵfac = function CurrentDataIndicatorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CurrentDataIndicatorComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CurrentDataIndicatorComponent, selectors: [["symphiq-current-data-indicator"]], inputs: { viewMode: [1, "viewMode"], tooltipPosition: [1, "tooltipPosition"], tooltipText: [1, "tooltipText"] }, decls: 6, vars: 4, consts: [["tooltipType", "text", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill", "currentColor", "viewBox", "0 0 12 12", 1, "w-3", "h-3"], ["cx", "6", "cy", "6", "r", "5", "fill", "currentColor", "opacity", "0.3"], ["cx", "6", "cy", "6", "r", "3", "fill", "currentColor"], [1, "text-xs", "font-medium"]], template: function CurrentDataIndicatorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "span", 0);
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(1, "svg", 1);
+            i0.ɵɵelement(2, "circle", 2)(3, "circle", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(4, "span", 4);
+            i0.ɵɵtext(5, "Live");
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵclassMap(ctx.indicatorClass());
+            i0.ɵɵproperty("libSymphiqTooltip", ctx.tooltipText())("tooltipPosition", ctx.tooltipPosition());
+        } }, dependencies: [CommonModule, TooltipDirective], styles: ["[_nghost-%COMP%]{display:inline-block}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CurrentDataIndicatorComponent, [{
+        type: Component,
+        args: [{ selector: 'symphiq-current-data-indicator', standalone: true, imports: [CommonModule, TooltipDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <span
+      [class]="indicatorClass()"
+      [libSymphiqTooltip]="tooltipText()"
+      tooltipType="text"
+      [tooltipPosition]="tooltipPosition()">
+      <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 12 12">
+        <circle cx="6" cy="6" r="5" fill="currentColor" opacity="0.3"/>
+        <circle cx="6" cy="6" r="3" fill="currentColor"/>
+      </svg>
+      <span class="text-xs font-medium">Live</span>
+    </span>
+  `, styles: [":host{display:inline-block}\n"] }]
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], tooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosition", required: false }] }], tooltipText: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipText", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CurrentDataIndicatorComponent, { className: "CurrentDataIndicatorComponent", filePath: "lib/components/shared/current-data-indicator.component.ts", lineNumber: 30 }); })();
+
+const ChartCardComponent_Defer_17_DepsFn = () => [Promise.resolve().then(function () { return lineChart_component; }).then(m => m.LineChartComponent), Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent), Promise.resolve().then(function () { return pieChart_component; }).then(m => m.PieChartComponent), Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
+function ChartCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 10);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -10777,38 +10825,38 @@ function ChartCardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.chart().description, " ");
 } }
-function ChartCardComponent_Defer_13_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-line-chart", 11);
+function ChartCardComponent_Defer_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-line-chart", 13);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("chart", ctx_r0.chart())("showAxisLabels", false)("viewMode", ctx_r0.viewMode());
 } }
-function ChartCardComponent_Defer_13_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-bar-chart", 11);
+function ChartCardComponent_Defer_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-bar-chart", 13);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("chart", ctx_r0.chart())("showAxisLabels", false)("viewMode", ctx_r0.viewMode());
 } }
-function ChartCardComponent_Defer_13_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-pie-chart", 12);
+function ChartCardComponent_Defer_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-pie-chart", 14);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("chart", ctx_r0.chart())("viewMode", ctx_r0.viewMode());
 } }
-function ChartCardComponent_Defer_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-area-chart", 11);
+function ChartCardComponent_Defer_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-area-chart", 13);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("chart", ctx_r0.chart())("showAxisLabels", false)("viewMode", ctx_r0.viewMode());
 } }
-function ChartCardComponent_Defer_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, ChartCardComponent_Defer_13_Conditional_0_Template, 1, 3, "symphiq-line-chart", 11)(1, ChartCardComponent_Defer_13_Conditional_1_Template, 1, 3, "symphiq-bar-chart", 11)(2, ChartCardComponent_Defer_13_Conditional_2_Template, 1, 2, "symphiq-pie-chart", 12)(3, ChartCardComponent_Defer_13_Conditional_3_Template, 1, 3, "symphiq-area-chart", 11);
+function ChartCardComponent_Defer_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, ChartCardComponent_Defer_15_Conditional_0_Template, 1, 3, "symphiq-line-chart", 13)(1, ChartCardComponent_Defer_15_Conditional_1_Template, 1, 3, "symphiq-bar-chart", 13)(2, ChartCardComponent_Defer_15_Conditional_2_Template, 1, 2, "symphiq-pie-chart", 14)(3, ChartCardComponent_Defer_15_Conditional_3_Template, 1, 3, "symphiq-area-chart", 13);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵconditional(ctx_r0.chart().chartType === ctx_r0.ChartTypeEnum.LINE && ctx_r0.chart().lineChartData ? 0 : ctx_r0.chart().chartType === ctx_r0.ChartTypeEnum.BAR && ctx_r0.chart().barChartData ? 1 : ctx_r0.chart().chartType === ctx_r0.ChartTypeEnum.PIE && ctx_r0.chart().pieChartData ? 2 : ctx_r0.chart().chartType === ctx_r0.ChartTypeEnum.AREA && ctx_r0.chart().areaChartData ? 3 : -1);
 } }
-function ChartCardComponent_DeferPlaceholder_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13)(1, "span", 14);
+function ChartCardComponent_DeferPlaceholder_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15)(1, "span", 16);
     i0.ɵɵtext(2, " Loading preview... ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -10825,7 +10873,7 @@ class ChartCardComponent {
         this.ChartTypeEnum = ChartTypeEnum;
     }
     static { this.ɵfac = function ChartCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ChartCardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChartCardComponent, selectors: [["symphiq-chart-card"]], inputs: { chart: [1, "chart"], viewMode: [1, "viewMode"], isLightMode: [1, "isLightMode"] }, outputs: { chartClick: "chartClick" }, decls: 17, vars: 6, consts: [["type", "button", 1, "w-full", "p-5", "rounded-lg", "border", "transition-all", "duration-300", "hover:scale-[1.01]", "hover:shadow-lg", "active:scale-[0.99]", "cursor-pointer", "group", "text-left", 3, "click", "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "gap-4"], [1, "flex-1", "min-w-0"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "flex-shrink-0", "w-8", "h-8", "flex", "items-center", "justify-center", "rounded-full", "text-xs", "font-bold", "border-2", "backdrop-blur-md", "transition-all", "duration-300", "group-hover:scale-110", 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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "font-semibold", "mb-2", "transition-colors", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "w-full", "sm:w-32", "h-20", "flex-shrink-0"], [1, "w-full", "h-full", "rounded-md", "border", "overflow-hidden", "bg-opacity-50", "transition-all", "duration-300", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode"], [3, "chart", "viewMode"], [1, "w-full", "h-full", "flex", "items-center", "justify-center"], [1, "text-xs", 3, "ngClass"]], template: function ChartCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChartCardComponent, selectors: [["symphiq-chart-card"]], inputs: { chart: [1, "chart"], viewMode: [1, "viewMode"], isLightMode: [1, "isLightMode"] }, outputs: { chartClick: "chartClick" }, decls: 19, vars: 7, consts: [["type", "button", 1, "w-full", "p-5", "rounded-lg", "border", "transition-all", "duration-300", "hover:scale-[1.01]", "hover:shadow-lg", "active:scale-[0.99]", "cursor-pointer", "group", "text-left", 3, "click", "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "gap-4"], [1, "flex-1", "min-w-0"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "flex-shrink-0", "w-8", "h-8", "flex", "items-center", "justify-center", "rounded-full", "text-xs", "font-bold", "border-2", "backdrop-blur-md", "transition-all", "duration-300", "group-hover:scale-110", 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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "font-semibold", "transition-colors", 3, "ngClass"], ["tooltipPosition", "top", 3, "viewMode"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "w-full", "sm:w-32", "h-20", "flex-shrink-0"], [1, "w-full", "h-full", "rounded-md", "border", "overflow-hidden", "bg-opacity-50", "transition-all", "duration-300", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode"], [3, "chart", "viewMode"], [1, "w-full", "h-full", "flex", "items-center", "justify-center"], [1, "text-xs", 3, "ngClass"]], template: function ChartCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵlistener("click", function ChartCardComponent_Template_button_click_0_listener() { return ctx.chartClick.emit(ctx.chart()); });
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
@@ -10834,14 +10882,16 @@ class ChartCardComponent {
             i0.ɵɵelement(6, "path", 6);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(7, "div", 2)(8, "h4", 7);
-            i0.ɵɵtext(9);
+            i0.ɵɵelementStart(7, "div", 2)(8, "div", 7)(9, "h4", 8);
+            i0.ɵɵtext(10);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(10, ChartCardComponent_Conditional_10_Template, 2, 2, "p", 8);
+            i0.ɵɵelement(11, "symphiq-current-data-indicator", 9);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(12, ChartCardComponent_Conditional_12_Template, 2, 2, "p", 10);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(11, "div", 9)(12, "div", 10);
-            i0.ɵɵdomTemplate(13, ChartCardComponent_Defer_13_Template, 4, 1)(14, ChartCardComponent_DeferPlaceholder_14_Template, 3, 1);
-            i0.ɵɵdefer(15, 13, ChartCardComponent_Defer_15_DepsFn, null, 14);
+            i0.ɵɵelementStart(13, "div", 11)(14, "div", 12);
+            i0.ɵɵdomTemplate(15, ChartCardComponent_Defer_15_Template, 4, 1)(16, ChartCardComponent_DeferPlaceholder_16_Template, 3, 1);
+            i0.ɵɵdefer(17, 15, ChartCardComponent_Defer_17_DepsFn, null, 16);
             i0.ɵɵdeferOnIdle();
             i0.ɵɵdeferOnViewport(0, -1);
             i0.ɵɵelementEnd()()()();
@@ -10849,15 +10899,17 @@ class ChartCardComponent {
             i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-slate-50 hover:bg-slate-100 border-slate-200" : "bg-slate-900/30 hover:bg-slate-900/50 border-slate-700/50");
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-blue-100/70 text-blue-600 border-blue-300" : "bg-blue-500/20 text-blue-400 border-blue-500/50");
-            i0.ɵɵadvance(4);
+            i0.ɵɵadvance(5);
             i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "text-slate-900 group-hover:text-blue-600" : "text-white group-hover:text-blue-400");
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.chart().title, " ");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.chart().description ? 10 : -1);
+            i0.ɵɵproperty("viewMode", ctx.viewMode());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.chart().description ? 12 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "border-slate-300" : "border-slate-600");
-        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass, CurrentDataIndicatorComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadataAsync(ChartCardComponent, () => [Promise.resolve().then(function () { return lineChart_component; }).then(m => m.LineChartComponent), Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent), Promise.resolve().then(function () { return pieChart_component; }).then(m => m.PieChartComponent), Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)], (LineChartComponent, BarChartComponent, PieChartComponent, AreaChartComponent) => { i0.ɵsetClassMetadata(ChartCardComponent, [{
         type: Component,
@@ -10870,91 +10922,97 @@ class ChartCardComponent {
                     LineChartComponent,
                     BarChartComponent,
                     PieChartComponent,
-                    AreaChartComponent
+                    AreaChartComponent,
+                    CurrentDataIndicatorComponent
                 ],
-                template: `
-    <button
-      type="button"
-      (click)="chartClick.emit(chart())"
-      [ngClass]="isLightMode()
-        ? 'bg-slate-50 hover:bg-slate-100 border-slate-200'
-        : 'bg-slate-900/30 hover:bg-slate-900/50 border-slate-700/50'"
-      class="w-full p-5 rounded-lg border transition-all duration-300 hover:scale-[1.01] hover:shadow-lg active:scale-[0.99] cursor-pointer group text-left">
-      <div class="flex flex-col sm:flex-row items-start gap-4">
-        <div class="flex-1 min-w-0">
-          <div class="flex items-start gap-3 mb-3">
-            <div
-              [ngClass]="isLightMode()
-                ? 'bg-blue-100/70 text-blue-600 border-blue-300'
-                : 'bg-blue-500/20 text-blue-400 border-blue-500/50'"
-              class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md transition-all duration-300 group-hover:scale-110">
-              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
-              </svg>
-            </div>
-            <div class="flex-1 min-w-0">
-              <h4
-                [ngClass]="isLightMode()
-                  ? 'text-slate-900 group-hover:text-blue-600'
-                  : 'text-white group-hover:text-blue-400'"
-                class="font-semibold mb-2 transition-colors">
-                {{ chart().title }}
-              </h4>
-              @if (chart().description) {
-                <p
-                  [ngClass]="isLightMode() ? 'text-slate-700' : 'text-slate-300'"
-                  class="text-sm leading-relaxed">
-                  {{ chart().description }}
-                </p>
-              }
-            </div>
-          </div>
-        </div>
-
-        <div class="w-full sm:w-32 h-20 flex-shrink-0">
-          <div
-            [ngClass]="isLightMode()
-              ? 'border-slate-300'
-              : 'border-slate-600'"
-            class="w-full h-full rounded-md border overflow-hidden bg-opacity-50 transition-all duration-300">
-            @defer (on idle; on viewport) {
-              @if (chart().chartType === ChartTypeEnum.LINE && chart().lineChartData) {
-                <symphiq-line-chart
-                  [chart]="chart()"
-                  [showAxisLabels]="false"
-                  [viewMode]="viewMode()" />
-              } @else if (chart().chartType === ChartTypeEnum.BAR && chart().barChartData) {
-                <symphiq-bar-chart
-                  [chart]="chart()"
-                  [showAxisLabels]="false"
-                  [viewMode]="viewMode()" />
-              } @else if (chart().chartType === ChartTypeEnum.PIE && chart().pieChartData) {
-                <symphiq-pie-chart
-                  [chart]="chart()"
-                  [viewMode]="viewMode()" />
-              } @else if (chart().chartType === ChartTypeEnum.AREA && chart().areaChartData) {
-                <symphiq-area-chart
-                  [chart]="chart()"
-                  [showAxisLabels]="false"
-                  [viewMode]="viewMode()" />
-              }
-            } @placeholder {
-              <div class="w-full h-full flex items-center justify-center">
-                <span
-                  [ngClass]="isLightMode() ? 'text-slate-400' : 'text-slate-500'"
-                  class="text-xs">
-                  Loading preview...
-                </span>
-              </div>
-            }
-          </div>
-        </div>
-      </div>
-    </button>
+                template: `
+    <button
+      type="button"
+      (click)="chartClick.emit(chart())"
+      [ngClass]="isLightMode()
+        ? 'bg-slate-50 hover:bg-slate-100 border-slate-200'
+        : 'bg-slate-900/30 hover:bg-slate-900/50 border-slate-700/50'"
+      class="w-full p-5 rounded-lg border transition-all duration-300 hover:scale-[1.01] hover:shadow-lg active:scale-[0.99] cursor-pointer group text-left">
+      <div class="flex flex-col sm:flex-row items-start gap-4">
+        <div class="flex-1 min-w-0">
+          <div class="flex items-start gap-3 mb-3">
+            <div
+              [ngClass]="isLightMode()
+                ? 'bg-blue-100/70 text-blue-600 border-blue-300'
+                : 'bg-blue-500/20 text-blue-400 border-blue-500/50'"
+              class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md transition-all duration-300 group-hover:scale-110">
+              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
+              </svg>
+            </div>
+            <div class="flex-1 min-w-0">
+              <div class="flex items-center gap-2 mb-2">
+              <h4
+                [ngClass]="isLightMode()
+                  ? 'text-slate-900 group-hover:text-blue-600'
+                  : 'text-white group-hover:text-blue-400'"
+                class="font-semibold transition-colors">
+                {{ chart().title }}
+              </h4>
+              <symphiq-current-data-indicator
+                [viewMode]="viewMode()"
+                tooltipPosition="top" />
+            </div>
+              @if (chart().description) {
+                <p
+                  [ngClass]="isLightMode() ? 'text-slate-700' : 'text-slate-300'"
+                  class="text-sm leading-relaxed">
+                  {{ chart().description }}
+                </p>
+              }
+            </div>
+          </div>
+        </div>
+
+        <div class="w-full sm:w-32 h-20 flex-shrink-0">
+          <div
+            [ngClass]="isLightMode()
+              ? 'border-slate-300'
+              : 'border-slate-600'"
+            class="w-full h-full rounded-md border overflow-hidden bg-opacity-50 transition-all duration-300">
+            @defer (on idle; on viewport) {
+              @if (chart().chartType === ChartTypeEnum.LINE && chart().lineChartData) {
+                <symphiq-line-chart
+                  [chart]="chart()"
+                  [showAxisLabels]="false"
+                  [viewMode]="viewMode()" />
+              } @else if (chart().chartType === ChartTypeEnum.BAR && chart().barChartData) {
+                <symphiq-bar-chart
+                  [chart]="chart()"
+                  [showAxisLabels]="false"
+                  [viewMode]="viewMode()" />
+              } @else if (chart().chartType === ChartTypeEnum.PIE && chart().pieChartData) {
+                <symphiq-pie-chart
+                  [chart]="chart()"
+                  [viewMode]="viewMode()" />
+              } @else if (chart().chartType === ChartTypeEnum.AREA && chart().areaChartData) {
+                <symphiq-area-chart
+                  [chart]="chart()"
+                  [showAxisLabels]="false"
+                  [viewMode]="viewMode()" />
+              }
+            } @placeholder {
+              <div class="w-full h-full flex items-center justify-center">
+                <span
+                  [ngClass]="isLightMode() ? 'text-slate-400' : 'text-slate-500'"
+                  class="text-xs">
+                  Loading preview...
+                </span>
+              </div>
+            }
+          </div>
+        </div>
+      </div>
+    </button>
   `
             }]
     }], null, { chart: [{ type: i0.Input, args: [{ isSignal: true, alias: "chart", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], chartClick: [{ type: i0.Output, args: ["chartClick"] }] }); }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChartCardComponent, { className: "ChartCardComponent", filePath: "lib/components/shared/chart-card.component.ts", lineNumber: 101 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChartCardComponent, { className: "ChartCardComponent", filePath: "lib/components/shared/chart-card.component.ts", lineNumber: 108 }); })();
 
 const _forTrack0$14 = ($index, $item) => $item.id;
 function FunnelStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -16622,6 +16680,22 @@ class ModalComponent {
                 });
                 return;
             }
+            // Delegate 'metric' and 'metrics-list' types to Profile Analysis Modal when opened from main body
+            // (not from within a funnel modal context)
+            const funnelContextTypes = ['insight', 'chart', 'charts-list', 'funnel-strengths-list', 'funnel-weaknesses-list', 'funnel-strength-detail', 'funnel-weakness-detail'];
+            const hasFunnelContext = state.previousState && funnelContextTypes.includes(state.previousState.type || '');
+            if ((state.type === 'metric' || state.type === 'metrics-list') && !hasFunnelContext) {
+                this.modalStateSignal.set({
+                    type: null,
+                    data: null,
+                    charts: [],
+                    openedAt: 0,
+                    previousState: null,
+                    expandedSection: undefined,
+                    navigationStack: []
+                });
+                return;
+            }
             const data = state.data || null;
             // Recursively preserve the entire previousState chain
             const buildPreviousState = (prevState) => {
@@ -25854,30 +25928,55 @@ function FunnelWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (rf &
 function FunnelWelcomeBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Welcome to Your Funnel Analysis ");
 } }
-function FunnelWelcomeBannerComponent_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+function FunnelWelcomeBannerComponent_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 19);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelement(0, "path", 23);
+    i0.ɵɵelementStart(1, "svg", 20);
+    i0.ɵɵelement(2, "path", 21);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span")(4, "strong", 11);
+    i0.ɵɵtext(5, "Analysis Snapshot");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" \u2014 This analysis represents a snapshot of your business taken on ", ctx_r0.formattedAnalysisDate());
 } }
 function FunnelWelcomeBannerComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelement(0, "path", 23);
+} }
+function FunnelWelcomeBannerComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelement(0, "path", 24);
 } }
-function FunnelWelcomeBannerComponent_Conditional_54_Template(rf, ctx) { if (rf & 1) {
+function FunnelWelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Keep Your Analysis Current ");
 } }
-function FunnelWelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+function FunnelWelcomeBannerComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Continue Your Journey ");
 } }
-function FunnelWelcomeBannerComponent_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+function FunnelWelcomeBannerComponent_Conditional_58_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " As you execute recommendations and your business evolves, refresh your analysis regularly. Update your revenue targets as needed and review your funnel metrics to track progress. The more you use Symphiq to plan and execute, the better it gets at identifying what drives results for your specific business. ");
 } }
-function FunnelWelcomeBannerComponent_Conditional_58_Template(rf, ctx) { if (rf & 1) {
+function FunnelWelcomeBannerComponent_Conditional_59_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " The next steps in your journey\u2014Shop Analysis, Focus Area Analysis, and Metric Analysis\u2014add deeper layers of context about how you currently operate and what you're already doing. This operational knowledge helps Symphiq deliver recommendations that fit naturally into your existing workflows and capabilities. ");
 } }
 class FunnelWelcomeBannerComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
+        this.analysisDate = input(...(ngDevMode ? [undefined, { debugName: "analysisDate" }] : []));
+        this.formattedAnalysisDate = computed(() => {
+            const date = this.analysisDate();
+            if (!date) {
+                return null;
+            }
+            return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+        }, ...(ngDevMode ? [{ debugName: "formattedAnalysisDate" }] : []));
     }
     containerClasses() {
         return this.viewMode() === ViewModeEnum.DARK
@@ -25945,7 +26044,7 @@ class FunnelWelcomeBannerComponent {
             : 'text-slate-700';
     }
     static { this.ɵfac = function FunnelWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FunnelWelcomeBannerComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FunnelWelcomeBannerComponent, selectors: [["symphiq-funnel-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], isOnboarded: [1, "isOnboarded"] }, decls: 59, vars: 19, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "funnel-analysis", 3, "viewMode"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function FunnelWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FunnelWelcomeBannerComponent, selectors: [["symphiq-funnel-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], isOnboarded: [1, "isOnboarded"], analysisDate: [1, "analysisDate"] }, decls: 60, vars: 20, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "funnel-analysis", 3, "viewMode"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function FunnelWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(4, "svg", 4);
@@ -26007,18 +26106,20 @@ class FunnelWelcomeBannerComponent {
             i0.ɵɵtext(46, "Your Journey");
             i0.ɵɵelementEnd();
             i0.ɵɵtext(47, " \u2014 Continue building context by answering questions about your shop setup and marketing focus areas for even more precise recommendations");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(48, "div", 22);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(48, FunnelWelcomeBannerComponent_Conditional_48_Template, 7, 1, "li", 19);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(49, "div", 22);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(49, "svg", 15);
-            i0.ɵɵconditionalCreate(50, FunnelWelcomeBannerComponent_Conditional_50_Template, 1, 0, ":svg:path", 23)(51, FunnelWelcomeBannerComponent_Conditional_51_Template, 1, 0, ":svg:path", 24);
+            i0.ɵɵelementStart(50, "svg", 15);
+            i0.ɵɵconditionalCreate(51, FunnelWelcomeBannerComponent_Conditional_51_Template, 1, 0, ":svg:path", 23)(52, FunnelWelcomeBannerComponent_Conditional_52_Template, 1, 0, ":svg:path", 24);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(52, "div", 6)(53, "h3", 25);
-            i0.ɵɵconditionalCreate(54, FunnelWelcomeBannerComponent_Conditional_54_Template, 1, 0)(55, FunnelWelcomeBannerComponent_Conditional_55_Template, 1, 0);
+            i0.ɵɵelementStart(53, "div", 6)(54, "h3", 25);
+            i0.ɵɵconditionalCreate(55, FunnelWelcomeBannerComponent_Conditional_55_Template, 1, 0)(56, FunnelWelcomeBannerComponent_Conditional_56_Template, 1, 0);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(56, "p", 26);
-            i0.ɵɵconditionalCreate(57, FunnelWelcomeBannerComponent_Conditional_57_Template, 1, 0)(58, FunnelWelcomeBannerComponent_Conditional_58_Template, 1, 0);
+            i0.ɵɵelementStart(57, "p", 26);
+            i0.ɵɵconditionalCreate(58, FunnelWelcomeBannerComponent_Conditional_58_Template, 1, 0)(59, FunnelWelcomeBannerComponent_Conditional_59_Template, 1, 0);
             i0.ɵɵelementEnd()()()()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -26045,19 +26146,21 @@ class FunnelWelcomeBannerComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.highlightListClasses());
             i0.ɵɵadvance(22);
+            i0.ɵɵconditional(ctx.formattedAnalysisDate() ? 48 : -1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.nextStepsBoxClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.nextStepsIconClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 50 : 51);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 51 : 52);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.nextStepsTitleClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 54 : 55);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 55 : 56);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.nextStepsTextClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 57 : 58);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 58 : 59);
         } }, dependencies: [CommonModule, i1$1.NgClass, ConfidenceLevelCardComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FunnelWelcomeBannerComponent, [{
@@ -26134,6 +26237,14 @@ class FunnelWelcomeBannerComponent {
                     </svg>
                     <span><strong class="font-semibold">Your Journey</strong> — Continue building context by answering questions about your shop setup and marketing focus areas for even more precise recommendations</span>
                   </li>
+                  @if (formattedAnalysisDate()) {
+                    <li class="flex items-start gap-2">
+                      <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+                      </svg>
+                      <span><strong class="font-semibold">Analysis Snapshot</strong> — This analysis represents a snapshot of your business taken on {{ formattedAnalysisDate() }}</span>
+                    </li>
+                  }
                 </ul>
               </div>
             </div>
@@ -26169,18 +26280,35 @@ class FunnelWelcomeBannerComponent {
     </div>
   `
             }]
-    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelWelcomeBannerComponent, { className: "FunnelWelcomeBannerComponent", filePath: "lib/components/funnel-analysis-dashboard/funnel-welcome-banner.component.ts", lineNumber: 113 }); })();
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], analysisDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysisDate", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelWelcomeBannerComponent, { className: "FunnelWelcomeBannerComponent", filePath: "lib/components/funnel-analysis-dashboard/funnel-welcome-banner.component.ts", lineNumber: 121 }); })();
 
 const _c0$18 = [[["", "slot", "overall-performance"]], [["", "slot", "performance-metrics"]], [["", "slot", "performance-breakdowns"]], [["", "slot", "competitive-intelligence"]]];
 const _c1$H = ["[slot=overall-performance]", "[slot=performance-metrics]", "[slot=performance-breakdowns]", "[slot=competitive-intelligence]"];
 class CollapsibleFunnelSectionGroupComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.storageKey = input('collapsible-funnel-section-group', ...(ngDevMode ? [{ debugName: "storageKey" }] : []));
+        this.router = inject(Router);
+        this.routerSubscription = null;
         this.expandedSections = signal([], ...(ngDevMode ? [{ debugName: "expandedSections" }] : []));
     }
     ngOnInit() {
-        this.expandedSections.set(new Array(4).fill(false));
+        const savedState = this.loadExpandedState();
+        if (savedState && savedState.length === 4) {
+            this.expandedSections.set(savedState);
+        }
+        else {
+            this.expandedSections.set(new Array(4).fill(false));
+        }
+        this.routerSubscription = this.router.events
+            .pipe(filter(event => event instanceof NavigationStart))
+            .subscribe(() => {
+            this.clearExpandedState();
+        });
+    }
+    ngOnDestroy() {
+        this.routerSubscription?.unsubscribe();
     }
     toggleSection(index) {
         const willBeExpanded = !this.expandedSections()[index];
@@ -26189,6 +26317,7 @@ class CollapsibleFunnelSectionGroupComponent {
             newSections[index] = !newSections[index];
             return newSections;
         });
+        this.saveExpandedState();
         if (willBeExpanded) {
             setTimeout(() => {
                 const sectionIds = ['overall', 'metrics', 'breakdowns', 'competitive'];
@@ -26201,6 +26330,31 @@ class CollapsibleFunnelSectionGroupComponent {
             }, 50);
         }
     }
+    saveExpandedState() {
+        try {
+            localStorage.setItem(this.storageKey(), JSON.stringify(this.expandedSections()));
+        }
+        catch {
+        }
+    }
+    loadExpandedState() {
+        try {
+            const saved = localStorage.getItem(this.storageKey());
+            if (saved) {
+                return JSON.parse(saved);
+            }
+        }
+        catch {
+        }
+        return null;
+    }
+    clearExpandedState() {
+        try {
+            localStorage.removeItem(this.storageKey());
+        }
+        catch {
+        }
+    }
     containerClasses() {
         return this.viewMode() === ViewModeEnum.DARK
             ? 'bg-slate-800/40 border-slate-700/50'
@@ -26304,7 +26458,7 @@ class CollapsibleFunnelSectionGroupComponent {
             : 'border-slate-200';
     }
     static { this.ɵfac = function CollapsibleFunnelSectionGroupComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollapsibleFunnelSectionGroupComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleFunnelSectionGroupComponent, selectors: [["symphiq-collapsible-funnel-section-group"]], inputs: { viewMode: [1, "viewMode"] }, ngContentSelectors: _c1$H, decls: 90, vars: 58, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 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", "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "transition-colors", "duration-200", 3, "ngClass"], [1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"]], template: function CollapsibleFunnelSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleFunnelSectionGroupComponent, selectors: [["symphiq-collapsible-funnel-section-group"]], inputs: { viewMode: [1, "viewMode"], storageKey: [1, "storageKey"] }, ngContentSelectors: _c1$H, decls: 90, vars: 58, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 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", "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "transition-colors", "duration-200", 3, "ngClass"], [1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"]], template: function CollapsibleFunnelSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c0$18);
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
             i0.ɵɵnamespaceSVG();
@@ -26717,8 +26871,8 @@ class CollapsibleFunnelSectionGroupComponent {
     </div>
   `
             }]
-    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleFunnelSectionGroupComponent, { className: "CollapsibleFunnelSectionGroupComponent", filePath: "lib/components/funnel-analysis-dashboard/collapsible-funnel-section-group.component.ts", lineNumber: 220 }); })();
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleFunnelSectionGroupComponent, { className: "CollapsibleFunnelSectionGroupComponent", filePath: "lib/components/funnel-analysis-dashboard/collapsible-funnel-section-group.component.ts", lineNumber: 222 }); })();
 
 function ViewModeSwitcherModalComponent_Conditional_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 11)(1, "div", 13);
@@ -46425,9 +46579,11 @@ class MarkAsReviewedFooterComponent {
         this.reviewStatus = input(...(ngDevMode ? [undefined, { debugName: "reviewStatus" }] : []));
         this.selfContentStatus = input.required(...(ngDevMode ? [{ debugName: "selfContentStatus" }] : []));
         this.isMarkingAsReviewed = input(false, ...(ngDevMode ? [{ debugName: "isMarkingAsReviewed" }] : []));
+        this.isLoading = input.required(...(ngDevMode ? [{ debugName: "isLoading" }] : []));
         this.markAsReviewedClick = output();
         this.shouldShowFooter = computed(() => {
-            return this.selfContentStatus() === AiDynamicContentStatusEnum.GENERATED &&
+            return !this.isLoading() &&
+                this.selfContentStatus() === AiDynamicContentStatusEnum.GENERATED &&
                 this.reviewStatus() === ProfileAnalysisReviewStatusEnum.NOT_REVIEWED;
         }, ...(ngDevMode ? [{ debugName: "shouldShowFooter" }] : []));
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
@@ -46440,7 +46596,7 @@ class MarkAsReviewedFooterComponent {
         this.markAsReviewedClick.emit();
     }
     static { this.ɵfac = function MarkAsReviewedFooterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MarkAsReviewedFooterComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MarkAsReviewedFooterComponent, selectors: [["symphiq-mark-as-reviewed-footer"]], inputs: { viewMode: [1, "viewMode"], reviewStatus: [1, "reviewStatus"], selfContentStatus: [1, "selfContentStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { markAsReviewedClick: "markAsReviewedClick" }, decls: 1, vars: 1, consts: [[1, "fixed", "bottom-0", "left-0", "right-0", "z-[100]", "border-t", "backdrop-blur-lg", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], ["type", "button", 1, "w-full", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", "group", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200", "group-hover:translate-x-1"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function MarkAsReviewedFooterComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MarkAsReviewedFooterComponent, selectors: [["symphiq-mark-as-reviewed-footer"]], inputs: { viewMode: [1, "viewMode"], reviewStatus: [1, "reviewStatus"], selfContentStatus: [1, "selfContentStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], isLoading: [1, "isLoading"] }, outputs: { markAsReviewedClick: "markAsReviewedClick" }, decls: 1, vars: 1, consts: [[1, "fixed", "bottom-0", "left-0", "right-0", "z-[100]", "border-t", "backdrop-blur-lg", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], ["type", "button", 1, "w-full", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", "group", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200", "group-hover:translate-x-1"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function MarkAsReviewedFooterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, MarkAsReviewedFooterComponent_Conditional_0_Template, 5, 4, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.shouldShowFooter() ? 0 : -1);
@@ -46492,7 +46648,7 @@ class MarkAsReviewedFooterComponent {
     }
   `
             }]
-    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], reviewStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "reviewStatus", required: false }] }], selfContentStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "selfContentStatus", required: true }] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], markAsReviewedClick: [{ type: i0.Output, args: ["markAsReviewedClick"] }] }); })();
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], reviewStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "reviewStatus", required: false }] }], selfContentStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "selfContentStatus", required: true }] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: true }] }], markAsReviewedClick: [{ type: i0.Output, args: ["markAsReviewedClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MarkAsReviewedFooterComponent, { className: "MarkAsReviewedFooterComponent", filePath: "lib/components/shared/mark-as-reviewed-footer.component.ts", lineNumber: 50 }); })();
 
 function SearchButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
@@ -47378,12 +47534,13 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Template(rf, ctx
     i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_14_Template, 2, 6, "div", 56);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
+    let tmp_6_0;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵconditional(!ctx_r2.isOnboarded() ? 0 : -1);
     i0.ɵɵadvance();
     i0.ɵɵclassProp("pb-32", ctx_r2.shouldShowReviewFooter());
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("isOnboarded", ctx_r2.isOnboarded());
+    i0.ɵɵproperty("viewMode", ctx_r2.isLightMode() ? ctx_r2.ViewModeEnum.LIGHT : ctx_r2.ViewModeEnum.DARK)("isOnboarded", ctx_r2.isOnboarded())("analysisDate", (tmp_6_0 = ctx_r2.funnelAnalysis()) == null ? null : tmp_6_0.selfContentCompletedDate);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r2.showKeyInsights() ? 5 : -1);
     i0.ɵɵadvance();
@@ -49277,7 +49434,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardContainer = _t.first);
         } }, hostBindings: function SymphiqFunnelAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], businessProfile: [1, "businessProfile"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 28, vars: 56, consts: [["dashboardContainer", ""], [1, "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "hasCondensedLeftContent"], ["expandedControls", ""], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], ["condensedLeftContent", ""], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], ["condensedControls", ""], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [3, "sections", "viewMode", "embedded", "scrollElement"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-4"], [1, "flex", "items-center", "justify-center", "min-h-[60vh]"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", 3, "pb-32"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts", "currencySymbol", "businessProfile"], [3, "isLightMode", "allMetrics"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "click", "libSymphiqTooltip", "tooltipPosition", "ngClass"], ["size", "large", 3, "viewMode"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], [1, "mb-8"], [3, "viewMode", "isOnboarded"], ["id", "section-insights", 1, "mb-8"], [3, "viewMode"], ["slot", "overall-performance"], [1, "p-6"], ["slot", "performance-metrics"], [1, "p-6", "space-y-8"], ["slot", "performance-breakdowns"], ["slot", "competitive-intelligence"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "flex", "items-center", "gap-3"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "text-xs", "sm:text-sm"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode", "isLoading"], [3, "width", "height", "isLightMode"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [3, "scrollToSection", "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [1, "w-full"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "mt-4"], [3, "breakdown", "charts", "isLightMode", "isLoading", "isCompactMode", "currencySymbol"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode", "competitiveBenchmark", "currencySymbol"], ["id", "section-overall", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [1, "space-y-6"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], ["animationDelay", "0.15s", 3, "viewMode"], ["id", "section-insights", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "section-metrics", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "space-y-8", "sm:space-y-10", 3, "animate-content-change", "transition-opacity-slow"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "rounded-xl", "border", "p-6", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "grid", "grid-cols-2", "md:grid-cols-4", "gap-4", "mt-6"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mt-28", "sm:mt-36"], ["id", "section-breakdowns", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6", 3, "animate-content-change", "transition-opacity-slow"], ["animationDelay", "0.65s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [1, "space-y-3"], [1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", 3, "ngClass"], [3, "breakdown", "charts", "isLightMode", "isCompactMode", "currencySymbol"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["id", "section-competitive", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "hidden", "sm:block", "relative"], ["animationDelay", "0.85s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mt-6"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], businessProfile: [1, "businessProfile"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 28, vars: 57, consts: [["dashboardContainer", ""], [1, "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "hasCondensedLeftContent"], ["expandedControls", ""], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], ["condensedLeftContent", ""], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], ["condensedControls", ""], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [3, "sections", "viewMode", "embedded", "scrollElement"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-4"], [1, "flex", "items-center", "justify-center", "min-h-[60vh]"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", 3, "pb-32"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts", "currencySymbol", "businessProfile"], [3, "isLightMode", "allMetrics"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "click", "libSymphiqTooltip", "tooltipPosition", "ngClass"], ["size", "large", 3, "viewMode"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], [1, "mb-8"], [3, "viewMode", "isOnboarded", "analysisDate"], ["id", "section-insights", 1, "mb-8"], [3, "viewMode"], ["slot", "overall-performance"], [1, "p-6"], ["slot", "performance-metrics"], [1, "p-6", "space-y-8"], ["slot", "performance-breakdowns"], ["slot", "competitive-intelligence"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "flex", "items-center", "gap-3"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "text-xs", "sm:text-sm"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode", "isLoading"], [3, "width", "height", "isLightMode"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [3, "scrollToSection", "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [1, "w-full"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "mt-4"], [3, "breakdown", "charts", "isLightMode", "isLoading", "isCompactMode", "currencySymbol"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode", "competitiveBenchmark", "currencySymbol"], ["id", "section-overall", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [1, "space-y-6"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], ["animationDelay", "0.15s", 3, "viewMode"], ["id", "section-insights", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "section-metrics", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "space-y-8", "sm:space-y-10", 3, "animate-content-change", "transition-opacity-slow"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "rounded-xl", "border", "p-6", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "grid", "grid-cols-2", "md:grid-cols-4", "gap-4", "mt-6"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mt-28", "sm:mt-36"], ["id", "section-breakdowns", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6", 3, "animate-content-change", "transition-opacity-slow"], ["animationDelay", "0.65s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [1, "space-y-3"], [1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", 3, "ngClass"], [3, "breakdown", "charts", "isLightMode", "isCompactMode", "currencySymbol"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["id", "section-competitive", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "hidden", "sm:block", "relative"], ["animationDelay", "0.85s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mt-6"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1, 0);
             i0.ɵɵelement(2, "div", 2);
@@ -49298,7 +49455,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_12_Template, 16, 8, "div", 10);
             i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Template, 1, 4, "symphiq-floating-toc", 11);
             i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_14_Template, 6, 5, "div", 12);
-            i0.ɵɵconditionalCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Template, 2, 1, "div", 13)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Template, 2, 7)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Template, 15, 11)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Template, 7, 7, "main", 14);
+            i0.ɵɵconditionalCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_15_Template, 2, 1, "div", 13)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_16_Template, 2, 7)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Template, 15, 12)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Template, 7, 7, "main", 14);
             i0.ɵɵelement(19, "symphiq-funnel-analysis-modal", 15)(20, "symphiq-profile-analysis-modal", 16)(21, "symphiq-business-analysis-modal", 17)(22, "symphiq-tooltip-container");
             i0.ɵɵelementStart(23, "symphiq-search-bar", 18);
             i0.ɵɵlistener("resultSelected", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_search_bar_resultSelected_23_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleSearchResult($event)); });
@@ -49359,7 +49516,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode())("sections", ctx.navSections)("activeSection", ctx.activeNavSection());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("viewMode", ctx.isLightMode() ? ctx.ViewModeEnum.LIGHT : ctx.ViewModeEnum.DARK)("reviewStatus", (tmp_47_0 = ctx.funnelAnalysis()) == null ? null : tmp_47_0.reviewStatus)("selfContentStatus", (tmp_48_0 = ctx.funnelAnalysis()) == null ? null : tmp_48_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
+            i0.ɵɵproperty("viewMode", ctx.isLightMode() ? ctx.ViewModeEnum.LIGHT : ctx.ViewModeEnum.DARK)("reviewStatus", (tmp_47_0 = ctx.funnelAnalysis()) == null ? null : tmp_47_0.reviewStatus)("selfContentStatus", (tmp_48_0 = ctx.funnelAnalysis()) == null ? null : tmp_48_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed())("isLoading", !!ctx.isLoading());
         } }, dependencies: [CommonModule, i1$1.NgClass, FormsModule, i2$1.NgSelectOption, i2$1.ɵNgSelectMultipleOption, i2$1.SelectControlValueAccessor, i2$1.NgControlStatus, i2$1.NgModel, OverallAssessmentComponent,
             InsightCardComponent,
             MetricCardComponent,
@@ -49646,6 +49803,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
               <symphiq-funnel-welcome-banner
                 [viewMode]="isLightMode() ? ViewModeEnum.LIGHT : ViewModeEnum.DARK"
                 [isOnboarded]="isOnboarded()"
+                [analysisDate]="funnelAnalysis()?.selfContentCompletedDate"
               />
             </div>
 
@@ -50357,6 +50515,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
         [reviewStatus]="funnelAnalysis()?.reviewStatus"
         [selfContentStatus]="funnelAnalysis()?.selfContentStatus"
         [isMarkingAsReviewed]="isMarkingAsReviewed()"
+        [isLoading]="!!isLoading()"
         (markAsReviewedClick)="handleMarkAsReviewedClick()"
       />
 
@@ -50372,7 +50531,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 1161 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 1163 }); })();
 
 /**
  * Shared Theme Color Utilities
@@ -66544,24 +66703,41 @@ function WelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
 function WelcomeBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Welcome to Your Business Analysis ");
 } }
-function WelcomeBannerComponent_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+function WelcomeBannerComponent_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 19);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelement(0, "path", 23);
+    i0.ɵɵelementStart(1, "svg", 20);
+    i0.ɵɵelement(2, "path", 21);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span")(4, "strong", 11);
+    i0.ɵɵtext(5, "Analysis Snapshot");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" \u2014 This analysis represents a snapshot of your business taken on ", ctx_r0.formattedAnalysisDate());
 } }
 function WelcomeBannerComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelement(0, "path", 23);
+} }
+function WelcomeBannerComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelement(0, "path", 24);
 } }
-function WelcomeBannerComponent_Conditional_54_Template(rf, ctx) { if (rf & 1) {
+function WelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Keep Your Analysis Current ");
 } }
-function WelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+function WelcomeBannerComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " This is Just the Beginning ");
 } }
-function WelcomeBannerComponent_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+function WelcomeBannerComponent_Conditional_58_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " As you execute business goals within Symphiq, this Business Analysis serves as important qualitative context that helps our AI deliver more accurate recommendations. Update your business profile periodically and after major changes to your website, business strategy, or when you notice significant competitive shifts to ensure the most relevant insights. ");
 } }
-function WelcomeBannerComponent_Conditional_58_Template(rf, ctx) { if (rf & 1) {
+function WelcomeBannerComponent_Conditional_59_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Connect your Google Analytics 4 account to merge these qualitative insights with quantitative performance data. This combination unlocks dramatically more accurate recommendations and reveals specific opportunities in your conversion funnel. ");
 } }
 class WelcomeBannerComponent {
@@ -66569,6 +66745,14 @@ class WelcomeBannerComponent {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.businessName = input('your business', ...(ngDevMode ? [{ debugName: "businessName" }] : []));
         this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
+        this.analysisDate = input(...(ngDevMode ? [undefined, { debugName: "analysisDate" }] : []));
+        this.formattedAnalysisDate = computed(() => {
+            const date = this.analysisDate();
+            if (!date) {
+                return null;
+            }
+            return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+        }, ...(ngDevMode ? [{ debugName: "formattedAnalysisDate" }] : []));
     }
     containerClasses() {
         return this.viewMode() === ViewModeEnum.DARK
@@ -66636,7 +66820,7 @@ class WelcomeBannerComponent {
             : 'text-slate-700';
     }
     static { this.ɵfac = function WelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WelcomeBannerComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WelcomeBannerComponent, selectors: [["symphiq-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], isOnboarded: [1, "isOnboarded"] }, decls: 59, vars: 20, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "business-analysis", 3, "viewMode"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function WelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WelcomeBannerComponent, selectors: [["symphiq-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], isOnboarded: [1, "isOnboarded"], analysisDate: [1, "analysisDate"] }, decls: 60, vars: 21, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "business-analysis", 3, "viewMode"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function WelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(4, "svg", 4);
@@ -66698,18 +66882,20 @@ class WelcomeBannerComponent {
             i0.ɵɵtext(46, "Your Journey");
             i0.ɵɵelementEnd();
             i0.ɵɵtext(47, " \u2014 Clear next steps to unlock deeper insights by connecting your GA4 data and completing your profile");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(48, "div", 22);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(48, WelcomeBannerComponent_Conditional_48_Template, 7, 1, "li", 19);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(49, "div", 22);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(49, "svg", 15);
-            i0.ɵɵconditionalCreate(50, WelcomeBannerComponent_Conditional_50_Template, 1, 0, ":svg:path", 23)(51, WelcomeBannerComponent_Conditional_51_Template, 1, 0, ":svg:path", 24);
+            i0.ɵɵelementStart(50, "svg", 15);
+            i0.ɵɵconditionalCreate(51, WelcomeBannerComponent_Conditional_51_Template, 1, 0, ":svg:path", 23)(52, WelcomeBannerComponent_Conditional_52_Template, 1, 0, ":svg:path", 24);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(52, "div", 6)(53, "h3", 25);
-            i0.ɵɵconditionalCreate(54, WelcomeBannerComponent_Conditional_54_Template, 1, 0)(55, WelcomeBannerComponent_Conditional_55_Template, 1, 0);
+            i0.ɵɵelementStart(53, "div", 6)(54, "h3", 25);
+            i0.ɵɵconditionalCreate(55, WelcomeBannerComponent_Conditional_55_Template, 1, 0)(56, WelcomeBannerComponent_Conditional_56_Template, 1, 0);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(56, "p", 26);
-            i0.ɵɵconditionalCreate(57, WelcomeBannerComponent_Conditional_57_Template, 1, 0)(58, WelcomeBannerComponent_Conditional_58_Template, 1, 0);
+            i0.ɵɵelementStart(57, "p", 26);
+            i0.ɵɵconditionalCreate(58, WelcomeBannerComponent_Conditional_58_Template, 1, 0)(59, WelcomeBannerComponent_Conditional_59_Template, 1, 0);
             i0.ɵɵelementEnd()()()()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -66738,19 +66924,21 @@ class WelcomeBannerComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.highlightListClasses());
             i0.ɵɵadvance(22);
+            i0.ɵɵconditional(ctx.formattedAnalysisDate() ? 48 : -1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.nextStepsBoxClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.nextStepsIconClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 50 : 51);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 51 : 52);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.nextStepsTitleClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 54 : 55);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 55 : 56);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.nextStepsTextClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 57 : 58);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 58 : 59);
         } }, dependencies: [CommonModule, i1$1.NgClass, ConfidenceLevelCardComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WelcomeBannerComponent, [{
@@ -66827,6 +67015,14 @@ class WelcomeBannerComponent {
                     </svg>
                     <span><strong class="font-semibold">Your Journey</strong> — Clear next steps to unlock deeper insights by connecting your GA4 data and completing your profile</span>
                   </li>
+                  @if (formattedAnalysisDate()) {
+                    <li class="flex items-start gap-2">
+                      <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+                      </svg>
+                      <span><strong class="font-semibold">Analysis Snapshot</strong> — This analysis represents a snapshot of your business taken on {{ formattedAnalysisDate() }}</span>
+                    </li>
+                  }
                 </ul>
               </div>
             </div>
@@ -66862,8 +67058,8 @@ class WelcomeBannerComponent {
     </div>
   `
             }]
-    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], businessName: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WelcomeBannerComponent, { className: "WelcomeBannerComponent", filePath: "lib/components/business-analysis-dashboard/welcome-banner.component.ts", lineNumber: 113 }); })();
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], businessName: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], analysisDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysisDate", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WelcomeBannerComponent, { className: "WelcomeBannerComponent", filePath: "lib/components/business-analysis-dashboard/welcome-banner.component.ts", lineNumber: 121 }); })();
 
 function SimplifiedRecommendationCardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 6);
@@ -67656,10 +67852,27 @@ class CollapsibleSectionGroupComponent {
     constructor() {
         this.sections = input([], ...(ngDevMode ? [{ debugName: "sections" }] : []));
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.storageKey = input('collapsible-section-group', ...(ngDevMode ? [{ debugName: "storageKey" }] : []));
+        this.router = inject(Router);
+        this.routerSubscription = null;
         this.expandedSections = signal([], ...(ngDevMode ? [{ debugName: "expandedSections" }] : []));
     }
     ngOnInit() {
-        this.expandedSections.set(new Array(this.sections().length).fill(false));
+        const savedState = this.loadExpandedState();
+        if (savedState && savedState.length === this.sections().length) {
+            this.expandedSections.set(savedState);
+        }
+        else {
+            this.expandedSections.set(new Array(this.sections().length).fill(false));
+        }
+        this.routerSubscription = this.router.events
+            .pipe(filter(event => event instanceof NavigationStart))
+            .subscribe(() => {
+            this.clearExpandedState();
+        });
+    }
+    ngOnDestroy() {
+        this.routerSubscription?.unsubscribe();
     }
     toggleSection(index) {
         const willBeExpanded = !this.expandedSections()[index];
@@ -67668,18 +67881,43 @@ class CollapsibleSectionGroupComponent {
             newSections[index] = !newSections[index];
             return newSections;
         });
-        // Scroll to the section if it's being opened
+        this.saveExpandedState();
         if (willBeExpanded) {
             setTimeout(() => {
                 const element = document.getElementById(`collapsible-section-${index}`);
                 if (element) {
-                    const yOffset = -100; // Offset for sticky header
+                    const yOffset = -100;
                     const y = element.getBoundingClientRect().top + window.scrollY + yOffset;
                     window.scrollTo({ top: y, behavior: 'smooth' });
                 }
             }, 50);
         }
     }
+    saveExpandedState() {
+        try {
+            localStorage.setItem(this.storageKey(), JSON.stringify(this.expandedSections()));
+        }
+        catch {
+        }
+    }
+    loadExpandedState() {
+        try {
+            const saved = localStorage.getItem(this.storageKey());
+            if (saved) {
+                return JSON.parse(saved);
+            }
+        }
+        catch {
+        }
+        return null;
+    }
+    clearExpandedState() {
+        try {
+            localStorage.removeItem(this.storageKey());
+        }
+        catch {
+        }
+    }
     getSectionItemCount(section) {
         if (!section?.subsections)
             return 0;
@@ -67792,7 +68030,7 @@ class CollapsibleSectionGroupComponent {
             : 'border-slate-200';
     }
     static { this.ɵfac = function CollapsibleSectionGroupComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollapsibleSectionGroupComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleSectionGroupComponent, selectors: [["symphiq-collapsible-section-group"]], inputs: { sections: [1, "sections"], viewMode: [1, "viewMode"] }, decls: 24, vars: 10, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 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", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "transition-colors", "duration-200", 3, "ngClass"], [1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 3, "ngClass"], [3, "section", "viewMode", "forceExpanded"], ["size", "w-4 h-4", 3, "icon"]], template: function CollapsibleSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleSectionGroupComponent, selectors: [["symphiq-collapsible-section-group"]], inputs: { sections: [1, "sections"], viewMode: [1, "viewMode"], storageKey: [1, "storageKey"] }, decls: 24, vars: 10, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 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", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "transition-colors", "duration-200", 3, "ngClass"], [1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 3, "ngClass"], [3, "section", "viewMode", "forceExpanded"], ["size", "w-4 h-4", 3, "icon"]], template: function CollapsibleSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(5, "svg", 5);
@@ -67851,96 +68089,96 @@ class CollapsibleSectionGroupComponent {
                 standalone: true,
                 imports: [CommonModule, SymphiqIconComponent, ProfileSectionComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
-      <div [ngClass]="headerClasses()" class="px-6 py-5 border-b">
-        <div class="flex items-center justify-between">
-          <div class="flex items-center gap-3">
-            <div [ngClass]="iconContainerClasses()" class="p-2.5 rounded-lg">
-              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
-              </svg>
-            </div>
-            <div>
-              <h2 [ngClass]="titleClasses()" class="text-xl font-bold">
-                Supporting Business Context
-              </h2>
-              <p [ngClass]="subtitleClasses()" class="text-sm mt-0.5">
-                Additional insights gathered from publicly available information
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div [ngClass]="contentClasses()" class="p-6">
-        <div [ngClass]="infoBoxClasses()" class="mb-6 p-4 rounded-xl border flex items-start gap-3">
-          <svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="infoIconClasses()" 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"></path>
-          </svg>
-          <div class="flex-1">
-            <h4 [ngClass]="infoTitleClasses()" class="font-semibold text-sm mb-1">
-              Building Context for Better Recommendations
-            </h4>
-            <p [ngClass]="infoTextClasses()" class="text-sm leading-relaxed">
-              The information below was gathered from your website and competitor research. While recommendations above are based on this initial analysis, connecting your GA4 data will provide quantitative insights that dramatically improve recommendation accuracy.
-            </p>
-          </div>
-        </div>
-
-        <div class="space-y-3">
-          @for (section of sections(); track section.id; let idx = $index) {
-            <div [id]="'collapsible-section-' + idx" [ngClass]="sectionCardClasses()" class="rounded-xl border overflow-hidden transition-all duration-200">
-              <button
-                type="button"
-                (click)="toggleSection(idx)"
-                [ngClass]="sectionHeaderClasses(section, idx)"
-                class="cursor-pointer w-full px-5 py-4 flex items-center justify-between gap-4 text-left transition-colors duration-200">
-                <div class="flex items-center gap-3 flex-1 min-w-0">
-                  @if (section.icon) {
-                    <div [ngClass]="sectionIconContainerClasses(idx)" class="p-2 rounded-lg flex-shrink-0 transition-colors duration-200">
-                      <symphiq-icon [icon]="section.icon" size="w-4 h-4"></symphiq-icon>
-                    </div>
-                  }
-                  <div class="flex-1 min-w-0">
-                    <h3 [ngClass]="sectionTitleClasses(idx)" class="font-semibold transition-colors duration-200">
-                      {{ section.title }}
-                    </h3>
-                    <p [ngClass]="sectionDescriptionClasses(idx)" class="text-sm mt-0.5 transition-colors duration-200">
-                      {{ getSectionItemCount(section) }} items
-                    </p>
-                  </div>
-                </div>
-                <svg
-                  [ngClass]="chevronClasses(idx)"
-                  [class.rotate-180]="expandedSections()[idx]"
-                  class="w-5 h-5 flex-shrink-0 transition-transform duration-200">
-                  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
-                </svg>
-              </button>
-
-              <div
-                class="grid transition-[grid-template-rows] duration-300 ease-in-out"
-                [style.grid-template-rows]="expandedSections()[idx] ? '1fr' : '0fr'">
-                <div class="overflow-hidden">
-                  <div [ngClass]="sectionContentClasses()" class="border-t">
-                    <symphiq-profile-section
-                      [section]="section"
-                      [viewMode]="viewMode()"
-                      [forceExpanded]="false"
-                    />
-                  </div>
-                </div>
-              </div>
-            </div>
-          }
-        </div>
-      </div>
-    </div>
+                template: `
+    <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
+      <div [ngClass]="headerClasses()" class="px-6 py-5 border-b">
+        <div class="flex items-center justify-between">
+          <div class="flex items-center gap-3">
+            <div [ngClass]="iconContainerClasses()" class="p-2.5 rounded-lg">
+              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
+              </svg>
+            </div>
+            <div>
+              <h2 [ngClass]="titleClasses()" class="text-xl font-bold">
+                Supporting Business Context
+              </h2>
+              <p [ngClass]="subtitleClasses()" class="text-sm mt-0.5">
+                Additional insights gathered from publicly available information
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div [ngClass]="contentClasses()" class="p-6">
+        <div [ngClass]="infoBoxClasses()" class="mb-6 p-4 rounded-xl border flex items-start gap-3">
+          <svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="infoIconClasses()" 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"></path>
+          </svg>
+          <div class="flex-1">
+            <h4 [ngClass]="infoTitleClasses()" class="font-semibold text-sm mb-1">
+              Building Context for Better Recommendations
+            </h4>
+            <p [ngClass]="infoTextClasses()" class="text-sm leading-relaxed">
+              The information below was gathered from your website and competitor research. While recommendations above are based on this initial analysis, connecting your GA4 data will provide quantitative insights that dramatically improve recommendation accuracy.
+            </p>
+          </div>
+        </div>
+
+        <div class="space-y-3">
+          @for (section of sections(); track section.id; let idx = $index) {
+            <div [id]="'collapsible-section-' + idx" [ngClass]="sectionCardClasses()" class="rounded-xl border overflow-hidden transition-all duration-200">
+              <button
+                type="button"
+                (click)="toggleSection(idx)"
+                [ngClass]="sectionHeaderClasses(section, idx)"
+                class="cursor-pointer w-full px-5 py-4 flex items-center justify-between gap-4 text-left transition-colors duration-200">
+                <div class="flex items-center gap-3 flex-1 min-w-0">
+                  @if (section.icon) {
+                    <div [ngClass]="sectionIconContainerClasses(idx)" class="p-2 rounded-lg flex-shrink-0 transition-colors duration-200">
+                      <symphiq-icon [icon]="section.icon" size="w-4 h-4"></symphiq-icon>
+                    </div>
+                  }
+                  <div class="flex-1 min-w-0">
+                    <h3 [ngClass]="sectionTitleClasses(idx)" class="font-semibold transition-colors duration-200">
+                      {{ section.title }}
+                    </h3>
+                    <p [ngClass]="sectionDescriptionClasses(idx)" class="text-sm mt-0.5 transition-colors duration-200">
+                      {{ getSectionItemCount(section) }} items
+                    </p>
+                  </div>
+                </div>
+                <svg
+                  [ngClass]="chevronClasses(idx)"
+                  [class.rotate-180]="expandedSections()[idx]"
+                  class="w-5 h-5 flex-shrink-0 transition-transform duration-200">
+                  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+                </svg>
+              </button>
+
+              <div
+                class="grid transition-[grid-template-rows] duration-300 ease-in-out"
+                [style.grid-template-rows]="expandedSections()[idx] ? '1fr' : '0fr'">
+                <div class="overflow-hidden">
+                  <div [ngClass]="sectionContentClasses()" class="border-t">
+                    <symphiq-profile-section
+                      [section]="section"
+                      [viewMode]="viewMode()"
+                      [forceExpanded]="false"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          }
+        </div>
+      </div>
+    </div>
   `
             }]
-    }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleSectionGroupComponent, { className: "CollapsibleSectionGroupComponent", filePath: "lib/components/business-analysis-dashboard/collapsible-section-group.component.ts", lineNumber: 100 }); })();
+    }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleSectionGroupComponent, { className: "CollapsibleSectionGroupComponent", filePath: "lib/components/business-analysis-dashboard/collapsible-section-group.component.ts", lineNumber: 102 }); })();
 
 const _c0$w = () => [];
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
@@ -67995,10 +68233,11 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Conditional_0_T
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_4_0;
+    let tmp_6_0;
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(!ctx_r0.isOnboarded() ? 0 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("businessName", ((tmp_4_0 = ctx_r0.currentProfile()) == null ? null : tmp_4_0.profileStructured == null ? null : tmp_4_0.profileStructured.businessName) || "your business")("isOnboarded", ctx_r0.isOnboarded());
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("businessName", ((tmp_4_0 = ctx_r0.currentProfile()) == null ? null : tmp_4_0.profileStructured == null ? null : tmp_4_0.profileStructured.businessName) || "your business")("isOnboarded", ctx_r0.isOnboarded())("analysisDate", (tmp_6_0 = ctx_r0.profile()) == null ? null : tmp_6_0.selfContentCompletedDate);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("recommendations", ctx_r0.recommendationItems())("viewMode", ctx_r0.viewMode());
     i0.ɵɵadvance(2);
@@ -68033,7 +68272,7 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Conditional_1_T
     i0.ɵɵrepeater(ctx_r0.sections());
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Conditional_0_Template, 8, 8)(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 2, 0);
+    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Conditional_0_Template, 8, 9)(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 2, 0);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵconditional(ctx_r0.isSimplifiedView() ? 0 : 1);
@@ -68575,7 +68814,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
     static { this.ɵfac = function SymphiqBusinessAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqBusinessAnalysisDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqBusinessAnalysisDashboardComponent, selectors: [["symphiq-business-analysis-dashboard"]], hostBindings: function SymphiqBusinessAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqBusinessAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow)("keydown", function SymphiqBusinessAnalysisDashboardComponent_keydown_HostBindingHandler($event) { return ctx.handleKeyDown($event); }, i0.ɵɵresolveDocument);
-        } }, inputs: { embedded: [1, "embedded"], profile: [1, "profile"], parentHeaderOffset: [1, "parentHeaderOffset"], requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 18, vars: 40, consts: [[3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "currentSection", "currentSubsection", "sectionFading", "subsectionFading", "showControls"], [1, "relative"], [1, "flex", "items-center", "justify-center", "min-h-[60vh]"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "viewMode", "embedded"], [3, "viewInContextRequested", "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], ["size", "large", 3, "viewMode"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "mb-8"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMoreClick", "recommendations", "viewMode"], [3, "sections", "viewMode"], [3, "section", "viewMode", "forceExpanded"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8"], [3, "viewMode", "subsections"]], template: function SymphiqBusinessAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { embedded: [1, "embedded"], profile: [1, "profile"], parentHeaderOffset: [1, "parentHeaderOffset"], requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 18, vars: 41, consts: [[3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "currentSection", "currentSubsection", "sectionFading", "subsectionFading", "showControls"], [1, "relative"], [1, "flex", "items-center", "justify-center", "min-h-[60vh]"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "viewMode", "embedded"], [3, "viewInContextRequested", "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], ["size", "large", 3, "viewMode"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "mb-8"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [3, "viewMoreClick", "recommendations", "viewMode"], [3, "sections", "viewMode"], [3, "section", "viewMode", "forceExpanded"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8"], [3, "viewMode", "subsections"]], template: function SymphiqBusinessAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div");
             i0.ɵɵelement(2, "div", 1);
             i0.ɵɵelementEnd();
@@ -68635,7 +68874,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("isOpen", ctx.isViewModeSwitcherOpen())("currentMode", ctx.displayMode())("viewMode", ctx.viewMode())("isLoading", ctx.isViewModeSwitching());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_33_0 = ctx.profile()) == null ? null : tmp_33_0.reviewStatus)("selfContentStatus", (tmp_34_0 = ctx.profile()) == null ? null : tmp_34_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_33_0 = ctx.profile()) == null ? null : tmp_33_0.reviewStatus)("selfContentStatus", (tmp_34_0 = ctx.profile()) == null ? null : tmp_34_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed())("isLoading", !!ctx.isLoading());
         } }, dependencies: [CommonModule, i1$1.NgClass, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent, ContentGenerationProgressWithConfettiComponent, IndeterminateSpinnerComponent, MarkAsReviewedFooterComponent, DashboardHeaderComponent], styles: ["[_nghost-%COMP%]{display:block}@keyframes _ngcontent-%COMP%_spin{to{transform:rotate(360deg)}}@keyframes _ngcontent-%COMP%_pulse-highlight{0%,to{transform:scale(1);box-shadow:0 0 #3b82f6b3}50%{transform:scale(1.02);box-shadow:0 0 20px 8px #3b82f64d}}[_nghost-%COMP%]     .search-highlight-pulse{animation:_ngcontent-%COMP%_pulse-highlight 2s ease-in-out;border-color:#3b82f6!important}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqBusinessAnalysisDashboardComponent, [{
@@ -68721,6 +68960,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
                     [viewMode]="viewMode()"
                     [businessName]="currentProfile()?.profileStructured?.businessName || 'your business'"
                     [isOnboarded]="isOnboarded()"
+                    [analysisDate]="profile()?.selfContentCompletedDate"
                   />
                 </div>
 
@@ -68815,6 +69055,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
         [reviewStatus]="profile()?.reviewStatus"
         [selfContentStatus]="profile()?.selfContentStatus"
         [isMarkingAsReviewed]="isMarkingAsReviewed()"
+        [isLoading]="!!isLoading()"
         (markAsReviewedClick)="handleMarkAsReviewedClick()"
       />
     </div>
@@ -68826,7 +69067,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
             type: HostListener,
             args: ['document:keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 267 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 269 }); })();
 
 class GradeBadgeComponent {
     constructor() {
@@ -68952,24 +69193,41 @@ function ShopWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1
 function ShopWelcomeBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Welcome to Your Shop Analysis ");
 } }
-function ShopWelcomeBannerComponent_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+function ShopWelcomeBannerComponent_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 19);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelement(0, "path", 23);
+    i0.ɵɵelementStart(1, "svg", 20);
+    i0.ɵɵelement(2, "path", 21);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span")(4, "strong", 11);
+    i0.ɵɵtext(5, "Analysis Snapshot");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" \u2014 This analysis represents a snapshot of your business taken on ", ctx_r0.formattedAnalysisDate());
 } }
 function ShopWelcomeBannerComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelement(0, "path", 23);
+} }
+function ShopWelcomeBannerComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelement(0, "path", 24);
 } }
-function ShopWelcomeBannerComponent_Conditional_54_Template(rf, ctx) { if (rf & 1) {
+function ShopWelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Keep Your Shop Profile Current ");
 } }
-function ShopWelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+function ShopWelcomeBannerComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Continue Your Journey ");
 } }
-function ShopWelcomeBannerComponent_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+function ShopWelcomeBannerComponent_Conditional_58_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " As you implement improvements, adopt new tools, or change your operational processes, update your Shop Analysis to keep recommendations aligned with your current capabilities. This ensures Symphiq continues to suggest tactics you can actually execute with your existing team and infrastructure. ");
 } }
-function ShopWelcomeBannerComponent_Conditional_58_Template(rf, ctx) { if (rf & 1) {
+function ShopWelcomeBannerComponent_Conditional_59_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " The next steps\u2014Focus Area Analysis and Metric Analysis\u2014let you share what marketing tactics you're already using and provide context for each metric in your funnel. This final layer of knowledge ensures every recommendation Symphiq generates fits seamlessly into your current strategy while identifying the highest-leverage improvements. ");
 } }
 class ShopWelcomeBannerComponent {
@@ -68977,6 +69235,14 @@ class ShopWelcomeBannerComponent {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.businessName = input('your shop', ...(ngDevMode ? [{ debugName: "businessName" }] : []));
         this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
+        this.analysisDate = input(...(ngDevMode ? [undefined, { debugName: "analysisDate" }] : []));
+        this.formattedAnalysisDate = computed(() => {
+            const date = this.analysisDate();
+            if (!date) {
+                return null;
+            }
+            return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+        }, ...(ngDevMode ? [{ debugName: "formattedAnalysisDate" }] : []));
     }
     containerClasses() {
         return this.viewMode() === ViewModeEnum.DARK
@@ -69044,7 +69310,7 @@ class ShopWelcomeBannerComponent {
             : 'text-slate-700';
     }
     static { this.ɵfac = function ShopWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ShopWelcomeBannerComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShopWelcomeBannerComponent, selectors: [["symphiq-shop-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], isOnboarded: [1, "isOnboarded"] }, decls: 59, vars: 20, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "shop-analysis", 3, "viewMode"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function ShopWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShopWelcomeBannerComponent, selectors: [["symphiq-shop-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], isOnboarded: [1, "isOnboarded"], analysisDate: [1, "analysisDate"] }, decls: 60, vars: 21, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "shop-analysis", 3, "viewMode"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function ShopWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(4, "svg", 4);
@@ -69106,18 +69372,20 @@ class ShopWelcomeBannerComponent {
             i0.ɵɵtext(46, "Your Journey");
             i0.ɵɵelementEnd();
             i0.ɵɵtext(47, " \u2014 Next steps to add marketing and metric context for comprehensive, execution-ready recommendations");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(48, "div", 22);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(48, ShopWelcomeBannerComponent_Conditional_48_Template, 7, 1, "li", 19);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(49, "div", 22);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(49, "svg", 15);
-            i0.ɵɵconditionalCreate(50, ShopWelcomeBannerComponent_Conditional_50_Template, 1, 0, ":svg:path", 23)(51, ShopWelcomeBannerComponent_Conditional_51_Template, 1, 0, ":svg:path", 24);
+            i0.ɵɵelementStart(50, "svg", 15);
+            i0.ɵɵconditionalCreate(51, ShopWelcomeBannerComponent_Conditional_51_Template, 1, 0, ":svg:path", 23)(52, ShopWelcomeBannerComponent_Conditional_52_Template, 1, 0, ":svg:path", 24);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(52, "div", 6)(53, "h3", 25);
-            i0.ɵɵconditionalCreate(54, ShopWelcomeBannerComponent_Conditional_54_Template, 1, 0)(55, ShopWelcomeBannerComponent_Conditional_55_Template, 1, 0);
+            i0.ɵɵelementStart(53, "div", 6)(54, "h3", 25);
+            i0.ɵɵconditionalCreate(55, ShopWelcomeBannerComponent_Conditional_55_Template, 1, 0)(56, ShopWelcomeBannerComponent_Conditional_56_Template, 1, 0);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(56, "p", 26);
-            i0.ɵɵconditionalCreate(57, ShopWelcomeBannerComponent_Conditional_57_Template, 1, 0)(58, ShopWelcomeBannerComponent_Conditional_58_Template, 1, 0);
+            i0.ɵɵelementStart(57, "p", 26);
+            i0.ɵɵconditionalCreate(58, ShopWelcomeBannerComponent_Conditional_58_Template, 1, 0)(59, ShopWelcomeBannerComponent_Conditional_59_Template, 1, 0);
             i0.ɵɵelementEnd()()()()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -69146,19 +69414,21 @@ class ShopWelcomeBannerComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.highlightListClasses());
             i0.ɵɵadvance(22);
+            i0.ɵɵconditional(ctx.formattedAnalysisDate() ? 48 : -1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.nextStepsBoxClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.nextStepsIconClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 50 : 51);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 51 : 52);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.nextStepsTitleClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 54 : 55);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 55 : 56);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.nextStepsTextClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 57 : 58);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 58 : 59);
         } }, dependencies: [CommonModule, i1$1.NgClass, ConfidenceLevelCardComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShopWelcomeBannerComponent, [{
@@ -69168,110 +69438,118 @@ class ShopWelcomeBannerComponent {
                 standalone: true,
                 imports: [CommonModule, ConfidenceLevelCardComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
-      <div [ngClass]="contentClasses()" class="px-8 py-8">
-        <div class="flex items-start gap-6">
-          <div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
-            <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
-            </svg>
-          </div>
-
-          <div class="flex-1">
-            <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-3">
-              @if (isOnboarded()) {
-                Your Shop Analysis
-              } @else {
-                Welcome to Your Shop Analysis
-              }
-            </h2>
-
-            <!-- Description and Confidence Card in Responsive Layout -->
-            <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
-              <!-- Description (takes 2 columns on large screens) -->
-              <div class="lg:col-span-2 space-y-3">
-                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
-                  Shop Analysis captures the operational context of how {{ businessName() }} is set up and runs day-to-day. By answering questions about your shop setup, fulfillment processes, customer engagement, and technology stack, you help Symphiq understand your current capabilities and constraints.
-                </p>
-                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
-                  <strong class="font-semibold">Why this matters:</strong> Understanding your operational reality ensures recommendations fit your actual workflows. Rather than suggesting tactics that require capabilities you don't have, Symphiq tailors advice to what you can execute today—while also identifying high-impact upgrades worth considering.
-                </p>
-              </div>
-
-              <!-- Confidence Card (takes 1 column on large screens, full width on mobile) -->
-              <div class="lg:col-span-1">
-                <symphiq-confidence-level-card
-                  [viewMode]="viewMode()"
-                  currentStepId="shop-analysis"
-                />
-              </div>
-            </div>
-
-            <div [ngClass]="highlightBoxClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
-              <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="highlightIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path 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"></path>
-              </svg>
-              <div class="flex-1">
-                <h3 [ngClass]="highlightTitleClasses()" class="font-bold text-lg mb-2">
-                  What You'll See Below
-                </h3>
-                <ul [ngClass]="highlightListClasses()" class="space-y-2 text-sm">
-                  <li class="flex items-start gap-2">
-                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
-                    </svg>
-                    <span><strong class="font-semibold">Operational Analysis</strong> — Insights into your shop's strengths, gaps, and opportunities based on your setup and processes</span>
-                  </li>
-                  <li class="flex items-start gap-2">
-                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
-                    </svg>
-                    <span><strong class="font-semibold">Capability Recommendations</strong> — Prioritized improvements to your shop infrastructure and operational workflows</span>
-                  </li>
-                  <li class="flex items-start gap-2">
-                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
-                    </svg>
-                    <span><strong class="font-semibold">Your Journey</strong> — Next steps to add marketing and metric context for comprehensive, execution-ready recommendations</span>
-                  </li>
-                </ul>
-              </div>
-            </div>
-
-            <div [ngClass]="nextStepsBoxClasses()" class="mt-6 p-5 rounded-xl border flex items-start gap-4">
-              <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="nextStepsIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                @if (isOnboarded()) {
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
-                } @else {
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
-                }
-              </svg>
-              <div class="flex-1">
-                <h3 [ngClass]="nextStepsTitleClasses()" class="font-bold mb-1">
-                  @if (isOnboarded()) {
-                    Keep Your Shop Profile Current
-                  } @else {
-                    Continue Your Journey
-                  }
-                </h3>
-                <p [ngClass]="nextStepsTextClasses()" class="text-sm leading-relaxed">
-                  @if (isOnboarded()) {
-                    As you implement improvements, adopt new tools, or change your operational processes, update your Shop Analysis to keep recommendations aligned with your current capabilities. This ensures Symphiq continues to suggest tactics you can actually execute with your existing team and infrastructure.
-                  } @else {
-                    The next steps—Focus Area Analysis and Metric Analysis—let you share what marketing tactics you're already using and provide context for each metric in your funnel. This final layer of knowledge ensures every recommendation Symphiq generates fits seamlessly into your current strategy while identifying the highest-leverage improvements.
-                  }
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+                template: `
+    <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
+      <div [ngClass]="contentClasses()" class="px-8 py-8">
+        <div class="flex items-start gap-6">
+          <div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
+            <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
+            </svg>
+          </div>
+
+          <div class="flex-1">
+            <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-3">
+              @if (isOnboarded()) {
+                Your Shop Analysis
+              } @else {
+                Welcome to Your Shop Analysis
+              }
+            </h2>
+
+            <!-- Description and Confidence Card in Responsive Layout -->
+            <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
+              <!-- Description (takes 2 columns on large screens) -->
+              <div class="lg:col-span-2 space-y-3">
+                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                  Shop Analysis captures the operational context of how {{ businessName() }} is set up and runs day-to-day. By answering questions about your shop setup, fulfillment processes, customer engagement, and technology stack, you help Symphiq understand your current capabilities and constraints.
+                </p>
+                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                  <strong class="font-semibold">Why this matters:</strong> Understanding your operational reality ensures recommendations fit your actual workflows. Rather than suggesting tactics that require capabilities you don't have, Symphiq tailors advice to what you can execute today—while also identifying high-impact upgrades worth considering.
+                </p>
+              </div>
+
+              <!-- Confidence Card (takes 1 column on large screens, full width on mobile) -->
+              <div class="lg:col-span-1">
+                <symphiq-confidence-level-card
+                  [viewMode]="viewMode()"
+                  currentStepId="shop-analysis"
+                />
+              </div>
+            </div>
+
+            <div [ngClass]="highlightBoxClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
+              <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="highlightIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path 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"></path>
+              </svg>
+              <div class="flex-1">
+                <h3 [ngClass]="highlightTitleClasses()" class="font-bold text-lg mb-2">
+                  What You'll See Below
+                </h3>
+                <ul [ngClass]="highlightListClasses()" class="space-y-2 text-sm">
+                  <li class="flex items-start gap-2">
+                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+                    </svg>
+                    <span><strong class="font-semibold">Operational Analysis</strong> — Insights into your shop's strengths, gaps, and opportunities based on your setup and processes</span>
+                  </li>
+                  <li class="flex items-start gap-2">
+                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+                    </svg>
+                    <span><strong class="font-semibold">Capability Recommendations</strong> — Prioritized improvements to your shop infrastructure and operational workflows</span>
+                  </li>
+                  <li class="flex items-start gap-2">
+                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+                    </svg>
+                    <span><strong class="font-semibold">Your Journey</strong> — Next steps to add marketing and metric context for comprehensive, execution-ready recommendations</span>
+                  </li>
+                  @if (formattedAnalysisDate()) {
+                    <li class="flex items-start gap-2">
+                      <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+                      </svg>
+                      <span><strong class="font-semibold">Analysis Snapshot</strong> — This analysis represents a snapshot of your business taken on {{ formattedAnalysisDate() }}</span>
+                    </li>
+                  }
+                </ul>
+              </div>
+            </div>
+
+            <div [ngClass]="nextStepsBoxClasses()" class="mt-6 p-5 rounded-xl border flex items-start gap-4">
+              <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="nextStepsIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                @if (isOnboarded()) {
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
+                } @else {
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
+                }
+              </svg>
+              <div class="flex-1">
+                <h3 [ngClass]="nextStepsTitleClasses()" class="font-bold mb-1">
+                  @if (isOnboarded()) {
+                    Keep Your Shop Profile Current
+                  } @else {
+                    Continue Your Journey
+                  }
+                </h3>
+                <p [ngClass]="nextStepsTextClasses()" class="text-sm leading-relaxed">
+                  @if (isOnboarded()) {
+                    As you implement improvements, adopt new tools, or change your operational processes, update your Shop Analysis to keep recommendations aligned with your current capabilities. This ensures Symphiq continues to suggest tactics you can actually execute with your existing team and infrastructure.
+                  } @else {
+                    The next steps—Focus Area Analysis and Metric Analysis—let you share what marketing tactics you're already using and provide context for each metric in your funnel. This final layer of knowledge ensures every recommendation Symphiq generates fits seamlessly into your current strategy while identifying the highest-leverage improvements.
+                  }
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   `
             }]
-    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], businessName: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopWelcomeBannerComponent, { className: "ShopWelcomeBannerComponent", filePath: "lib/components/profile-analysis-shop-dashboard/shop-welcome-banner.component.ts", lineNumber: 113 }); })();
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], businessName: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], analysisDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysisDate", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopWelcomeBannerComponent, { className: "ShopWelcomeBannerComponent", filePath: "lib/components/profile-analysis-shop-dashboard/shop-welcome-banner.component.ts", lineNumber: 121 }); })();
 
 function MetricWelcomeBannerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
@@ -69285,24 +69563,41 @@ function MetricWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (rf &
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵtextInterpolate1(" Welcome to Your ", ctx_r0.metricDisplayName(), " Analysis ");
 } }
-function MetricWelcomeBannerComponent_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+function MetricWelcomeBannerComponent_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 15);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelement(0, "path", 19);
+    i0.ɵɵelementStart(1, "svg", 16);
+    i0.ɵɵelement(2, "path", 17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span")(4, "strong", 9);
+    i0.ɵɵtext(5, "Analysis Snapshot");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" \u2014 This analysis represents a snapshot of your business taken on ", ctx_r0.formattedAnalysisDate());
 } }
 function MetricWelcomeBannerComponent_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelement(0, "path", 19);
+} }
+function MetricWelcomeBannerComponent_Conditional_50_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelement(0, "path", 20);
 } }
-function MetricWelcomeBannerComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+function MetricWelcomeBannerComponent_Conditional_53_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Keep Your Metric Context Updated ");
 } }
-function MetricWelcomeBannerComponent_Conditional_53_Template(rf, ctx) { if (rf & 1) {
+function MetricWelcomeBannerComponent_Conditional_54_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Continue Your Journey ");
 } }
-function MetricWelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+function MetricWelcomeBannerComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " As your marketing tactics evolve and performance shifts, update your metric analysis to keep recommendations aligned with your current reality. Fresh context ensures Symphiq continues to provide relevant, actionable insights. ");
 } }
-function MetricWelcomeBannerComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+function MetricWelcomeBannerComponent_Conditional_57_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Complete metric analysis for all your funnel stages to unlock maximum recommendation precision. Each metric you analyze adds another layer of context, enabling Symphiq to deliver increasingly tailored and effective strategies for your unique business. ");
 } }
 class MetricWelcomeBannerComponent {
@@ -69310,7 +69605,15 @@ class MetricWelcomeBannerComponent {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.metricName = input(...(ngDevMode ? [undefined, { debugName: "metricName" }] : []));
         this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
+        this.analysisDate = input(...(ngDevMode ? [undefined, { debugName: "analysisDate" }] : []));
         this.IconSourceEnum = IconSourceEnum;
+        this.formattedAnalysisDate = computed(() => {
+            const date = this.analysisDate();
+            if (!date) {
+                return null;
+            }
+            return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+        }, ...(ngDevMode ? [{ debugName: "formattedAnalysisDate" }] : []));
         this.metricDisplayName = computed(() => {
             if (!this.metricName())
                 return 'Metric';
@@ -69406,7 +69709,7 @@ class MetricWelcomeBannerComponent {
             : 'text-slate-300';
     }
     static { this.ɵfac = function MetricWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MetricWelcomeBannerComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricWelcomeBannerComponent, selectors: [["symphiq-metric-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], metricName: [1, "metricName"], isOnboarded: [1, "isOnboarded"] }, decls: 57, vars: 26, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["size", "w-8 h-8", 3, "icon"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-3", "mb-6"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function MetricWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricWelcomeBannerComponent, selectors: [["symphiq-metric-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], metricName: [1, "metricName"], isOnboarded: [1, "isOnboarded"], analysisDate: [1, "analysisDate"] }, decls: 58, vars: 27, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["size", "w-8 h-8", 3, "icon"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-3", "mb-6"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function MetricWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
             i0.ɵɵelement(4, "symphiq-icon", 4);
             i0.ɵɵelementEnd();
@@ -69464,18 +69767,20 @@ class MetricWelcomeBannerComponent {
             i0.ɵɵtext(44, "Top Priorities and Quick Wins");
             i0.ɵɵelementEnd();
             i0.ɵɵtext(45, " \u2014 High-impact actions to improve this specific metric");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(46, "div", 18);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(46, MetricWelcomeBannerComponent_Conditional_46_Template, 7, 1, "li", 15);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(47, "div", 18);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(47, "svg", 11);
-            i0.ɵɵconditionalCreate(48, MetricWelcomeBannerComponent_Conditional_48_Template, 1, 0, ":svg:path", 19)(49, MetricWelcomeBannerComponent_Conditional_49_Template, 1, 0, ":svg:path", 20);
+            i0.ɵɵelementStart(48, "svg", 11);
+            i0.ɵɵconditionalCreate(49, MetricWelcomeBannerComponent_Conditional_49_Template, 1, 0, ":svg:path", 19)(50, MetricWelcomeBannerComponent_Conditional_50_Template, 1, 0, ":svg:path", 20);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(50, "div", 5)(51, "h3", 21);
-            i0.ɵɵconditionalCreate(52, MetricWelcomeBannerComponent_Conditional_52_Template, 1, 0)(53, MetricWelcomeBannerComponent_Conditional_53_Template, 1, 0);
+            i0.ɵɵelementStart(51, "div", 5)(52, "h3", 21);
+            i0.ɵɵconditionalCreate(53, MetricWelcomeBannerComponent_Conditional_53_Template, 1, 0)(54, MetricWelcomeBannerComponent_Conditional_54_Template, 1, 0);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(54, "p", 22);
-            i0.ɵɵconditionalCreate(55, MetricWelcomeBannerComponent_Conditional_55_Template, 1, 0)(56, MetricWelcomeBannerComponent_Conditional_56_Template, 1, 0);
+            i0.ɵɵelementStart(55, "p", 22);
+            i0.ɵɵconditionalCreate(56, MetricWelcomeBannerComponent_Conditional_56_Template, 1, 0)(57, MetricWelcomeBannerComponent_Conditional_57_Template, 1, 0);
             i0.ɵɵelementEnd()()()()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -69492,7 +69797,7 @@ class MetricWelcomeBannerComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.textClasses());
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate2(" ", ctx.metricDisplayName(), " Analysis provides deep insights into this critical funnel metric. By analyzing patterns, trends, and performance drivers for ", i0.ɵɵpipeBind1(12, 22, ctx.metricDisplayName()), ", Symphiq identifies specific opportunities to improve this metric and create measurable impact on your revenue. ");
+            i0.ɵɵtextInterpolate2(" ", ctx.metricDisplayName(), " Analysis provides deep insights into this critical funnel metric. By analyzing patterns, trends, and performance drivers for ", i0.ɵɵpipeBind1(12, 23, ctx.metricDisplayName()), ", Symphiq identifies specific opportunities to improve this metric and create measurable impact on your revenue. ");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.textClasses());
             i0.ɵɵadvance(4);
@@ -69504,21 +69809,23 @@ class MetricWelcomeBannerComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.highlightListClasses());
             i0.ɵɵadvance(7);
-            i0.ɵɵtextInterpolate1(" \u2014 Current performance assessment and trends for ", i0.ɵɵpipeBind1(31, 24, ctx.metricDisplayName()));
+            i0.ɵɵtextInterpolate1(" \u2014 Current performance assessment and trends for ", i0.ɵɵpipeBind1(31, 25, ctx.metricDisplayName()));
             i0.ɵɵadvance(16);
+            i0.ɵɵconditional(ctx.formattedAnalysisDate() ? 46 : -1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.nextStepsBoxClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.nextStepsIconClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 48 : 49);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 49 : 50);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.nextStepsTitleClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 52 : 53);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 53 : 54);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.nextStepsTextClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 55 : 56);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 56 : 57);
         } }, dependencies: [CommonModule, i1$1.NgClass, SymphiqIconComponent, i1$1.LowerCasePipe], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MetricWelcomeBannerComponent, [{
@@ -69582,6 +69889,14 @@ class MetricWelcomeBannerComponent {
                     </svg>
                     <span><strong class="font-semibold">Top Priorities and Quick Wins</strong> — High-impact actions to improve this specific metric</span>
                   </li>
+                  @if (formattedAnalysisDate()) {
+                    <li class="flex items-start gap-2">
+                      <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+                      </svg>
+                      <span><strong class="font-semibold">Analysis Snapshot</strong> — This analysis represents a snapshot of your business taken on {{ formattedAnalysisDate() }}</span>
+                    </li>
+                  }
                 </ul>
               </div>
             </div>
@@ -69617,8 +69932,8 @@ class MetricWelcomeBannerComponent {
     </div>
   `
             }]
-    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricWelcomeBannerComponent, { className: "MetricWelcomeBannerComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-welcome-banner.component.ts", lineNumber: 100 }); })();
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], analysisDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysisDate", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricWelcomeBannerComponent, { className: "MetricWelcomeBannerComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-welcome-banner.component.ts", lineNumber: 108 }); })();
 
 const _c0$v = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$v = ($index, $item) => $item.id;
@@ -69867,7 +70182,7 @@ function MetricExecutiveSummaryComponent_Conditional_18_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.summary().metricHealthDescription ? 7 : -1);
 } }
-function MetricExecutiveSummaryComponent_Conditional_29_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_30_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 32);
     i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 35);
     i0.ɵɵelementEnd();
@@ -69876,12 +70191,12 @@ function MetricExecutiveSummaryComponent_Conditional_29_Conditional_4_Template(r
     i0.ɵɵadvance();
     i0.ɵɵproperty("visual", ctx_r0.summary().napkinVisual)("viewMode", ctx_r0.viewMode());
 } }
-function MetricExecutiveSummaryComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 19)(1, "h3", 30);
     i0.ɵɵtext(2, " Analysis Narrative ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 31);
-    i0.ɵɵconditionalCreate(4, MetricExecutiveSummaryComponent_Conditional_29_Conditional_4_Template, 2, 2, "div", 32);
+    i0.ɵɵconditionalCreate(4, MetricExecutiveSummaryComponent_Conditional_30_Conditional_4_Template, 2, 2, "div", 32);
     i0.ɵɵelementStart(5, "p", 33);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
@@ -69900,7 +70215,7 @@ function MetricExecutiveSummaryComponent_Conditional_29_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().narrative, " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_30_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 44)(1, "div", 45);
     i0.ɵɵelement(2, "symphiq-icon", 46);
     i0.ɵɵelementStart(3, "div")(4, "span", 47);
@@ -69922,10 +70237,10 @@ function MetricExecutiveSummaryComponent_Conditional_30_For_5_Conditional_8_Temp
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", priority_r4.expectedImpact, " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_30_For_5_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_31_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Conditional_30_For_5_Template_button_click_0_listener() { const ctx_r2 = i0.ɵɵrestoreView(_r2); const priority_r4 = ctx_r2.$implicit; const $index_r5 = ctx_r2.$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.priorityDetailClick.emit({ priority: priority_r4, index: $index_r5 })); });
+    i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Conditional_31_For_5_Template_button_click_0_listener() { const ctx_r2 = i0.ɵɵrestoreView(_r2); const priority_r4 = ctx_r2.$implicit; const $index_r5 = ctx_r2.$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.priorityDetailClick.emit({ priority: priority_r4, index: $index_r5 })); });
     i0.ɵɵelementStart(1, "div", 40)(2, "span", 41);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
@@ -69935,7 +70250,7 @@ function MetricExecutiveSummaryComponent_Conditional_30_For_5_Template(rf, ctx)
     i0.ɵɵelementStart(6, "p", 43);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, MetricExecutiveSummaryComponent_Conditional_30_For_5_Conditional_8_Template, 8, 8, "div", 44);
+    i0.ɵɵconditionalCreate(8, MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_8_Template, 8, 8, "div", 44);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const priority_r4 = ctx.$implicit;
@@ -69957,12 +70272,12 @@ function MetricExecutiveSummaryComponent_Conditional_30_For_5_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵconditional(priority_r4.expectedImpact ? 8 : -1);
 } }
-function MetricExecutiveSummaryComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 20)(1, "h3", 36);
     i0.ɵɵtext(2, "Top Priorities");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 37);
-    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_30_For_5_Template, 9, 8, "button", 38, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_31_For_5_Template, 9, 8, "button", 38, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -69971,7 +70286,7 @@ function MetricExecutiveSummaryComponent_Conditional_30_Template(rf, ctx) { if (
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r0.summary().topPriorities);
 } }
-function MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_32_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 57);
     i0.ɵɵelement(1, "symphiq-icon", 15);
     i0.ɵɵelementStart(2, "span");
@@ -69986,7 +70301,7 @@ function MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_12_Tem
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(win_r6.estimatedTimeframe);
 } }
-function MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_32_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 58)(1, "h4", 24);
     i0.ɵɵtext(2, " Related Goal ");
     i0.ɵɵelementEnd();
@@ -70000,7 +70315,7 @@ function MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_13_Tem
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c9, win_r6.relatedGoalId))("allGoals", ctx_r0.allGoals() || i0.ɵɵpureFunction0(6, _c10))("viewMode", ctx_r0.viewMode());
 } }
-function MetricExecutiveSummaryComponent_Conditional_31_For_5_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_32_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 51)(1, "div", 52)(2, "div", 53)(3, "span", 41);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
@@ -70013,8 +70328,8 @@ function MetricExecutiveSummaryComponent_Conditional_31_For_5_Template(rf, ctx)
     i0.ɵɵelementStart(10, "span", 56);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_12_Template, 4, 5, "div", 57);
-    i0.ɵɵconditionalCreate(13, MetricExecutiveSummaryComponent_Conditional_31_For_5_Conditional_13_Template, 4, 7, "div", 58);
+    i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_32_For_5_Conditional_12_Template, 4, 5, "div", 57);
+    i0.ɵɵconditionalCreate(13, MetricExecutiveSummaryComponent_Conditional_32_For_5_Conditional_13_Template, 4, 7, "div", 58);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const win_r6 = ctx.$implicit;
@@ -70042,12 +70357,12 @@ function MetricExecutiveSummaryComponent_Conditional_31_For_5_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵconditional(win_r6.relatedGoalId && ctx_r0.allGoals() ? 13 : -1);
 } }
-function MetricExecutiveSummaryComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 21)(1, "h3", 49);
     i0.ɵɵtext(2, "Quick Wins");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 50);
-    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_31_For_5_Template, 14, 11, "div", 51, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_32_For_5_Template, 14, 11, "div", 51, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -70265,7 +70580,7 @@ class MetricExecutiveSummaryComponent {
         return num.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 2 });
     }
     static { this.ɵfac = function MetricExecutiveSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MetricExecutiveSummaryComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricExecutiveSummaryComponent, selectors: [["symphiq-metric-executive-summary"]], inputs: { viewMode: [1, "viewMode"], summary: [1, "summary"], metricName: [1, "metricName"], allGoals: [1, "allGoals"] }, outputs: { topPrioritiesClick: "topPrioritiesClick", priorityDetailClick: "priorityDetailClick", viewMetricDetailsClick: "viewMetricDetailsClick", viewReportClick: "viewReportClick" }, decls: 32, vars: 24, consts: [["id", "section-metric-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "flex", "items-center", "gap-3", "mb-3"], [3, "icon", "size", "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], ["type", "button", 1, "w-full", "text-left", "cursor-pointer", "group", 3, "click"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-4"], [1, "rounded-xl", "p-4", "transition-all", "duration-200", "group-hover:scale-[1.02]", "group-hover:shadow-lg", 3, "ngClass"], [1, "flex", "flex-wrap", "items-center", "justify-center", "gap-3", "mt-4"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-4", "py-2.5", "rounded-lg", "text-sm", "font-semibold", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["size", "w-4 h-4", 3, "icon"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "rounded-xl", "p-6", "mt-6", 3, "ngClass"], [1, "mt-6"], ["id", "quick-wins-section", 1, "mt-8", "scroll-mt-24"], [1, "flex", "items-center", "gap-2", "mb-2"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "flex", "items-center", "gap-1", "mt-2"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-xs", "mt-1", "truncate", "max-w-full", "cursor-help", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "ngClass"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "text-lg", "font-semibold", "flex-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-3", 3, "ngClass"], [1, "rounded-lg", "p-3", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["size", "w-4 h-4", 1, "mt-0.5", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "block", "mb-1", 3, "ngClass"], [1, "text-xs", "leading-relaxed", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], [3, "relatedGoalIds", "allGoals", "viewMode"]], template: function MetricExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricExecutiveSummaryComponent, selectors: [["symphiq-metric-executive-summary"]], inputs: { viewMode: [1, "viewMode"], summary: [1, "summary"], metricName: [1, "metricName"], allGoals: [1, "allGoals"] }, outputs: { topPrioritiesClick: "topPrioritiesClick", priorityDetailClick: "priorityDetailClick", viewMetricDetailsClick: "viewMetricDetailsClick", viewReportClick: "viewReportClick" }, decls: 33, vars: 27, consts: [["id", "section-metric-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "flex", "items-center", "gap-3", "mb-3"], [3, "icon", "size", "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], ["type", "button", 1, "w-full", "text-left", "cursor-pointer", "group", 3, "click"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-4"], [1, "rounded-xl", "p-4", "transition-all", "duration-200", "group-hover:scale-[1.02]", "group-hover:shadow-lg", 3, "ngClass"], [1, "flex", "flex-wrap", "items-center", "justify-center", "gap-3", "mt-4"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-4", "py-2.5", "rounded-lg", "text-sm", "font-semibold", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["size", "w-4 h-4", 3, "icon"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "rounded-xl", "p-6", "mt-6", 3, "ngClass"], [1, "mt-6"], ["id", "quick-wins-section", 1, "mt-8", "scroll-mt-24"], [1, "flex", "items-center", "gap-2", "mb-2"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "flex", "items-center", "gap-1", "mt-2"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-xs", "mt-1", "truncate", "max-w-full", "cursor-help", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "ngClass"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "text-lg", "font-semibold", "flex-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-3", 3, "ngClass"], [1, "rounded-lg", "p-3", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["size", "w-4 h-4", 1, "mt-0.5", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "block", "mb-1", 3, "ngClass"], [1, "text-xs", "leading-relaxed", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], [3, "relatedGoalIds", "allGoals", "viewMode"]], template: function MetricExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "section", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5);
             i0.ɵɵelement(6, "symphiq-icon", 6);
             i0.ɵɵelementStart(7, "h2", 7);
@@ -70301,18 +70616,20 @@ class MetricExecutiveSummaryComponent {
             i0.ɵɵnamespaceHTML();
             i0.ɵɵelementStart(27, "span");
             i0.ɵɵtext(28, "View Report");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(29, MetricExecutiveSummaryComponent_Conditional_29_Template, 8, 5, "div", 19);
-            i0.ɵɵconditionalCreate(30, MetricExecutiveSummaryComponent_Conditional_30_Template, 6, 1, "div", 20);
-            i0.ɵɵconditionalCreate(31, MetricExecutiveSummaryComponent_Conditional_31_Template, 6, 1, "div", 21);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(29, "symphiq-icon", 15);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(30, MetricExecutiveSummaryComponent_Conditional_30_Template, 8, 5, "div", 19);
+            i0.ɵɵconditionalCreate(31, MetricExecutiveSummaryComponent_Conditional_31_Template, 6, 1, "div", 20);
+            i0.ɵɵconditionalCreate(32, MetricExecutiveSummaryComponent_Conditional_32_Template, 6, 1, "div", 21);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
-            let tmp_18_0;
             let tmp_19_0;
+            let tmp_20_0;
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.bannerClasses());
             i0.ɵɵadvance(5);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(20, _c0$u, ctx.iconSource))("size", "w-8 h-8")("ngClass", ctx.iconClasses());
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(21, _c0$u, ctx.iconSource))("size", "w-8 h-8")("ngClass", ctx.iconClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
             i0.ɵɵadvance();
@@ -70336,15 +70653,17 @@ class MetricExecutiveSummaryComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.viewDetailsButtonClasses());
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(22, _c1$e, ctx.iconSource));
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(23, _c1$e, ctx.iconSource));
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.viewReportButtonClasses());
             i0.ɵɵadvance(5);
-            i0.ɵɵconditional(ctx.summary().narrative ? 29 : -1);
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(25, _c1$e, ctx.iconSource));
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.summary().narrative ? 30 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().topPriorities && (((tmp_18_0 = ctx.summary().topPriorities) == null ? null : tmp_18_0.length) ?? 0) > 0 ? 30 : -1);
+            i0.ɵɵconditional(ctx.summary().topPriorities && (((tmp_19_0 = ctx.summary().topPriorities) == null ? null : tmp_19_0.length) ?? 0) > 0 ? 31 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().quickWins && (((tmp_19_0 = ctx.summary().quickWins) == null ? null : tmp_19_0.length) ?? 0) > 0 ? 31 : -1);
+            i0.ɵɵconditional(ctx.summary().quickWins && (((tmp_20_0 = ctx.summary().quickWins) == null ? null : tmp_20_0.length) ?? 0) > 0 ? 32 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, GradeBadgeComponent,
             SymphiqIconComponent,
             NapkinVisualPlaceholderComponent,
@@ -70549,6 +70868,10 @@ class MetricExecutiveSummaryComponent {
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
               </svg>
               <span>View Report</span>
+              <symphiq-icon
+                  [icon]="{ name: 'arrow-right', source: iconSource }"
+                  size="w-4 h-4"
+              />
             </button>
           </div>
 
@@ -70688,7 +71011,7 @@ class MetricExecutiveSummaryComponent {
   `
             }]
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: true }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], topPrioritiesClick: [{ type: i0.Output, args: ["topPrioritiesClick"] }], priorityDetailClick: [{ type: i0.Output, args: ["priorityDetailClick"] }], viewMetricDetailsClick: [{ type: i0.Output, args: ["viewMetricDetailsClick"] }], viewReportClick: [{ type: i0.Output, args: ["viewReportClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricExecutiveSummaryComponent, { className: "MetricExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-executive-summary.component.ts", lineNumber: 344 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricExecutiveSummaryComponent, { className: "MetricExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-executive-summary.component.ts", lineNumber: 348 }); })();
 
 const _c0$t = a0 => ({ name: "chevron-right", source: a0 });
 function GoalCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
@@ -74447,44 +74770,52 @@ class MetricRelationshipsCardComponent {
 const _c0$m = a0 => ({ name: "chevron-right", source: a0 });
 const _c1$a = a0 => ({ name: "link", source: a0 });
 const _forTrack0$p = ($index, $item) => $item.id;
-function RelatedMetricCardComponent_Conditional_18_For_7_Template(rf, ctx) { if (rf & 1) {
+function RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 17);
-    i0.ɵɵlistener("click", function RelatedMetricCardComponent_Conditional_18_For_7_Template_button_click_0_listener($event) { const goal_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.openGoalModal(goal_r2, $event)); });
+    i0.ɵɵelementStart(0, "button", 18);
+    i0.ɵɵlistener("click", function RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template_button_click_0_listener($event) { const goal_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openGoalModal(goal_r2, $event)); });
     i0.ɵɵelementStart(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "symphiq-icon", 18);
+    i0.ɵɵelement(3, "symphiq-icon", 19);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const goal_r2 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r2.goalChipClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(goal_r2.title);
     i0.ɵɵadvance();
     i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$m, ctx_r2.IconSourceEnumValue.HEROICONS));
 } }
+function RelatedMetricCardComponent_Conditional_18_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵrepeaterCreate(1, RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template, 4, 5, "button", 17, _forTrack0$p);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.sharedGoalObjects());
+} }
 function RelatedMetricCardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 11)(1, "div", 12);
-    i0.ɵɵelement(2, "symphiq-icon", 13);
-    i0.ɵɵelementStart(3, "span", 14);
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 13);
+    i0.ɵɵelement(2, "symphiq-icon", 14);
+    i0.ɵɵelementStart(3, "span", 15);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 15);
-    i0.ɵɵrepeaterCreate(6, RelatedMetricCardComponent_Conditional_18_For_7_Template, 4, 5, "button", 16, _forTrack0$p);
-    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(5, RelatedMetricCardComponent_Conditional_18_Conditional_5_Template, 3, 0, "div", 16);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r2.borderClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$a, ctx_r2.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r2.sharedGoalsIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$a, ctx_r2.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r2.sharedGoalsIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r2.sharedGoalsTextClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" ", ctx_r2.sharedGoalObjects().length, " Shared ", ctx_r2.sharedGoalObjects().length === 1 ? "Goal" : "Goals", " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r2.sharedGoalObjects());
+    i0.ɵɵtextInterpolate2(" ", ctx_r2.sharedGoalIds().length, " Shared ", ctx_r2.sharedGoalIds().length === 1 ? "Goal" : "Goals", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.sharedGoalObjects().length > 0 ? 5 : -1);
 } }
 const IconSourceEnumValue$2 = IconSourceEnum;
 class RelatedMetricCardComponent {
@@ -74637,7 +74968,7 @@ class RelatedMetricCardComponent {
         this.cardClicked.emit(this.metric());
     }
     static { this.ɵfac = function RelatedMetricCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RelatedMetricCardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RelatedMetricCardComponent, selectors: [["symphiq-related-metric-card"]], inputs: { metric: [1, "metric"], relationship: [1, "relationship"], relationshipDescription: [1, "relationshipDescription"], priority: [1, "priority"], sharedGoalIds: [1, "sharedGoalIds"], viewMode: [1, "viewMode"], allGoals: [1, "allGoals"] }, outputs: { cardClicked: "cardClicked" }, decls: 19, vars: 15, consts: [[1, "rounded-xl", "p-4", "transition-all", "duration-200", "border", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-3", "mb-3"], [1, "flex-1", "min-w-0"], [1, "text-base", "font-semibold", "mb-1", "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", "uppercase", "tracking-wide", 3, "ngClass"], ["size", "w-3 h-3", 3, "icon"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-bold", "uppercase", "tracking-wide", "whitespace-nowrap", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "flex-1", 3, "ngClass"], ["type", "button", 1, "cursor-pointer", "flex-shrink-0", "flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-semibold", "transition-all", "duration-200", "hover:scale-105", "hover:shadow-lg", 3, "click", "ngClass"], ["size", "w-3.5 h-3.5", 1, "flex-shrink-0", 3, "icon"], [1, "pt-3", "border-t", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-2"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], [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"]], template: function RelatedMetricCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RelatedMetricCardComponent, selectors: [["symphiq-related-metric-card"]], inputs: { metric: [1, "metric"], relationship: [1, "relationship"], relationshipDescription: [1, "relationshipDescription"], priority: [1, "priority"], sharedGoalIds: [1, "sharedGoalIds"], viewMode: [1, "viewMode"], allGoals: [1, "allGoals"] }, outputs: { cardClicked: "cardClicked" }, decls: 19, vars: 15, consts: [[1, "rounded-xl", "p-4", "transition-all", "duration-200", "border", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-3", "mb-3"], [1, "flex-1", "min-w-0"], [1, "text-base", "font-semibold", "mb-1", "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", "uppercase", "tracking-wide", 3, "ngClass"], ["size", "w-3 h-3", 3, "icon"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-bold", "uppercase", "tracking-wide", "whitespace-nowrap", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-3", 3, "ngClass"], [1, "flex", "justify-end", "mb-3"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-semibold", "transition-all", "duration-200", "hover:scale-105", "hover:shadow-lg", 3, "click", "ngClass"], ["size", "w-3.5 h-3.5", 1, "flex-shrink-0", 3, "icon"], [1, "pt-3", "border-t", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-2"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], [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"]], template: function RelatedMetricCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h4", 3);
             i0.ɵɵtext(4);
             i0.ɵɵelementEnd();
@@ -74648,17 +74979,17 @@ class RelatedMetricCardComponent {
             i0.ɵɵelementStart(9, "span", 7);
             i0.ɵɵtext(10);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(11, "div", 1)(12, "p", 8);
-            i0.ɵɵtext(13);
+            i0.ɵɵelementStart(11, "p", 8);
+            i0.ɵɵtext(12);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(14, "button", 9);
+            i0.ɵɵelementStart(13, "div", 9)(14, "button", 10);
             i0.ɵɵlistener("click", function RelatedMetricCardComponent_Template_button_click_14_listener($event) { return ctx.onViewDetailsClick($event); });
             i0.ɵɵelementStart(15, "span");
             i0.ɵɵtext(16, "View Details");
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(17, "symphiq-icon", 10);
+            i0.ɵɵelement(17, "symphiq-icon", 11);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(18, RelatedMetricCardComponent_Conditional_18_Template, 8, 8, "div", 11);
+            i0.ɵɵconditionalCreate(18, RelatedMetricCardComponent_Conditional_18_Template, 6, 9, "div", 12);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.cardClasses());
@@ -74676,16 +75007,16 @@ class RelatedMetricCardComponent {
             i0.ɵɵproperty("ngClass", ctx.priorityBadgeClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.formatPriority(ctx.priority()), " ");
-            i0.ɵɵadvance(2);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.descriptionClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.relationshipDescription(), " ");
-            i0.ɵɵadvance();
+            i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.viewDetailsChipClasses());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(13, _c0$m, ctx.IconSourceEnumValue.HEROICONS));
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.sharedGoalObjects().length > 0 ? 18 : -1);
+            i0.ɵɵconditional(ctx.sharedGoalIds() && ctx.sharedGoalIds().length > 0 ? 18 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, SymphiqIconComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RelatedMetricCardComponent, [{
@@ -74721,22 +75052,24 @@ class RelatedMetricCardComponent {
       </div>
 
       <!-- Description -->
-      <div class="flex items-start justify-between gap-3 mb-3">
-        <p [ngClass]="descriptionClasses()" class="text-sm leading-relaxed flex-1">
-          {{ relationshipDescription() }}
-        </p>
+      <p [ngClass]="descriptionClasses()" class="text-sm leading-relaxed mb-3">
+        {{ relationshipDescription() }}
+      </p>
+
+      <!-- View Details Button -->
+      <div class="flex justify-end mb-3">
         <button
           type="button"
           [ngClass]="viewDetailsChipClasses()"
           (click)="onViewDetailsClick($event)"
-          class="cursor-pointer flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-semibold transition-all duration-200 hover:scale-105 hover:shadow-lg">
+          class="cursor-pointer flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-semibold transition-all duration-200 hover:scale-105 hover:shadow-lg">
           <span>View Details</span>
           <symphiq-icon [icon]="{ name: 'chevron-right', source: IconSourceEnumValue.HEROICONS }" size="w-3.5 h-3.5" class="flex-shrink-0"></symphiq-icon>
         </button>
       </div>
 
-      <!-- Shared Goals as Chips -->
-      @if (sharedGoalObjects().length > 0) {
+      <!-- Shared Goals -->
+      @if (sharedGoalIds() && sharedGoalIds()!.length > 0) {
         <div class="pt-3 border-t" [ngClass]="borderClasses()">
           <div class="flex items-center gap-2 mb-2">
             <symphiq-icon
@@ -74745,28 +75078,30 @@ class RelatedMetricCardComponent {
               [ngClass]="sharedGoalsIconClasses()"
             />
             <span [ngClass]="sharedGoalsTextClasses()" class="text-xs font-medium">
-              {{ sharedGoalObjects().length }} Shared {{ sharedGoalObjects().length === 1 ? 'Goal' : 'Goals' }}
+              {{ sharedGoalIds()!.length }} Shared {{ sharedGoalIds()!.length === 1 ? 'Goal' : 'Goals' }}
             </span>
           </div>
-          <div class="flex flex-wrap gap-2">
-            @for (goal of sharedGoalObjects(); track goal.id) {
-              <button
-                type="button"
-                [ngClass]="goalChipClasses()"
-                (click)="openGoalModal(goal, $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>{{ goal.title }}</span>
-                <symphiq-icon [icon]="{ name: 'chevron-right', source: IconSourceEnumValue.HEROICONS }" size="w-3.5 h-3.5" class="flex-shrink-0 opacity-60"></symphiq-icon>
-              </button>
-            }
-          </div>
+          @if (sharedGoalObjects().length > 0) {
+            <div class="flex flex-wrap gap-2">
+              @for (goal of sharedGoalObjects(); track goal.id) {
+                <button
+                  type="button"
+                  [ngClass]="goalChipClasses()"
+                  (click)="openGoalModal(goal, $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>{{ goal.title }}</span>
+                  <symphiq-icon [icon]="{ name: 'chevron-right', source: IconSourceEnumValue.HEROICONS }" size="w-3.5 h-3.5" class="flex-shrink-0 opacity-60"></symphiq-icon>
+                </button>
+              }
+            </div>
+          }
         </div>
       }
     </div>
   `
             }]
     }], null, { metric: [{ type: i0.Input, args: [{ isSignal: true, alias: "metric", required: true }] }], relationship: [{ type: i0.Input, args: [{ isSignal: true, alias: "relationship", required: true }] }], relationshipDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "relationshipDescription", required: true }] }], priority: [{ type: i0.Input, args: [{ isSignal: true, alias: "priority", required: true }] }], sharedGoalIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "sharedGoalIds", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], cardClicked: [{ type: i0.Output, args: ["cardClicked"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedMetricCardComponent, { className: "RelatedMetricCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/related-metric-card.component.ts", lineNumber: 93 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedMetricCardComponent, { className: "RelatedMetricCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/related-metric-card.component.ts", lineNumber: 97 }); })();
 
 const _forTrack0$o = ($index, $item) => $item.metric;
 function RelatedMetricsListComponent_Conditional_1_For_14_Template(rf, ctx) { if (rf & 1) {
@@ -78055,28 +78390,25 @@ class ProfileSectionContentComponent {
         }
     }
     chartsForMetric(metric) {
+        const metricEnum = metric.metric;
         const metricId = metric.performanceItemId;
-        const metricName = metric.metric;
-        if (!metricId && !metricName) {
+        if (!metricEnum && !metricId) {
             return [];
         }
         const allChartsArr = this.allCharts();
         const matchingCharts = [];
-        const metricNameLower = metricName?.toLowerCase() || '';
-        const metricNameNormalized = metricNameLower.replace(/\s+/g, '_');
         for (const chart of allChartsArr) {
-            const chartId = chart.performanceItemId || '';
-            const chartIdLower = chartId.toLowerCase();
+            if (metricEnum && chart.metrics?.includes(metricEnum)) {
+                matchingCharts.push(chart);
+                continue;
+            }
             if (metricId) {
+                const chartId = chart.performanceItemId || '';
                 const prefix = metricId + '_';
                 if (chartId === metricId || chartId.startsWith(prefix)) {
                     matchingCharts.push(chart);
-                    continue;
                 }
             }
-            if (metricName && chartIdLower.includes(metricNameNormalized)) {
-                matchingCharts.push(chart);
-            }
         }
         return matchingCharts;
     }
@@ -78166,7 +78498,7 @@ class ProfileSectionContentComponent {
         const metrics = this.allMetrics() || [];
         const metricData = metrics.find(m => m.metric === metricEnum);
         if (metricData) {
-            const charts = this.allCharts() || [];
+            const charts = this.chartsForMetric(metricData);
             this.modalService.openMetricModal(metricData, charts);
         }
     }
@@ -86169,13 +86501,30 @@ class CollapsibleAnalysisSectionGroupComponent {
         this.allCharts = input([], ...(ngDevMode ? [{ debugName: "allCharts" }] : []));
         this.allInsights = input([], ...(ngDevMode ? [{ debugName: "allInsights" }] : []));
         this.businessProfile = input(undefined, ...(ngDevMode ? [{ debugName: "businessProfile" }] : []));
+        this.storageKey = input('collapsible-analysis-section-group', ...(ngDevMode ? [{ debugName: "storageKey" }] : []));
         this.viewReportClick = output();
+        this.router = inject(Router);
         this.modalService = inject(ModalService);
         this.profileContextService = inject(ProfileContextService);
+        this.routerSubscription = null;
         this.expandedSections = signal([], ...(ngDevMode ? [{ debugName: "expandedSections" }] : []));
     }
     ngOnInit() {
-        this.expandedSections.set(new Array(this.sections().length).fill(false));
+        const savedState = this.loadExpandedState();
+        if (savedState && savedState.length === this.sections().length) {
+            this.expandedSections.set(savedState);
+        }
+        else {
+            this.expandedSections.set(new Array(this.sections().length).fill(false));
+        }
+        this.routerSubscription = this.router.events
+            .pipe(filter(event => event instanceof NavigationStart))
+            .subscribe(() => {
+            this.clearExpandedState();
+        });
+    }
+    ngOnDestroy() {
+        this.routerSubscription?.unsubscribe();
     }
     toggleSection(index) {
         const willBeExpanded = !this.expandedSections()[index];
@@ -86184,6 +86533,7 @@ class CollapsibleAnalysisSectionGroupComponent {
             newSections[index] = !newSections[index];
             return newSections;
         });
+        this.saveExpandedState();
         if (willBeExpanded) {
             setTimeout(() => {
                 const element = document.getElementById(`collapsible-section-${index}`);
@@ -86195,6 +86545,31 @@ class CollapsibleAnalysisSectionGroupComponent {
             }, 50);
         }
     }
+    saveExpandedState() {
+        try {
+            localStorage.setItem(this.storageKey(), JSON.stringify(this.expandedSections()));
+        }
+        catch {
+        }
+    }
+    loadExpandedState() {
+        try {
+            const saved = localStorage.getItem(this.storageKey());
+            if (saved) {
+                return JSON.parse(saved);
+            }
+        }
+        catch {
+        }
+        return null;
+    }
+    clearExpandedState() {
+        try {
+            localStorage.removeItem(this.storageKey());
+        }
+        catch {
+        }
+    }
     containerClasses() {
         return this.viewMode() === ViewModeEnum.DARK
             ? 'bg-slate-800/40 border-slate-700/50'
@@ -86387,7 +86762,7 @@ class CollapsibleAnalysisSectionGroupComponent {
         });
     }
     static { this.ɵfac = function CollapsibleAnalysisSectionGroupComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollapsibleAnalysisSectionGroupComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleAnalysisSectionGroupComponent, selectors: [["symphiq-collapsible-analysis-section-group"]], inputs: { sections: [1, "sections"], viewMode: [1, "viewMode"], executiveSummary: [1, "executiveSummary"], focusAreaExecutiveSummary: [1, "focusAreaExecutiveSummary"], metricExecutiveSummary: [1, "metricExecutiveSummary"], metricName: [1, "metricName"], allGoals: [1, "allGoals"], allMetrics: [1, "allMetrics"], allCharts: [1, "allCharts"], allInsights: [1, "allInsights"], businessProfile: [1, "businessProfile"] }, outputs: { viewReportClick: "viewReportClick" }, decls: 24, vars: 12, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 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", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "line-clamp-1", "transition-colors", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", "p-6", 3, "ngClass"], [3, "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "summary", "allGoals"], ["size", "w-4 h-4", 3, "icon"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewReportClick", "viewMode", "summary", "metricName", "allGoals"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [1, "mb-6"], [3, "section", "viewMode", "sectionIndex", "executiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [1, "relative"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[50%]"], [1, "mb-6", "lg:float-right", "lg:ml-6", "lg:mb-4", "lg:max-w-[50%]"], [3, "visual", "viewMode"]], template: function CollapsibleAnalysisSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleAnalysisSectionGroupComponent, selectors: [["symphiq-collapsible-analysis-section-group"]], inputs: { sections: [1, "sections"], viewMode: [1, "viewMode"], executiveSummary: [1, "executiveSummary"], focusAreaExecutiveSummary: [1, "focusAreaExecutiveSummary"], metricExecutiveSummary: [1, "metricExecutiveSummary"], metricName: [1, "metricName"], allGoals: [1, "allGoals"], allMetrics: [1, "allMetrics"], allCharts: [1, "allCharts"], allInsights: [1, "allInsights"], businessProfile: [1, "businessProfile"], storageKey: [1, "storageKey"] }, outputs: { viewReportClick: "viewReportClick" }, decls: 24, vars: 12, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 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", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "line-clamp-1", "transition-colors", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", "p-6", 3, "ngClass"], [3, "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "summary", "allGoals"], ["size", "w-4 h-4", 3, "icon"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewReportClick", "viewMode", "summary", "metricName", "allGoals"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [1, "mb-6"], [3, "section", "viewMode", "sectionIndex", "executiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [1, "relative"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[50%]"], [1, "mb-6", "lg:float-right", "lg:ml-6", "lg:mb-4", "lg:max-w-[50%]"], [3, "visual", "viewMode"]], template: function CollapsibleAnalysisSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(5, "svg", 5);
@@ -86606,8 +86981,8 @@ class CollapsibleAnalysisSectionGroupComponent {
     </div>
   `
             }]
-    }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], executiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "executiveSummary", required: false }] }], focusAreaExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaExecutiveSummary", required: false }] }], metricExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricExecutiveSummary", required: false }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], businessProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessProfile", required: false }] }], viewReportClick: [{ type: i0.Output, args: ["viewReportClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleAnalysisSectionGroupComponent, { className: "CollapsibleAnalysisSectionGroupComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/collapsible-analysis-section-group.component.ts", lineNumber: 174 }); })();
+    }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], executiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "executiveSummary", required: false }] }], focusAreaExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaExecutiveSummary", required: false }] }], metricExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricExecutiveSummary", required: false }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], businessProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessProfile", required: false }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], viewReportClick: [{ type: i0.Output, args: ["viewReportClick"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleAnalysisSectionGroupComponent, { className: "CollapsibleAnalysisSectionGroupComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/collapsible-analysis-section-group.component.ts", lineNumber: 176 }); })();
 
 const _forTrack0$g = ($index, $item) => $item.code;
 function BillingCurrencySelectorCardComponent_For_15_Template(rf, ctx) { if (rf & 1) {
@@ -92796,15 +93171,17 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
     i0.ɵɵelement(0, "symphiq-shop-welcome-banner", 29);
 } if (rf & 2) {
     let tmp_3_0;
+    let tmp_5_0;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("businessName", ((tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.businessName) || "your shop")("isOnboarded", ctx_r1.isOnboarded());
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("businessName", ((tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.businessName) || "your shop")("isOnboarded", ctx_r1.isOnboarded())("analysisDate", (tmp_5_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_5_0.selfContentCompletedDate);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-metric-welcome-banner", 30);
 } if (rf & 2) {
     let tmp_3_0;
+    let tmp_5_0;
     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());
+    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())("analysisDate", (tmp_5_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_5_0.selfContentCompletedDate);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 31)(1, "div", 32);
@@ -92827,8 +93204,8 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_1_Template, 1, 3, "symphiq-shop-welcome-banner", 29);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Template, 1, 3, "symphiq-metric-welcome-banner", 30);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_1_Template, 1, 4, "symphiq-shop-welcome-banner", 29);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Template, 1, 4, "symphiq-metric-welcome-banner", 30);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Template, 8, 4, "div", 31);
 } if (rf & 2) {
@@ -94475,7 +94852,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.planSelectionContainer = _t.first);
         } }, hostBindings: function SymphiqProfileShopAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileShopAnalysisDashboardComponent_scroll_HostBindingHandler($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"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 31, vars: 58, consts: [["shopProfileStatusCard", ""], ["planSelectionContainer", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [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", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded"], [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", "config", "groupConfig", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], [3, "goals", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "selectionChanged", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [1, "mb-32"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 31, vars: 59, consts: [["shopProfileStatusCard", ""], ["planSelectionContainer", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [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", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], [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", "config", "groupConfig", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], [3, "goals", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "selectionChanged", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [1, "mb-32"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2);
             i0.ɵɵelement(1, "div", 3);
             i0.ɵɵelementStart(2, "div");
@@ -94586,7 +94963,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isEditingCurrency() ? 29 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_50_0 = ctx.profileAnalysis()) == null ? null : tmp_50_0.reviewStatus)("selfContentStatus", (tmp_51_0 = ctx.profileAnalysis()) == null ? null : tmp_51_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_50_0 = ctx.profileAnalysis()) == null ? null : tmp_50_0.reviewStatus)("selfContentStatus", (tmp_51_0 = ctx.profileAnalysis()) == null ? null : tmp_51_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed())("isLoading", !!ctx.isLoading());
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, MetricWelcomeBannerComponent, 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, ProfileStatusCardComponent, ProfileStickyFooterComponent, IndeterminateSpinnerComponent, MarkAsReviewedFooterComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileShopAnalysisDashboardComponent, [{
@@ -94652,6 +95029,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
                     [viewMode]="viewMode()"
                     [businessName]="profileAnalysis()?.profileAnalysisStructured?.businessName || 'your shop'"
                     [isOnboarded]="isOnboarded()"
+                    [analysisDate]="profileAnalysis()?.selfContentCompletedDate"
                 />
               }
               @if (isMetricAnalysis()) {
@@ -94659,6 +95037,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
                     [viewMode]="viewMode()"
                     [metricName]="profileAnalysis()?.profileAnalysisStructured?.metricExecutiveSummary?.metric"
                     [isOnboarded]="isOnboarded()"
+                    [analysisDate]="profileAnalysis()?.selfContentCompletedDate"
                 />
               }
             </div>
@@ -95292,6 +95671,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
           [reviewStatus]="profileAnalysis()?.reviewStatus"
           [selfContentStatus]="profileAnalysis()?.selfContentStatus"
           [isMarkingAsReviewed]="isMarkingAsReviewed()"
+          [isLoading]="!!isLoading()"
           (markAsReviewedClick)="handleMarkAsReviewedClick()"
         />
       </div>
@@ -95310,7 +95690,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileShopAnalysisDashboardComponent, { className: "SymphiqProfileShopAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/symphiq-profile-shop-analysis-dashboard.component.ts", lineNumber: 834 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileShopAnalysisDashboardComponent, { className: "SymphiqProfileShopAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/symphiq-profile-shop-analysis-dashboard.component.ts", lineNumber: 837 }); })();
 
 function ProfileAnalysisStatusSummaryComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 3);
@@ -96392,10 +96772,27 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Templ
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("profileStatusCounts", ctx_r1.focusAreaStatusCounts())("analysisStatusCounts", ctx_r1.analysisStatusCounts())("allReviewed", ctx_r1.allInterestedFocusAreasAnalysisReviewed())("hasItems", ctx_r1.interestedFocusAreaCards().length > 0)("config", ctx_r1.focusAreaStatusConfig);
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_65_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 28);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 29);
+    i0.ɵɵelement(2, "path", 30);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span")(4, "strong", 20);
+    i0.ɵɵtext(5, "Analysis Snapshot");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" \u2014 This analysis represents a snapshot of your business taken between ", ctx_r1.formattedAnalysisDateRange());
+} }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-search-modal", 36);
-    i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_65_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
+    i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
     i0.ɵɵelementEnd();
 } }
 class SymphiqProfileFocusAreasAnalysesDashboardComponent {
@@ -96664,6 +97061,38 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             }
             return { generating, notReviewed, reviewed };
         }, ...(ngDevMode ? [{ debugName: "analysisStatusCounts" }] : []));
+        this.analysisDateRange = computed(() => {
+            const analyses = this.profileAnalyses();
+            if (!analyses) {
+                return null;
+            }
+            const completedDates = analyses
+                .map(pa => pa.selfContentCompletedDate)
+                .filter((date) => !!date);
+            if (completedDates.length === 0) {
+                return null;
+            }
+            const timestamps = completedDates.map(d => d.getTime());
+            return {
+                earliest: new Date(Math.min(...timestamps)),
+                latest: new Date(Math.max(...timestamps))
+            };
+        }, ...(ngDevMode ? [{ debugName: "analysisDateRange" }] : []));
+        this.formattedAnalysisDateRange = computed(() => {
+            const range = this.analysisDateRange();
+            if (!range) {
+                return null;
+            }
+            const formatDate = (date) => {
+                return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+            };
+            const earliestStr = formatDate(range.earliest);
+            const latestStr = formatDate(range.latest);
+            if (earliestStr === latestStr) {
+                return earliestStr;
+            }
+            return `${earliestStr} – ${latestStr}`;
+        }, ...(ngDevMode ? [{ debugName: "formattedAnalysisDateRange" }] : []));
         this.genericCardData = computed(() => {
             return this.focusAreaCards().map(card => {
                 let engagementBadge = null;
@@ -96893,7 +97322,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     static { this.ɵfac = function SymphiqProfileFocusAreasAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileFocusAreasAnalysesDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileFocusAreasAnalysesDashboardComponent, selectors: [["symphiq-profile-focus-areas-analyses-dashboard"]], hostBindings: function SymphiqProfileFocusAreasAnalysesDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileFocusAreasAnalysesDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 67, vars: 32, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [3, "viewMode", "profileStatusCounts", "analysisStatusCounts", "allReviewed", "hasItems", "config"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [3, "cardClick", "viewMode", "cards", "config"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 68, vars: 33, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [3, "viewMode", "profileStatusCounts", "analysisStatusCounts", "allReviewed", "hasItems", "config"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [3, "cardClick", "viewMode", "cards", "config"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -96964,24 +97393,26 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             i0.ɵɵtext(54, "Unlock Domain Insights");
             i0.ɵɵelementEnd();
             i0.ɵɵtext(55, " \u2014 Receive focused analysis and recommendations tailored to each marketing channel's unique context");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(56, "div", 31);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(56, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_56_Template, 7, 1, "li", 28);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(57, "div", 31);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(57, "svg", 24);
-            i0.ɵɵelement(58, "path", 32);
+            i0.ɵɵelementStart(58, "svg", 24);
+            i0.ɵɵelement(59, "path", 32);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(59, "div", 14)(60, "h3", 26);
-            i0.ɵɵtext(61, " Continue Your Journey ");
+            i0.ɵɵelementStart(60, "div", 14)(61, "h3", 26);
+            i0.ɵɵtext(62, " Continue Your Journey ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(62, "p", 33);
-            i0.ɵɵtext(63, " The final step\u2014Metric Analysis\u2014lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue. ");
+            i0.ɵɵelementStart(63, "p", 33);
+            i0.ɵɵtext(64, " The final step\u2014Metric Analysis\u2014lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue. ");
             i0.ɵɵelementEnd()()()()()()();
-            i0.ɵɵelementStart(64, "symphiq-profile-analysis-card-grid", 34);
-            i0.ɵɵlistener("cardClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template_symphiq_profile_analysis_card_grid_cardClick_64_listener($event) { return ctx.handleCardClick($event); });
+            i0.ɵɵelementStart(65, "symphiq-profile-analysis-card-grid", 34);
+            i0.ɵɵlistener("cardClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template_symphiq_profile_analysis_card_grid_cardClick_65_listener($event) { return ctx.handleCardClick($event); });
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(65, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_65_Template, 1, 0, "symphiq-search-modal");
-            i0.ɵɵelement(66, "symphiq-tooltip-container");
+            i0.ɵɵconditionalCreate(66, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Template, 1, 0, "symphiq-search-modal");
+            i0.ɵɵelement(67, "symphiq-tooltip-container");
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
@@ -97017,6 +97448,8 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerHighlightListClasses());
             i0.ɵɵadvance(22);
+            i0.ɵɵconditional(ctx.formattedAnalysisDateRange() ? 56 : -1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerNextStepsClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerNextStepsIconClasses());
@@ -97027,7 +97460,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("viewMode", ctx.viewMode())("cards", ctx.genericCardData())("config", ctx.focusAreaCardConfig);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showSearchModal() ? 65 : -1);
+            i0.ɵɵconditional(ctx.showSearchModal() ? 66 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent], styles: [".animated-bubbles[_ngcontent-%COMP%]{background:linear-gradient(135deg,#6366f10d,#a855f70d)}.animated-bubbles.light-mode[_ngcontent-%COMP%]{background:linear-gradient(135deg,#3b82f608,#9333ea08)}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out}.animated-bubbles[_ngcontent-%COMP%]:before{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}@keyframes _ngcontent-%COMP%_review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_review-pulse 2s ease-in-out infinite}@keyframes _ngcontent-%COMP%_status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_status-pop .3s ease-out;transition:all .3s ease-out}@keyframes _ngcontent-%COMP%_alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_alert-pulse 1.5s ease-in-out infinite}"], data: { animation: [
                 trigger('statusBadge', [
                     transition(':enter', [
@@ -97198,6 +97631,16 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                           </svg>
                           <span><strong class="font-semibold">Unlock Domain Insights</strong> — Receive focused analysis and recommendations tailored to each marketing channel's unique context</span>
                         </li>
+                        @if (formattedAnalysisDateRange()) {
+                          <li class="flex items-start gap-2">
+                            <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                              <path fill-rule="evenodd"
+                                    d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+                                    clip-rule="evenodd"></path>
+                            </svg>
+                            <span><strong class="font-semibold">Analysis Snapshot</strong> — This analysis represents a snapshot of your business taken between {{ formattedAnalysisDateRange() }}</span>
+                          </li>
+                        }
                       </ul>
                     </div>
                   </div>
@@ -97249,7 +97692,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 379 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 389 }); })();
 
 const _c0$8 = () => [];
 function SymphiqProfileFocusAreaDashboardComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
@@ -97532,28 +97975,45 @@ function FocusAreaWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (r
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵtextInterpolate1(" Welcome to Your ", ctx_r0.focusAreaDisplayName(), " Analysis ");
 } }
-function FocusAreaWelcomeBannerComponent_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+function FocusAreaWelcomeBannerComponent_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 15);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelement(0, "path", 19);
+    i0.ɵɵelementStart(1, "svg", 16);
+    i0.ɵɵelement(2, "path", 17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span")(4, "strong", 9);
+    i0.ɵɵtext(5, "Analysis Snapshot");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" \u2014 This analysis represents a snapshot of your business taken on ", ctx_r0.formattedAnalysisDate());
 } }
 function FocusAreaWelcomeBannerComponent_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelement(0, "path", 19);
+} }
+function FocusAreaWelcomeBannerComponent_Conditional_50_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelement(0, "path", 20);
 } }
-function FocusAreaWelcomeBannerComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+function FocusAreaWelcomeBannerComponent_Conditional_53_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Keep Your Focus Area Updated ");
 } }
-function FocusAreaWelcomeBannerComponent_Conditional_53_Template(rf, ctx) { if (rf & 1) {
+function FocusAreaWelcomeBannerComponent_Conditional_54_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Continue Your Journey ");
 } }
-function FocusAreaWelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+function FocusAreaWelcomeBannerComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
     i0.ɵɵpipe(1, "lowercase");
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵtextInterpolate1(" As you implement improvements, adopt new tools, or refine your ", i0.ɵɵpipeBind1(1, 1, ctx_r0.focusAreaDisplayName()), " approach, update this analysis to keep recommendations aligned with your evolving capabilities and market opportunities. ");
 } }
-function FocusAreaWelcomeBannerComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+function FocusAreaWelcomeBannerComponent_Conditional_57_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " This analysis provides domain-specific insights. To unlock the full power of Symphiq, explore additional focus areas and connect them to your shop operations and funnel metrics. ");
 } }
 class FocusAreaWelcomeBannerComponent {
@@ -97562,7 +98022,15 @@ class FocusAreaWelcomeBannerComponent {
         this.focusAreaDomain = input(...(ngDevMode ? [undefined, { debugName: "focusAreaDomain" }] : []));
         this.focusAreaName = input(...(ngDevMode ? [undefined, { debugName: "focusAreaName" }] : []));
         this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
+        this.analysisDate = input(...(ngDevMode ? [undefined, { debugName: "analysisDate" }] : []));
         this.IconSourceEnum = IconSourceEnum;
+        this.formattedAnalysisDate = computed(() => {
+            const date = this.analysisDate();
+            if (!date) {
+                return null;
+            }
+            return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+        }, ...(ngDevMode ? [{ debugName: "formattedAnalysisDate" }] : []));
         this.focusAreaDisplayName = computed(() => {
             return this.focusAreaName() || this.getFocusAreaName(this.focusAreaDomain());
         }, ...(ngDevMode ? [{ debugName: "focusAreaDisplayName" }] : []));
@@ -97676,7 +98144,7 @@ class FocusAreaWelcomeBannerComponent {
             : 'text-slate-300';
     }
     static { this.ɵfac = function FocusAreaWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FocusAreaWelcomeBannerComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FocusAreaWelcomeBannerComponent, selectors: [["symphiq-focus-area-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], focusAreaDomain: [1, "focusAreaDomain"], focusAreaName: [1, "focusAreaName"], isOnboarded: [1, "isOnboarded"] }, decls: 57, vars: 26, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["size", "w-8 h-8", 3, "icon"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-3", "mb-6"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function FocusAreaWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FocusAreaWelcomeBannerComponent, selectors: [["symphiq-focus-area-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], focusAreaDomain: [1, "focusAreaDomain"], focusAreaName: [1, "focusAreaName"], isOnboarded: [1, "isOnboarded"], analysisDate: [1, "analysisDate"] }, decls: 58, vars: 27, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["size", "w-8 h-8", 3, "icon"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-3", "mb-6"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function FocusAreaWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
             i0.ɵɵelement(4, "symphiq-icon", 4);
             i0.ɵɵelementEnd();
@@ -97734,18 +98202,20 @@ class FocusAreaWelcomeBannerComponent {
             i0.ɵɵtext(44, "Tactical Roadmap");
             i0.ɵɵelementEnd();
             i0.ɵɵtext(45, " \u2014 Step-by-step goals, strategies, and recommendations for domain optimization");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(46, "div", 18);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(46, FocusAreaWelcomeBannerComponent_Conditional_46_Template, 7, 1, "li", 15);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(47, "div", 18);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(47, "svg", 11);
-            i0.ɵɵconditionalCreate(48, FocusAreaWelcomeBannerComponent_Conditional_48_Template, 1, 0, ":svg:path", 19)(49, FocusAreaWelcomeBannerComponent_Conditional_49_Template, 1, 0, ":svg:path", 20);
+            i0.ɵɵelementStart(48, "svg", 11);
+            i0.ɵɵconditionalCreate(49, FocusAreaWelcomeBannerComponent_Conditional_49_Template, 1, 0, ":svg:path", 19)(50, FocusAreaWelcomeBannerComponent_Conditional_50_Template, 1, 0, ":svg:path", 20);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(50, "div", 5)(51, "h3", 21);
-            i0.ɵɵconditionalCreate(52, FocusAreaWelcomeBannerComponent_Conditional_52_Template, 1, 0)(53, FocusAreaWelcomeBannerComponent_Conditional_53_Template, 1, 0);
+            i0.ɵɵelementStart(51, "div", 5)(52, "h3", 21);
+            i0.ɵɵconditionalCreate(53, FocusAreaWelcomeBannerComponent_Conditional_53_Template, 1, 0)(54, FocusAreaWelcomeBannerComponent_Conditional_54_Template, 1, 0);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(54, "p", 22);
-            i0.ɵɵconditionalCreate(55, FocusAreaWelcomeBannerComponent_Conditional_55_Template, 2, 3)(56, FocusAreaWelcomeBannerComponent_Conditional_56_Template, 1, 0);
+            i0.ɵɵelementStart(55, "p", 22);
+            i0.ɵɵconditionalCreate(56, FocusAreaWelcomeBannerComponent_Conditional_56_Template, 2, 3)(57, FocusAreaWelcomeBannerComponent_Conditional_57_Template, 1, 0);
             i0.ɵɵelementEnd()()()()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -97762,7 +98232,7 @@ class FocusAreaWelcomeBannerComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.textClasses());
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate2(" ", ctx.focusAreaDisplayName(), " Analysis provides a deep dive into this specific operational domain. By analyzing your approach, tools, and performance in ", i0.ɵɵpipeBind1(12, 22, ctx.focusAreaDisplayName()), ", Symphiq identifies tactical opportunities and creates an actionable roadmap for improvement. ");
+            i0.ɵɵtextInterpolate2(" ", ctx.focusAreaDisplayName(), " Analysis provides a deep dive into this specific operational domain. By analyzing your approach, tools, and performance in ", i0.ɵɵpipeBind1(12, 23, ctx.focusAreaDisplayName()), ", Symphiq identifies tactical opportunities and creates an actionable roadmap for improvement. ");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.textClasses());
             i0.ɵɵadvance(4);
@@ -97774,21 +98244,23 @@ class FocusAreaWelcomeBannerComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.highlightListClasses());
             i0.ɵɵadvance(7);
-            i0.ɵɵtextInterpolate1(" \u2014 Current maturity and performance assessment for ", i0.ɵɵpipeBind1(31, 24, ctx.focusAreaDisplayName()));
+            i0.ɵɵtextInterpolate1(" \u2014 Current maturity and performance assessment for ", i0.ɵɵpipeBind1(31, 25, ctx.focusAreaDisplayName()));
             i0.ɵɵadvance(16);
+            i0.ɵɵconditional(ctx.formattedAnalysisDate() ? 46 : -1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.nextStepsBoxClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.nextStepsIconClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 48 : 49);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 49 : 50);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.nextStepsTitleClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 52 : 53);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 53 : 54);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.nextStepsTextClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 55 : 56);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 56 : 57);
         } }, dependencies: [CommonModule, i1$1.NgClass, SymphiqIconComponent, i1$1.LowerCasePipe], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FocusAreaWelcomeBannerComponent, [{
@@ -97798,97 +98270,105 @@ class FocusAreaWelcomeBannerComponent {
                 standalone: true,
                 imports: [CommonModule, SymphiqIconComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
-      <div [ngClass]="contentClasses()" class="px-8 py-8">
-        <div class="flex items-start gap-6">
-          <div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
-            <symphiq-icon [icon]="focusAreaIcon()" size="w-8 h-8" />
-          </div>
-
-          <div class="flex-1">
-            <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-3">
-              @if (isOnboarded()) {
-                Your {{ focusAreaDisplayName() }} Analysis
-              } @else {
-                Welcome to Your {{ focusAreaDisplayName() }} Analysis
-              }
-            </h2>
-
-            <!-- Description -->
-            <div class="space-y-3 mb-6">
-              <p [ngClass]="textClasses()" class="text-base leading-relaxed">
-                {{ focusAreaDisplayName() }} Analysis provides a deep dive into this specific operational domain. By analyzing your approach, tools, and performance in {{ focusAreaDisplayName() | lowercase }}, Symphiq identifies tactical opportunities and creates an actionable roadmap for improvement.
-              </p>
-              <p [ngClass]="textClasses()" class="text-base leading-relaxed">
-                <strong class="font-semibold">Why this matters:</strong> Rather than generic best practices, this analysis delivers domain-specific insights tailored to your current capabilities, resources, and market position—ensuring recommendations are both impactful and achievable.
-              </p>
-            </div>
-
-            <div [ngClass]="highlightBoxClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
-              <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="highlightIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path 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"></path>
-              </svg>
-              <div class="flex-1">
-                <h3 [ngClass]="highlightTitleClasses()" class="font-bold text-lg mb-2">
-                  What You'll See Below
-                </h3>
-                <ul [ngClass]="highlightListClasses()" class="space-y-2 text-sm">
-                  <li class="flex items-start gap-2">
-                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
-                    </svg>
-                    <span><strong class="font-semibold">Focus Area Health</strong> — Current maturity and performance assessment for {{ focusAreaDisplayName() | lowercase }}</span>
-                  </li>
-                  <li class="flex items-start gap-2">
-                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
-                    </svg>
-                    <span><strong class="font-semibold">Top Priorities</strong> — High-impact improvements specific to this operational domain</span>
-                  </li>
-                  <li class="flex items-start gap-2">
-                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
-                    </svg>
-                    <span><strong class="font-semibold">Tactical Roadmap</strong> — Step-by-step goals, strategies, and recommendations for domain optimization</span>
-                  </li>
-                </ul>
-              </div>
-            </div>
-
-            <div [ngClass]="nextStepsBoxClasses()" class="mt-6 p-5 rounded-xl border flex items-start gap-4">
-              <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="nextStepsIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                @if (isOnboarded()) {
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
-                } @else {
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
-                }
-              </svg>
-              <div class="flex-1">
-                <h3 [ngClass]="nextStepsTitleClasses()" class="font-bold mb-1">
-                  @if (isOnboarded()) {
-                    Keep Your Focus Area Updated
-                  } @else {
-                    Continue Your Journey
-                  }
-                </h3>
-                <p [ngClass]="nextStepsTextClasses()" class="text-sm leading-relaxed">
-                  @if (isOnboarded()) {
-                    As you implement improvements, adopt new tools, or refine your {{ focusAreaDisplayName() | lowercase }} approach, update this analysis to keep recommendations aligned with your evolving capabilities and market opportunities.
-                  } @else {
-                    This analysis provides domain-specific insights. To unlock the full power of Symphiq, explore additional focus areas and connect them to your shop operations and funnel metrics.
-                  }
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+                template: `
+    <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
+      <div [ngClass]="contentClasses()" class="px-8 py-8">
+        <div class="flex items-start gap-6">
+          <div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
+            <symphiq-icon [icon]="focusAreaIcon()" size="w-8 h-8" />
+          </div>
+
+          <div class="flex-1">
+            <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-3">
+              @if (isOnboarded()) {
+                Your {{ focusAreaDisplayName() }} Analysis
+              } @else {
+                Welcome to Your {{ focusAreaDisplayName() }} Analysis
+              }
+            </h2>
+
+            <!-- Description -->
+            <div class="space-y-3 mb-6">
+              <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                {{ focusAreaDisplayName() }} Analysis provides a deep dive into this specific operational domain. By analyzing your approach, tools, and performance in {{ focusAreaDisplayName() | lowercase }}, Symphiq identifies tactical opportunities and creates an actionable roadmap for improvement.
+              </p>
+              <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                <strong class="font-semibold">Why this matters:</strong> Rather than generic best practices, this analysis delivers domain-specific insights tailored to your current capabilities, resources, and market position—ensuring recommendations are both impactful and achievable.
+              </p>
+            </div>
+
+            <div [ngClass]="highlightBoxClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
+              <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="highlightIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path 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"></path>
+              </svg>
+              <div class="flex-1">
+                <h3 [ngClass]="highlightTitleClasses()" class="font-bold text-lg mb-2">
+                  What You'll See Below
+                </h3>
+                <ul [ngClass]="highlightListClasses()" class="space-y-2 text-sm">
+                  <li class="flex items-start gap-2">
+                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+                    </svg>
+                    <span><strong class="font-semibold">Focus Area Health</strong> — Current maturity and performance assessment for {{ focusAreaDisplayName() | lowercase }}</span>
+                  </li>
+                  <li class="flex items-start gap-2">
+                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+                    </svg>
+                    <span><strong class="font-semibold">Top Priorities</strong> — High-impact improvements specific to this operational domain</span>
+                  </li>
+                  <li class="flex items-start gap-2">
+                    <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+                    </svg>
+                    <span><strong class="font-semibold">Tactical Roadmap</strong> — Step-by-step goals, strategies, and recommendations for domain optimization</span>
+                  </li>
+                  @if (formattedAnalysisDate()) {
+                    <li class="flex items-start gap-2">
+                      <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+                      </svg>
+                      <span><strong class="font-semibold">Analysis Snapshot</strong> — This analysis represents a snapshot of your business taken on {{ formattedAnalysisDate() }}</span>
+                    </li>
+                  }
+                </ul>
+              </div>
+            </div>
+
+            <div [ngClass]="nextStepsBoxClasses()" class="mt-6 p-5 rounded-xl border flex items-start gap-4">
+              <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="nextStepsIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                @if (isOnboarded()) {
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
+                } @else {
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
+                }
+              </svg>
+              <div class="flex-1">
+                <h3 [ngClass]="nextStepsTitleClasses()" class="font-bold mb-1">
+                  @if (isOnboarded()) {
+                    Keep Your Focus Area Updated
+                  } @else {
+                    Continue Your Journey
+                  }
+                </h3>
+                <p [ngClass]="nextStepsTextClasses()" class="text-sm leading-relaxed">
+                  @if (isOnboarded()) {
+                    As you implement improvements, adopt new tools, or refine your {{ focusAreaDisplayName() | lowercase }} approach, update this analysis to keep recommendations aligned with your evolving capabilities and market opportunities.
+                  } @else {
+                    This analysis provides domain-specific insights. To unlock the full power of Symphiq, explore additional focus areas and connect them to your shop operations and funnel metrics.
+                  }
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   `
             }]
-    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], focusAreaDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDomain", required: false }] }], focusAreaName: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaWelcomeBannerComponent, { className: "FocusAreaWelcomeBannerComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/focus-area-welcome-banner.component.ts", lineNumber: 100 }); })();
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], focusAreaDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDomain", required: false }] }], focusAreaName: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], analysisDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysisDate", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaWelcomeBannerComponent, { className: "FocusAreaWelcomeBannerComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/focus-area-welcome-banner.component.ts", lineNumber: 108 }); })();
 
 const _c0$7 = ["funnelModalComponent"];
 const _forTrack0$6 = ($index, $item) => $item.id;
@@ -97917,9 +98397,10 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Templat
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 23);
 } if (rf & 2) {
+    let tmp_5_0;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("focusAreaDomain", ctx_r1.focusAreaDomain())("focusAreaName", ctx_r1.focusAreaName());
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("focusAreaDomain", ctx_r1.focusAreaDomain())("focusAreaName", ctx_r1.focusAreaName())("analysisDate", (tmp_5_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_5_0.selfContentCompletedDate);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.isLoading() ? 2 : -1);
 } }
@@ -98617,7 +99098,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
         } }, hostBindings: function SymphiqProfileAnalysisFocusAreaDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisFocusAreaDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], focusAreaDetails: [1, "focusAreaDetails"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 28, vars: 49, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [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"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], [1, "mb-12"], [3, "viewMode", "focusAreaDomain", "focusAreaName"], [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"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Focus Area Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "focusAreaExecutiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], focusAreaDetails: [1, "focusAreaDetails"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 28, vars: 50, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [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"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [1, "mb-12"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "analysisDate"], [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"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Focus Area Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "focusAreaExecutiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "div", 2);
@@ -98628,7 +99109,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵlistener("searchClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template_symphiq_dashboard_header_searchClick_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openSearch()); })("viewModeClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template_symphiq_dashboard_header_viewModeClick_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openViewModeSwitcher()); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(6, "main", 6);
-            i0.ɵɵconditionalCreate(7, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Template, 3, 4);
+            i0.ɵɵconditionalCreate(7, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Template, 3, 5);
             i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Template, 2, 2);
             i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Template, 3, 3);
             i0.ɵɵelementEnd();
@@ -98716,7 +99197,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("isLightMode", ctx.isLightMode());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_42_0 = ctx.profileAnalysis()) == null ? null : tmp_42_0.reviewStatus)("selfContentStatus", (tmp_43_0 = ctx.profileAnalysis()) == null ? null : tmp_43_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_42_0 = ctx.profileAnalysis()) == null ? null : tmp_42_0.reviewStatus)("selfContentStatus", (tmp_43_0 = ctx.profileAnalysis()) == null ? null : tmp_43_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed())("isLoading", !!ctx.isLoading());
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent,
             SearchModalComponent,
             ViewModeSwitcherModalComponent,
@@ -98825,6 +99306,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
                   [viewMode]="viewMode()"
                   [focusAreaDomain]="focusAreaDomain()"
                   [focusAreaName]="focusAreaName()"
+                  [analysisDate]="profileAnalysis()?.selfContentCompletedDate"
               />
             </div>
 
@@ -99116,6 +99598,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             [reviewStatus]="profileAnalysis()?.reviewStatus"
             [selfContentStatus]="profileAnalysis()?.selfContentStatus"
             [isMarkingAsReviewed]="isMarkingAsReviewed()"
+            [isLoading]="!!isLoading()"
             (markAsReviewedClick)="handleMarkAsReviewedClick()"
         />
 
@@ -99132,7 +99615,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber: 488 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber: 490 }); })();
 
 function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -99149,10 +99632,27 @@ function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_17_Template
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("profileStatusCounts", ctx_r1.metricStatusCounts())("analysisStatusCounts", ctx_r1.analysisStatusCounts())("allReviewed", ctx_r1.allMetricsAnalysisReviewed())("hasItems", ctx_r1.metricCards().length > 0)("config", ctx_r1.metricStatusConfig);
 } }
-function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_65_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 28);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 29);
+    i0.ɵɵelement(2, "path", 30);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span")(4, "strong", 20);
+    i0.ɵɵtext(5, "Analysis Snapshot");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" \u2014 This analysis represents a snapshot of your business taken between ", ctx_r1.formattedAnalysisDateRange());
+} }
+function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-search-modal", 36);
-    i0.ɵɵlistener("closeModal", function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_65_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
+    i0.ɵɵlistener("closeModal", function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_66_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
     i0.ɵɵelementEnd();
 } }
 class SymphiqProfileMetricsAnalysesDashboardComponent {
@@ -99474,6 +99974,38 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
             }
             return { generating, notReviewed, reviewed };
         }, ...(ngDevMode ? [{ debugName: "analysisStatusCounts" }] : []));
+        this.analysisDateRange = computed(() => {
+            const analyses = this.profileAnalyses();
+            if (!analyses) {
+                return null;
+            }
+            const completedDates = analyses
+                .map(pa => pa.selfContentCompletedDate)
+                .filter((date) => !!date);
+            if (completedDates.length === 0) {
+                return null;
+            }
+            const timestamps = completedDates.map(d => d.getTime());
+            return {
+                earliest: new Date(Math.min(...timestamps)),
+                latest: new Date(Math.max(...timestamps))
+            };
+        }, ...(ngDevMode ? [{ debugName: "analysisDateRange" }] : []));
+        this.formattedAnalysisDateRange = computed(() => {
+            const range = this.analysisDateRange();
+            if (!range) {
+                return null;
+            }
+            const formatDate = (date) => {
+                return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+            };
+            const earliestStr = formatDate(range.earliest);
+            const latestStr = formatDate(range.latest);
+            if (earliestStr === latestStr) {
+                return earliestStr;
+            }
+            return `${earliestStr} – ${latestStr}`;
+        }, ...(ngDevMode ? [{ debugName: "formattedAnalysisDateRange" }] : []));
         this.genericCardData = computed(() => {
             return this.metricCards().map(card => ({
                 id: card.metricEnum,
@@ -99615,7 +100147,7 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
     static { this.ɵfac = function SymphiqProfileMetricsAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileMetricsAnalysesDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileMetricsAnalysesDashboardComponent, selectors: [["symphiq-profile-metrics-analyses-dashboard"]], hostBindings: function SymphiqProfileMetricsAnalysesDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileMetricsAnalysesDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileMetrics: [1, "profileMetrics"], itemStatusesProfileMetric: [1, "itemStatusesProfileMetric"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], funnelMetrics: [1, "funnelMetrics"], account: [1, "account"], profileMetricQuestions: [1, "profileMetricQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileMetric: "navigateToProfileMetric", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerMetricProfileQuestions: "answerMetricProfileQuestions", continueMetricProfileQuestions: "continueMetricProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", metricProfileAdminAnswerAction: "metricProfileAdminAnswerAction" }, decls: 67, vars: 32, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [3, "viewMode", "profileStatusCounts", "analysisStatusCounts", "allReviewed", "hasItems", "config"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "metric-analysis", 3, "viewMode", "currentMetric"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [3, "cardClick", "viewMode", "cards", "config"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "closeModal"]], template: function SymphiqProfileMetricsAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileMetrics: [1, "profileMetrics"], itemStatusesProfileMetric: [1, "itemStatusesProfileMetric"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], funnelMetrics: [1, "funnelMetrics"], account: [1, "account"], profileMetricQuestions: [1, "profileMetricQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileMetric: "navigateToProfileMetric", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerMetricProfileQuestions: "answerMetricProfileQuestions", continueMetricProfileQuestions: "continueMetricProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", metricProfileAdminAnswerAction: "metricProfileAdminAnswerAction" }, decls: 68, vars: 33, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [3, "viewMode", "profileStatusCounts", "analysisStatusCounts", "allReviewed", "hasItems", "config"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "metric-analysis", 3, "viewMode", "currentMetric"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [3, "cardClick", "viewMode", "cards", "config"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "closeModal"]], template: function SymphiqProfileMetricsAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -99686,24 +100218,26 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
             i0.ɵɵtext(54, "Performance Insights");
             i0.ɵɵelementEnd();
             i0.ɵɵtext(55, " \u2014 Unlock analysis showing what's working, what's not, and specific improvement opportunities for each stage");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(56, "div", 31);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(56, SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_56_Template, 7, 1, "li", 28);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(57, "div", 31);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(57, "svg", 24);
-            i0.ɵɵelement(58, "path", 32);
+            i0.ɵɵelementStart(58, "svg", 24);
+            i0.ɵɵelement(59, "path", 32);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(59, "div", 14)(60, "h3", 26);
-            i0.ɵɵtext(61, " Complete Your Profile ");
+            i0.ɵɵelementStart(60, "div", 14)(61, "h3", 26);
+            i0.ɵɵtext(62, " Complete Your Profile ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(62, "p", 33);
-            i0.ɵɵtext(63, " You've reached the final onboarding step! Once all metrics are profiled, you'll have complete context coverage. Symphiq will then generate unified recommendations that connect business goals to specific funnel improvements\u2014showing exactly what to do next to drive growth. ");
+            i0.ɵɵelementStart(63, "p", 33);
+            i0.ɵɵtext(64, " You've reached the final onboarding step! Once all metrics are profiled, you'll have complete context coverage. Symphiq will then generate unified recommendations that connect business goals to specific funnel improvements\u2014showing exactly what to do next to drive growth. ");
             i0.ɵɵelementEnd()()()()()()();
-            i0.ɵɵelementStart(64, "symphiq-profile-analysis-card-grid", 34);
-            i0.ɵɵlistener("cardClick", function SymphiqProfileMetricsAnalysesDashboardComponent_Template_symphiq_profile_analysis_card_grid_cardClick_64_listener($event) { return ctx.handleCardClick($event); });
+            i0.ɵɵelementStart(65, "symphiq-profile-analysis-card-grid", 34);
+            i0.ɵɵlistener("cardClick", function SymphiqProfileMetricsAnalysesDashboardComponent_Template_symphiq_profile_analysis_card_grid_cardClick_65_listener($event) { return ctx.handleCardClick($event); });
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(65, SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_65_Template, 1, 0, "symphiq-search-modal");
-            i0.ɵɵelement(66, "symphiq-tooltip-container");
+            i0.ɵɵconditionalCreate(66, SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_66_Template, 1, 0, "symphiq-search-modal");
+            i0.ɵɵelement(67, "symphiq-tooltip-container");
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
@@ -99739,6 +100273,8 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerHighlightListClasses());
             i0.ɵɵadvance(22);
+            i0.ɵɵconditional(ctx.formattedAnalysisDateRange() ? 56 : -1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerNextStepsClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerNextStepsIconClasses());
@@ -99749,7 +100285,7 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("viewMode", ctx.viewMode())("cards", ctx.genericCardData())("config", ctx.metricCardConfig);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showSearchModal() ? 65 : -1);
+            i0.ɵɵconditional(ctx.showSearchModal() ? 66 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent], styles: [".animated-bubbles[_ngcontent-%COMP%]{background:linear-gradient(135deg,#3b82f60d,#06b6d40d)}.animated-bubbles.light-mode[_ngcontent-%COMP%]{background:linear-gradient(135deg,#3b82f608,#06b6d408)}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out}.animated-bubbles[_ngcontent-%COMP%]:before{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}@keyframes _ngcontent-%COMP%_review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_review-pulse 2s ease-in-out infinite}@keyframes _ngcontent-%COMP%_status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_status-pop .3s ease-out;transition:all .3s ease-out}@keyframes _ngcontent-%COMP%_alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_alert-pulse 1.5s ease-in-out infinite}"], data: { animation: [
                 trigger('statusBadge', [
                     transition(':enter', [
@@ -99788,181 +100324,191 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
                             animate('400ms cubic-bezier(0.34, 1.56, 0.64, 1)', style({ opacity: 1, transform: 'scale(1)' }))
                         ])
                     ])
-                ], template: `
-    <div [class.min-h-screen]="!embedded()" class="relative">
-      <div class="animated-bubbles" [class.light-mode]="isLightMode()"
-           style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
-
-      <!-- Scroll Progress Bar -->
-      <div class="fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30">
-        <div
-            [style.width.%]="scrollProgress()"
-            [ngClass]="isLightMode() ? 'bg-gradient-to-r from-blue-500 to-cyan-500' : 'bg-gradient-to-r from-blue-400 to-cyan-400'"
-            class="h-full transition-all duration-200 ease-out">
-        </div>
-      </div>
-
-      <div class="relative z-[51]">
-        <!-- Dashboard Header -->
-        <symphiq-dashboard-header
-            [title]="'Funnel Metrics'"
-            [subtitle]="'Provide context for funnel stage metrics and performance'"
-            [viewMode]="viewMode()"
-            [showControls]="false"
-        ></symphiq-dashboard-header>
-
-        <!-- Journey Progress Indicator (Simplified View Only) -->
-        @if (isSimplifiedView()) {
-          <symphiq-journey-progress-indicator
-              [viewMode]="viewMode()"
-              [currentStepId]="currentStepId()"
-              [showNextStepAction]="forDemo() || allMetricsAnalysisReviewed()"
-              [forDemo]="forDemo()"
-              [maxAccessibleStepId]="maxAccessibleStepId()"
-              (nextStepClick)="nextStepClick.emit()"
-              (stepClick)="stepClick.emit($event)"
-          />
-        }
-
-        <!-- Main Content -->
-        <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12 relative z-10">
-          <!-- Welcome Banner -->
-          <div [ngClass]="getWelcomeBannerContainerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
-            <div class="px-8 py-8">
-              <div class="flex items-start gap-6">
-                <div [ngClass]="getWelcomeBannerIconClasses()"
-                     class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
-                  <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                          d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
-                  </svg>
-                </div>
-
-                <div class="flex-1">
-                  <h2 [ngClass]="getWelcomeBannerTitleClasses()" class="text-2xl sm:text-3xl font-bold mb-3">
-                    Welcome to Your Metric Analyses
-                  </h2>
-
-                  <!-- Metric & Analysis Status Summary -->
-                  @if (profileMetrics() !== undefined || profileAnalyses() !== undefined) {
-                    <symphiq-profile-analysis-status-summary
-                        [viewMode]="viewMode()"
-                        [profileStatusCounts]="metricStatusCounts()"
-                        [analysisStatusCounts]="analysisStatusCounts()"
-                        [allReviewed]="allMetricsAnalysisReviewed()"
-                        [hasItems]="metricCards().length > 0"
-                        [config]="metricStatusConfig"
-                    />
-                  }
-
-                  <!-- Description and Confidence Card in Responsive Layout -->
-                  <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
-                    <!-- Description (takes 2 columns on large screens) -->
-                    <div class="lg:col-span-2 space-y-3">
-                      <p [ngClass]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
-                        Metric Analyses provide the deepest level of context for your conversion funnel. Each funnel stage metric—from Views and Product Views to Add to Carts, Checkouts, and Purchases—has unique patterns, behaviors, and optimization opportunities. By answering targeted questions about each metric, you help Symphiq understand the specific factors influencing performance at every conversion point.
-                      </p>
-                      <p [ngClass]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
-                        <strong class="font-semibold">Why this matters:</strong> This granular context ensures recommendations address the precise bottlenecks in your customer journey. Rather than generic funnel advice, you'll receive metric-specific strategies grounded in your actual traffic patterns, customer behavior, content types, and marketing tactics. This completes the full picture—from business strategy to operational execution to performance reality.
-                      </p>
-                    </div>
-
-                    <!-- Confidence Card (takes 1 column on large screens, full width on mobile) -->
-                    <div class="lg:col-span-1">
-                      <symphiq-confidence-level-card
-                          [viewMode]="viewMode()"
-                          currentStepId="metric-analysis"
-                          [currentMetric]="getCurrentMetricForConfidence()"
-                      />
-                    </div>
-                  </div>
-
-                  <div [ngClass]="getWelcomeBannerHighlightClasses()"
-                       class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
-                    <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerHighlightIconClasses()"
-                         fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path 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"></path>
-                    </svg>
-                    <div class="flex-1">
-                      <h3 [ngClass]="getWelcomeBannerHighlightTitleClasses()" class="font-bold text-lg mb-2">
-                        What You'll See Below
-                      </h3>
-                      <ul [ngClass]="getWelcomeBannerHighlightListClasses()" class="space-y-2 text-sm">
-                        <li class="flex items-start gap-2">
-                          <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-                            <path fill-rule="evenodd"
-                                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-                                  clip-rule="evenodd"></path>
-                          </svg>
-                          <span><strong class="font-semibold">Funnel Stage Metrics</strong> — Each conversion point from Views through Revenue is represented with its own profile</span>
-                        </li>
-                        <li class="flex items-start gap-2">
-                          <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-                            <path fill-rule="evenodd"
-                                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-                                  clip-rule="evenodd"></path>
-                          </svg>
-                          <span><strong class="font-semibold">Context Questions</strong> — Answer targeted questions about traffic sources, customer behavior, content types, and marketing activities for each metric</span>
-                        </li>
-                        <li class="flex items-start gap-2">
-                          <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-                            <path fill-rule="evenodd"
-                                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-                                  clip-rule="evenodd"></path>
-                          </svg>
-                          <span><strong class="font-semibold">Performance Insights</strong> — Unlock analysis showing what's working, what's not, and specific improvement opportunities for each stage</span>
-                        </li>
-                      </ul>
-                    </div>
-                  </div>
-
-                  <div [ngClass]="getWelcomeBannerNextStepsClasses()"
-                       class="mt-6 p-5 rounded-xl border flex items-start gap-4">
-                    <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerNextStepsIconClasses()"
-                         fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                            d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
-                    </svg>
-                    <div class="flex-1">
-                      <h3 [ngClass]="getWelcomeBannerNextStepsTitleClasses()" class="font-bold text-lg mb-2">
-                        Complete Your Profile
-                      </h3>
-                      <p [ngClass]="getWelcomeBannerNextStepsTextClasses()" class="text-sm leading-relaxed">
-                        You've reached the final onboarding step! Once all metrics are profiled, you'll have complete context coverage. Symphiq will then generate unified recommendations that connect business goals to specific funnel improvements—showing exactly what to do next to drive growth.
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <!-- Metrics Grid -->
-          <symphiq-profile-analysis-card-grid
-              [viewMode]="viewMode()"
-              [cards]="genericCardData()"
-              [config]="metricCardConfig"
-              (cardClick)="handleCardClick($event)"
-          />
-        </div>
-      </div>
-
-      <!-- Search Modal -->
-      @if (showSearchModal()) {
-        <symphiq-search-modal
-            (closeModal)="handleCloseSearchModal()"
-        ></symphiq-search-modal>
-      }
-
-      <symphiq-tooltip-container/>
-    </div>
+                ], template: `
+    <div [class.min-h-screen]="!embedded()" class="relative">
+      <div class="animated-bubbles" [class.light-mode]="isLightMode()"
+           style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
+
+      <!-- Scroll Progress Bar -->
+      <div class="fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30">
+        <div
+            [style.width.%]="scrollProgress()"
+            [ngClass]="isLightMode() ? 'bg-gradient-to-r from-blue-500 to-cyan-500' : 'bg-gradient-to-r from-blue-400 to-cyan-400'"
+            class="h-full transition-all duration-200 ease-out">
+        </div>
+      </div>
+
+      <div class="relative z-[51]">
+        <!-- Dashboard Header -->
+        <symphiq-dashboard-header
+            [title]="'Funnel Metrics'"
+            [subtitle]="'Provide context for funnel stage metrics and performance'"
+            [viewMode]="viewMode()"
+            [showControls]="false"
+        ></symphiq-dashboard-header>
+
+        <!-- Journey Progress Indicator (Simplified View Only) -->
+        @if (isSimplifiedView()) {
+          <symphiq-journey-progress-indicator
+              [viewMode]="viewMode()"
+              [currentStepId]="currentStepId()"
+              [showNextStepAction]="forDemo() || allMetricsAnalysisReviewed()"
+              [forDemo]="forDemo()"
+              [maxAccessibleStepId]="maxAccessibleStepId()"
+              (nextStepClick)="nextStepClick.emit()"
+              (stepClick)="stepClick.emit($event)"
+          />
+        }
+
+        <!-- Main Content -->
+        <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12 relative z-10">
+          <!-- Welcome Banner -->
+          <div [ngClass]="getWelcomeBannerContainerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
+            <div class="px-8 py-8">
+              <div class="flex items-start gap-6">
+                <div [ngClass]="getWelcomeBannerIconClasses()"
+                     class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
+                  <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                          d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
+                  </svg>
+                </div>
+
+                <div class="flex-1">
+                  <h2 [ngClass]="getWelcomeBannerTitleClasses()" class="text-2xl sm:text-3xl font-bold mb-3">
+                    Welcome to Your Metric Analyses
+                  </h2>
+
+                  <!-- Metric & Analysis Status Summary -->
+                  @if (profileMetrics() !== undefined || profileAnalyses() !== undefined) {
+                    <symphiq-profile-analysis-status-summary
+                        [viewMode]="viewMode()"
+                        [profileStatusCounts]="metricStatusCounts()"
+                        [analysisStatusCounts]="analysisStatusCounts()"
+                        [allReviewed]="allMetricsAnalysisReviewed()"
+                        [hasItems]="metricCards().length > 0"
+                        [config]="metricStatusConfig"
+                    />
+                  }
+
+                  <!-- Description and Confidence Card in Responsive Layout -->
+                  <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
+                    <!-- Description (takes 2 columns on large screens) -->
+                    <div class="lg:col-span-2 space-y-3">
+                      <p [ngClass]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
+                        Metric Analyses provide the deepest level of context for your conversion funnel. Each funnel stage metric—from Views and Product Views to Add to Carts, Checkouts, and Purchases—has unique patterns, behaviors, and optimization opportunities. By answering targeted questions about each metric, you help Symphiq understand the specific factors influencing performance at every conversion point.
+                      </p>
+                      <p [ngClass]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
+                        <strong class="font-semibold">Why this matters:</strong> This granular context ensures recommendations address the precise bottlenecks in your customer journey. Rather than generic funnel advice, you'll receive metric-specific strategies grounded in your actual traffic patterns, customer behavior, content types, and marketing tactics. This completes the full picture—from business strategy to operational execution to performance reality.
+                      </p>
+                    </div>
+
+                    <!-- Confidence Card (takes 1 column on large screens, full width on mobile) -->
+                    <div class="lg:col-span-1">
+                      <symphiq-confidence-level-card
+                          [viewMode]="viewMode()"
+                          currentStepId="metric-analysis"
+                          [currentMetric]="getCurrentMetricForConfidence()"
+                      />
+                    </div>
+                  </div>
+
+                  <div [ngClass]="getWelcomeBannerHighlightClasses()"
+                       class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
+                    <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerHighlightIconClasses()"
+                         fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path 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"></path>
+                    </svg>
+                    <div class="flex-1">
+                      <h3 [ngClass]="getWelcomeBannerHighlightTitleClasses()" class="font-bold text-lg mb-2">
+                        What You'll See Below
+                      </h3>
+                      <ul [ngClass]="getWelcomeBannerHighlightListClasses()" class="space-y-2 text-sm">
+                        <li class="flex items-start gap-2">
+                          <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                            <path fill-rule="evenodd"
+                                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+                                  clip-rule="evenodd"></path>
+                          </svg>
+                          <span><strong class="font-semibold">Funnel Stage Metrics</strong> — Each conversion point from Views through Revenue is represented with its own profile</span>
+                        </li>
+                        <li class="flex items-start gap-2">
+                          <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                            <path fill-rule="evenodd"
+                                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+                                  clip-rule="evenodd"></path>
+                          </svg>
+                          <span><strong class="font-semibold">Context Questions</strong> — Answer targeted questions about traffic sources, customer behavior, content types, and marketing activities for each metric</span>
+                        </li>
+                        <li class="flex items-start gap-2">
+                          <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                            <path fill-rule="evenodd"
+                                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+                                  clip-rule="evenodd"></path>
+                          </svg>
+                          <span><strong class="font-semibold">Performance Insights</strong> — Unlock analysis showing what's working, what's not, and specific improvement opportunities for each stage</span>
+                        </li>
+                        @if (formattedAnalysisDateRange()) {
+                          <li class="flex items-start gap-2">
+                            <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+                              <path fill-rule="evenodd"
+                                    d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+                                    clip-rule="evenodd"></path>
+                            </svg>
+                            <span><strong class="font-semibold">Analysis Snapshot</strong> — This analysis represents a snapshot of your business taken between {{ formattedAnalysisDateRange() }}</span>
+                          </li>
+                        }
+                      </ul>
+                    </div>
+                  </div>
+
+                  <div [ngClass]="getWelcomeBannerNextStepsClasses()"
+                       class="mt-6 p-5 rounded-xl border flex items-start gap-4">
+                    <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerNextStepsIconClasses()"
+                         fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
+                    </svg>
+                    <div class="flex-1">
+                      <h3 [ngClass]="getWelcomeBannerNextStepsTitleClasses()" class="font-bold text-lg mb-2">
+                        Complete Your Profile
+                      </h3>
+                      <p [ngClass]="getWelcomeBannerNextStepsTextClasses()" class="text-sm leading-relaxed">
+                        You've reached the final onboarding step! Once all metrics are profiled, you'll have complete context coverage. Symphiq will then generate unified recommendations that connect business goals to specific funnel improvements—showing exactly what to do next to drive growth.
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Metrics Grid -->
+          <symphiq-profile-analysis-card-grid
+              [viewMode]="viewMode()"
+              [cards]="genericCardData()"
+              [config]="metricCardConfig"
+              (cardClick)="handleCardClick($event)"
+          />
+        </div>
+      </div>
+
+      <!-- Search Modal -->
+      @if (showSearchModal()) {
+        <symphiq-search-modal
+            (closeModal)="handleCloseSearchModal()"
+        ></symphiq-search-modal>
+      }
+
+      <symphiq-tooltip-container/>
+    </div>
   `, styles: [".animated-bubbles{background:linear-gradient(135deg,#3b82f60d,#06b6d40d)}.animated-bubbles.light-mode{background:linear-gradient(135deg,#3b82f608,#06b6d408)}.animated-bubbles:before,.animated-bubbles:after{content:\"\";position:absolute;border-radius:50%;animation:float 20s infinite ease-in-out}.animated-bubbles:before{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles:after{width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}@keyframes review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse{animation:review-pulse 2s ease-in-out infinite}@keyframes status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge{animation:status-pop .3s ease-out;transition:all .3s ease-out}@keyframes alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse{animation:alert-pulse 1.5s ease-in-out infinite}\n"] }]
     }], null, { requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profileAnalyses: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalyses", required: false }] }], profileMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileMetrics", required: false }] }], itemStatusesProfileMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileMetric", required: false }] }], itemStatusesProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], account: [{ type: i0.Input, args: [{ isSignal: true, alias: "account", required: false }] }], profileMetricQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileMetricQuestions", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], navigateToProfileMetric: [{ type: i0.Output, args: ["navigateToProfileMetric"] }], navigateToProfileAnalysis: [{ type: i0.Output, args: ["navigateToProfileAnalysis"] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], answerMetricProfileQuestions: [{ type: i0.Output, args: ["answerMetricProfileQuestions"] }], continueMetricProfileQuestions: [{ type: i0.Output, args: ["continueMetricProfileQuestions"] }], profileQuestionAnswerSave: [{ type: i0.Output, args: ["profileQuestionAnswerSave"] }], metricProfileAdminAnswerAction: [{ type: i0.Output, args: ["metricProfileAdminAnswerAction"] }], onScroll: [{
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileMetricsAnalysesDashboardComponent, { className: "SymphiqProfileMetricsAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-metrics-dashboard/symphiq-profile-metrics-analyses-dashboard.component.ts", lineNumber: 366 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileMetricsAnalysesDashboardComponent, { className: "SymphiqProfileMetricsAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-metrics-dashboard/symphiq-profile-metrics-analyses-dashboard.component.ts", lineNumber: 376 }); })();
 
 const _c0$6 = () => [];
 function SymphiqProfileMetricDashboardComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
@@ -100261,9 +100807,10 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Template(r
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 24);
 } if (rf & 2) {
+    let tmp_5_0;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("metricName", ctx_r1.metricName())("isOnboarded", true);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("metricName", ctx_r1.metricName())("isOnboarded", true)("analysisDate", (tmp_5_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_5_0.selfContentCompletedDate);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.isLoading() ? 2 : -1);
 } }
@@ -101142,7 +101689,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
         } }, hostBindings: function SymphiqProfileAnalysisMetricDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisMetricDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], funnelMetric: [1, "funnelMetric"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], pacingResponse: [1, "pacingResponse"], targets: [1, "targets"], trendUiData: [1, "trendUiData"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick", viewMetricDetailsClick: "viewMetricDetailsClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 29, vars: 57, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [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"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], [3, "closed", "viewMode", "metricEnum", "metricData", "contributingMetrics", "pacingResponse", "trendChartData", "currencySymbol", "isOpen"], [1, "mb-12"], [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"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Metric Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewReportClick", "sections", "viewMode", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisMetricDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], funnelMetric: [1, "funnelMetric"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], pacingResponse: [1, "pacingResponse"], targets: [1, "targets"], trendUiData: [1, "trendUiData"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick", viewMetricDetailsClick: "viewMetricDetailsClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 29, vars: 58, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [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"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "closed", "viewMode", "metricEnum", "metricData", "contributingMetrics", "pacingResponse", "trendChartData", "currencySymbol", "isOpen"], [1, "mb-12"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], [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"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Metric Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewReportClick", "sections", "viewMode", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisMetricDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "div", 2);
@@ -101153,7 +101700,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             i0.ɵɵlistener("searchClick", function SymphiqProfileAnalysisMetricDashboardComponent_Template_symphiq_dashboard_header_searchClick_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openSearch()); })("viewModeClick", function SymphiqProfileAnalysisMetricDashboardComponent_Template_symphiq_dashboard_header_viewModeClick_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openViewModeSwitcher()); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(6, "main", 6);
-            i0.ɵɵconditionalCreate(7, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Template, 3, 4);
+            i0.ɵɵconditionalCreate(7, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Template, 3, 5);
             i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Template, 2, 2);
             i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Template, 3, 3);
             i0.ɵɵelementEnd();
@@ -101243,7 +101790,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("isLightMode", ctx.isLightMode());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_42_0 = ctx.profileAnalysis()) == null ? null : tmp_42_0.reviewStatus)("selfContentStatus", (tmp_43_0 = ctx.profileAnalysis()) == null ? null : tmp_43_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_42_0 = ctx.profileAnalysis()) == null ? null : tmp_42_0.reviewStatus)("selfContentStatus", (tmp_43_0 = ctx.profileAnalysis()) == null ? null : tmp_43_0.selfContentStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed())("isLoading", !!ctx.isLoading());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("viewMode", ctx.viewMode())("metricEnum", ctx.selectedMetricEnum())("metricData", ctx.selectedMetricData())("contributingMetrics", ctx.selectedContributingMetrics())("pacingResponse", ctx.pacingResponse())("trendChartData", ctx.revenueChartData())("currencySymbol", ctx.currencySymbol())("isOpen", ctx.isMetricReportOpen());
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent,
@@ -101356,6 +101903,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
                   [viewMode]="viewMode()"
                   [metricName]="metricName()"
                   [isOnboarded]="true"
+                  [analysisDate]="profileAnalysis()?.selfContentCompletedDate"
               />
             </div>
 
@@ -101651,6 +102199,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             [reviewStatus]="profileAnalysis()?.reviewStatus"
             [selfContentStatus]="profileAnalysis()?.selfContentStatus"
             [isMarkingAsReviewed]="isMarkingAsReviewed()"
+            [isLoading]="!!isLoading()"
             (markAsReviewedClick)="handleMarkAsReviewedClick()"
         />
 
@@ -101680,7 +102229,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisMetricDashboardComponent, { className: "SymphiqProfileAnalysisMetricDashboardComponent", filePath: "lib/components/profile-analysis-metric-dashboard/symphiq-profile-analysis-metric-dashboard.component.ts", lineNumber: 513 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisMetricDashboardComponent, { className: "SymphiqProfileAnalysisMetricDashboardComponent", filePath: "lib/components/profile-analysis-metric-dashboard/symphiq-profile-analysis-metric-dashboard.component.ts", lineNumber: 515 }); })();
 
 const _forTrack0$4 = ($index, $item) => $item.id;
 function ShopProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {