@eric-emg/symphiq-components 1.2.482 → 1.2.484

package/fesm2022/symphiq-components.mjs

@@ -1,4 +1,4 @@
-import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, MetricEnum, DimensionEnum, UiDataPeriodEnum, UiDataComparePeriodEnum, ChartTypeEnum, IconSourceEnum, ProfileAnalysisRecommendationPriorityEnum, ProfileItemTypeEnum, PriceVsCompetitorsEnum, DifferentiationStrengthEnum, ThreatLevelEnum, AiDynamicContentStatusEnum, normalizeToV3, FocusAreaDetailStatusEnum, FocusAreaDomainEnumUtil, FocusAreaDomainEnum, ShopDataLoadStatusEnum, MetricEnumUtil, NumberTypeEnum, LineChartUseCaseEnum, FunnelMetricTypeEnum, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, FocusAreaHealthEnum, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ProfileAnswerActionEnum, ChargebeeSubscriptionStatusEnumUtil, ProfileAnalysisTypeEnum, ProfileAnalysisReviewStatusEnum, BarChartUseCaseEnum } from '@jebgem/model';
+import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, MetricEnum, DimensionEnum, UiDataPeriodEnum, UiDataComparePeriodEnum, ChartTypeEnum, IconSourceEnum, ProfileAnalysisRecommendationPriorityEnum, ProfileItemTypeEnum, PriceVsCompetitorsEnum, DifferentiationStrengthEnum, ThreatLevelEnum, AiDynamicContentStatusEnum, normalizeToV3, FocusAreaDetailStatusEnum, FocusAreaDomainEnumUtil, FocusAreaDomainEnum, ShopDataLoadStatusEnum, MetricEnumUtil, NumberTypeEnum, LineChartUseCaseEnum, FunnelMetricTypeEnum, ProfileAnalysisReviewStatusEnum, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, FocusAreaHealthEnum, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ProfileAnswerActionEnum, ChargebeeSubscriptionStatusEnumUtil, ProfileAnalysisTypeEnum, BarChartUseCaseEnum } from '@jebgem/model';
 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, ViewChild, PLATFORM_ID, Inject, Input, afterNextRender, NgZone } from '@angular/core';
@@ -45998,7 +45998,7 @@ class IndeterminateSpinnerComponent {
         }, ...(ngDevMode ? [{ debugName: "dotSize" }] : []));
         this.containerClasses = computed(() => ({
             'w-10 h-10': this.size() === 'small',
-            'w-16 h-16': this.size() === 'medium',
+            'w-[60px] h-[60px]': this.size() === 'medium',
             'w-20 h-20': this.size() === 'large'
         }), ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
         this.trackClasses = computed(() => {
@@ -67432,17 +67432,120 @@ class CollapsibleSectionGroupComponent {
     }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleSectionGroupComponent, { className: "CollapsibleSectionGroupComponent", filePath: "lib/components/business-analysis-dashboard/collapsible-section-group.component.ts", lineNumber: 100 }); })();
 
+function MarkAsReviewedFooterComponent_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(0, "svg", 3);
+    i0.ɵɵelement(1, "circle", 4)(2, "path", 5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Marking as Reviewed...");
+    i0.ɵɵelementEnd();
+} }
+function MarkAsReviewedFooterComponent_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Mark Analysis as Reviewed");
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(2, "svg", 6);
+    i0.ɵɵelement(3, "path", 7);
+    i0.ɵɵelementEnd();
+} }
+function MarkAsReviewedFooterComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);
+    i0.ɵɵlistener("click", function MarkAsReviewedFooterComponent_Conditional_0_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleClick()); });
+    i0.ɵɵconditionalCreate(3, MarkAsReviewedFooterComponent_Conditional_0_Conditional_3_Template, 5, 0)(4, MarkAsReviewedFooterComponent_Conditional_0_Conditional_4_Template, 4, 0);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white/95 border-slate-200" : "bg-slate-900/95 border-slate-700/50");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isMarkingAsReviewed())("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-700 hover:via-cyan-700 hover:to-teal-700 hover:scale-[1.02] hover:shadow-blue-600/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100" : "bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-500 hover:via-cyan-500 hover:to-teal-500 hover:scale-[1.02] hover:shadow-blue-500/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isMarkingAsReviewed() ? 3 : 4);
+} }
+class MarkAsReviewedFooterComponent {
+    constructor() {
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.reviewStatus = input(...(ngDevMode ? [undefined, { debugName: "reviewStatus" }] : []));
+        this.isMarkingAsReviewed = input(false, ...(ngDevMode ? [{ debugName: "isMarkingAsReviewed" }] : []));
+        this.markAsReviewedClick = output();
+        this.shouldShowFooter = computed(() => {
+            return this.reviewStatus() === ProfileAnalysisReviewStatusEnum.NOT_REVIEWED;
+        }, ...(ngDevMode ? [{ debugName: "shouldShowFooter" }] : []));
+        this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
+    }
+    handleClick() {
+        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"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { markAsReviewedClick: "markAsReviewedClick" }, decls: 1, vars: 1, consts: [[1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "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);
+        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MarkAsReviewedFooterComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-mark-as-reviewed-footer',
+                standalone: true,
+                imports: [CommonModule],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    @if (shouldShowFooter()) {
+      <div
+        [ngClass]="isLightMode() ? 'bg-white/95 border-slate-200' : 'bg-slate-900/95 border-slate-700/50'"
+        class="fixed bottom-0 left-0 right-0 z-50 border-t backdrop-blur-lg"
+      >
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
+          <button
+            type="button"
+            [disabled]="isMarkingAsReviewed()"
+            (click)="handleClick()"
+            [ngClass]="isLightMode()
+              ? 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-700 hover:via-cyan-700 hover:to-teal-700 hover:scale-[1.02] hover:shadow-blue-600/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100'
+              : 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-500 hover:via-cyan-500 hover:to-teal-500 hover:scale-[1.02] hover:shadow-blue-500/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100'"
+            class="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"
+          >
+            @if (isMarkingAsReviewed()) {
+              <svg class="w-6 h-6 animate-spin" fill="none" viewBox="0 0 24 24">
+                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                <path class="opacity-75" 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"></path>
+              </svg>
+              <span>Marking as Reviewed...</span>
+            } @else {
+              <span>Mark Analysis as Reviewed</span>
+              <svg
+                class="w-6 h-6 transition-transform duration-200 group-hover:translate-x-1"
+                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>
+            }
+          </button>
+        </div>
+      </div>
+    }
+  `
+            }]
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], reviewStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "reviewStatus", required: false }] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], 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: 49 }); })();
+
 const _c0$u = () => [];
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 8)(1, "symphiq-search-button", 20);
+    i0.ɵɵelementStart(0, "div", 8)(1, "symphiq-search-button", 21);
     i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template_symphiq_search_button_searchClick_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openSearch()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 21);
+    i0.ɵɵelementStart(2, "button", 22);
     i0.ɵɵlistener("click", function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openViewModeSwitcher()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(3, "svg", 22);
-    i0.ɵɵelement(4, "path", 23)(5, "path", 24);
+    i0.ɵɵelementStart(3, "svg", 23);
+    i0.ɵɵelement(4, "path", 24)(5, "path", 25);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(6, "span");
@@ -67458,10 +67561,10 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template(rf, c
     i0.ɵɵtextInterpolate(ctx_r1.displayModeLabel());
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_22_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 25);
+    i0.ɵɵelementStart(0, "span", 26);
     i0.ɵɵtext(1, "\u203A");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 25);
+    i0.ɵɵelementStart(2, "span", 26);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -67475,7 +67578,7 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_22_Conditional_3_
     i0.ɵɵtextInterpolate1(" ", ctx_r1.currentSubsectionTitle(), " ");
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "span", 25);
+    i0.ɵɵelementStart(0, "div", 12)(1, "span", 26);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(3, SymphiqBusinessAnalysisDashboardComponent_Conditional_22_Conditional_3_Template, 4, 11);
@@ -67492,14 +67595,14 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_22_Template(rf, c
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-search-button", 26);
+    i0.ɵɵelementStart(0, "symphiq-search-button", 27);
     i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_23_Template_symphiq_search_button_searchClick_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openSearch()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "button", 27);
+    i0.ɵɵelementStart(1, "button", 28);
     i0.ɵɵlistener("click", function SymphiqBusinessAnalysisDashboardComponent_Conditional_23_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openViewModeSwitcher()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 22);
-    i0.ɵɵelement(3, "path", 23)(4, "path", 24);
+    i0.ɵɵelementStart(2, "svg", 23);
+    i0.ɵɵelement(3, "path", 24)(4, "path", 25);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -67509,7 +67612,7 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_23_Template(rf, c
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 28);
+    i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 29);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -67518,7 +67621,7 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Template(rf, c
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 31);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 32);
     i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -67526,8 +67629,8 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.JourneyStepIdEnum.BUSINESS_ANALYSIS)("showNextStepAction", false)("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 29);
-    i0.ɵɵelement(1, "symphiq-content-generation-progress-with-confetti", 30);
+    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 30);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress-with-confetti", 31);
 } if (rf & 2) {
     let tmp_4_0;
     let tmp_6_0;
@@ -67538,7 +67641,7 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Template(rf, c
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 31);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 32);
     i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_0_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_0_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -67547,15 +67650,15 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_0_
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_0_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 29);
-    i0.ɵɵelementStart(1, "div", 6)(2, "div", 32);
-    i0.ɵɵelement(3, "symphiq-welcome-banner", 33);
+    i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_0_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 30);
+    i0.ɵɵelementStart(1, "div", 6)(2, "div", 33);
+    i0.ɵɵelement(3, "symphiq-welcome-banner", 34);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 32)(5, "symphiq-recommendations-tiled-grid", 34);
+    i0.ɵɵelementStart(4, "div", 33)(5, "symphiq-recommendations-tiled-grid", 35);
     i0.ɵɵlistener("viewMoreClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_0_Template_symphiq_recommendations_tiled_grid_viewMoreClick_5_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openRecommendationDetailsModal($event)); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "div");
-    i0.ɵɵelement(7, "symphiq-collapsible-section-group", 35);
+    i0.ɵɵelement(7, "symphiq-collapsible-section-group", 36);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_4_0;
@@ -67569,8 +67672,8 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_0_
     i0.ɵɵproperty("sections", ctx_r1.nonRecommendationSections())("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_1_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37);
-    i0.ɵɵelement(1, "symphiq-section-divider", 38);
+    i0.ɵɵelementStart(0, "div", 38);
+    i0.ɵɵelement(1, "symphiq-section-divider", 39);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ɵ$index_113_r7 = i0.ɵɵnextContext().$index;
@@ -67579,8 +67682,8 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_1_
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("subsections", ctx_r1.sections()[ɵ$index_113_r7 + 1].subsections || i0.ɵɵpureFunction0(2, _c0$u));
 } }
 function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-profile-section", 36);
-    i0.ɵɵconditionalCreate(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_1_For_1_Conditional_1_Template, 2, 3, "div", 37);
+    i0.ɵɵelement(0, "symphiq-profile-section", 37);
+    i0.ɵɵconditionalCreate(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Conditional_1_For_1_Conditional_1_Template, 2, 3, "div", 38);
 } if (rf & 2) {
     const section_r8 = ctx.$implicit;
     const ɵ$index_113_r7 = ctx.$index;
@@ -67640,15 +67743,30 @@ class SymphiqBusinessAnalysisDashboardComponent {
         this.forDemo = input(false, ...(ngDevMode ? [{ debugName: "forDemo" }] : []));
         this.maxAccessibleStepId = input(undefined, ...(ngDevMode ? [{ debugName: "maxAccessibleStepId" }] : []));
         this.itemStatus = input(...(ngDevMode ? [undefined, { debugName: "itemStatus" }] : []));
+        this.isMarkingAsReviewed = input(false, ...(ngDevMode ? [{ debugName: "isMarkingAsReviewed" }] : []));
         this.stepClick = output();
         this.nextStepClick = output();
+        this.markAsReviewedClick = output();
         this.JourneyStepIdEnum = JourneyStepIdEnum;
         this.AiDynamicContentStatusEnum = AiDynamicContentStatusEnum;
-        this.showNextStepAction = computed(() => this.profile()?.selfContentStatus === AiDynamicContentStatusEnum.GENERATED, ...(ngDevMode ? [{ debugName: "showNextStepAction" }] : []));
+        this.showNextStepAction = computed(() => {
+            const profile = this.profile();
+            if (!profile)
+                return false;
+            const contentGenerated = profile.selfContentStatus === AiDynamicContentStatusEnum.GENERATED;
+            const isReviewed = profile.reviewStatus === ProfileAnalysisReviewStatusEnum.REVIEWED;
+            return contentGenerated && isReviewed;
+        }, ...(ngDevMode ? [{ debugName: "showNextStepAction" }] : []));
         this.isContentGenerating = computed(() => {
             const status = this.profile()?.selfContentStatus;
             return status === AiDynamicContentStatusEnum.REQUESTED || status === AiDynamicContentStatusEnum.GENERATING;
         }, ...(ngDevMode ? [{ debugName: "isContentGenerating" }] : []));
+        this.shouldShowReviewFooter = computed(() => {
+            const profile = this.profile();
+            if (!profile)
+                return false;
+            return profile.reviewStatus === ProfileAnalysisReviewStatusEnum.NOT_REVIEWED;
+        }, ...(ngDevMode ? [{ debugName: "shouldShowReviewFooter" }] : []));
         this.headerScrollService = inject(HeaderScrollService);
         this.lookupService = inject(ProfileItemLookupService);
         this.navigationService = inject(NavigationStateService);
@@ -67796,6 +67914,9 @@ class SymphiqBusinessAnalysisDashboardComponent {
             this.closeViewModeSwitcher();
         }, 500);
     }
+    handleMarkAsReviewedClick() {
+        this.markAsReviewedClick.emit();
+    }
     openRecommendationDetailsModal(recommendation) {
         const itemAdapter = {
             ...recommendation,
@@ -68120,7 +68241,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"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 35, vars: 58, consts: [[3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-2"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [1, "flex", "items-center", "gap-4"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [1, "relative"], [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, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["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, "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: 36, vars: 63, consts: [[3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-2"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [1, "flex", "items-center", "gap-4"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [1, "relative"], [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", "isMarkingAsReviewed"], [3, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["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, "mb-8"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMoreClick", "recommendations", "viewMode"], [3, "sections", "viewMode"], [3, "section", "viewMode", "forceExpanded"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8"], [3, "viewMode", "subsections"]], template: function SymphiqBusinessAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div");
             i0.ɵɵelement(2, "div", 1);
             i0.ɵɵelementEnd();
@@ -68156,12 +68277,16 @@ class SymphiqBusinessAnalysisDashboardComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(34, "symphiq-view-mode-switcher-modal", 19);
             i0.ɵɵlistener("close", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_close_34_listener() { return ctx.closeViewModeSwitcher(); })("modeSelected", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_modeSelected_34_listener($event) { return ctx.handleDisplayModeChange($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(35, "symphiq-mark-as-reviewed-footer", 20);
+            i0.ɵɵlistener("markAsReviewedClick", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_mark_as_reviewed_footer_markAsReviewedClick_35_listener() { return ctx.handleMarkAsReviewedClick(); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             let tmp_13_0;
             let tmp_15_0;
             let tmp_23_0;
             let tmp_25_0;
+            let tmp_45_0;
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
             i0.ɵɵadvance();
             i0.ɵɵclassMap(ctx.embedded() ? "sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30" : "fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30");
@@ -68196,7 +68321,9 @@ class SymphiqBusinessAnalysisDashboardComponent {
             i0.ɵɵconditional(!ctx.isSimplifiedView() ? 22 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(((tmp_25_0 = ctx.profile()) == null ? null : tmp_25_0.selfContentStatus) === ctx.AiDynamicContentStatusEnum.GENERATED ? 23 : -1);
-            i0.ɵɵadvance(2);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("pb-32", ctx.shouldShowReviewFooter());
+            i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isLoading() ? 25 : ctx.isContentGenerating() ? 26 : 27);
             i0.ɵɵadvance(3);
             i0.ɵɵconditional(!ctx.isSimplifiedView() ? 28 : -1);
@@ -68210,11 +68337,13 @@ class SymphiqBusinessAnalysisDashboardComponent {
             i0.ɵɵproperty("isLightMode", ctx.isLightMode())("isOpen", ctx.searchService.isSearchOpen())("searchQuery", ctx.searchService.getSearchQuery())("results", ctx.searchService.searchResults())("hasResults", ctx.searchService.hasResults())("selectedIndex", ctx.selectedSearchIndex())("placeholder", "Search sections, items, and analysis...");
             i0.ɵɵadvance();
             i0.ɵɵproperty("isOpen", ctx.isViewModeSwitcherOpen())("currentMode", ctx.displayMode())("viewMode", ctx.viewMode())("isLoading", ctx.isViewModeSwitching());
-        } }, dependencies: [CommonModule, i1$1.NgClass, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, SearchButtonComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent, ContentGenerationProgressWithConfettiComponent, IndeterminateSpinnerComponent], 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 }); }
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_45_0 = ctx.profile()) == null ? null : tmp_45_0.reviewStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
+        } }, dependencies: [CommonModule, i1$1.NgClass, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, SearchButtonComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent, ContentGenerationProgressWithConfettiComponent, IndeterminateSpinnerComponent, MarkAsReviewedFooterComponent], styles: ["[_nghost-%COMP%]{display:block}@keyframes _ngcontent-%COMP%_spin{to{transform:rotate(360deg)}}@keyframes _ngcontent-%COMP%_pulse-highlight{0%,to{transform:scale(1);box-shadow:0 0 #3b82f6b3}50%{transform:scale(1.02);box-shadow:0 0 20px 8px #3b82f64d}}[_nghost-%COMP%]     .search-highlight-pulse{animation:_ngcontent-%COMP%_pulse-highlight 2s ease-in-out;border-color:#3b82f6!important}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqBusinessAnalysisDashboardComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-business-analysis-dashboard', standalone: true, imports: [CommonModule, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, SearchButtonComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent, ContentGenerationProgressWithConfettiComponent, IndeterminateSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        args: [{ selector: 'symphiq-business-analysis-dashboard', standalone: true, imports: [CommonModule, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, SearchButtonComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent, ContentGenerationProgressWithConfettiComponent, IndeterminateSpinnerComponent, MarkAsReviewedFooterComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div [ngClass]="getContainerClasses()">
       <!-- Scroll Progress Bar (fixed at top) -->
       <div [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
@@ -68326,7 +68455,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
           </div>
         </header>
 
-        <main class="relative">
+        <main class="relative" [class.pb-32]="shouldShowReviewFooter()">
           @if (isLoading()) {
             <!-- Pure Loading State -->
             <div class="flex items-center justify-center min-h-[60vh]">
@@ -68466,16 +68595,24 @@ class SymphiqBusinessAnalysisDashboardComponent {
         (close)="closeViewModeSwitcher()"
         (modeSelected)="handleDisplayModeChange($event)"
       />
+
+      <!-- Mark as Reviewed Sticky Footer -->
+      <symphiq-mark-as-reviewed-footer
+        [viewMode]="viewMode()"
+        [reviewStatus]="profile()?.reviewStatus"
+        [isMarkingAsReviewed]="isMarkingAsReviewed()"
+        (markAsReviewedClick)="handleMarkAsReviewedClick()"
+      />
     </div>
   `, styles: [":host{display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-highlight{0%,to{transform:scale(1);box-shadow:0 0 #3b82f6b3}50%{transform:scale(1.02);box-shadow:0 0 20px 8px #3b82f64d}}:host ::ng-deep .search-highlight-pulse{animation:pulse-highlight 2s ease-in-out;border-color:#3b82f6!important}\n"] }]
-    }], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], itemStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatus", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], onScroll: [{
+    }], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], itemStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatus", required: false }] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], markAsReviewedClick: [{ type: i0.Output, args: ["markAsReviewedClick"] }], onScroll: [{
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }], handleKeyDown: [{
             type: HostListener,
             args: ['document:keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 340 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 350 }); })();
 
 function DashboardHeaderComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 6);
@@ -97235,39 +97372,6 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_22_Templa
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("opportunity", data_r18.opportunity)("viewMode", data_r18.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
 } }
-function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 54);
-    i0.ɵɵelement(1, "circle", 55)(2, "path", 56);
-    i0.ɵɵelementEnd();
-    i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span");
-    i0.ɵɵtext(4, "Marking as Reviewed...");
-    i0.ɵɵelementEnd();
-} }
-function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1, "Mark Analysis as Reviewed");
-    i0.ɵɵelementEnd();
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 57);
-    i0.ɵɵelement(3, "path", 58);
-    i0.ɵɵelementEnd();
-} }
-function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 19)(1, "div", 52)(2, "button", 53);
-    i0.ɵɵlistener("click", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleMarkAsReviewedClick()); });
-    i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Conditional_3_Template, 5, 0)(4, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Conditional_4_Template, 4, 0);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white/95 border-slate-200" : "bg-slate-900/95 border-slate-700/50");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r1.isMarkingAsReviewed())("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-700 hover:via-cyan-700 hover:to-teal-700 hover:scale-[1.02] hover:shadow-blue-600/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100" : "bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-500 hover:via-cyan-500 hover:to-teal-500 hover:scale-[1.02] hover:shadow-blue-500/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isMarkingAsReviewed() ? 3 : 4);
-} }
 class SymphiqProfileAnalysisFocusAreaDashboardComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -97718,7 +97822,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: 27, vars: 43, consts: [["funnelModalComponent", ""], [1, "min-h-screen", "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [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"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [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"], [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 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: 27, vars: 45, consts: [["funnelModalComponent", ""], [1, "min-h-screen", "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [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, "markAsReviewedClick", "viewMode", "reviewStatus", "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) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "div", 2);
@@ -97752,7 +97856,9 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵconditionalCreate(22, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_22_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 18);
             i0.ɵɵelementEnd();
             i0.ɵɵelement(23, "symphiq-funnel-analysis-modal", null, 0);
-            i0.ɵɵconditionalCreate(25, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Template, 5, 4, "div", 19);
+            i0.ɵɵelementStart(25, "symphiq-mark-as-reviewed-footer", 19);
+            i0.ɵɵlistener("markAsReviewedClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template_symphiq_mark_as_reviewed_footer_markAsReviewedClick_25_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMarkAsReviewedClick()); });
+            i0.ɵɵelementEnd();
             i0.ɵɵelement(26, "symphiq-tooltip-container");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
@@ -97765,6 +97871,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             let tmp_36_0;
             let tmp_37_0;
             let tmp_38_0;
+            let tmp_40_0;
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
             i0.ɵɵadvance();
             i0.ɵɵclassProp("light-mode", ctx.isLightMode());
@@ -97810,7 +97917,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional((tmp_38_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 22 : -1, tmp_38_0);
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.shouldShowReviewFooter() ? 25 : -1);
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("reviewStatus", (tmp_40_0 = ctx.profileAnalysis()) == null ? null : tmp_40_0.reviewStatus)("isMarkingAsReviewed", ctx.isMarkingAsReviewed());
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent,
             SearchModalComponent,
             ViewModeSwitcherModalComponent,
@@ -97836,7 +97943,8 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             StrategicGoalsTiledGridComponent,
             CollapsibleAnalysisSectionGroupComponent,
             ContentGenerationProgressComponent,
-            IndeterminateSpinnerComponent], encapsulation: 2, changeDetection: 0 }); }
+            IndeterminateSpinnerComponent,
+            MarkAsReviewedFooterComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileAnalysisFocusAreaDashboardComponent, [{
         type: Component,
@@ -97870,7 +97978,8 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
                     StrategicGoalsTiledGridComponent,
                     CollapsibleAnalysisSectionGroupComponent,
                     ContentGenerationProgressComponent,
-                    IndeterminateSpinnerComponent
+                    IndeterminateSpinnerComponent,
+                    MarkAsReviewedFooterComponent
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
@@ -98196,42 +98305,12 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
         />
 
         <!-- Mark as Reviewed Sticky Footer -->
-        @if (shouldShowReviewFooter()) {
-          <div
-            [ngClass]="isLightMode() ? 'bg-white/95 border-slate-200' : 'bg-slate-900/95 border-slate-700/50'"
-            class="fixed bottom-0 left-0 right-0 z-50 border-t backdrop-blur-lg"
-          >
-            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
-              <button
-                type="button"
-                [disabled]="isMarkingAsReviewed()"
-                (click)="handleMarkAsReviewedClick()"
-                [ngClass]="isLightMode()
-                  ? 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-700 hover:via-cyan-700 hover:to-teal-700 hover:scale-[1.02] hover:shadow-blue-600/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100'
-                  : 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-500 hover:via-cyan-500 hover:to-teal-500 hover:scale-[1.02] hover:shadow-blue-500/25 active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed disabled:hover:scale-100'"
-                class="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"
-              >
-                @if (isMarkingAsReviewed()) {
-                  <svg class="w-6 h-6 animate-spin" fill="none" viewBox="0 0 24 24">
-                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-                    <path class="opacity-75" 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"></path>
-                  </svg>
-                  <span>Marking as Reviewed...</span>
-                } @else {
-                  <span>Mark Analysis as Reviewed</span>
-                  <svg
-                    class="w-6 h-6 transition-transform duration-200 group-hover:translate-x-1"
-                    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>
-                }
-              </button>
-            </div>
-          </div>
-        }
+        <symphiq-mark-as-reviewed-footer
+            [viewMode]="viewMode()"
+            [reviewStatus]="profileAnalysis()?.reviewStatus"
+            [isMarkingAsReviewed]="isMarkingAsReviewed()"
+            (markAsReviewedClick)="handleMarkAsReviewedClick()"
+        />
 
         <!-- Tooltip Container -->
         <symphiq-tooltip-container />
@@ -98246,7 +98325,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: 508 }); })();
+(() => { (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: 480 }); })();
 
 const _forTrack0$4 = ($index, $item) => $item.id;
 function ShopProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {