@eric-emg/symphiq-components 1.2.472 → 1.2.474

package/fesm2022/symphiq-components.mjs

@@ -96136,28 +96136,28 @@ function FocusAreaWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (r
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵtextInterpolate1(" Welcome to Your ", ctx_r0.focusAreaDisplayName(), " Analysis ");
 } }
-function FocusAreaWelcomeBannerComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+function FocusAreaWelcomeBannerComponent_Conditional_48_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelement(0, "path", 22);
+    i0.ɵɵelement(0, "path", 19);
 } }
-function FocusAreaWelcomeBannerComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+function FocusAreaWelcomeBannerComponent_Conditional_49_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelement(0, "path", 23);
+    i0.ɵɵelement(0, "path", 20);
 } }
-function FocusAreaWelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+function FocusAreaWelcomeBannerComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Keep Your Focus Area Updated ");
 } }
-function FocusAreaWelcomeBannerComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+function FocusAreaWelcomeBannerComponent_Conditional_53_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Continue Your Journey ");
 } }
-function FocusAreaWelcomeBannerComponent_Conditional_58_Template(rf, ctx) { if (rf & 1) {
+function FocusAreaWelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
     i0.ɵɵpipe(1, "lowercase");
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵtextInterpolate1(" As you implement improvements, adopt new tools, or refine your ", i0.ɵɵpipeBind1(1, 1, ctx_r0.focusAreaDisplayName()), " approach, update this analysis to keep recommendations aligned with your evolving capabilities and market opportunities. ");
 } }
-function FocusAreaWelcomeBannerComponent_Conditional_59_Template(rf, ctx) { if (rf & 1) {
+function FocusAreaWelcomeBannerComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " This analysis provides domain-specific insights. To unlock the full power of Symphiq, explore additional focus areas and connect them to your shop operations and funnel metrics. ");
 } }
 class FocusAreaWelcomeBannerComponent {
@@ -96166,7 +96166,6 @@ class FocusAreaWelcomeBannerComponent {
         this.focusAreaDomain = input(...(ngDevMode ? [undefined, { debugName: "focusAreaDomain" }] : []));
         this.focusAreaName = input(...(ngDevMode ? [undefined, { debugName: "focusAreaName" }] : []));
         this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
-        this.focusAreaDetails = input(...(ngDevMode ? [undefined, { debugName: "focusAreaDetails" }] : []));
         this.IconSourceEnum = IconSourceEnum;
         this.focusAreaDisplayName = computed(() => {
             return this.focusAreaName() || this.getFocusAreaName(this.focusAreaDomain());
@@ -96281,79 +96280,76 @@ class FocusAreaWelcomeBannerComponent {
             : 'text-slate-300';
     }
     static { this.ɵfac = function FocusAreaWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FocusAreaWelcomeBannerComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FocusAreaWelcomeBannerComponent, selectors: [["symphiq-focus-area-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], focusAreaDomain: [1, "focusAreaDomain"], focusAreaName: [1, "focusAreaName"], isOnboarded: [1, "isOnboarded"], focusAreaDetails: [1, "focusAreaDetails"] }, decls: 60, vars: 29, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["size", "w-8 h-8", 3, "icon"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "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-area-analysis", 3, "viewMode", "focusAreaDetails", "currentFocusAreaDomain"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function FocusAreaWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FocusAreaWelcomeBannerComponent, selectors: [["symphiq-focus-area-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], focusAreaDomain: [1, "focusAreaDomain"], focusAreaName: [1, "focusAreaName"], isOnboarded: [1, "isOnboarded"] }, decls: 57, vars: 26, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["size", "w-8 h-8", 3, "icon"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-3", "mb-6"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function FocusAreaWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
             i0.ɵɵelement(4, "symphiq-icon", 4);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(5, "div", 5)(6, "h2", 6);
             i0.ɵɵconditionalCreate(7, FocusAreaWelcomeBannerComponent_Conditional_7_Template, 1, 1)(8, FocusAreaWelcomeBannerComponent_Conditional_8_Template, 1, 1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(9, "div", 7)(10, "div", 8)(11, "p", 9);
-            i0.ɵɵtext(12);
-            i0.ɵɵpipe(13, "lowercase");
+            i0.ɵɵelementStart(9, "div", 7)(10, "p", 8);
+            i0.ɵɵtext(11);
+            i0.ɵɵpipe(12, "lowercase");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(14, "p", 9)(15, "strong", 10);
-            i0.ɵɵtext(16, "Why this matters:");
+            i0.ɵɵelementStart(13, "p", 8)(14, "strong", 9);
+            i0.ɵɵtext(15, "Why this matters:");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(17, " Rather than generic best practices, this analysis delivers domain-specific insights tailored to your current capabilities, resources, and market position\u2014ensuring recommendations are both impactful and achievable. ");
+            i0.ɵɵtext(16, " Rather than generic best practices, this analysis delivers domain-specific insights tailored to your current capabilities, resources, and market position\u2014ensuring recommendations are both impactful and achievable. ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(18, "div", 11);
-            i0.ɵɵelement(19, "symphiq-confidence-level-card", 12);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(20, "div", 13);
+            i0.ɵɵelementStart(17, "div", 10);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(21, "svg", 14);
-            i0.ɵɵelement(22, "path", 15);
+            i0.ɵɵelementStart(18, "svg", 11);
+            i0.ɵɵelement(19, "path", 12);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(23, "div", 5)(24, "h3", 16);
-            i0.ɵɵtext(25, " What You'll See Below ");
+            i0.ɵɵelementStart(20, "div", 5)(21, "h3", 13);
+            i0.ɵɵtext(22, " What You'll See Below ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(26, "ul", 17)(27, "li", 18);
+            i0.ɵɵelementStart(23, "ul", 14)(24, "li", 15);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(28, "svg", 19);
-            i0.ɵɵelement(29, "path", 20);
+            i0.ɵɵelementStart(25, "svg", 16);
+            i0.ɵɵelement(26, "path", 17);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(30, "span")(31, "strong", 10);
-            i0.ɵɵtext(32, "Focus Area Health");
+            i0.ɵɵelementStart(27, "span")(28, "strong", 9);
+            i0.ɵɵtext(29, "Focus Area Health");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(33);
-            i0.ɵɵpipe(34, "lowercase");
+            i0.ɵɵtext(30);
+            i0.ɵɵpipe(31, "lowercase");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(35, "li", 18);
+            i0.ɵɵelementStart(32, "li", 15);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(36, "svg", 19);
-            i0.ɵɵelement(37, "path", 20);
+            i0.ɵɵelementStart(33, "svg", 16);
+            i0.ɵɵelement(34, "path", 17);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(38, "span")(39, "strong", 10);
-            i0.ɵɵtext(40, "Top Priorities");
+            i0.ɵɵelementStart(35, "span")(36, "strong", 9);
+            i0.ɵɵtext(37, "Top Priorities");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(41, " \u2014 High-impact improvements specific to this operational domain");
+            i0.ɵɵtext(38, " \u2014 High-impact improvements specific to this operational domain");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(42, "li", 18);
+            i0.ɵɵelementStart(39, "li", 15);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(43, "svg", 19);
-            i0.ɵɵelement(44, "path", 20);
+            i0.ɵɵelementStart(40, "svg", 16);
+            i0.ɵɵelement(41, "path", 17);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(45, "span")(46, "strong", 10);
-            i0.ɵɵtext(47, "Tactical Roadmap");
+            i0.ɵɵelementStart(42, "span")(43, "strong", 9);
+            i0.ɵɵtext(44, "Tactical Roadmap");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(48, " \u2014 Step-by-step goals, strategies, and recommendations for domain optimization");
+            i0.ɵɵtext(45, " \u2014 Step-by-step goals, strategies, and recommendations for domain optimization");
             i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(49, "div", 21);
+            i0.ɵɵelementStart(46, "div", 18);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(50, "svg", 14);
-            i0.ɵɵconditionalCreate(51, FocusAreaWelcomeBannerComponent_Conditional_51_Template, 1, 0, ":svg:path", 22)(52, FocusAreaWelcomeBannerComponent_Conditional_52_Template, 1, 0, ":svg:path", 23);
+            i0.ɵɵelementStart(47, "svg", 11);
+            i0.ɵɵconditionalCreate(48, FocusAreaWelcomeBannerComponent_Conditional_48_Template, 1, 0, ":svg:path", 19)(49, FocusAreaWelcomeBannerComponent_Conditional_49_Template, 1, 0, ":svg:path", 20);
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(53, "div", 5)(54, "h3", 24);
-            i0.ɵɵconditionalCreate(55, FocusAreaWelcomeBannerComponent_Conditional_55_Template, 1, 0)(56, FocusAreaWelcomeBannerComponent_Conditional_56_Template, 1, 0);
+            i0.ɵɵelementStart(50, "div", 5)(51, "h3", 21);
+            i0.ɵɵconditionalCreate(52, FocusAreaWelcomeBannerComponent_Conditional_52_Template, 1, 0)(53, FocusAreaWelcomeBannerComponent_Conditional_53_Template, 1, 0);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(57, "p", 25);
-            i0.ɵɵconditionalCreate(58, FocusAreaWelcomeBannerComponent_Conditional_58_Template, 2, 3)(59, FocusAreaWelcomeBannerComponent_Conditional_59_Template, 1, 0);
+            i0.ɵɵelementStart(54, "p", 22);
+            i0.ɵɵconditionalCreate(55, FocusAreaWelcomeBannerComponent_Conditional_55_Template, 2, 3)(56, FocusAreaWelcomeBannerComponent_Conditional_56_Template, 1, 0);
             i0.ɵɵelementEnd()()()()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -96367,15 +96363,13 @@ class FocusAreaWelcomeBannerComponent {
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isOnboarded() ? 7 : 8);
-            i0.ɵɵadvance(4);
+            i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.textClasses());
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate2(" ", ctx.focusAreaDisplayName(), " Analysis provides a deep dive into this specific operational domain. By analyzing your approach, tools, and performance in ", i0.ɵɵpipeBind1(13, 25, ctx.focusAreaDisplayName()), ", Symphiq identifies tactical opportunities and creates an actionable roadmap for improvement. ");
+            i0.ɵɵtextInterpolate2(" ", ctx.focusAreaDisplayName(), " Analysis provides a deep dive into this specific operational domain. By analyzing your approach, tools, and performance in ", i0.ɵɵpipeBind1(12, 22, ctx.focusAreaDisplayName()), ", Symphiq identifies tactical opportunities and creates an actionable roadmap for improvement. ");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.textClasses());
-            i0.ɵɵadvance(5);
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("focusAreaDetails", ctx.focusAreaDetails())("currentFocusAreaDomain", ctx.focusAreaDomain());
-            i0.ɵɵadvance();
+            i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngClass", ctx.highlightBoxClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.highlightIconClasses());
@@ -96384,29 +96378,29 @@ class FocusAreaWelcomeBannerComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.highlightListClasses());
             i0.ɵɵadvance(7);
-            i0.ɵɵtextInterpolate1(" \u2014 Current maturity and performance assessment for ", i0.ɵɵpipeBind1(34, 27, ctx.focusAreaDisplayName()));
+            i0.ɵɵtextInterpolate1(" \u2014 Current maturity and performance assessment for ", i0.ɵɵpipeBind1(31, 24, ctx.focusAreaDisplayName()));
             i0.ɵɵadvance(16);
             i0.ɵɵproperty("ngClass", ctx.nextStepsBoxClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.nextStepsIconClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 51 : 52);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 48 : 49);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.nextStepsTitleClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 55 : 56);
+            i0.ɵɵconditional(ctx.isOnboarded() ? 52 : 53);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.nextStepsTextClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isOnboarded() ? 58 : 59);
-        } }, dependencies: [CommonModule, i1$1.NgClass, ConfidenceLevelCardComponent, SymphiqIconComponent, i1$1.LowerCasePipe], encapsulation: 2, changeDetection: 0 }); }
+            i0.ɵɵconditional(ctx.isOnboarded() ? 55 : 56);
+        } }, dependencies: [CommonModule, i1$1.NgClass, SymphiqIconComponent, i1$1.LowerCasePipe], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FocusAreaWelcomeBannerComponent, [{
         type: Component,
         args: [{
                 selector: 'symphiq-focus-area-welcome-banner',
                 standalone: true,
-                imports: [CommonModule, ConfidenceLevelCardComponent, SymphiqIconComponent],
+                imports: [CommonModule, SymphiqIconComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
@@ -96425,27 +96419,14 @@ class FocusAreaWelcomeBannerComponent {
               }
             </h2>
 
-            <!-- Description and Confidence Card in Responsive Layout -->
-            <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
-              <!-- Description (takes 2 columns on large screens) -->
-              <div class="lg:col-span-2 space-y-3">
-                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
-                  {{ focusAreaDisplayName() }} Analysis provides a deep dive into this specific operational domain. By analyzing your approach, tools, and performance in {{ focusAreaDisplayName() | lowercase }}, Symphiq identifies tactical opportunities and creates an actionable roadmap for improvement.
-                </p>
-                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
-                  <strong class="font-semibold">Why this matters:</strong> Rather than generic best practices, this analysis delivers domain-specific insights tailored to your current capabilities, resources, and market position—ensuring recommendations are both impactful and achievable.
-                </p>
-              </div>
-
-              <!-- Confidence Card (takes 1 column on large screens, full width on mobile) -->
-              <div class="lg:col-span-1">
-                <symphiq-confidence-level-card
-                  [viewMode]="viewMode()"
-                  currentStepId="focus-area-analysis"
-                  [focusAreaDetails]="focusAreaDetails()"
-                  [currentFocusAreaDomain]="focusAreaDomain()"
-                />
-              </div>
+            <!-- Description -->
+            <div class="space-y-3 mb-6">
+              <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                {{ focusAreaDisplayName() }} Analysis provides a deep dive into this specific operational domain. By analyzing your approach, tools, and performance in {{ focusAreaDisplayName() | lowercase }}, Symphiq identifies tactical opportunities and creates an actionable roadmap for improvement.
+              </p>
+              <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                <strong class="font-semibold">Why this matters:</strong> Rather than generic best practices, this analysis delivers domain-specific insights tailored to your current capabilities, resources, and market position—ensuring recommendations are both impactful and achievable.
+              </p>
             </div>
 
             <div [ngClass]="highlightBoxClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
@@ -96510,8 +96491,8 @@ class FocusAreaWelcomeBannerComponent {
     </div>
   `
             }]
-    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], focusAreaDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDomain", required: false }] }], focusAreaName: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaWelcomeBannerComponent, { className: "FocusAreaWelcomeBannerComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/focus-area-welcome-banner.component.ts", lineNumber: 114 }); })();
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], focusAreaDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDomain", required: false }] }], focusAreaName: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaWelcomeBannerComponent, { className: "FocusAreaWelcomeBannerComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/focus-area-welcome-banner.component.ts", lineNumber: 100 }); })();
 
 const _c0$5 = ["funnelModalComponent"];
 const _forTrack0$5 = ($index, $item) => $item.id;
@@ -96542,7 +96523,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Templat
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("focusAreaDomain", ctx_r1.focusAreaDomain())("focusAreaName", ctx_r1.focusAreaName())("focusAreaDetails", ctx_r1.focusAreaDetails());
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("focusAreaDomain", ctx_r1.focusAreaDomain())("focusAreaName", ctx_r1.focusAreaName());
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.isLoading() ? 2 : -1);
 } }
@@ -97227,7 +97208,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", "focusAreaDetails"], [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"] }, 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) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "div", 2);
@@ -97238,7 +97219,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵlistener("searchClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template_symphiq_dashboard_header_searchClick_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openSearch()); })("viewModeClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template_symphiq_dashboard_header_viewModeClick_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openViewModeSwitcher()); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(6, "main", 6);
-            i0.ɵɵconditionalCreate(7, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Template, 3, 5);
+            i0.ɵɵconditionalCreate(7, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Template, 3, 4);
             i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Template, 2, 2);
             i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Template, 3, 3);
             i0.ɵɵelementEnd();
@@ -97418,7 +97399,6 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
                   [viewMode]="viewMode()"
                   [focusAreaDomain]="focusAreaDomain()"
                   [focusAreaName]="focusAreaName()"
-                  [focusAreaDetails]="focusAreaDetails()"
               />
             </div>
 
@@ -97712,7 +97692,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber: 469 }); })();
+(() => { (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 }); })();
 
 const _forTrack0$4 = ($index, $item) => $item.id;
 function ShopProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {