@eric-emg/symphiq-components 1.2.431 → 1.2.433

package/fesm2022/symphiq-components.mjs

@@ -94439,7 +94439,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
 const _forTrack0 = ($index, $item) => $item.domain;
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 29);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 30);
     i0.ɵɵlistener("nextStepClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); })("stepClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -94447,7 +94447,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Templa
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", true)("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵelementStart(0, "div", 36);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -94458,12 +94458,12 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_6
     i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r4.engagementStatus), " ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵelementStart(0, "div", 37);
     i0.ɵɵtext(1, " Analysis Ready ");
     i0.ɵɵelementEnd();
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 51);
+    i0.ɵɵelementStart(0, "span", 44);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -94474,11 +94474,11 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_1
     i0.ɵɵtextInterpolate1(" ", tool_r5, " ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37)(1, "div", 48)(2, "span", 49);
+    i0.ɵɵelementStart(0, "div", 38)(1, "div", 41)(2, "span", 42);
     i0.ɵɵtext(3, "Marketing Tools:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 50);
-    i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_For_6_Template, 2, 2, "span", 51, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(4, "div", 43);
+    i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_For_6_Template, 2, 2, "span", 44, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const focusArea_r4 = i0.ɵɵnextContext().$implicit;
@@ -94488,8 +94488,15 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_1
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(focusArea_r4.tools);
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 41);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "div", 45);
+    i0.ɵɵelementStart(2, "span", 46);
+    i0.ɵɵtext(3, "Profile Generation Pending");
+    i0.ɵɵelementEnd()();
+} }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 49);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 52);
     i0.ɵɵelement(2, "path", 26);
@@ -94497,8 +94504,8 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_2
     i0.ɵɵtext(3, " Complete ");
     i0.ɵɵelementEnd();
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 42);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 50);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 52);
     i0.ɵɵelement(2, "path", 53);
@@ -94506,8 +94513,8 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_2
     i0.ɵɵtext(3, " In Progress ");
     i0.ɵɵelementEnd();
 } }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 43);
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 51);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 52);
     i0.ɵɵelement(2, "path", 54);
@@ -94515,16 +94522,56 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_2
     i0.ɵɵtext(3, " Not Started ");
     i0.ɵɵelementEnd();
 } }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 40)(1, "div", 47)(2, "span");
+    i0.ɵɵtext(3, "Progress");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div");
+    i0.ɵɵelement(7, "div", 48);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_8_Template, 4, 0, "div", 49)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_9_Template, 4, 0, "div", 50)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_10_Template, 4, 0, "div", 51);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const focusArea_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.getLabelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.getValueClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" ", focusArea_r4.questionsAnswered, " / ", focusArea_r4.totalQuestions, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.getProgressBarContainerClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("width", focusArea_r4.progressPercent, "%");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(focusArea_r4.status === "complete" ? 8 : focusArea_r4.status === "in-progress" ? 9 : 10);
+} }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "div", 55)(2, "span", 56);
+    i0.ɵɵtext(3, "View Details");
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(4, "svg", 57);
+    i0.ɵɵelement(5, "path", 58);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassMap(ctx_r1.getCardFooterClasses());
+} }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelementStart(0, "div", 31);
     i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template_div_click_0_listener() { const focusArea_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleFocusAreaClick(focusArea_r4.domain)); });
-    i0.ɵɵelementStart(1, "div", 31)(2, "div", 32)(3, "div", 33);
+    i0.ɵɵelementStart(1, "div", 32)(2, "div", 33)(3, "div", 34);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 34);
-    i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_6_Template, 2, 2, "div", 35);
-    i0.ɵɵconditionalCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_7_Template, 2, 0, "div", 36);
+    i0.ɵɵelementStart(5, "div", 35);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_6_Template, 2, 2, "div", 36);
+    i0.ɵɵconditionalCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_7_Template, 2, 0, "div", 37);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(8, "h3");
     i0.ɵɵtext(9);
@@ -94532,25 +94579,11 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template(rf,
     i0.ɵɵelementStart(10, "p");
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(12, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_Template, 7, 1, "div", 37);
-    i0.ɵɵelementStart(13, "div", 38)(14, "div", 39)(15, "span");
-    i0.ɵɵtext(16, "Progress");
+    i0.ɵɵconditionalCreate(12, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_Template, 7, 1, "div", 38);
+    i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_13_Template, 4, 0, "div", 39)(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Template, 11, 11, "div", 40);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span");
-    i0.ɵɵtext(18);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div");
-    i0.ɵɵelement(20, "div", 40);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(21, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_21_Template, 4, 0, "div", 41)(22, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_22_Template, 4, 0, "div", 42)(23, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_23_Template, 4, 0, "div", 43);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(24, "div")(25, "div", 44)(26, "span", 45);
-    i0.ɵɵtext(27, "View Details");
+    i0.ɵɵconditionalCreate(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Template, 6, 2, "div", 28);
     i0.ɵɵelementEnd();
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(28, "svg", 46);
-    i0.ɵɵelement(29, "path", 47);
-    i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const focusArea_r4 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
@@ -94571,25 +94604,108 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template(rf,
     i0.ɵɵtextInterpolate1(" ", focusArea_r4.description, " ");
     i0.ɵɵadvance();
     i0.ɵɵconditional(focusArea_r4.engagementStatus === ctx_r1.FocusAreaDetailStatusEnum.ENGAGED && focusArea_r4.tools.length > 0 ? 12 : -1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r1.getLabelClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(focusArea_r4.status === "pending" ? 13 : 14);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r1.getValueClasses());
+    i0.ɵɵconditional(focusArea_r4.canViewDetails ? 15 : -1);
+} }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const focusArea_r7 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.getEngagementBadgeClasses(focusArea_r7.engagementStatus));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" ", focusArea_r4.questionsAnswered, " / ", focusArea_r4.totalQuestions, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r7.engagementStatus), " ");
+} }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "div", 45);
+    i0.ɵɵelementStart(2, "span", 46);
+    i0.ɵɵtext(3, "Profile Generation Pending");
+    i0.ɵɵelementEnd()();
+} }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "div", 55)(2, "span", 56);
+    i0.ɵɵtext(3, "View Details");
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(4, "svg", 57);
+    i0.ɵɵelement(5, "path", 58);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassMap(ctx_r1.getCardFooterClasses());
+} }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Template_div_click_0_listener() { const focusArea_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleFocusAreaClick(focusArea_r7.domain)); });
+    i0.ɵɵelementStart(1, "div", 32)(2, "div", 33)(3, "div", 34);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 35);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_6_Template, 2, 2, "div", 36);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "h3");
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "p");
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_11_Template, 4, 0, "div", 39);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(12, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_12_Template, 6, 2, "div", 28);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const focusArea_r7 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassMap(ctx_r1.getCardClasses());
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(focusArea_r7.icon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(focusArea_r7.engagementStatus ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.getProgressBarContainerClasses());
+    i0.ɵɵclassMap(ctx_r1.getTitleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("width", focusArea_r4.progressPercent, "%");
+    i0.ɵɵtextInterpolate1(" ", focusArea_r7.title, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(focusArea_r4.status === "complete" ? 21 : focusArea_r4.status === "in-progress" ? 22 : 23);
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r1.getCardFooterClasses());
+    i0.ɵɵclassMap(ctx_r1.getDescriptionClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", focusArea_r7.description, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(focusArea_r7.status === "pending" ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(focusArea_r7.canViewDetails ? 12 : -1);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-search-modal", 55);
-    i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
+    i0.ɵɵelementStart(0, "div", 29)(1, "div", 59);
+    i0.ɵɵelement(2, "div", 60);
+    i0.ɵɵelementStart(3, "span", 61);
+    i0.ɵɵtext(4, "Not Interested");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(5, "div", 60);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 62);
+    i0.ɵɵrepeaterCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Template, 13, 12, "div", 28, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.getDividerClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.getDividerLabelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.getDividerClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.notInterestedFocusAreaCards());
+} }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-search-modal", 63);
+    i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_56_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
     i0.ɵɵelementEnd();
 } }
 class SymphiqProfileFocusAreasAnalysesDashboardComponent {
@@ -94632,6 +94748,9 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
         this.focusAreaCards = computed(() => {
             const allDomains = FocusAreaDomainEnumUtil.sorted();
             const focusAreaDetailsData = this.focusAreaDetails();
+            const profileFocusAreasData = this.profileFocusAreas();
+            const profileAnalysesData = this.profileAnalyses();
+            const isDemo = this.forDemo();
             const mockProgressData = {
                 [FocusAreaDomainEnum.AFFILIATE_AND_REFERRAL_PROGRAMS]: { answered: 8, total: 12, hasAnalysis: true },
                 [FocusAreaDomainEnum.AI_SEARCH_OPTIMIZATION]: { answered: 5, total: 10, hasAnalysis: false },
@@ -94651,18 +94770,51 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                 [FocusAreaDomainEnum.USER_EXPERIENCE_OPTIMIZATION]: { answered: 9, total: 11, hasAnalysis: true }
             };
             const focusAreaDetailsMap = new Map(focusAreaDetailsData?.map(fad => [fad.focusAreaDomain, fad]));
+            const profileFocusAreasMap = new Map(profileFocusAreasData?.map(pfa => [pfa.focusAreaDomain, pfa]));
+            const profileAnalysesMap = new Map(profileAnalysesData?.map(pa => [pa.focusAreaDomain, pa]));
             return allDomains.map(domain => {
-                const mockData = mockProgressData[domain];
-                const questionsAnswered = mockData.answered;
-                const totalQuestions = mockData.total;
-                const progressPercent = totalQuestions > 0 ? (questionsAnswered / totalQuestions) * 100 : 0;
-                let status = 'not-started';
-                if (questionsAnswered === totalQuestions && totalQuestions > 0) {
-                    status = 'complete';
+                let questionsAnswered = 0;
+                let totalQuestions = 0;
+                let hasAnalysis = false;
+                let status = 'pending';
+                let canViewDetails = false;
+                if (isDemo) {
+                    const mockData = mockProgressData[domain];
+                    questionsAnswered = mockData.answered;
+                    totalQuestions = mockData.total;
+                    hasAnalysis = mockData.hasAnalysis;
+                    canViewDetails = true;
+                    if (questionsAnswered === totalQuestions && totalQuestions > 0) {
+                        status = 'complete';
+                    }
+                    else if (questionsAnswered > 0) {
+                        status = 'in-progress';
+                    }
+                    else {
+                        status = 'not-started';
+                    }
                 }
-                else if (questionsAnswered > 0) {
-                    status = 'in-progress';
+                else {
+                    const profileFocusArea = profileFocusAreasMap.get(domain);
+                    const profileAnalysis = profileAnalysesMap.get(domain);
+                    hasAnalysis = !!profileAnalysis;
+                    if (profileFocusArea) {
+                        questionsAnswered = profileFocusArea.questionsAnswered ?? 0;
+                        totalQuestions = profileFocusArea.totalQuestions ?? 0;
+                        const selfContentStatus = profileFocusArea.selfContentStatus;
+                        canViewDetails = selfContentStatus === AiDynamicContentStatusEnum.GENERATED;
+                        if (questionsAnswered === totalQuestions && totalQuestions > 0) {
+                            status = 'complete';
+                        }
+                        else if (questionsAnswered > 0) {
+                            status = 'in-progress';
+                        }
+                        else {
+                            status = 'not-started';
+                        }
+                    }
                 }
+                const progressPercent = totalQuestions > 0 ? (questionsAnswered / totalQuestions) * 100 : 0;
                 const focusAreaDetail = focusAreaDetailsMap.get(domain);
                 const engagementStatus = focusAreaDetail?.status ?? null;
                 const tools = focusAreaDetail?.tools ?? [];
@@ -94672,15 +94824,22 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                     description: FocusAreaDomainEnumUtil.subtitle(domain),
                     questionsAnswered,
                     totalQuestions,
-                    hasAnalysis: mockData.hasAnalysis,
+                    hasAnalysis,
                     icon: this.getIconForDomain(domain),
                     progressPercent,
                     status,
                     engagementStatus,
-                    tools
+                    tools,
+                    canViewDetails
                 };
             });
         }, ...(ngDevMode ? [{ debugName: "focusAreaCards" }] : []));
+        this.interestedFocusAreaCards = computed(() => {
+            return this.focusAreaCards().filter(card => card.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST);
+        }, ...(ngDevMode ? [{ debugName: "interestedFocusAreaCards" }] : []));
+        this.notInterestedFocusAreaCards = computed(() => {
+            return this.focusAreaCards().filter(card => card.engagementStatus === FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST);
+        }, ...(ngDevMode ? [{ debugName: "notInterestedFocusAreaCards" }] : []));
     }
     onScroll() {
         this.headerScrollService.handleScroll(this.embedded());
@@ -94816,10 +94975,20 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             ? 'bg-emerald-100 text-emerald-700'
             : 'bg-emerald-900/30 text-emerald-400';
     }
+    getDividerClasses() {
+        return this.isLightMode()
+            ? 'bg-slate-300'
+            : 'bg-slate-600';
+    }
+    getDividerLabelClasses() {
+        return this.isLightMode()
+            ? 'text-slate-500'
+            : 'text-slate-400';
+    }
     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"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], 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: { focusAreaClicked: "focusAreaClicked", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 56, vars: 22, 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, "space-y-3", "mb-6"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "click"], [1, "p-6"], [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"], [1, "mt-3", "mb-2"], [1, "space-y-2"], [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"], [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", "group-hover:text-blue-500", "dark:group-hover:text-blue-400", "group-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-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"], ["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, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], 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: { focusAreaClicked: "focusAreaClicked", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 57, vars: 23, 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, "space-y-3", "mb-6"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "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"], [3, "click"], [1, "p-6"], [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"], [1, "mt-3", "mb-2"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2"], [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, "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"], [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", "group-hover:text-blue-500", "dark:group-hover:text-blue-400", "group-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);
@@ -94888,9 +95057,11 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             i0.ɵɵtext(51, " \u2014 Complete assessments to receive tailored recommendations and insights");
             i0.ɵɵelementEnd()()()()()()()()();
             i0.ɵɵelementStart(52, "div", 27);
-            i0.ɵɵrepeaterCreate(53, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template, 30, 25, "div", 28, _forTrack0);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(55, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Template, 1, 0, "symphiq-search-modal");
+            i0.ɵɵrepeaterCreate(53, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template, 16, 14, "div", 28, _forTrack0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(55, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Template, 9, 3, "div", 29);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(56, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_56_Template, 1, 0, "symphiq-search-modal");
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassMap(ctx.getContainerClasses());
@@ -94922,9 +95093,11 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerHighlightListClasses());
             i0.ɵɵadvance(23);
-            i0.ɵɵrepeater(ctx.focusAreaCards());
+            i0.ɵɵrepeater(ctx.interestedFocusAreaCards());
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.showSearchModal() ? 55 : -1);
+            i0.ɵɵconditional(ctx.notInterestedFocusAreaCards().length > 0 ? 55 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showSearchModal() ? 56 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, JourneyProgressIndicatorComponent], styles: [".animated-bubbles[_ngcontent-%COMP%]{background:linear-gradient(135deg,#6366f10d,#a855f70d)}.animated-bubbles.light-mode[_ngcontent-%COMP%]{background:linear-gradient(135deg,#3b82f608,#9333ea08)}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out}.animated-bubbles[_ngcontent-%COMP%]:before{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileFocusAreasAnalysesDashboardComponent, [{
@@ -95028,7 +95201,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
 
           <!-- Focus Areas Grid -->
           <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-            @for (focusArea of focusAreaCards(); track focusArea.domain) {
+            @for (focusArea of interestedFocusAreaCards(); track focusArea.domain) {
               <div
                 (click)="handleFocusAreaClick(focusArea.domain)"
                 [class]="getCardClasses()"
@@ -95073,57 +95246,125 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                     </div>
                   }
 
-                  <div class="space-y-2">
-                    <div class="flex items-center justify-between text-sm">
-                      <span [class]="getLabelClasses()">Progress</span>
-                      <span [class]="getValueClasses()">
-                        {{ focusArea.questionsAnswered }} / {{ focusArea.totalQuestions }}
-                      </span>
-                    </div>
-
-                    <div [class]="getProgressBarContainerClasses()">
-                      <div
-                        class="h-full bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full transition-all duration-500"
-                        [style.width.%]="focusArea.progressPercent"
-                      ></div>
+                  @if (focusArea.status === 'pending') {
+                    <div class="flex items-center gap-2 py-2">
+                      <div class="animate-spin w-4 h-4 border-2 border-amber-500/30 border-t-amber-500 rounded-full"></div>
+                      <span class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
                     </div>
-
-                    @if (focusArea.status === 'complete') {
-                      <div class="flex items-center gap-1 text-xs text-green-600 dark:text-green-400 font-medium">
-                        <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-                          <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
-                        </svg>
-                        Complete
-                      </div>
-                    } @else if (focusArea.status === 'in-progress') {
-                      <div class="flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 font-medium">
-                        <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-                          <path 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" />
-                        </svg>
-                        In Progress
+                  } @else {
+                    <div class="space-y-2">
+                      <div class="flex items-center justify-between text-sm">
+                        <span [class]="getLabelClasses()">Progress</span>
+                        <span [class]="getValueClasses()">
+                          {{ focusArea.questionsAnswered }} / {{ focusArea.totalQuestions }}
+                        </span>
                       </div>
-                    } @else {
-                      <div class="flex items-center gap-1 text-xs text-slate-500 dark:text-slate-400 font-medium">
-                        <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-                          <path 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" />
-                        </svg>
-                        Not Started
+
+                      <div [class]="getProgressBarContainerClasses()">
+                        <div
+                          class="h-full bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full transition-all duration-500"
+                          [style.width.%]="focusArea.progressPercent"
+                        ></div>
                       </div>
-                    }
-                  </div>
+
+                      @if (focusArea.status === 'complete') {
+                        <div class="flex items-center gap-1 text-xs text-green-600 dark:text-green-400 font-medium">
+                          <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+                            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
+                          </svg>
+                          Complete
+                        </div>
+                      } @else if (focusArea.status === 'in-progress') {
+                        <div class="flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 font-medium">
+                          <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+                            <path 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" />
+                          </svg>
+                          In Progress
+                        </div>
+                      } @else {
+                        <div class="flex items-center gap-1 text-xs text-slate-500 dark:text-slate-400 font-medium">
+                          <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+                            <path 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" />
+                          </svg>
+                          Not Started
+                        </div>
+                      }
+                    </div>
+                  }
                 </div>
 
-                <div [class]="getCardFooterClasses()">
-                  <div class="flex items-center justify-between">
-                    <span class="text-sm font-medium text-slate-600 dark:text-slate-400">View Details</span>
-                    <svg class="w-5 h-5 text-slate-400 dark:text-slate-500 group-hover:text-blue-500 dark:group-hover:text-blue-400 group-hover:translate-x-1 transition-all" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
+                @if (focusArea.canViewDetails) {
+                  <div [class]="getCardFooterClasses()">
+                    <div class="flex items-center justify-between">
+                      <span class="text-sm font-medium text-slate-600 dark:text-slate-400">View Details</span>
+                      <svg class="w-5 h-5 text-slate-400 dark:text-slate-500 group-hover:text-blue-500 dark:group-hover:text-blue-400 group-hover:translate-x-1 transition-all" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+                      </svg>
+                    </div>
                   </div>
-                </div>
+                }
               </div>
             }
           </div>
+
+          <!-- Not Interested Section -->
+          @if (notInterestedFocusAreaCards().length > 0) {
+            <div class="mt-12">
+              <div class="flex items-center gap-4 mb-6">
+                <div [ngClass]="getDividerClasses()" class="flex-1 h-px"></div>
+                <span [ngClass]="getDividerLabelClasses()" class="text-sm font-medium px-3">Not Interested</span>
+                <div [ngClass]="getDividerClasses()" class="flex-1 h-px"></div>
+              </div>
+
+              <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 opacity-60">
+                @for (focusArea of notInterestedFocusAreaCards(); track focusArea.domain) {
+                  <div
+                    (click)="handleFocusAreaClick(focusArea.domain)"
+                    [class]="getCardClasses()"
+                  >
+                    <div class="p-6">
+                      <div class="flex items-start justify-between mb-4">
+                        <div class="text-4xl">{{ focusArea.icon }}</div>
+                        <div class="flex flex-col items-end gap-2">
+                          @if (focusArea.engagementStatus) {
+                            <div [ngClass]="getEngagementBadgeClasses(focusArea.engagementStatus)">
+                              {{ getEngagementStatusLabel(focusArea.engagementStatus) }}
+                            </div>
+                          }
+                        </div>
+                      </div>
+
+                      <h3 [class]="getTitleClasses()">
+                        {{ focusArea.title }}
+                      </h3>
+
+                      <p [class]="getDescriptionClasses()">
+                        {{ focusArea.description }}
+                      </p>
+
+                      @if (focusArea.status === 'pending') {
+                        <div class="flex items-center gap-2 py-2">
+                          <div class="animate-spin w-4 h-4 border-2 border-amber-500/30 border-t-amber-500 rounded-full"></div>
+                          <span class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
+                        </div>
+                      }
+                    </div>
+
+                    @if (focusArea.canViewDetails) {
+                      <div [class]="getCardFooterClasses()">
+                        <div class="flex items-center justify-between">
+                          <span class="text-sm font-medium text-slate-600 dark:text-slate-400">View Details</span>
+                          <svg class="w-5 h-5 text-slate-400 dark:text-slate-500 group-hover:text-blue-500 dark:group-hover:text-blue-400 group-hover:translate-x-1 transition-all" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+                          </svg>
+                        </div>
+                      </div>
+                    }
+                  </div>
+                }
+              </div>
+            </div>
+          }
         </div>
       </div>
 
@@ -95139,7 +95380,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 313 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 383 }); })();
 
 function FocusAreaStatusCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "div", 9);