@eric-emg/symphiq-components 1.2.474 → 1.2.476

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, 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, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, FocusAreaHealthEnum, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ProfileAnswerActionEnum, ChargebeeSubscriptionStatusEnumUtil, ProfileAnalysisTypeEnum, ProfileAnalysisReviewStatusEnum, 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';
@@ -90938,7 +90938,7 @@ function ProfileStatusCardComponent_Conditional_26_Conditional_1_Template(rf, ct
 function ProfileStatusCardComponent_Conditional_26_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 27);
-    i0.ɵɵlistener("click", function ProfileStatusCardComponent_Conditional_26_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.adminAnswerAction.emit(true)); });
+    i0.ɵɵlistener("click", function ProfileStatusCardComponent_Conditional_26_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleAdminAnswerAll()); });
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 28);
     i0.ɵɵelement(2, "path", 30);
@@ -91188,14 +91188,21 @@ class ProfileStatusCardComponent {
         const wasUnanswered = questionBeingAnswered && questionBeingAnswered.answered !== true;
         const unansweredCount = this.unansweredQuestions();
         if (wasUnanswered && unansweredCount === 1) {
-            this.confettiService.trigger({
-                intensity: 'celebration',
-                viewMode: this.viewMode()
-            });
+            this.triggerConfetti();
             event.profileCompleted = true;
         }
         this.answerSave.emit(event);
     }
+    triggerConfetti() {
+        this.confettiService.trigger({
+            intensity: 'celebration',
+            viewMode: this.viewMode()
+        });
+    }
+    handleAdminAnswerAll() {
+        this.triggerConfetti();
+        this.adminAnswerAction.emit(true);
+    }
     formatCategoryName(category) {
         const formatter = this.categoryNameFormatter();
         if (formatter) {
@@ -91514,7 +91521,7 @@ class ProfileStatusCardComponent {
             @if (unansweredQuestions() > 0) {
               <button
                 type="button"
-                (click)="adminAnswerAction.emit(true)"
+                (click)="handleAdminAnswerAll()"
                 class="flex items-center gap-2 px-4 py-2 rounded-lg border-2 border-violet-500/70 bg-transparent text-violet-400 hover:bg-violet-500/10 transition-colors"
               >
                 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -95383,7 +95390,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: 69, vars: 29, consts: [[1, "min-h-screen", "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"], [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"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "p-6", "flex-1"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-3", "py-1", "bg-green-100", "dark:bg-green-900/30", "text-green-700", "dark:text-green-400", "text-xs", "font-semibold", "rounded-full"], ["tooltipPosition", "bottom", 3, "libSymphiqTooltip"], [1, "mt-3", "mb-2"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2", "cursor-pointer"], [1, "px-6", "pb-4"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "space-y-2", "cursor-pointer", 3, "click"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"], [3, "itemStatus", "viewMode", "compact", "compactTitle"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "hover:text-blue-500", "dark:hover:text-blue-400", "hover:translate-x-1", "transition-all"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"], [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: 69, vars: 29, consts: [[1, "min-h-screen", "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"], [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"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "p-6", "flex-1"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-3", "py-1", "bg-green-100", "dark:bg-green-900/30", "text-green-700", "dark:text-green-400", "text-xs", "font-semibold", "rounded-full"], ["tooltipPosition", "bottom", 3, "libSymphiqTooltip"], [1, "mt-3", "mb-4"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2", "cursor-pointer", "mt-4"], [1, "px-6", "pb-4"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "space-y-2", "cursor-pointer", "mt-4", 3, "click"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"], [3, "itemStatus", "viewMode", "compact", "compactTitle"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "hover:text-blue-500", "dark:hover:text-blue-400", "hover:translate-x-1", "transition-all"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"], [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);
@@ -95677,7 +95684,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                   </p>
 
                   @if (focusArea.engagementStatus === FocusAreaDetailStatusEnum.ENGAGED && focusArea.tools.length > 0) {
-                    <div class="mt-3 mb-2">
+                    <div class="mt-3 mb-4">
                       <div class="flex items-center gap-2">
                         <span [ngClass]="getToolsLabelClasses()" class="text-xs font-medium">Marketing Tools:</span>
                         <div class="flex flex-wrap gap-1.5">
@@ -95697,7 +95704,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                       <span class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
                     </div>
                   } @else if ((focusArea.selfContentStatusProfileFocusArea === AiDynamicContentStatusEnum.GENERATED && (focusArea.selfContentStatusProfileAnalysis === null || focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED)) || focusArea.status !== 'pending') {
-                    <div class="space-y-2 cursor-pointer" (click)="handleFooterClick(focusArea.profileFocusArea)">
+                    <div class="space-y-2 cursor-pointer mt-4" (click)="handleFooterClick(focusArea.profileFocusArea)">
                       <div class="flex items-center justify-between text-sm">
                         <span [class]="getLabelClasses()">Profile progress</span>
                         <span [class]="getValueClasses()">
@@ -96497,12 +96504,12 @@ class FocusAreaWelcomeBannerComponent {
 const _c0$5 = ["funnelModalComponent"];
 const _forTrack0$5 = ($index, $item) => $item.id;
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
-    i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 23);
-    i0.ɵɵelementStart(3, "div", 24)(4, "h3", 25);
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
+    i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 24);
+    i0.ɵɵelementStart(3, "div", 25)(4, "h3", 26);
     i0.ɵɵtext(5, " Loading Your Focus Area Analysis ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 26);
+    i0.ɵɵelementStart(6, "p", 27);
     i0.ɵɵtext(7, " Please wait while we prepare your personalized insights... ");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -96516,10 +96523,10 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditi
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵelement(1, "symphiq-focus-area-welcome-banner", 20);
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵelement(1, "symphiq-focus-area-welcome-banner", 21);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 21);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_2_Template, 8, 4, "div", 22);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
@@ -96528,8 +96535,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Templat
     i0.ɵɵconditional(ctx_r1.isLoading() ? 2 : -1);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵelement(1, "symphiq-content-generation-progress", 30);
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵelement(1, "symphiq-content-generation-progress", 31);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -96539,7 +96546,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 31);
+    i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 32);
     i0.ɵɵlistener("viewMoreClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template_symphiq_strategic_goals_tiled_grid_viewMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openGoalModal($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -96547,8 +96554,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
     i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_1_Template, 2, 3, "div", 28)(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 29);
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_1_Template, 2, 3, "div", 29)(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Conditional_2_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 30);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -96557,7 +96564,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 32);
+    i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 33);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -96565,7 +96572,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
     i0.ɵɵproperty("sections", ctx_r1.nonStrategicSections())("viewMode", ctx_r1.viewMode())("focusAreaExecutiveSummary", ctx_r1.focusAreaExecutiveSummary())("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template, 3, 1, "div", 27);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template, 3, 1, "div", 28);
     i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_1_Template, 2, 8, "div");
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -96575,7 +96582,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Templat
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 35);
+    i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 36);
     i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_focus_area_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_focus_area_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -96583,21 +96590,21 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("allGoals", ctx_r1.allGoals());
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 36);
+    i0.ɵɵelement(0, "symphiq-section-divider", 37);
 } if (rf & 2) {
     const sectionList_r5 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r5[0].icon);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider", 36);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider", 37);
 } if (rf & 2) {
     const sectionList_r5 = ctx;
     i0.ɵɵconditional(sectionList_r5.length > 0 && sectionList_r5[0].icon ? 0 : -1);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39);
-    i0.ɵɵelement(1, "symphiq-icon", 44);
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵelement(1, "symphiq-icon", 45);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r6 = i0.ɵɵnextContext().$implicit;
@@ -96607,8 +96614,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵproperty("icon", section_r6.icon);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 48);
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 49);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r6 = i0.ɵɵnextContext(2).$implicit;
@@ -96617,7 +96624,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵproperty("visual", section_r6.visual)("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 49)(1, "p", 50);
+    i0.ɵɵelementStart(0, "div", 50)(1, "p", 51);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -96630,9 +96637,9 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵtextInterpolate1(" ", section_r6.description, " ");
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 45);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 46);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 47);
+    i0.ɵɵelementStart(0, "div", 46);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 47);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 48);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r6 = i0.ɵɵnextContext();
@@ -96645,7 +96652,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵconditional(section_r6.description ? 2 : -1);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 36);
+    i0.ɵɵelement(0, "symphiq-section-divider", 37);
 } if (rf & 2) {
     const ɵ$index_63_r8 = i0.ɵɵnextContext().$index;
     const sectionList_r9 = i0.ɵɵnextContext();
@@ -96653,15 +96660,15 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r9[ɵ$index_63_r8 + 1].icon);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37)(1, "div", 38);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div", 39);
-    i0.ɵɵelementStart(3, "div", 40)(4, "h3", 41);
+    i0.ɵɵelementStart(0, "div", 38)(1, "div", 39);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div", 40);
+    i0.ɵɵelementStart(3, "div", 41)(4, "h3", 42);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div", 42);
-    i0.ɵɵelement(7, "symphiq-profile-section-content", 43);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div", 43);
+    i0.ɵɵelement(7, "symphiq-profile-section-content", 44);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 36);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 37);
 } if (rf & 2) {
     const section_r6 = ctx.$implicit;
     const ɵ$index_63_r8 = ctx.$index;
@@ -96682,7 +96689,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵconditional(!(ɵ$index_63_r8 === ɵ$count_63_r10 - 1) ? 8 : -1);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 34);
+    i0.ɵɵelementStart(0, "section", 35);
     i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_For_2_Template, 9, 15, null, null, _forTrack0$5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -96690,9 +96697,9 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditi
     i0.ɵɵrepeater(ctx);
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template, 1, 3, "symphiq-focus-area-executive-summary", 33);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_0_Template, 1, 3, "symphiq-focus-area-executive-summary", 34);
     i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_1_Template, 1, 1);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_Template, 3, 0, "section", 34);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Conditional_2_Template, 3, 0, "section", 35);
 } if (rf & 2) {
     let tmp_2_0;
     let tmp_3_0;
@@ -96769,6 +96776,39 @@ 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" }] : []));
@@ -96782,7 +96822,9 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
         this.scrollElement = input(null, ...(ngDevMode ? [{ debugName: "scrollElement" }] : []));
         this.focusAreaDetails = input(...(ngDevMode ? [undefined, { debugName: "focusAreaDetails" }] : []));
         this.itemStatusProfileAnalysis = input(...(ngDevMode ? [undefined, { debugName: "itemStatusProfileAnalysis" }] : []));
+        this.isMarkingAsReviewed = input(false, ...(ngDevMode ? [{ debugName: "isMarkingAsReviewed" }] : []));
         this.nextStepClick = output();
+        this.markAsReviewedClick = output();
         this.funnelAnalysisSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "funnelAnalysisSignal" }] : []));
         this.headerScrollService = inject(HeaderScrollService);
         this.modalService = inject(ModalService);
@@ -96809,6 +96851,12 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
         this.shouldShowHeaderControls = computed(() => {
             return !!this.profileAnalysis();
         }, ...(ngDevMode ? [{ debugName: "shouldShowHeaderControls" }] : []));
+        this.shouldShowReviewFooter = computed(() => {
+            const profileAnalysis = this.profileAnalysis();
+            if (!profileAnalysis)
+                return false;
+            return profileAnalysis.reviewStatus === ProfileAnalysisReviewStatusEnum.NOT_REVIEWED;
+        }, ...(ngDevMode ? [{ debugName: "shouldShowReviewFooter" }] : []));
         this.COLLAPSE_THRESHOLD = 20;
         this.EXPAND_THRESHOLD = 10;
         this.embeddedScrollEffect = effect(() => {
@@ -97073,6 +97121,9 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
     closeViewModeSwitcher() {
         this.isViewModeSwitcherOpen.set(false);
     }
+    handleMarkAsReviewedClick() {
+        this.markAsReviewedClick.emit();
+    }
     openGoalModal(goal) {
         this.modalService.navigateToGoalDetail(goal, this.viewMode());
     }
@@ -97208,7 +97259,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"] }, outputs: { nextStepClick: "nextStepClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 26, vars: 40, 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, "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: 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) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "div", 2);
@@ -97241,12 +97292,12 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵconditionalCreate(21, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_21_Template, 1, 5, "symphiq-gap-detail-modal-content", 17);
             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)(25, "symphiq-tooltip-container");
+            i0.ɵɵelement(23, "symphiq-funnel-analysis-modal", null, 0);
+            i0.ɵɵconditionalCreate(25, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_25_Template, 5, 4, "div", 19);
+            i0.ɵɵelement(26, "symphiq-tooltip-container");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            let tmp_6_0;
             let tmp_13_0;
-            let tmp_30_0;
             let tmp_31_0;
             let tmp_32_0;
             let tmp_33_0;
@@ -97254,6 +97305,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             let tmp_35_0;
             let tmp_36_0;
             let tmp_37_0;
+            let tmp_38_0;
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
             i0.ɵɵadvance();
             i0.ɵɵclassProp("light-mode", ctx.isLightMode());
@@ -97263,8 +97315,10 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵstyleProp("width", ctx.scrollProgress(), "%");
             i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-to-r from-blue-500 to-purple-500" : "bg-gradient-to-r from-blue-400 to-purple-400");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("title", ((tmp_6_0 = ctx.profileAnalysis()) == null ? null : tmp_6_0.profileAnalysisStructured == null ? null : tmp_6_0.profileAnalysisStructured.businessName) || "Focus Area Analysis")("subtitle", ctx.getAnalysisSubtitle())("currentSection", ctx.getAnalysisSubtitle())("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_13_0 = ctx.profileAnalysis()) == null ? null : tmp_13_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls());
-            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("title", ctx.getAnalysisSubtitle())("subtitle", "")("currentSection", "Focus Area")("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_13_0 = ctx.profileAnalysis()) == null ? null : tmp_13_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls());
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("pb-32", ctx.shouldShowReviewFooter());
+            i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isSimplifiedView() ? 7 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isSimplifiedView() ? 8 : -1);
@@ -97281,21 +97335,23 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allBusinessInsights", ctx.allBusinessInsights())("allCharts", ctx.allCharts());
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_30_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 15 : -1, tmp_30_0);
+            i0.ɵɵconditional((tmp_31_0 = ctx.modalType() === "goal-detail" && ctx.getGoalDetailData()) ? 15 : -1, tmp_31_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_31_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 16 : -1, tmp_31_0);
+            i0.ɵɵconditional((tmp_32_0 = ctx.modalType() === "goal-objectives" && ctx.getGoalDetailData()) ? 16 : -1, tmp_32_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_32_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 17 : -1, tmp_32_0);
+            i0.ɵɵconditional((tmp_33_0 = ctx.modalType() === "objective-strategies" && ctx.getObjectiveStrategiesData()) ? 17 : -1, tmp_33_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_33_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 18 : -1, tmp_33_0);
+            i0.ɵɵconditional((tmp_34_0 = ctx.modalType() === "strategy-recommendations" && ctx.getStrategyRecommendationsData()) ? 18 : -1, tmp_34_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_34_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 19 : -1, tmp_34_0);
+            i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "category-detail" && ctx.getCategoryDetailData()) ? 19 : -1, tmp_35_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_35_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 20 : -1, tmp_35_0);
+            i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "strength-detail" && ctx.getStrengthDetailData()) ? 20 : -1, tmp_36_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_36_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 21 : -1, tmp_36_0);
+            i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "gap-detail" && ctx.getGapDetailData()) ? 21 : -1, tmp_37_0);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((tmp_37_0 = ctx.modalType() === "opportunity-detail" && ctx.getOpportunityDetailData()) ? 22 : -1, tmp_37_0);
+            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);
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent,
             SearchModalComponent,
             ViewModeSwitcherModalComponent,
@@ -97376,9 +97432,9 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
       <div class="relative z-[51]">
         <!-- Dashboard Header -->
         <symphiq-dashboard-header
-            [title]="profileAnalysis()?.profileAnalysisStructured?.businessName || 'Focus Area Analysis'"
-            [subtitle]="getAnalysisSubtitle()"
-            [currentSection]="getAnalysisSubtitle()"
+            [title]="getAnalysisSubtitle()"
+            [subtitle]="''"
+            [currentSection]="'Focus Area'"
             [viewMode]="viewMode()"
             [viewModeLabel]="displayModeLabel()"
             [isLoading]="isLoading()"
@@ -97390,7 +97446,8 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
         />
 
         <!-- Main Content -->
-        <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12">
+        <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12"
+              [class.pb-32]="shouldShowReviewFooter()">
 
           <!-- Welcome Banner (Simplified View Only) -->
           @if (isSimplifiedView()) {
@@ -97679,6 +97736,44 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             #funnelModalComponent
         />
 
+        <!-- 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>
+        }
+
         <!-- Tooltip Container -->
         <symphiq-tooltip-container />
       </div>
@@ -97688,11 +97783,11 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
     }], null, { funnelModalComponent: [{
             type: ViewChild,
             args: ['funnelModalComponent']
-        }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], profileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalysis", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], itemStatusProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusProfileAnalysis", required: false }] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], onWindowScroll: [{
+        }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], profileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalysis", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], itemStatusProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusProfileAnalysis", required: false }] }], isMarkingAsReviewed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMarkingAsReviewed", required: false }] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], markAsReviewedClick: [{ type: i0.Output, args: ["markAsReviewedClick"] }], onWindowScroll: [{
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (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: 468 }); })();
+(() => { (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 }); })();
 
 const _forTrack0$4 = ($index, $item) => $item.id;
 function ShopProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {