@eric-emg/symphiq-components 1.3.61 → 1.3.63

package/fesm2022/symphiq-components.mjs

@@ -137,6 +137,9 @@ class ModalService {
             }
         });
     }
+    getCurrentState() {
+        return this.modalState.value;
+    }
     /**
      * Checks if the current modal context is from Profile Analysis Dashboard
      * by looking at the current modal state and navigation stack
@@ -1013,7 +1016,7 @@ class ModalService {
             navigationStack: newStack
         });
     }
-    openUnifiedGoalModal(goal, allMetrics, allCharts, loadedSourceAnalysisIds, viewMode, loadingSourceAnalysisId) {
+    openUnifiedGoalModal(goal, allMetrics, allCharts, loadedSourceAnalysisIds, viewMode, loadingSourceAnalysisId, previousState) {
         const data = {
             goal,
             allMetrics,
@@ -1026,9 +1029,9 @@ class ModalService {
             type: 'unified-goal-detail',
             data,
             charts: allCharts,
-            previousState: null,
-            navigationStack: [],
-            openedFromMainBody: true
+            previousState: previousState ?? null,
+            navigationStack: previousState ? [previousState] : [],
+            openedFromMainBody: !previousState
         });
     }
     navigateToUnifiedGoalObjectives(goal, allMetrics, allCharts, viewMode) {
@@ -101512,7 +101515,7 @@ class SourceGoalsSummaryCardComponent {
         }
     }
     static { this.ɵfac = function SourceGoalsSummaryCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SourceGoalsSummaryCardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SourceGoalsSummaryCardComponent, selectors: [["symphiq-source-goals-summary-card"]], inputs: { viewMode: [1, "viewMode"], shopCounts: [1, "shopCounts"], focusAreaCounts: [1, "focusAreaCounts"], metricCounts: [1, "metricCounts"] }, decls: 28, vars: 17, consts: [[1, "p-6", "rounded-xl", "mb-4", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", "opacity-80"], [1, "text-4xl", "font-bold"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], [1, "p-4", "rounded-xl", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-2"], [1, "text-sm", "opacity-80"]], template: function SourceGoalsSummaryCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SourceGoalsSummaryCardComponent, selectors: [["symphiq-source-goals-summary-card"]], inputs: { viewMode: [1, "viewMode"], shopCounts: [1, "shopCounts"], focusAreaCounts: [1, "focusAreaCounts"], metricCounts: [1, "metricCounts"] }, decls: 28, vars: 17, consts: [[1, "p-6", "rounded-xl", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", "opacity-80"], [1, "text-4xl", "font-bold"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], [1, "p-4", "rounded-xl", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-2"], [1, "text-sm", "opacity-80"]], template: function SourceGoalsSummaryCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div")(2, "div", 1);
             i0.ɵɵtext(3, "Total Source Goals");
             i0.ɵɵelementEnd();
@@ -101578,7 +101581,7 @@ class SourceGoalsSummaryCardComponent {
                 imports: [CommonModule],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
-    <div [ngClass]="totalGoalsCardClasses()" class="p-6 rounded-xl mb-4 flex items-center justify-between">
+    <div [ngClass]="totalGoalsCardClasses()" class="p-6 rounded-xl flex items-center justify-between">
       <div>
         <div class="text-xs font-semibold uppercase mb-1 opacity-80">Total Source Goals</div>
         <div class="text-4xl font-bold">{{ totalSourceGoalsCount() }}</div>
@@ -101606,157 +101609,92 @@ class SourceGoalsSummaryCardComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], shopCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopCounts", required: false }] }], focusAreaCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaCounts", required: false }] }], metricCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricCounts", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SourceGoalsSummaryCardComponent, { className: "SourceGoalsSummaryCardComponent", filePath: "lib/components/shared/source-goals-summary-card.component.ts", lineNumber: 41 }); })();
 
-function PriorityActionsStripComponent_Conditional_0_For_8_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 7);
-    i0.ɵɵlistener("click", function PriorityActionsStripComponent_Conditional_0_For_8_Template_button_click_0_listener() { const item_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.itemClicked.emit(item_r4)); });
-    i0.ɵɵelementStart(1, "div", 8);
-    i0.ɵɵelement(2, "symphiq-priority-badge", 9);
-    i0.ɵɵelementStart(3, "span", 10);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "p", 11);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const item_r4 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.cardClasses());
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("priority", item_r4.priority)("viewMode", ctx_r1.viewMode());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.timeframeClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r4.timeframe, " ");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.actionTextClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r4.action, " ");
-} }
-function PriorityActionsStripComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 12);
-    i0.ɵɵlistener("click", function PriorityActionsStripComponent_Conditional_0_Conditional_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.viewAllClicked.emit()); });
-    i0.ɵɵelementStart(1, "span", 13);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.moreCardClasses());
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("+", ctx_r1.items().length - ctx_r1.maxDisplay(), " more");
-} }
 function PriorityActionsStripComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "h4", 2);
-    i0.ɵɵtext(3, " Priority Actions ");
+    i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div")(3, "h4", 2);
+    i0.ɵɵtext(4, " Priority Actions ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 3);
-    i0.ɵɵlistener("click", function PriorityActionsStripComponent_Conditional_0_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.viewAllClicked.emit()); });
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 4);
-    i0.ɵɵrepeaterCreate(7, PriorityActionsStripComponent_Conditional_0_For_8_Template, 7, 7, "button", 5, i0.ɵɵrepeaterTrackByIndex);
-    i0.ɵɵconditionalCreate(9, PriorityActionsStripComponent_Conditional_0_Conditional_9_Template, 3, 2, "button", 6);
+    i0.ɵɵelementStart(5, "p", 3);
+    i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "button", 4);
+    i0.ɵɵlistener("click", function PriorityActionsStripComponent_Conditional_0_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.viewAllClicked.emit()); });
+    i0.ɵɵtext(8, " View Details ");
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(9, "svg", 5);
+    i0.ɵɵelement(10, "path", 6);
+    i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r1.containerClasses());
-    i0.ɵɵadvance(2);
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.viewAllClasses());
+    i0.ɵɵproperty("ngClass", ctx_r1.countClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" View All (", ctx_r1.items().length, ") ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.displayItems());
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.items().length > ctx_r1.maxDisplay() ? 9 : -1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.items().length, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.viewDetailsClasses());
 } }
 class PriorityActionsStripComponent {
     constructor() {
         this.items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
-        this.maxDisplay = input(4, ...(ngDevMode ? [{ debugName: "maxDisplay" }] : []));
-        this.itemClicked = output();
         this.viewAllClicked = output();
         this.isLight = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLight" }] : []));
-        this.displayItems = computed(() => this.items().slice(0, this.maxDisplay()), ...(ngDevMode ? [{ debugName: "displayItems" }] : []));
         this.containerClasses = computed(() => this.isLight()
             ? 'bg-slate-50 border border-slate-200'
-            : 'bg-slate-700/30 border border-slate-600/50', ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
-        this.titleClasses = computed(() => this.isLight() ? 'text-slate-600' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "titleClasses" }] : []));
-        this.viewAllClasses = computed(() => this.isLight()
-            ? 'bg-indigo-100 text-indigo-700 hover:bg-indigo-200'
-            : 'bg-indigo-500/20 text-indigo-300 hover:bg-indigo-500/30', ...(ngDevMode ? [{ debugName: "viewAllClasses" }] : []));
-        this.cardClasses = computed(() => this.isLight()
-            ? 'bg-white border border-slate-200 hover:border-slate-300 hover:shadow-md'
-            : 'bg-slate-800/50 border border-slate-600/50 hover:border-slate-500/50', ...(ngDevMode ? [{ debugName: "cardClasses" }] : []));
-        this.timeframeClasses = computed(() => this.isLight() ? 'text-slate-500' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "timeframeClasses" }] : []));
-        this.actionTextClasses = computed(() => this.isLight() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "actionTextClasses" }] : []));
-        this.moreCardClasses = computed(() => this.isLight()
-            ? 'bg-slate-100 border border-slate-200 text-slate-600 hover:bg-slate-200'
-            : 'bg-slate-700/50 border border-slate-600/50 text-slate-400 hover:bg-slate-700', ...(ngDevMode ? [{ debugName: "moreCardClasses" }] : []));
+            : 'bg-slate-800/50 border border-slate-700/50', ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
+        this.titleClasses = computed(() => this.isLight() ? 'text-slate-500' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "titleClasses" }] : []));
+        this.countClasses = computed(() => this.isLight() ? 'text-slate-900' : 'text-white', ...(ngDevMode ? [{ debugName: "countClasses" }] : []));
+        this.viewDetailsClasses = computed(() => this.isLight()
+            ? 'bg-indigo-600 text-white hover:bg-indigo-700 hover:shadow-indigo-200'
+            : 'bg-indigo-500 text-white hover:bg-indigo-400 hover:shadow-indigo-500/30', ...(ngDevMode ? [{ debugName: "viewDetailsClasses" }] : []));
     }
     static { this.ɵfac = function PriorityActionsStripComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PriorityActionsStripComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PriorityActionsStripComponent, selectors: [["symphiq-priority-actions-strip"]], inputs: { items: [1, "items"], viewMode: [1, "viewMode"], maxDisplay: [1, "maxDisplay"] }, outputs: { itemClicked: "itemClicked", viewAllClicked: "viewAllClicked" }, decls: 1, vars: 1, consts: [[1, "mt-6", "rounded-xl", "p-4", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-3"], [1, "text-sm", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], ["type", "button", 1, "text-xs", "font-medium", "px-3", "py-1", "rounded-full", "transition-colors", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "gap-3", "overflow-x-auto", "pb-2", "-mx-1", "px-1"], ["type", "button", 1, "flex-shrink-0", "w-64", "p-3", "rounded-lg", "text-left", "transition-all", "hover:scale-[1.02]", "cursor-pointer", 3, "ngClass"], ["type", "button", 1, "flex-shrink-0", "w-32", "p-3", "rounded-lg", "flex", "items-center", "justify-center", "cursor-pointer", 3, "ngClass"], ["type", "button", 1, "flex-shrink-0", "w-64", "p-3", "rounded-lg", "text-left", "transition-all", "hover:scale-[1.02]", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-2", "mb-2"], [3, "priority", "viewMode"], [1, "text-xs", "ml-auto", "whitespace-nowrap", 3, "ngClass"], [1, "text-sm", "line-clamp-2", 3, "ngClass"], ["type", "button", 1, "flex-shrink-0", "w-32", "p-3", "rounded-lg", "flex", "items-center", "justify-center", "cursor-pointer", 3, "click", "ngClass"], [1, "text-sm", "font-medium"]], template: function PriorityActionsStripComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, PriorityActionsStripComponent_Conditional_0_Template, 10, 5, "div", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PriorityActionsStripComponent, selectors: [["symphiq-priority-actions-strip"]], inputs: { items: [1, "items"], viewMode: [1, "viewMode"] }, outputs: { viewAllClicked: "viewAllClicked" }, decls: 1, vars: 1, consts: [[1, "rounded-xl", "p-6", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-4xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "cursor-pointer", "hover:scale-105", "hover:shadow-lg", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"]], template: function PriorityActionsStripComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, PriorityActionsStripComponent_Conditional_0_Template, 11, 5, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.items().length > 0 ? 0 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass, PriorityBadgeComponent], styles: [".line-clamp-2[_ngcontent-%COMP%]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PriorityActionsStripComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-priority-actions-strip', standalone: true, imports: [CommonModule, PriorityBadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        args: [{
+                selector: 'symphiq-priority-actions-strip',
+                standalone: true,
+                imports: [CommonModule],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
     @if (items().length > 0) {
-      <div [ngClass]="containerClasses()" class="mt-6 rounded-xl p-4">
-        <div class="flex items-center justify-between mb-3">
-          <h4 [ngClass]="titleClasses()" class="text-sm font-semibold uppercase tracking-wider">
-            Priority Actions
-          </h4>
+      <div [ngClass]="containerClasses()" class="rounded-xl p-6">
+        <div class="flex items-center justify-between">
+          <div>
+            <h4 [ngClass]="titleClasses()" class="text-xs font-semibold uppercase tracking-wider mb-1">
+              Priority Actions
+            </h4>
+            <p [ngClass]="countClasses()" class="text-4xl font-bold">
+              {{ items().length }}
+            </p>
+          </div>
+          
           <button
             type="button"
             (click)="viewAllClicked.emit()"
-            [ngClass]="viewAllClasses()"
-            class="text-xs font-medium px-3 py-1 rounded-full transition-colors cursor-pointer">
-            View All ({{ items().length }})
+            [ngClass]="viewDetailsClasses()"
+            class="flex items-center gap-2 px-4 py-2 rounded-lg font-medium text-sm transition-all duration-200 cursor-pointer hover:scale-105 hover:shadow-lg">
+            View Details
+            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+            </svg>
           </button>
         </div>
-        
-        <div class="flex gap-3 overflow-x-auto pb-2 -mx-1 px-1">
-          @for (item of displayItems(); track $index) {
-            <button
-              type="button"
-              (click)="itemClicked.emit(item)"
-              [ngClass]="cardClasses()"
-              class="flex-shrink-0 w-64 p-3 rounded-lg text-left transition-all hover:scale-[1.02] cursor-pointer">
-              <div class="flex items-start gap-2 mb-2">
-                <symphiq-priority-badge [priority]="item.priority" [viewMode]="viewMode()" />
-                <span [ngClass]="timeframeClasses()" class="text-xs ml-auto whitespace-nowrap">
-                  {{ item.timeframe }}
-                </span>
-              </div>
-              <p [ngClass]="actionTextClasses()" class="text-sm line-clamp-2">
-                {{ item.action }}
-              </p>
-            </button>
-          }
-          
-          @if (items().length > maxDisplay()) {
-            <button
-              type="button"
-              (click)="viewAllClicked.emit()"
-              [ngClass]="moreCardClasses()"
-              class="flex-shrink-0 w-32 p-3 rounded-lg flex items-center justify-center cursor-pointer">
-              <span class="text-sm font-medium">+{{ items().length - maxDisplay() }} more</span>
-            </button>
-          }
-        </div>
       </div>
     }
-  `, styles: [".line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\n"] }]
-    }], null, { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], maxDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDisplay", required: false }] }], itemClicked: [{ type: i0.Output, args: ["itemClicked"] }], viewAllClicked: [{ type: i0.Output, args: ["viewAllClicked"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PriorityActionsStripComponent, { className: "PriorityActionsStripComponent", filePath: "lib/components/shared/priority-actions-strip.component.ts", lineNumber: 78 }); })();
+  `
+            }]
+    }], null, { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewAllClicked: [{ type: i0.Output, args: ["viewAllClicked"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PriorityActionsStripComponent, { className: "PriorityActionsStripComponent", filePath: "lib/components/shared/priority-actions-strip.component.ts", lineNumber: 48 }); })();
 
 function UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-grade-badge", 7);
@@ -101768,7 +101706,7 @@ function UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_9_Template(r
 function UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-priority-actions-strip", 11);
-    i0.ɵɵlistener("itemClicked", function UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_12_Template_symphiq_priority_actions_strip_itemClicked_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.priorityActionItemClick.emit($event)); })("viewAllClicked", function UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_12_Template_symphiq_priority_actions_strip_viewAllClicked_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.viewAllPriorityActionsClick.emit()); });
+    i0.ɵɵlistener("viewAllClicked", function UnifiedExecutiveSummaryComponent_Conditional_0_Conditional_12_Template_symphiq_priority_actions_strip_viewAllClicked_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.viewAllPriorityActionsClick.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -101813,7 +101751,6 @@ class UnifiedExecutiveSummaryComponent {
         this.shopCounts = input({ analyses: 0, goals: 0 }, ...(ngDevMode ? [{ debugName: "shopCounts" }] : []));
         this.focusAreaCounts = input({ analyses: 0, goals: 0 }, ...(ngDevMode ? [{ debugName: "focusAreaCounts" }] : []));
         this.metricCounts = input({ analyses: 0, goals: 0 }, ...(ngDevMode ? [{ debugName: "metricCounts" }] : []));
-        this.priorityActionItemClick = output();
         this.viewAllPriorityActionsClick = output();
         this.priorityActionItems = computed(() => {
             const s = this.summary();
@@ -101830,7 +101767,7 @@ class UnifiedExecutiveSummaryComponent {
         this.textClasses = computed(() => this.isLightMode() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "textClasses" }] : []));
     }
     static { this.ɵfac = function UnifiedExecutiveSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedExecutiveSummaryComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedExecutiveSummaryComponent, selectors: [["symphiq-unified-executive-summary"]], inputs: { summary: [1, "summary"], viewMode: [1, "viewMode"], shopCounts: [1, "shopCounts"], focusAreaCounts: [1, "focusAreaCounts"], metricCounts: [1, "metricCounts"] }, outputs: { priorityActionItemClick: "priorityActionItemClick", viewAllPriorityActionsClick: "viewAllPriorityActionsClick" }, decls: 1, vars: 1, consts: [["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "flex", "flex-col", "gap-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], ["title", "Synthesis Overview", 3, "viewMode", "narrative", "napkinVisual"], [3, "viewMode", "shopCounts", "focusAreaCounts", "metricCounts"], [3, "items", "viewMode"], [3, "itemClicked", "viewAllClicked", "items", "viewMode"]], template: function UnifiedExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedExecutiveSummaryComponent, selectors: [["symphiq-unified-executive-summary"]], inputs: { summary: [1, "summary"], viewMode: [1, "viewMode"], shopCounts: [1, "shopCounts"], focusAreaCounts: [1, "focusAreaCounts"], metricCounts: [1, "metricCounts"] }, outputs: { viewAllPriorityActionsClick: "viewAllPriorityActionsClick" }, decls: 1, vars: 1, consts: [["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "flex", "flex-col", "gap-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], ["title", "Synthesis Overview", 3, "viewMode", "narrative", "napkinVisual"], [3, "viewMode", "shopCounts", "focusAreaCounts", "metricCounts"], [3, "items", "viewMode"], [3, "viewAllClicked", "items", "viewMode"]], template: function UnifiedExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, UnifiedExecutiveSummaryComponent_Conditional_0_Template, 13, 13, "section", 0);
         } if (rf & 2) {
             let tmp_0_0;
@@ -101894,7 +101831,6 @@ class UnifiedExecutiveSummaryComponent {
               <symphiq-priority-actions-strip
                 [items]="priorityActionItems()"
                 [viewMode]="viewMode()"
-                (itemClicked)="priorityActionItemClick.emit($event)"
                 (viewAllClicked)="viewAllPriorityActionsClick.emit()"
               />
             }
@@ -101904,8 +101840,8 @@ class UnifiedExecutiveSummaryComponent {
     }
   `
             }]
-    }], null, { summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], shopCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopCounts", required: false }] }], focusAreaCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaCounts", required: false }] }], metricCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricCounts", required: false }] }], priorityActionItemClick: [{ type: i0.Output, args: ["priorityActionItemClick"] }], viewAllPriorityActionsClick: [{ type: i0.Output, args: ["viewAllPriorityActionsClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedExecutiveSummaryComponent, { className: "UnifiedExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-executive-summary.component.ts", lineNumber: 75 }); })();
+    }], null, { summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], shopCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopCounts", required: false }] }], focusAreaCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaCounts", required: false }] }], metricCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricCounts", required: false }] }], viewAllPriorityActionsClick: [{ type: i0.Output, args: ["viewAllPriorityActionsClick"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedExecutiveSummaryComponent, { className: "UnifiedExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-executive-summary.component.ts", lineNumber: 74 }); })();
 
 const _c0$b = a0 => ({ name: "calendar", source: a0 });
 const _forTrack0$b = ($index, $item) => $item.id;
@@ -102970,7 +102906,7 @@ class UnifiedNextStepsComponent {
         return FocusAreaDomainEnumUtil.subtitle(domain);
     }
     static { this.ɵfac = function UnifiedNextStepsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedNextStepsComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedNextStepsComponent, selectors: [["symphiq-unified-next-steps"]], inputs: { steps: [1, "steps"], viewMode: [1, "viewMode"], goals: [1, "goals"] }, outputs: { goalClick: "goalClick" }, decls: 1, vars: 1, consts: [["id", "section-next-steps", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "sectionIcon"], ["title", "Next Steps", 3, "icon", "viewMode"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [1, "rounded-2xl", "p-6", "shadow-lg", "transition-all", "hover:shadow-xl", 3, "ngClass"], [1, "flex", "items-start", "gap-4", "mb-4"], [1, "w-10", "h-10", "rounded-full", "flex", "items-center", "justify-center", "text-lg", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "flex-1"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-base", "font-semibold", "line-clamp-2", 3, "ngClass"], [1, "text-sm", "mb-4", "line-clamp-3", 3, "ngClass"], [1, "mt-4", "pt-4", "border-t", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-2", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2", "text-sm", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "mt-0.5", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "line-clamp-2"], [1, "goal-chip", "flex", "items-center", "justify-between", "gap-2", "px-3", "py-2", "rounded-lg", "cursor-pointer", 3, "click", "ngClass"], [1, "text-sm", "font-medium", "line-clamp-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "flex-wrap", "gap-2"], ["tooltipPosition", "top", 1, "px-2", "py-1", "rounded-md", "text-xs", "font-medium", 3, "ngClass", "libSymphiqTooltip"]], template: function UnifiedNextStepsComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedNextStepsComponent, selectors: [["symphiq-unified-next-steps"]], inputs: { steps: [1, "steps"], viewMode: [1, "viewMode"], goals: [1, "goals"] }, outputs: { goalClick: "goalClick" }, decls: 1, vars: 1, consts: [["id", "section-next-steps", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "sectionIcon"], ["title", "Next Steps", 3, "icon", "viewMode"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [1, "rounded-2xl", "p-6", "shadow-lg", "transition-all", "hover:shadow-xl", 3, "ngClass"], [1, "flex", "items-start", "gap-4", "mb-4"], [1, "w-10", "h-10", "rounded-full", "flex", "items-center", "justify-center", "text-lg", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "flex-1"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-base", "font-semibold", 3, "ngClass"], [1, "text-sm", "mb-4", "line-clamp-3", 3, "ngClass"], [1, "mt-4", "pt-4", "border-t", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-2", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2", "text-sm", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "mt-0.5", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "line-clamp-2"], [1, "goal-chip", "flex", "items-center", "justify-between", "gap-2", "px-3", "py-2", "rounded-lg", "cursor-pointer", 3, "click", "ngClass"], [1, "text-sm", "font-medium", "line-clamp-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "flex-wrap", "gap-2"], ["tooltipPosition", "top", 1, "px-2", "py-1", "rounded-md", "text-xs", "font-medium", 3, "ngClass", "libSymphiqTooltip"]], template: function UnifiedNextStepsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, UnifiedNextStepsComponent_Conditional_0_Template, 6, 8, "section", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.steps().length > 0 ? 0 : -1);
@@ -103002,7 +102938,7 @@ class UnifiedNextStepsComponent {
                   <div [ngClass]="getCategoryClasses(idx)" class="text-xs font-semibold uppercase mb-1">
                     {{ getCategory(idx) }}
                   </div>
-                  <h4 [ngClass]="titleClasses()" class="text-base font-semibold line-clamp-2">
+                  <h4 [ngClass]="titleClasses()" class="text-base font-semibold">
                     {{ step.title }}
                   </h4>
                 </div>
@@ -103168,32 +103104,32 @@ class SynthesisConfidenceSectionComponent {
 const _forTrack0$8 = ($index, $item) => $item.analysisId;
 function SourceAnalysisTraceabilityComponent_Conditional_0_For_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵelement(1, "div", 16);
+    i0.ɵɵelement(1, "div", 19);
     i0.ɵɵelementEnd();
 } }
 function SourceAnalysisTraceabilityComponent_Conditional_0_For_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 17);
-    i0.ɵɵelement(2, "path", 18);
+    i0.ɵɵelementStart(1, "svg", 20);
+    i0.ɵɵelement(2, "path", 21);
     i0.ɵɵelementEnd()();
 } }
 function SourceAnalysisTraceabilityComponent_Conditional_0_For_8_Case_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "svg", 2);
-    i0.ɵɵelement(1, "path", 19);
+    i0.ɵɵelement(1, "path", 22);
     i0.ɵɵelementEnd();
 } }
 function SourceAnalysisTraceabilityComponent_Conditional_0_For_8_Case_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "svg", 2);
-    i0.ɵɵelement(1, "path", 20);
+    i0.ɵɵelement(1, "path", 23);
     i0.ɵɵelementEnd();
 } }
 function SourceAnalysisTraceabilityComponent_Conditional_0_For_8_Case_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "svg", 2);
-    i0.ɵɵelement(1, "path", 21);
+    i0.ɵɵelement(1, "path", 24);
     i0.ɵɵelementEnd();
 } }
 function SourceAnalysisTraceabilityComponent_Conditional_0_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
@@ -103220,6 +103156,11 @@ function SourceAnalysisTraceabilityComponent_Conditional_0_For_8_Template(rf, ct
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(14, "div", 15);
     i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 16);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(17, "svg", 17);
+    i0.ɵɵelement(18, "path", 18);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     let tmp_15_0;
@@ -103248,6 +103189,8 @@ function SourceAnalysisTraceabilityComponent_Conditional_0_For_8_Template(rf, ct
     i0.ɵɵproperty("ngClass", ctx_r2.sourceWeightClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ((source_r2.contributionWeight ?? 0) * 100).toFixed(0), "% contribution ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r2.chevronClasses());
 } }
 function SourceAnalysisTraceabilityComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0)(1, "h4", 1);
@@ -103260,7 +103203,7 @@ function SourceAnalysisTraceabilityComponent_Conditional_0_Template(rf, ctx) { i
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelement(5, "symphiq-synthesis-confidence-section", 4);
     i0.ɵɵelementStart(6, "div", 5);
-    i0.ɵɵrepeaterCreate(7, SourceAnalysisTraceabilityComponent_Conditional_0_For_8_Template, 16, 12, "button", 6, _forTrack0$8);
+    i0.ɵɵrepeaterCreate(7, SourceAnalysisTraceabilityComponent_Conditional_0_For_8_Template, 19, 13, "button", 6, _forTrack0$8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_3_0;
@@ -103326,6 +103269,7 @@ class SourceAnalysisTraceabilityComponent {
         this.sourceTypeClasses = computed(() => this.isLightMode() ? 'text-slate-500' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "sourceTypeClasses" }] : []));
         this.sourceTitleClasses = computed(() => this.isLightMode() ? 'text-slate-900' : 'text-white', ...(ngDevMode ? [{ debugName: "sourceTitleClasses" }] : []));
         this.sourceWeightClasses = computed(() => this.isLightMode() ? 'text-slate-500' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "sourceWeightClasses" }] : []));
+        this.chevronClasses = computed(() => this.isLightMode() ? 'text-slate-400' : 'text-slate-500', ...(ngDevMode ? [{ debugName: "chevronClasses" }] : []));
     }
     onSourceAnalysisClick(source) {
         this.sourceAnalysisClick.emit(source);
@@ -103339,7 +103283,7 @@ class SourceAnalysisTraceabilityComponent {
         }
     }
     static { this.ɵfac = function SourceAnalysisTraceabilityComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SourceAnalysisTraceabilityComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SourceAnalysisTraceabilityComponent, selectors: [["symphiq-source-analysis-traceability"]], inputs: { sourceAnalyses: [1, "sourceAnalyses"], loadedSourceAnalysisIds: [1, "loadedSourceAnalysisIds"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"], viewMode: [1, "viewMode"], goal: [1, "goal"] }, outputs: { sourceAnalysisClick: "sourceAnalysisClick" }, decls: 1, vars: 1, consts: [[1, "p-5", "rounded-xl", "flex", "flex-col", "gap-4", 3, "ngClass"], [1, "text-sm", "font-semibold", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"], [3, "score", "explanation", "viewMode"], [1, "grid", "grid-cols-1", "gap-3"], ["type", "button", 1, "p-4", "rounded-lg", "text-left", "transition-all", "hover:scale-[1.02]", "relative", 3, "ngClass"], ["type", "button", 1, "p-4", "rounded-lg", "text-left", "transition-all", "hover:scale-[1.02]", "relative", 3, "click", "ngClass"], [1, "absolute", "inset-0", "bg-black/10", "rounded-lg", "flex", "items-center", "justify-center"], [1, "absolute", "top-2", "right-2"], [1, "flex", "items-start", "gap-3"], [1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "text-xs", "font-medium", "uppercase", "mb-0.5", 3, "ngClass"], [1, "text-sm", "font-medium", "truncate", 3, "ngClass"], [1, "text-xs", "mt-1", 3, "ngClass"], [1, "w-5", "h-5", "border-2", "border-current", "border-t-transparent", "rounded-full", "animate-spin"], ["fill", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "text-green-500"], ["d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"]], template: function SourceAnalysisTraceabilityComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SourceAnalysisTraceabilityComponent, selectors: [["symphiq-source-analysis-traceability"]], inputs: { sourceAnalyses: [1, "sourceAnalyses"], loadedSourceAnalysisIds: [1, "loadedSourceAnalysisIds"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"], viewMode: [1, "viewMode"], goal: [1, "goal"] }, outputs: { sourceAnalysisClick: "sourceAnalysisClick" }, decls: 1, vars: 1, consts: [[1, "p-5", "rounded-xl", "flex", "flex-col", "gap-4", 3, "ngClass"], [1, "text-sm", "font-semibold", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"], [3, "score", "explanation", "viewMode"], [1, "grid", "grid-cols-1", "gap-3"], ["type", "button", 1, "p-4", "rounded-lg", "text-left", "transition-all", "hover:scale-[1.02]", "relative", 3, "ngClass"], ["type", "button", 1, "p-4", "rounded-lg", "text-left", "transition-all", "hover:scale-[1.02]", "relative", 3, "click", "ngClass"], [1, "absolute", "inset-0", "bg-black/10", "rounded-lg", "flex", "items-center", "justify-center"], [1, "absolute", "top-2", "right-2"], [1, "flex", "items-center", "gap-3"], [1, "w-8", "h-8", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "text-xs", "font-medium", "uppercase", "mb-0.5", 3, "ngClass"], [1, "text-sm", "font-medium", "truncate", 3, "ngClass"], [1, "text-xs", "mt-1", 3, "ngClass"], [1, "flex-shrink-0", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "w-5", "h-5", "border-2", "border-current", "border-t-transparent", "rounded-full", "animate-spin"], ["fill", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "text-green-500"], ["d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"]], template: function SourceAnalysisTraceabilityComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, SourceAnalysisTraceabilityComponent_Conditional_0_Template, 9, 6, "div", 0);
         } if (rf & 2) {
             let tmp_0_0;
@@ -103387,7 +103331,7 @@ class SourceAnalysisTraceabilityComponent {
                   </svg>
                 </div>
               }
-              <div class="flex items-start gap-3">
+              <div class="flex items-center gap-3">
                 <div [ngClass]="sourceIconClasses()(source)" class="w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0">
                   @switch (source.analysisType) {
                     @case (ProfileAnalysisTypeEnum.SHOP) {
@@ -103421,6 +103365,11 @@ class SourceAnalysisTraceabilityComponent {
                     {{ ((source.contributionWeight ?? 0) * 100).toFixed(0) }}% contribution
                   </div>
                 </div>
+                <div [ngClass]="chevronClasses()" class="flex-shrink-0">
+                  <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+                  </svg>
+                </div>
               </div>
             </button>
           }
@@ -103430,11 +103379,11 @@ class SourceAnalysisTraceabilityComponent {
   `
             }]
     }], null, { sourceAnalyses: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceAnalyses", required: false }] }], loadedSourceAnalysisIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadedSourceAnalysisIds", required: false }] }], loadingSourceAnalysisId: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingSourceAnalysisId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: true }] }], sourceAnalysisClick: [{ type: i0.Output, args: ["sourceAnalysisClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SourceAnalysisTraceabilityComponent, { className: "SourceAnalysisTraceabilityComponent", filePath: "lib/components/shared/source-analysis-traceability.component.ts", lineNumber: 100 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SourceAnalysisTraceabilityComponent, { className: "SourceAnalysisTraceabilityComponent", filePath: "lib/components/shared/source-analysis-traceability.component.ts", lineNumber: 105 }); })();
 
 function UnifiedGoalDetailModalContentComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵelement(1, "symphiq-thematic-category-badge", 12);
+    i0.ɵɵelement(1, "symphiq-thematic-category-badge", 11);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -103453,7 +103402,7 @@ function UnifiedGoalDetailModalContentComponent_Conditional_4_Template(rf, ctx)
 } }
 function UnifiedGoalDetailModalContentComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 13);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 12);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -103462,16 +103411,17 @@ function UnifiedGoalDetailModalContentComponent_Conditional_5_Template(rf, ctx)
 } }
 function UnifiedGoalDetailModalContentComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-show-objectives-button", 14);
-    i0.ɵɵlistener("buttonClick", function UnifiedGoalDetailModalContentComponent_Conditional_6_Template_symphiq_show_objectives_button_buttonClick_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.showObjectives.emit()); });
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(0, "div", 5)(1, "symphiq-show-objectives-button", 13);
+    i0.ɵɵlistener("buttonClick", function UnifiedGoalDetailModalContentComponent_Conditional_6_Template_symphiq_show_objectives_button_buttonClick_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.showObjectives.emit()); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
     i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("subLabel", "View " + ctx_r0.goal().objectives.length + " objectives");
 } }
 function UnifiedGoalDetailModalContentComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-related-content-button", 15);
+    i0.ɵɵelementStart(0, "symphiq-related-content-button", 14);
     i0.ɵɵlistener("buttonClicked", function UnifiedGoalDetailModalContentComponent_Conditional_9_Template_symphiq_related_content_button_buttonClicked_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onContributingMetricsClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -103479,7 +103429,7 @@ function UnifiedGoalDetailModalContentComponent_Conditional_9_Template(rf, ctx)
     i0.ɵɵproperty("count", ctx_r0.contributingMetricsCount())("svgPath", ctx_r0.metricsIconPath)("viewMode", ctx_r0.viewMode());
 } }
 function UnifiedGoalDetailModalContentComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-related-content-button", 10);
+    i0.ɵɵelement(0, "symphiq-related-content-button", 9);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("count", ctx_r0.contributingFocusAreasCount())("svgPath", ctx_r0.focusAreaIconPath)("viewMode", ctx_r0.viewMode())("showChevron", false)("tooltipContent", ctx_r0.focusAreasTooltipContent());
@@ -103540,18 +103490,18 @@ class UnifiedGoalDetailModalContentComponent {
         this.contributingMetricsClick.emit();
     }
     static { this.ɵfac = function UnifiedGoalDetailModalContentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedGoalDetailModalContentComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalDetailModalContentComponent, selectors: [["symphiq-unified-goal-detail-modal-content"]], inputs: { goal: [1, "goal"], allMetrics: [1, "allMetrics"], allCharts: [1, "allCharts"], loadedSourceAnalysisIds: [1, "loadedSourceAnalysisIds"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"], viewMode: [1, "viewMode"], currentModalState: [1, "currentModalState"] }, outputs: { sourceAnalysisClick: "sourceAnalysisClick", metricClick: "metricClick", contributingMetricsClick: "contributingMetricsClick", showObjectives: "showObjectives", close: "close" }, decls: 12, vars: 14, consts: [[1, "flex", "flex-col", "gap-6"], [1, "flex", "flex-col", "lg:flex-row", "gap-6"], [1, "flex-1"], [1, "mb-3"], [1, "text-base", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "mt-3"], [3, "viewMode", "subLabel"], [1, "lg:w-100", "flex-shrink-0", "flex", "flex-col", "gap-4"], ["layout", "vertical", 3, "expectedImpact", "viewMode", "showTitleIcon"], ["label", "CONTRIBUTING METRIC", "labelPlural", "CONTRIBUTING METRICS", 3, "count", "svgPath", "viewMode"], ["label", "CONTRIBUTING FOCUS AREA", "labelPlural", "CONTRIBUTING FOCUS AREAS", 3, "count", "svgPath", "viewMode", "showChevron", "tooltipContent"], [3, "sourceAnalysisClick", "sourceAnalyses", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "goal"], [3, "category", "viewMode"], [3, "visual", "viewMode"], [3, "buttonClick", "viewMode", "subLabel"], ["label", "CONTRIBUTING METRIC", "labelPlural", "CONTRIBUTING METRICS", 3, "buttonClicked", "count", "svgPath", "viewMode"]], template: function UnifiedGoalDetailModalContentComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalDetailModalContentComponent, selectors: [["symphiq-unified-goal-detail-modal-content"]], inputs: { goal: [1, "goal"], allMetrics: [1, "allMetrics"], allCharts: [1, "allCharts"], loadedSourceAnalysisIds: [1, "loadedSourceAnalysisIds"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"], viewMode: [1, "viewMode"], currentModalState: [1, "currentModalState"] }, outputs: { sourceAnalysisClick: "sourceAnalysisClick", metricClick: "metricClick", contributingMetricsClick: "contributingMetricsClick", showObjectives: "showObjectives", close: "close" }, decls: 12, vars: 14, consts: [[1, "flex", "flex-col", "gap-6"], [1, "flex", "flex-col", "lg:flex-row", "gap-6"], [1, "flex-1"], [1, "mb-3"], [1, "text-base", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "mt-6"], [1, "lg:w-100", "flex-shrink-0", "flex", "flex-col", "gap-4"], ["layout", "vertical", 3, "expectedImpact", "viewMode", "showTitleIcon"], ["label", "CONTRIBUTING METRIC", "labelPlural", "CONTRIBUTING METRICS", 3, "count", "svgPath", "viewMode"], ["label", "CONTRIBUTING FOCUS AREA", "labelPlural", "CONTRIBUTING FOCUS AREAS", 3, "count", "svgPath", "viewMode", "showChevron", "tooltipContent"], [3, "sourceAnalysisClick", "sourceAnalyses", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "goal"], [3, "category", "viewMode"], [3, "visual", "viewMode"], [3, "buttonClick", "viewMode", "subLabel"], ["label", "CONTRIBUTING METRIC", "labelPlural", "CONTRIBUTING METRICS", 3, "buttonClicked", "count", "svgPath", "viewMode"]], template: function UnifiedGoalDetailModalContentComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
             i0.ɵɵconditionalCreate(3, UnifiedGoalDetailModalContentComponent_Conditional_3_Template, 2, 2, "div", 3);
             i0.ɵɵconditionalCreate(4, UnifiedGoalDetailModalContentComponent_Conditional_4_Template, 2, 2, "p", 4);
             i0.ɵɵconditionalCreate(5, UnifiedGoalDetailModalContentComponent_Conditional_5_Template, 2, 2, "div", 5);
-            i0.ɵɵconditionalCreate(6, UnifiedGoalDetailModalContentComponent_Conditional_6_Template, 1, 2, "symphiq-show-objectives-button", 6);
+            i0.ɵɵconditionalCreate(6, UnifiedGoalDetailModalContentComponent_Conditional_6_Template, 2, 2, "div", 5);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "div", 7);
-            i0.ɵɵelement(8, "symphiq-expected-impact-section", 8);
-            i0.ɵɵconditionalCreate(9, UnifiedGoalDetailModalContentComponent_Conditional_9_Template, 1, 3, "symphiq-related-content-button", 9);
-            i0.ɵɵconditionalCreate(10, UnifiedGoalDetailModalContentComponent_Conditional_10_Template, 1, 5, "symphiq-related-content-button", 10);
-            i0.ɵɵelementStart(11, "symphiq-source-analysis-traceability", 11);
+            i0.ɵɵelementStart(7, "div", 6);
+            i0.ɵɵelement(8, "symphiq-expected-impact-section", 7);
+            i0.ɵɵconditionalCreate(9, UnifiedGoalDetailModalContentComponent_Conditional_9_Template, 1, 3, "symphiq-related-content-button", 8);
+            i0.ɵɵconditionalCreate(10, UnifiedGoalDetailModalContentComponent_Conditional_10_Template, 1, 5, "symphiq-related-content-button", 9);
+            i0.ɵɵelementStart(11, "symphiq-source-analysis-traceability", 10);
             i0.ɵɵlistener("sourceAnalysisClick", function UnifiedGoalDetailModalContentComponent_Template_symphiq_source_analysis_traceability_sourceAnalysisClick_11_listener($event) { return ctx.onSourceAnalysisClick($event); });
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
@@ -103600,21 +103550,23 @@ class UnifiedGoalDetailModalContentComponent {
           }
           <!-- Napkin Visual -->
           @if (goal().visual) {
-            <div class="mt-3">
+            <div class="mt-6">
               <symphiq-napkin-visual-placeholder
                   [visual]="goal().visual"
                   [viewMode]="viewMode()"
               />
             </div>
           }
-          
+
           <!-- Objectives Button -->
           @if (goal().objectives && goal().objectives!.length > 0) {
-            <symphiq-show-objectives-button
-                [viewMode]="viewMode()"
-                [subLabel]="'View ' + goal().objectives!.length + ' objectives'"
-                (buttonClick)="showObjectives.emit()"
-            />
+            <div class="mt-6">
+              <symphiq-show-objectives-button
+                  [viewMode]="viewMode()"
+                  [subLabel]="'View ' + goal().objectives!.length + ' objectives'"
+                  (buttonClick)="showObjectives.emit()"
+              />
+            </div>
           }
         </div>
         <div class="lg:w-100 flex-shrink-0 flex flex-col gap-4">
@@ -103656,12 +103608,12 @@ class UnifiedGoalDetailModalContentComponent {
           />
         </div>
       </div>
-      
+
     </div>
   `
             }]
     }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: true }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], loadedSourceAnalysisIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadedSourceAnalysisIds", required: false }] }], loadingSourceAnalysisId: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingSourceAnalysisId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }], sourceAnalysisClick: [{ type: i0.Output, args: ["sourceAnalysisClick"] }], metricClick: [{ type: i0.Output, args: ["metricClick"] }], contributingMetricsClick: [{ type: i0.Output, args: ["contributingMetricsClick"] }], showObjectives: [{ type: i0.Output, args: ["showObjectives"] }], close: [{ type: i0.Output, args: ["close"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalDetailModalContentComponent, { className: "UnifiedGoalDetailModalContentComponent", filePath: "lib/components/profile-analysis-unified-dashboard/modals/unified-goal-detail-modal-content.component.ts", lineNumber: 98 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalDetailModalContentComponent, { className: "UnifiedGoalDetailModalContentComponent", filePath: "lib/components/profile-analysis-unified-dashboard/modals/unified-goal-detail-modal-content.component.ts", lineNumber: 100 }); })();
 
 const _forTrack0$7 = ($index, $item) => $item.metric;
 function UnifiedGoalRelatedMetricsModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -103741,7 +103693,7 @@ class UnifiedGoalRelatedMetricsModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalRelatedMetricsModalContentComponent, { className: "UnifiedGoalRelatedMetricsModalContentComponent", filePath: "lib/components/profile-analysis-unified-dashboard/modals/unified-goal-related-metrics-modal-content.component.ts", lineNumber: 36 }); })();
 
 function PriorityActionsModalContentComponent_For_5_Conditional_16_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 20);
+    i0.ɵɵelementStart(0, "span", 19);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -103755,8 +103707,8 @@ function PriorityActionsModalContentComponent_For_5_Conditional_16_Template(rf,
     i0.ɵɵelementStart(0, "div", 16)(1, "span", 18);
     i0.ɵɵtext(2, " Contributing Areas ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 19);
-    i0.ɵɵrepeaterCreate(4, PriorityActionsModalContentComponent_For_5_Conditional_16_For_5_Template, 2, 2, "span", 20, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(3, "div", 11);
+    i0.ɵɵrepeaterCreate(4, PriorityActionsModalContentComponent_For_5_Conditional_16_For_5_Template, 2, 2, "span", 19, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r3 = i0.ɵɵnextContext().$implicit;
@@ -103768,36 +103720,40 @@ function PriorityActionsModalContentComponent_For_5_Conditional_16_Template(rf,
 } }
 function PriorityActionsModalContentComponent_For_5_Conditional_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 22);
+    i0.ɵɵelementStart(0, "button", 21);
     i0.ɵɵlistener("click", function PriorityActionsModalContentComponent_For_5_Conditional_17_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const item_r3 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.goalClick.emit(item_r3.linkedGoalId)); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 14);
+    i0.ɵɵelementStart(1, "svg", 22);
     i0.ɵɵelement(2, "path", 23);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " View Linked Goal ");
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "svg", 22);
+    i0.ɵɵelement(5, "path", 24);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.linkButtonClasses());
 } }
 function PriorityActionsModalContentComponent_For_5_Conditional_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 22);
+    i0.ɵɵelementStart(0, "button", 21);
     i0.ɵɵlistener("click", function PriorityActionsModalContentComponent_For_5_Conditional_17_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const item_r3 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.recommendationClick.emit(item_r3.linkedRecommendationId)); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 14);
-    i0.ɵɵelement(2, "path", 24);
+    i0.ɵɵelementStart(1, "svg", 22);
+    i0.ɵɵelement(2, "path", 25);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " View Recommendation ");
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "svg", 22);
+    i0.ɵɵelement(5, "path", 24);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.linkButtonClasses());
 } }
 function PriorityActionsModalContentComponent_For_5_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵconditionalCreate(1, PriorityActionsModalContentComponent_For_5_Conditional_17_Conditional_1_Template, 4, 1, "button", 21);
-    i0.ɵɵconditionalCreate(2, PriorityActionsModalContentComponent_For_5_Conditional_17_Conditional_2_Template, 4, 1, "button", 21);
+    i0.ɵɵconditionalCreate(1, PriorityActionsModalContentComponent_For_5_Conditional_17_Conditional_1_Template, 6, 1, "button", 20);
+    i0.ɵɵconditionalCreate(2, PriorityActionsModalContentComponent_For_5_Conditional_17_Conditional_2_Template, 6, 1, "button", 20);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r3 = i0.ɵɵnextContext().$implicit;
@@ -103835,7 +103791,7 @@ function PriorityActionsModalContentComponent_For_5_Template(rf, ctx) { if (rf &
     const $index_r6 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("ring-2", ctx_r1.selectedIndex() === $index_r6)("ring-indigo-500", ctx_r1.selectedIndex() === $index_r6);
-    i0.ɵɵproperty("ngClass", ctx_r1.cardClasses());
+    i0.ɵɵproperty("ngClass", ctx_r1.cardClasses(item_r3.priority));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.indexBadgeClasses());
     i0.ɵɵadvance();
@@ -103868,9 +103824,6 @@ class PriorityActionsModalContentComponent {
         this.recommendationClick = output();
         this.isLight = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLight" }] : []));
         this.subtitleClasses = computed(() => this.isLight() ? 'text-slate-600' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "subtitleClasses" }] : []));
-        this.cardClasses = computed(() => this.isLight()
-            ? 'bg-white border border-slate-200 hover:border-slate-300 hover:shadow-md'
-            : 'bg-slate-800/50 border border-slate-700/50 hover:border-slate-600/50', ...(ngDevMode ? [{ debugName: "cardClasses" }] : []));
         this.indexBadgeClasses = computed(() => this.isLight()
             ? 'bg-gradient-to-br from-indigo-400 to-purple-400 text-white'
             : 'bg-gradient-to-br from-indigo-500 to-purple-500 text-white', ...(ngDevMode ? [{ debugName: "indexBadgeClasses" }] : []));
@@ -103880,12 +103833,34 @@ class PriorityActionsModalContentComponent {
             : 'bg-slate-700/50 text-slate-400 border border-slate-600/50', ...(ngDevMode ? [{ debugName: "timeframeBadgeClasses" }] : []));
         this.labelClasses = computed(() => this.isLight() ? 'text-slate-500' : 'text-slate-500', ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
         this.domainChipClasses = computed(() => this.isLight()
-            ? 'bg-slate-100 text-slate-700'
-            : 'bg-slate-700/50 text-slate-300', ...(ngDevMode ? [{ debugName: "domainChipClasses" }] : []));
+            ? 'bg-slate-100 text-slate-700 border border-slate-200'
+            : 'bg-slate-700/50 text-slate-300 border border-slate-600/50', ...(ngDevMode ? [{ debugName: "domainChipClasses" }] : []));
         this.borderClasses = computed(() => this.isLight() ? 'border-slate-200' : 'border-slate-700/50', ...(ngDevMode ? [{ debugName: "borderClasses" }] : []));
         this.linkButtonClasses = computed(() => this.isLight()
-            ? 'text-indigo-600 hover:text-indigo-700'
-            : 'text-indigo-400 hover:text-indigo-300', ...(ngDevMode ? [{ debugName: "linkButtonClasses" }] : []));
+            ? 'bg-indigo-100 text-indigo-700 border border-indigo-200 hover:bg-indigo-600 hover:text-white hover:border-indigo-600 hover:shadow-indigo-200'
+            : 'bg-indigo-500/20 text-indigo-300 border border-indigo-500/30 hover:bg-indigo-500 hover:text-white hover:border-indigo-500 hover:shadow-indigo-500/30', ...(ngDevMode ? [{ debugName: "linkButtonClasses" }] : []));
+    }
+    cardClasses(priority) {
+        const isLight = this.isLight();
+        const priorityStr = String(priority).toUpperCase();
+        if (priorityStr === 'CRITICAL') {
+            return isLight
+                ? 'bg-white border-l-4 border-l-red-500 border border-slate-200 hover:shadow-[0_0_15px_rgba(239,68,68,0.4)]'
+                : 'bg-slate-800/50 border-l-4 border-l-red-500 border border-slate-700/50 hover:shadow-[0_0_15px_rgba(239,68,68,0.5)]';
+        }
+        if (priorityStr === 'HIGH' || priorityStr === 'URGENT') {
+            return isLight
+                ? 'bg-white border-l-4 border-l-orange-500 border border-slate-200 hover:shadow-[0_0_15px_rgba(249,115,22,0.4)]'
+                : 'bg-slate-800/50 border-l-4 border-l-orange-500 border border-slate-700/50 hover:shadow-[0_0_15px_rgba(249,115,22,0.5)]';
+        }
+        if (priorityStr === 'MEDIUM') {
+            return isLight
+                ? 'bg-white border-l-4 border-l-amber-500 border border-slate-200 hover:shadow-[0_0_15px_rgba(245,158,11,0.4)]'
+                : 'bg-slate-800/50 border-l-4 border-l-amber-500 border border-slate-700/50 hover:shadow-[0_0_15px_rgba(245,158,11,0.5)]';
+        }
+        return isLight
+            ? 'bg-white border-l-4 border-l-blue-500 border border-slate-200 hover:shadow-[0_0_15px_rgba(59,130,246,0.4)]'
+            : 'bg-slate-800/50 border-l-4 border-l-blue-500 border border-slate-700/50 hover:shadow-[0_0_15px_rgba(59,130,246,0.5)]';
     }
     impactBadgeClasses(impact) {
         const isLight = this.isLight();
@@ -103920,7 +103895,7 @@ class PriorityActionsModalContentComponent {
             .join(' ');
     }
     static { this.ɵfac = function PriorityActionsModalContentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PriorityActionsModalContentComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PriorityActionsModalContentComponent, selectors: [["symphiq-priority-actions-modal-content"]], inputs: { items: [1, "items"], viewMode: [1, "viewMode"], selectedIndex: [1, "selectedIndex"] }, outputs: { goalClick: "goalClick", recommendationClick: "recommendationClick" }, decls: 6, vars: 2, consts: [[1, "space-y-6"], [1, "text-sm", 3, "ngClass"], [1, "space-y-4"], [1, "rounded-xl", "p-5", "transition-all", "duration-200", 3, "ngClass", "ring-2", "ring-indigo-500"], [1, "rounded-xl", "p-5", "transition-all", "duration-200", 3, "ngClass"], [1, "flex", "items-start", "gap-4"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "flex-1", "space-y-3"], [1, "flex", "items-start", "justify-between", "gap-3"], [1, "font-semibold", "leading-tight", 3, "ngClass"], [3, "priority", "viewMode"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-medium", "flex", "items-center", "gap-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "space-y-1.5"], [1, "flex", "items-center", "gap-3", "pt-2", "border-t", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], ["type", "button", 1, "text-xs", "font-medium", "flex", "items-center", "gap-1", "cursor-pointer", "transition-colors", 3, "ngClass"], ["type", "button", 1, "text-xs", "font-medium", "flex", "items-center", "gap-1", "cursor-pointer", "transition-colors", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"]], template: function PriorityActionsModalContentComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PriorityActionsModalContentComponent, selectors: [["symphiq-priority-actions-modal-content"]], inputs: { items: [1, "items"], viewMode: [1, "viewMode"], selectedIndex: [1, "selectedIndex"] }, outputs: { goalClick: "goalClick", recommendationClick: "recommendationClick" }, decls: 6, vars: 2, consts: [[1, "space-y-6"], [1, "text-sm", 3, "ngClass"], [1, "space-y-4"], [1, "rounded-xl", "p-5", "transition-all", "duration-200", 3, "ngClass", "ring-2", "ring-indigo-500"], [1, "rounded-xl", "p-5", "transition-all", "duration-200", 3, "ngClass"], [1, "flex", "items-start", "gap-4"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "flex-1", "space-y-4"], [1, "flex", "items-start", "justify-between", "gap-3"], [1, "font-semibold", "leading-tight", 3, "ngClass"], [3, "priority", "viewMode"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-medium", "flex", "items-center", "gap-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "space-y-2", "pt-3"], [1, "flex", "flex-wrap", "items-center", "gap-3", "pt-4", "mt-2", "border-t", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", 3, "ngClass"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-4", "py-2", "rounded-lg", "text-sm", "font-medium", "cursor-pointer", "transition-all", "duration-200", "hover:scale-105", "hover:shadow-lg", 3, "ngClass"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-4", "py-2", "rounded-lg", "text-sm", "font-medium", "cursor-pointer", "transition-all", "duration-200", "hover:scale-105", "hover:shadow-lg", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"]], template: function PriorityActionsModalContentComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "p", 1);
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
@@ -103952,7 +103927,7 @@ class PriorityActionsModalContentComponent {
       <div class="space-y-4">
         @for (item of items(); track $index) {
           <div
-            [ngClass]="cardClasses()"
+            [ngClass]="cardClasses(item.priority)"
             class="rounded-xl p-5 transition-all duration-200"
             [class.ring-2]="selectedIndex() === $index"
             [class.ring-indigo-500]="selectedIndex() === $index">
@@ -103961,7 +103936,7 @@ class PriorityActionsModalContentComponent {
                 {{ $index + 1 }}
               </div>
               
-              <div class="flex-1 space-y-3">
+              <div class="flex-1 space-y-4">
                 <div class="flex items-start justify-between gap-3">
                   <p [ngClass]="actionTextClasses()" class="font-semibold leading-tight">
                     {{ item.action }}
@@ -103982,13 +103957,13 @@ class PriorityActionsModalContentComponent {
                 </div>
 
                 @if (item.contributingDomains && item.contributingDomains.length > 0) {
-                  <div class="space-y-1.5">
+                  <div class="space-y-2 pt-3">
                     <span [ngClass]="labelClasses()" class="text-xs font-semibold uppercase tracking-wider">
                       Contributing Areas
                     </span>
-                    <div class="flex flex-wrap gap-1.5">
+                    <div class="flex flex-wrap gap-2">
                       @for (domain of item.contributingDomains; track domain) {
-                        <span [ngClass]="domainChipClasses()" class="px-2 py-0.5 rounded text-xs">
+                        <span [ngClass]="domainChipClasses()" class="px-3 py-1.5 rounded-lg text-xs font-medium">
                           {{ formatDomain(domain) }}
                         </span>
                       }
@@ -103997,17 +103972,20 @@ class PriorityActionsModalContentComponent {
                 }
 
                 @if (item.linkedGoalId || item.linkedRecommendationId) {
-                  <div class="flex items-center gap-3 pt-2 border-t" [ngClass]="borderClasses()">
+                  <div class="flex flex-wrap items-center gap-3 pt-4 mt-2 border-t" [ngClass]="borderClasses()">
                     @if (item.linkedGoalId) {
                       <button
                         type="button"
                         (click)="goalClick.emit(item.linkedGoalId!)"
                         [ngClass]="linkButtonClasses()"
-                        class="text-xs font-medium flex items-center gap-1 cursor-pointer transition-colors">
-                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        class="flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium cursor-pointer transition-all duration-200 hover:scale-105 hover:shadow-lg">
+                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"/>
                         </svg>
                         View Linked Goal
+                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+                        </svg>
                       </button>
                     }
                     @if (item.linkedRecommendationId) {
@@ -104015,11 +103993,14 @@ class PriorityActionsModalContentComponent {
                         type="button"
                         (click)="recommendationClick.emit(item.linkedRecommendationId!)"
                         [ngClass]="linkButtonClasses()"
-                        class="text-xs font-medium flex items-center gap-1 cursor-pointer transition-colors">
-                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        class="flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium cursor-pointer transition-all duration-200 hover:scale-105 hover:shadow-lg">
+                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/>
                         </svg>
                         View Recommendation
+                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+                        </svg>
                       </button>
                     }
                   </div>
@@ -104033,7 +104014,7 @@ class PriorityActionsModalContentComponent {
   `
             }]
     }], null, { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], selectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }], goalClick: [{ type: i0.Output, args: ["goalClick"] }], recommendationClick: [{ type: i0.Output, args: ["recommendationClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PriorityActionsModalContentComponent, { className: "PriorityActionsModalContentComponent", filePath: "lib/components/profile-analysis-unified-dashboard/modals/priority-actions-modal-content.component.ts", lineNumber: 101 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PriorityActionsModalContentComponent, { className: "PriorityActionsModalContentComponent", filePath: "lib/components/profile-analysis-unified-dashboard/modals/priority-actions-modal-content.component.ts", lineNumber: 107 }); })();
 
 const _c0$8 = ["modalContent"];
 const _c1$4 = ["modalWrapper"];
@@ -104150,7 +104131,7 @@ function UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.modalTypeLabelClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.modalType() === "unified-goal-objectives" ? "Objectives" : ctx_r1.modalType() === "unified-goal-related-metrics" ? "Related Metrics" : ctx_r1.modalType() === "objective-strategies" ? "Strategies" : ctx_r1.modalType() === "strategy-recommendations" ? "Recommendations" : ctx_r1.modalType() === "priority-actions-list" ? "Priority Actions" : "Unified Goal", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.modalType() === "unified-goal-objectives" ? "Objectives" : ctx_r1.modalType() === "unified-goal-related-metrics" ? "Related Metrics" : ctx_r1.modalType() === "objective-strategies" ? "Strategies" : ctx_r1.modalType() === "strategy-recommendations" ? "Recommendations" : ctx_r1.modalType() === "priority-actions-list" ? "Unified Analysis" : "Unified Goal", " ");
 } }
 function UnifiedDashboardModalComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-priority-badge", 15);
@@ -104201,7 +104182,10 @@ function UnifiedDashboardModalComponent_Conditional_0_Conditional_25_Template(rf
     i0.ɵɵproperty("strategy", ctx_r1.recommendationsData().strategy)("viewMode", ctx_r1.viewMode())("allMetrics", ctx_r1.allMetricsFromStack())("allCharts", ctx_r1.allChartsFromStack())("allInsights", ctx_r1.allInsightsFromStack())("goalTitle", ctx_r1.recommendationsData().goalTitle)("objectiveTitle", ctx_r1.recommendationsData().objectiveTitle)("currentModalState", ctx_r1.currentModalState());
 } }
 function UnifiedDashboardModalComponent_Conditional_0_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-priority-actions-modal-content", 26);
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-priority-actions-modal-content", 37);
+    i0.ɵɵlistener("goalClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_26_Template_symphiq_priority_actions_modal_content_goalClick_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPriorityActionGoalClick($event)); })("recommendationClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_26_Template_symphiq_priority_actions_modal_content_recommendationClick_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPriorityActionRecommendationClick($event)); });
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("items", ctx_r1.priorityActionsData().items)("viewMode", ctx_r1.viewMode())("selectedIndex", ctx_r1.priorityActionsData().selectedIndex ?? null);
@@ -104239,13 +104223,14 @@ function UnifiedDashboardModalComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵconditionalCreate(26, UnifiedDashboardModalComponent_Conditional_0_Conditional_26_Template, 1, 3, "symphiq-priority-actions-modal-content", 26);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    let tmp_16_0;
     let tmp_17_0;
+    let tmp_18_0;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵstyleProp("z-index", ctx_r1.baseZIndex())("visibility", ctx_r1.modalReady() ? "visible" : "hidden");
     i0.ɵɵadvance(2);
     i0.ɵɵstyleProp("z-index", ctx_r1.backdropZIndex());
-    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-slate-900/15" : "bg-slate-950/25")("@fadeIn", ctx_r1.isFreshOpen() ? "enter" : "none");
+    i0.ɵɵclassProp("opacity-0", !ctx_r1.modalReady())("opacity-100", ctx_r1.modalReady());
+    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-slate-900/15" : "bg-slate-950/25");
     i0.ɵɵadvance();
     i0.ɵɵstyleProp("z-index", ctx_r1.contentZIndex());
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white/90 border-slate-200/50" : "bg-slate-800/90 border-slate-700/50")("@slideUpFade", undefined);
@@ -104260,9 +104245,9 @@ function UnifiedDashboardModalComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.modalTitle(), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(((tmp_16_0 = ctx_r1.currentGoal()) == null ? null : tmp_16_0.priority) ? 14 : -1);
+    i0.ɵɵconditional(((tmp_17_0 = ctx_r1.currentGoal()) == null ? null : tmp_17_0.priority) ? 14 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(((tmp_17_0 = ctx_r1.currentGoal()) == null ? null : tmp_17_0.timeframe) ? 15 : -1);
+    i0.ɵɵconditional(((tmp_18_0 = ctx_r1.currentGoal()) == null ? null : tmp_18_0.timeframe) ? 15 : -1);
     i0.ɵɵadvance();
     i0.ɵɵstyleProp("z-index", ctx_r1.contentZIndex() + 1);
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600 hover:text-slate-900 hover:bg-slate-100" : "text-slate-400 hover:text-white hover:bg-slate-700");
@@ -104284,6 +104269,9 @@ function UnifiedDashboardModalComponent_Conditional_0_Template(rf, ctx) { if (rf
 class UnifiedDashboardModalComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.priorityActionGoalClick = output();
+        this.priorityActionRecommendationClick = output();
+        this.sourceAnalysisClickRequest = output();
         this.modalService = inject(ModalService);
         this.renderer = inject(Renderer2);
         this.document = inject(DOCUMENT);
@@ -104444,21 +104432,15 @@ class UnifiedDashboardModalComponent {
             : 'text-slate-400 hover:text-white hover:bg-slate-700', ...(ngDevMode ? [{ debugName: "backButtonClasses" }] : []));
         effect(() => {
             const open = this.isOpen();
-            if (open) {
+            const isFresh = this.isFreshOpen();
+            if (open && isFresh) {
                 this.modalReady.set(false);
-                console.log('[UnifiedDashboardModal] Modal opening - z-index info:', {
-                    modalType: this.modalType(),
-                    modalDepth: this.modalDepth(),
-                    baseZIndex: this.baseZIndex(),
-                    contentZIndex: this.contentZIndex(),
-                    previousStateType: this.previousState()?.type
-                });
                 setTimeout(() => {
                     this.moveModalToBody();
                     this.modalReady.set(true);
                 }, 0);
             }
-            else {
+            else if (!open) {
                 this.modalReady.set(false);
                 this.returnModalToHost();
             }
@@ -104564,7 +104546,7 @@ class UnifiedDashboardModalComponent {
         });
     }
     onSourceAnalysisClick(source) {
-        console.log('Source analysis clicked:', source);
+        this.sourceAnalysisClickRequest.emit(source);
     }
     onMetricClick(metric) {
         const data = this.unifiedGoalData();
@@ -104659,6 +104641,12 @@ class UnifiedDashboardModalComponent {
         }
         return 'Unknown';
     }
+    onPriorityActionGoalClick(goalId) {
+        this.priorityActionGoalClick.emit(goalId);
+    }
+    onPriorityActionRecommendationClick(recommendationId) {
+        this.priorityActionRecommendationClick.emit(recommendationId);
+    }
     closeModal() {
         this.modalService.closeModal();
     }
@@ -104693,8 +104681,8 @@ class UnifiedDashboardModalComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
-        } }, inputs: { viewMode: [1, "viewMode"] }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-6xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex", "items-start", "gap-3", "flex-1", "min-w-0"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-1.5", "mb-2", "text-xs"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "ml-4", "flex-shrink-0"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[80vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "objectives", "goalTitle", "viewMode"], [3, "goal", "contributingMetrics", "viewMode"], [3, "objective", "viewMode"], [3, "strategy", "viewMode", "allMetrics", "allCharts", "allInsights", "goalTitle", "objectiveTitle", "currentModalState"], [3, "items", "viewMode", "selectedIndex"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "font-medium", 3, "ngClass"], ["type", "button", 1, "hover:underline", "cursor-pointer", "transition-colors", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "sourceAnalysisClick", "metricClick", "contributingMetricsClick", "showObjectives", "close", "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "metricClick", "goal", "contributingMetrics", "viewMode"]], template: function UnifiedDashboardModalComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, UnifiedDashboardModalComponent_Conditional_0_Template, 27, 29, "div", 2);
+        } }, inputs: { viewMode: [1, "viewMode"] }, outputs: { priorityActionGoalClick: "priorityActionGoalClick", priorityActionRecommendationClick: "priorityActionRecommendationClick", sourceAnalysisClickRequest: "sourceAnalysisClickRequest" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", "transition-opacity", "duration-200", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-6xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex", "items-start", "gap-3", "flex-1", "min-w-0"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-1.5", "mb-2", "text-xs"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "ml-4", "flex-shrink-0"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[80vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "objectives", "goalTitle", "viewMode"], [3, "goal", "contributingMetrics", "viewMode"], [3, "objective", "viewMode"], [3, "strategy", "viewMode", "allMetrics", "allCharts", "allInsights", "goalTitle", "objectiveTitle", "currentModalState"], [3, "items", "viewMode", "selectedIndex"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "font-medium", 3, "ngClass"], ["type", "button", 1, "hover:underline", "cursor-pointer", "transition-colors", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "sourceAnalysisClick", "metricClick", "contributingMetricsClick", "showObjectives", "close", "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "metricClick", "goal", "contributingMetrics", "viewMode"], [3, "goalClick", "recommendationClick", "items", "viewMode", "selectedIndex"]], template: function UnifiedDashboardModalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, UnifiedDashboardModalComponent_Conditional_0_Template, 27, 32, "div", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, UnifiedGoalDetailModalContentComponent,
@@ -104757,7 +104745,7 @@ class UnifiedDashboardModalComponent {
                 template: `
     @if (isOpen()) {
       <div #modalWrapper class="fixed inset-0 flex items-center justify-center p-4 overflow-y-auto" [style.z-index]="baseZIndex()" [style.visibility]="modalReady() ? 'visible' : 'hidden'">
-        <div [ngClass]="isLightMode() ? 'bg-slate-900/15' : 'bg-slate-950/25'" class="fixed inset-0 backdrop-blur-sm" [style.z-index]="backdropZIndex()" aria-hidden="true" [@fadeIn]="isFreshOpen() ? 'enter' : 'none'" (click)="closeModal()"></div>
+        <div [ngClass]="isLightMode() ? 'bg-slate-900/15' : 'bg-slate-950/25'" class="fixed inset-0 backdrop-blur-sm transition-opacity duration-200" [class.opacity-0]="!modalReady()" [class.opacity-100]="modalReady()" [style.z-index]="backdropZIndex()" aria-hidden="true" (click)="closeModal()"></div>
 
         <div
           (click)="$event.stopPropagation()"
@@ -104818,7 +104806,7 @@ class UnifiedDashboardModalComponent {
                 } @else {
                   <div class="flex items-center gap-2 mb-2">
                     <span [ngClass]="modalTypeLabelClasses()" class="text-xs font-semibold uppercase tracking-wider">
-                      {{ modalType() === 'unified-goal-objectives' ? 'Objectives' : modalType() === 'unified-goal-related-metrics' ? 'Related Metrics' : modalType() === 'objective-strategies' ? 'Strategies' : modalType() === 'strategy-recommendations' ? 'Recommendations' : modalType() === 'priority-actions-list' ? 'Priority Actions' : 'Unified Goal' }}
+                      {{ modalType() === 'unified-goal-objectives' ? 'Objectives' : modalType() === 'unified-goal-related-metrics' ? 'Related Metrics' : modalType() === 'objective-strategies' ? 'Strategies' : modalType() === 'strategy-recommendations' ? 'Recommendations' : modalType() === 'priority-actions-list' ? 'Unified Analysis' : 'Unified Goal' }}
                     </span>
                   </div>
                 }
@@ -104906,6 +104894,8 @@ class UnifiedDashboardModalComponent {
                 [items]="priorityActionsData()!.items"
                 [viewMode]="viewMode()"
                 [selectedIndex]="priorityActionsData()!.selectedIndex ?? null"
+                (goalClick)="onPriorityActionGoalClick($event)"
+                (recommendationClick)="onPriorityActionRecommendationClick($event)"
               />
             }
           </div>
@@ -104914,21 +104904,182 @@ class UnifiedDashboardModalComponent {
     }
   `
             }]
-    }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], modalContent: [{
+    }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], priorityActionGoalClick: [{ type: i0.Output, args: ["priorityActionGoalClick"] }], priorityActionRecommendationClick: [{ type: i0.Output, args: ["priorityActionRecommendationClick"] }], sourceAnalysisClickRequest: [{ type: i0.Output, args: ["sourceAnalysisClickRequest"] }], modalContent: [{
             type: ViewChild,
             args: ['modalContent']
         }], modalWrapper: [{
             type: ViewChild,
             args: ['modalWrapper']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedDashboardModalComponent, { className: "UnifiedDashboardModalComponent", filePath: "lib/components/profile-analysis-unified-dashboard/modals/unified-dashboard-modal.component.ts", lineNumber: 232 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedDashboardModalComponent, { className: "UnifiedDashboardModalComponent", filePath: "lib/components/profile-analysis-unified-dashboard/modals/unified-dashboard-modal.component.ts", lineNumber: 236 }); })();
+
+function UnifiedWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Your Unified Goals ");
+} }
+function UnifiedWelcomeBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Welcome to Your Unified Analysis ");
+} }
+class UnifiedWelcomeBannerComponent {
+    constructor() {
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.businessName = input('your business', ...(ngDevMode ? [{ debugName: "businessName" }] : []));
+        this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
+        this.analysisDate = input(...(ngDevMode ? [undefined, { debugName: "analysisDate" }] : []));
+        this.isUnifiedAnalysisComplete = input(false, ...(ngDevMode ? [{ debugName: "isUnifiedAnalysisComplete" }] : []));
+        this.sourceAnalysesCount = input(0, ...(ngDevMode ? [{ debugName: "sourceAnalysesCount" }] : []));
+        this.unifiedGoalsCount = input(0, ...(ngDevMode ? [{ debugName: "unifiedGoalsCount" }] : []));
+        this.whatYoullSeeBelowItems = [
+            { title: 'Unified Goals', description: 'Strategic goals synthesized from all your source analyses with clear priorities and expected impact' },
+            { title: 'Implementation Timeline', description: 'A phased roadmap showing when to tackle each goal for optimal results' },
+            { title: 'Priority Matrix', description: 'Visual prioritization of goals based on effort required and potential impact' },
+            { title: 'Next Steps', description: 'Actionable steps to begin implementing your highest-priority unified goals' }
+        ];
+        this.formattedAnalysisDate = computed(() => {
+            const date = this.analysisDate();
+            if (!date) {
+                return null;
+            }
+            return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+        }, ...(ngDevMode ? [{ debugName: "formattedAnalysisDate" }] : []));
+        this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
+        this.containerClasses = computed(() => this.isDark()
+            ? 'bg-slate-800/40 border-slate-700/50'
+            : 'bg-white border-slate-200', ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
+        this.contentClasses = computed(() => this.isDark()
+            ? 'bg-gradient-to-br from-slate-800/60 via-slate-800/40 to-slate-800/60'
+            : 'bg-gradient-to-br from-emerald-50/30 via-white to-cyan-50/30', ...(ngDevMode ? [{ debugName: "contentClasses" }] : []));
+        this.iconContainerClasses = computed(() => this.isDark()
+            ? 'bg-gradient-to-br from-emerald-500/20 to-cyan-500/20 text-emerald-400'
+            : 'bg-gradient-to-br from-emerald-100 to-cyan-100 text-emerald-600', ...(ngDevMode ? [{ debugName: "iconContainerClasses" }] : []));
+        this.titleClasses = computed(() => this.isDark()
+            ? 'text-white'
+            : 'bg-gradient-to-r from-emerald-600 to-cyan-600 bg-clip-text text-transparent', ...(ngDevMode ? [{ debugName: "titleClasses" }] : []));
+        this.textClasses = computed(() => this.isDark() ? 'text-slate-300' : 'text-slate-700', ...(ngDevMode ? [{ debugName: "textClasses" }] : []));
+    }
+    static { this.ɵfac = function UnifiedWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedWelcomeBannerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedWelcomeBannerComponent, selectors: [["symphiq-unified-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], isOnboarded: [1, "isOnboarded"], analysisDate: [1, "analysisDate"], isUnifiedAnalysisComplete: [1, "isUnifiedAnalysisComplete"], sourceAnalysesCount: [1, "sourceAnalysesCount"], unifiedGoalsCount: [1, "unifiedGoalsCount"] }, decls: 22, vars: 15, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "unified-analysis", 3, "viewMode", "isCurrentStepComplete"], [1, "mt-6", "block", 3, "viewMode", "items", "analysisDate"], ["title", "Maximize Your Unified Insights", "onboardedTitle", "Keep Your Unified Goals Current", "description", "To get the most comprehensive unified goals, ensure you've completed your Shop Analysis, Focus Area Analyses, and Metric Analyses. The more context Symphiq has about your business, the more precise and actionable your unified recommendations become.", "onboardedDescription", "As you complete more analyses or update existing ones, your Unified Goals will be refined to reflect your current business context. Regenerate your unified analysis periodically to ensure recommendations stay aligned with your evolving strategy and priorities.", 1, "mt-6", "block", 3, "viewMode", "isOnboarded"]], template: function UnifiedWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(4, "svg", 4);
+            i0.ɵɵelement(5, "path", 5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(6, "div", 6)(7, "h2", 7);
+            i0.ɵɵconditionalCreate(8, UnifiedWelcomeBannerComponent_Conditional_8_Template, 1, 0)(9, UnifiedWelcomeBannerComponent_Conditional_9_Template, 1, 0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "div", 8)(11, "div", 9)(12, "p", 10);
+            i0.ɵɵtext(13);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(14, "p", 10)(15, "strong", 11);
+            i0.ɵɵtext(16, "Why this matters:");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(17, " Instead of managing separate recommendations from each analysis, the Unified Analysis consolidates them into actionable goals with clear priorities, timelines, and expected impact. This ensures you focus on what will drive the most value for your business. ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(18, "div", 12);
+            i0.ɵɵelement(19, "symphiq-confidence-level-card", 13);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(20, "symphiq-what-youll-see-below", 14)(21, "symphiq-continue-your-journey", 15);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.containerClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.contentClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngClass", ctx.titleClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.isOnboarded() ? 8 : 9);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngClass", ctx.textClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" The Unified Analysis synthesizes insights from all your source analyses\u2014Shop Analysis, Focus Area Analyses, and Metric Analyses\u2014into cohesive strategic goals for ", ctx.businessName(), ". These unified goals represent the highest-priority opportunities identified across your entire business context. ");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.textClasses());
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("isCurrentStepComplete", ctx.isUnifiedAnalysisComplete());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("items", ctx.whatYoullSeeBelowItems)("analysisDate", ctx.formattedAnalysisDate());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("isOnboarded", ctx.isOnboarded());
+        } }, dependencies: [CommonModule, i1$1.NgClass, ConfidenceLevelCardComponent, ContinueYourJourneyComponent, WhatYoullSeeBelowComponent], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UnifiedWelcomeBannerComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-unified-welcome-banner',
+                standalone: true,
+                imports: [CommonModule, ConfidenceLevelCardComponent, ContinueYourJourneyComponent, WhatYoullSeeBelowComponent],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
+      <div [ngClass]="contentClasses()" class="px-8 py-8">
+        <div class="flex items-start gap-6">
+          <div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
+            <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+            </svg>
+          </div>
+
+          <div class="flex-1">
+            <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-3">
+              @if (isOnboarded()) {
+                Your Unified Goals
+              } @else {
+                Welcome to Your Unified Analysis
+              }
+            </h2>
+
+            <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
+              <div class="lg:col-span-2 space-y-3">
+                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                  The Unified Analysis synthesizes insights from all your source analyses—Shop Analysis, Focus Area Analyses, and Metric Analyses—into cohesive strategic goals for {{ businessName() }}. These unified goals represent the highest-priority opportunities identified across your entire business context.
+                </p>
+                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                  <strong class="font-semibold">Why this matters:</strong> Instead of managing separate recommendations from each analysis, the Unified Analysis consolidates them into actionable goals with clear priorities, timelines, and expected impact. This ensures you focus on what will drive the most value for your business.
+                </p>
+              </div>
+
+              <div class="lg:col-span-1">
+                <symphiq-confidence-level-card
+                  [viewMode]="viewMode()"
+                  currentStepId="unified-analysis"
+                  [isCurrentStepComplete]="isUnifiedAnalysisComplete()"
+                />
+              </div>
+            </div>
+
+            <symphiq-what-youll-see-below
+              class="mt-6 block"
+              [viewMode]="viewMode()"
+              [items]="whatYoullSeeBelowItems"
+              [analysisDate]="formattedAnalysisDate()"
+            />
+
+            <symphiq-continue-your-journey
+              class="mt-6 block"
+              [viewMode]="viewMode()"
+              [isOnboarded]="isOnboarded()"
+              title="Maximize Your Unified Insights"
+              onboardedTitle="Keep Your Unified Goals Current"
+              description="To get the most comprehensive unified goals, ensure you've completed your Shop Analysis, Focus Area Analyses, and Metric Analyses. The more context Symphiq has about your business, the more precise and actionable your unified recommendations become."
+              onboardedDescription="As you complete more analyses or update existing ones, your Unified Goals will be refined to reflect your current business context. Regenerate your unified analysis periodically to ensure recommendations stay aligned with your evolving strategy and priorities."
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  `
+            }]
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], businessName: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], analysisDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysisDate", required: false }] }], isUnifiedAnalysisComplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "isUnifiedAnalysisComplete", required: false }] }], sourceAnalysesCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceAnalysesCount", required: false }] }], unifiedGoalsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "unifiedGoalsCount", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedWelcomeBannerComponent, { className: "UnifiedWelcomeBannerComponent", filePath: "lib/components/profile-analysis-unified-dashboard/unified-welcome-banner.component.ts", lineNumber: 73 }); })();
 
 const _c0$7 = () => [];
 const _c1$3 = a0 => ({ name: "flag", source: a0 });
 const _forTrack0$6 = ($index, $item) => $item.id;
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 17);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 15);
     i0.ɵɵlistener("nextStepClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_5_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 SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_5_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) {
@@ -104936,26 +105087,26 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_5_Template(
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.JourneyStepIdEnum.UNIFIED_ANALYSIS)("showNextStepAction", false)("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-loading-card", 19);
+    i0.ɵɵelement(0, "symphiq-loading-card", 17);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("backdropBlur", true);
 } }
-function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_14_For_5_Template(rf, ctx) { if (rf & 1) {
+function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_2_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-unified-goal-card", 39);
-    i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_14_For_5_Template_symphiq_unified_goal_card_goalClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); })("sourceBadgeClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_14_For_5_Template_symphiq_unified_goal_card_sourceBadgeClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onSourceBadgeClickFromCard($event)); })("relatedMetricsClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_14_For_5_Template_symphiq_unified_goal_card_relatedMetricsClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onRelatedMetricsClickFromCard($event)); })("learnMoreClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_14_For_5_Template_symphiq_unified_goal_card_learnMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
+    i0.ɵɵelementStart(0, "symphiq-unified-goal-card", 28);
+    i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_2_For_5_Template_symphiq_unified_goal_card_goalClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); })("sourceBadgeClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_2_For_5_Template_symphiq_unified_goal_card_sourceBadgeClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onSourceBadgeClickFromCard($event)); })("relatedMetricsClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_2_For_5_Template_symphiq_unified_goal_card_relatedMetricsClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onRelatedMetricsClickFromCard($event)); })("learnMoreClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_2_For_5_Template_symphiq_unified_goal_card_learnMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const goal_r5 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("goal", goal_r5)("viewMode", ctx_r1.viewMode());
 } }
-function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 31);
-    i0.ɵɵelement(1, "symphiq-section-divider", 35)(2, "symphiq-section-header", 36);
-    i0.ɵɵelementStart(3, "div", 37);
-    i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_14_For_5_Template, 1, 2, "symphiq-unified-goal-card", 38, _forTrack0$6);
+function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "section", 20);
+    i0.ɵɵelement(1, "symphiq-section-divider", 24)(2, "symphiq-section-header", 25);
+    i0.ɵɵelementStart(3, "div", 26);
+    i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_2_For_5_Template, 1, 2, "symphiq-unified-goal-card", 27, _forTrack0$6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -104968,54 +105119,27 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Condition
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 20)(1, "div", 21)(2, "div", 22)(3, "div", 23);
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 24);
-    i0.ɵɵelement(5, "path", 25);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 26)(7, "h1", 27);
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "p", 28);
-    i0.ɵɵtext(10);
+    i0.ɵɵelement(0, "symphiq-unified-welcome-banner", 18);
+    i0.ɵɵelementStart(1, "symphiq-unified-executive-summary", 19);
+    i0.ɵɵlistener("viewAllPriorityActionsClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_executive_summary_viewAllPriorityActionsClick_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onViewAllPriorityActionsClick()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "p", 29);
-    i0.ɵɵtext(12, " These goals combine insights from your shop analysis, focus areas, and metric analyses into actionable strategic priorities. ");
-    i0.ɵɵelementEnd()()()()();
-    i0.ɵɵelementStart(13, "symphiq-unified-executive-summary", 30);
-    i0.ɵɵlistener("priorityActionItemClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_executive_summary_priorityActionItemClick_13_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPriorityActionItemClick($event)); })("viewAllPriorityActionsClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_executive_summary_viewAllPriorityActionsClick_13_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onViewAllPriorityActionsClick()); });
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_2_Template, 6, 8, "section", 20);
+    i0.ɵɵelementStart(3, "symphiq-unified-timeline", 21);
+    i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_timeline_goalClick_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(14, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Conditional_14_Template, 6, 8, "section", 31);
-    i0.ɵɵelementStart(15, "symphiq-unified-timeline", 32);
-    i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_timeline_goalClick_15_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
+    i0.ɵɵelementStart(4, "symphiq-unified-priority-matrix", 22);
+    i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_priority_matrix_goalClick_4_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "symphiq-unified-priority-matrix", 33);
-    i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_priority_matrix_goalClick_16_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "symphiq-unified-next-steps", 34);
-    i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_next_steps_goalClick_17_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
+    i0.ɵɵelementStart(5, "symphiq-unified-next-steps", 23);
+    i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_next_steps_goalClick_5_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("businessName", ctx_r1.businessName())("isOnboarded", ctx_r1.isOnboarded())("analysisDate", ctx_r1.unifiedAnalysisDate())("isUnifiedAnalysisComplete", !ctx_r1.isLoading() && !ctx_r1.isGenerating())("sourceAnalysesCount", ctx_r1.sourceAnalysesCount())("unifiedGoalsCount", ctx_r1.unifiedGoals().length);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.welcomeBannerClasses());
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.welcomeIconClasses());
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngClass", ctx_r1.welcomeTitleClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" Unified Goals for ", ctx_r1.businessName(), " ");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.welcomeSubtitleClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" We've synthesized ", ctx_r1.unifiedGoals().length, " unified goals from ", ctx_r1.sourceAnalysesCount(), " source analyses. ");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.welcomeDescriptionClasses());
-    i0.ɵɵadvance(2);
     i0.ɵɵproperty("summary", ctx_r1.executiveSummary())("viewMode", ctx_r1.viewMode())("shopCounts", ctx_r1.shopCounts())("focusAreaCounts", ctx_r1.focusAreaCounts())("metricCounts", ctx_r1.metricCounts());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.unifiedGoals().length > 0 ? 14 : -1);
+    i0.ɵɵconditional(ctx_r1.unifiedGoals().length > 0 ? 2 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("timeline", ctx_r1.unifiedTimeline())("viewMode", ctx_r1.viewMode())("goals", ctx_r1.unifiedGoals());
     i0.ɵɵadvance();
@@ -105024,20 +105148,20 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Condition
     i0.ɵɵproperty("steps", ctx_r1.nextSteps())("viewMode", ctx_r1.viewMode())("goals", ctx_r1.unifiedGoals());
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-grade-badge", 46);
+    i0.ɵɵelement(0, "symphiq-grade-badge", 36);
 } if (rf & 2) {
     const summary_r6 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("grade", summary_r6.overallGrade)("gradeRationale", summary_r6.gradeRationale || "")("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 40)(1, "div", 41)(2, "div", 42)(3, "div", 43)(4, "div", 26)(5, "h2", 44);
+    i0.ɵɵelementStart(0, "section", 29)(1, "div", 30)(2, "div", 31)(3, "div", 32)(4, "div", 33)(5, "h2", 34);
     i0.ɵɵtext(6, " Executive Summary ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "p", 45);
+    i0.ɵɵelementStart(7, "p", 35);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 46);
+    i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 36);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const summary_r6 = ctx;
@@ -105054,16 +105178,16 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Condition
     i0.ɵɵconditional(summary_r6.overallGrade ? 9 : -1);
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Conditional_0_Template, 10, 5, "section", 40);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Conditional_0_Template, 10, 5, "section", 29);
 } if (rf & 2) {
     let tmp_2_0;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional((tmp_2_0 = ctx_r1.executiveSummary()) ? 0 : -1, tmp_2_0);
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "main", 18);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_1_Template, 1, 2, "symphiq-loading-card", 19);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template, 18, 22);
+    i0.ɵɵelementStart(0, "main", 16);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_1_Template, 1, 2, "symphiq-loading-card", 17);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template, 6, 21);
     i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Template, 1, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -105084,7 +105208,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_7_Template(
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-search-modal", 47);
+    i0.ɵɵelementStart(0, "symphiq-search-modal", 37);
     i0.ɵɵlistener("close", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Template_symphiq_search_modal_close_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeSearch()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -105093,7 +105217,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Template(
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-view-mode-switcher-modal", 48);
+    i0.ɵɵelementStart(0, "symphiq-view-mode-switcher-modal", 38);
     i0.ɵɵlistener("close", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_9_Template_symphiq_view_mode_switcher_modal_close_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeViewModeSwitcher()); })("modeSelected", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_9_Template_symphiq_view_mode_switcher_modal_modeSelected_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleDisplayModeChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -105102,7 +105226,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_9_Template(
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-mark-as-reviewed-footer", 49);
+    i0.ɵɵelementStart(0, "symphiq-mark-as-reviewed-footer", 39);
     i0.ɵɵlistener("markAsReviewed", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_10_Template_symphiq_mark_as_reviewed_footer_markAsReviewed_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleMarkAsReviewedClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -105151,6 +105275,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         this.isViewModeSwitcherOpen = signal(false, ...(ngDevMode ? [{ debugName: "isViewModeSwitcherOpen" }] : []));
         this.funnelAnalysisSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "funnelAnalysisSignal" }] : []));
         this.loadingSourceAnalysisId = signal(undefined, ...(ngDevMode ? [{ debugName: "loadingSourceAnalysisId" }] : []));
+        this.pendingSourceRequest = signal(undefined, ...(ngDevMode ? [{ debugName: "pendingSourceRequest" }] : []));
         this.fabExpanded = signal(false, ...(ngDevMode ? [{ debugName: "fabExpanded" }] : []));
         this.activeNavSection = signal('executive-summary', ...(ngDevMode ? [{ debugName: "activeNavSection" }] : []));
         this.mobileNavSections = [
@@ -105260,6 +105385,13 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             }
             return uniqueIds.size || this.sourceProfileAnalyses()?.length || 0;
         }, ...(ngDevMode ? [{ debugName: "sourceAnalysesCount" }] : []));
+        this.unifiedAnalysisDate = computed(() => {
+            const analysis = this.unifiedProfileAnalysis();
+            if (analysis?.selfContentCompletedDate) {
+                return new Date(analysis.selfContentCompletedDate);
+            }
+            return undefined;
+        }, ...(ngDevMode ? [{ debugName: "unifiedAnalysisDate" }] : []));
         this.shopCounts = computed(() => {
             return this.countByType(ProfileAnalysisTypeEnum.SHOP);
         }, ...(ngDevMode ? [{ debugName: "shopCounts" }] : []));
@@ -105378,7 +105510,8 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             const analysis = this.unifiedProfileAnalysis();
             if (!analysis)
                 return false;
-            return false;
+            return analysis.selfContentStatus === AiDynamicContentStatusEnum.GENERATED &&
+                analysis.reviewStatus === ProfileAnalysisReviewStatusEnum.NOT_REVIEWED;
         }, ...(ngDevMode ? [{ debugName: "shouldShowReviewFooter" }] : []));
         this.welcomeBannerClasses = computed(() => this.isLightMode()
             ? 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white'
@@ -105470,6 +105603,17 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
                 }
             }
         }, ...(ngDevMode ? [{ debugName: "embeddedScrollEffect" }] : []));
+        this.pendingSourceRequestEffect = effect(() => {
+            const pending = this.pendingSourceRequest();
+            if (!pending?.analysisId)
+                return;
+            const analysis = this.sourceAnalysesMap().get(pending.analysisId);
+            if (analysis) {
+                untracked(() => {
+                    this.openSourceGoalModal(analysis, pending.sourceGoalId);
+                });
+            }
+        }, ...(ngDevMode ? [{ debugName: "pendingSourceRequestEffect" }] : []));
     }
     ngOnChanges(changes) {
         if (changes['funnelAnalysis']) {
@@ -105548,17 +105692,60 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
     onGoalClick(goal) {
         this.modalService.openUnifiedGoalModal(goal, this.allMetrics(), this.allCharts(), this.loadedSourceAnalysisIds().map(String), this.viewMode(), this.loadingSourceAnalysisId() !== undefined ? String(this.loadingSourceAnalysisId()) : undefined);
     }
-    onPriorityActionItemClick(item) {
-        const summary = this.executiveSummary();
-        const items = summary?.priorityActionItems ?? [];
-        const selectedIndex = items.findIndex(i => i.action === item.action);
-        this.modalService.openPriorityActionsListModal(items, this.viewMode(), selectedIndex >= 0 ? selectedIndex : undefined);
-    }
     onViewAllPriorityActionsClick() {
         const summary = this.executiveSummary();
         const items = summary?.priorityActionItems ?? [];
         this.modalService.openPriorityActionsListModal(items, this.viewMode());
     }
+    onPriorityActionGoalClick(goalId) {
+        const goal = this.unifiedGoals().find(g => g.id === goalId);
+        if (goal) {
+            const currentState = this.modalService.getCurrentState();
+            this.modalService.openUnifiedGoalModal(goal, this.allMetrics(), this.allCharts(), this.loadedSourceAnalysisIds().map(String), this.viewMode(), this.loadingSourceAnalysisId() !== undefined ? String(this.loadingSourceAnalysisId()) : undefined, currentState);
+        }
+    }
+    onPriorityActionRecommendationClick(recommendationId) {
+        const result = this.findRecommendationInSourceAnalyses(recommendationId);
+        if (result) {
+            this.modalService.navigateToSourceRecommendation(result.recommendation, result.strategy, result.objective, result.goal, result.sourceAnalysisRef, result.unifiedGoal, this.viewMode());
+        }
+        else {
+            console.warn('[Priority Actions] Recommendation not found in loaded source analyses. ID:', recommendationId);
+        }
+    }
+    findRecommendationInSourceAnalyses(recommendationId) {
+        const sourceAnalysesMap = this.sourceAnalysesMap();
+        const unifiedGoals = this.unifiedGoals();
+        for (const [analysisId, analysis] of sourceAnalysesMap.entries()) {
+            const structured = analysis.profileAnalysisStructured;
+            const goals = structured?.strategicRoadmap?.goals || [];
+            for (const goal of goals) {
+                for (const objective of goal.objectives || []) {
+                    for (const strategy of objective.strategies || []) {
+                        for (const recommendation of strategy.recommendations || []) {
+                            if (recommendation.id === recommendationId) {
+                                const unifiedGoal = unifiedGoals.find(ug => ug.sourceAnalyses?.some(sa => sa.analysisId === analysisId && sa.sourceGoalId === goal.id));
+                                if (unifiedGoal) {
+                                    const sourceAnalysisRef = unifiedGoal.sourceAnalyses?.find(sa => sa.analysisId === analysisId && sa.sourceGoalId === goal.id);
+                                    if (sourceAnalysisRef) {
+                                        return {
+                                            recommendation,
+                                            strategy,
+                                            objective,
+                                            goal,
+                                            sourceAnalysisRef,
+                                            unifiedGoal
+                                        };
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        return null;
+    }
     onSourceBadgeClick(event, source, goal) {
         event.stopPropagation();
         const analysisId = source.analysisId;
@@ -105610,6 +105797,34 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             this.modalService.openMetricsListModal(metrics, this.allCharts(), { title: goal.title || '', description: goal.description || '', businessContext: '', priority: 0 });
         }
     }
+    handleSourceAnalysisClickFromModal(source) {
+        const analysisId = source.analysisId;
+        if (analysisId === undefined)
+            return;
+        const existingAnalysis = this.sourceAnalysesMap().get(analysisId);
+        if (existingAnalysis) {
+            this.openSourceGoalModal(existingAnalysis, source.sourceGoalId);
+        }
+        else {
+            this.loadingSourceAnalysisId.set(analysisId);
+            this.pendingSourceRequest.set(source);
+            this.sourceAnalysisRequest.emit({
+                analysisType: source.analysisType,
+                analysisId: analysisId,
+                sourceGoalId: source.sourceGoalId
+            });
+        }
+    }
+    openSourceGoalModal(analysis, sourceGoalId) {
+        const structured = analysis.profileAnalysisStructured;
+        const goals = structured?.strategicRoadmap?.goals || [];
+        const goal = goals.find(g => g.id === sourceGoalId);
+        if (goal) {
+            this.modalService.openGoalDetailModal(goal, this.viewMode());
+        }
+        this.loadingSourceAnalysisId.set(undefined);
+        this.pendingSourceRequest.set(undefined);
+    }
     onShopGoalsClick() {
         const element = document.getElementById('section-unified-goals');
         if (element) {
@@ -105881,7 +106096,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
     static { this.ɵfac = function SymphiqProfileAnalysisUnifiedDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileAnalysisUnifiedDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileAnalysisUnifiedDashboardComponent, selectors: [["symphiq-profile-analysis-unified-dashboard"]], hostBindings: function SymphiqProfileAnalysisUnifiedDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisUnifiedDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], isLoadingSourceAnalysis: [1, "isLoadingSourceAnalysis"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], requestedByUser: [1, "requestedByUser"] }, outputs: { markAsReviewedClick: "markAsReviewedClick", generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest" }, features: [i0.ɵɵNgOnChangesFeature], decls: 18, vars: 37, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12", 3, "pb-32"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "selfContentStatus", "isLoading"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "viewMode"], [3, "isLightMode"], [3, "isLightMode", "allInsights", "allMetrics", "allCharts"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], ["title", "Loading Your Unified Analysis", "subtitle", "Please wait while we prepare your synthesized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [1, "mb-12"], [1, "rounded-2xl", "p-8", "shadow-xl", "animate-fade-in-up", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "p-4", "rounded-xl", "flex-shrink-0", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-lg", "mb-4", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "priorityActionItemClick", "viewAllPriorityActionsClick", "summary", "viewMode", "shopCounts", "focusAreaCounts", "metricCounts"], ["id", "section-unified-goals", 1, "space-y-6", "scroll-mt-24"], [3, "goalClick", "timeline", "viewMode", "goals"], [3, "goalClick", "matrix", "viewMode"], [3, "goalClick", "steps", "viewMode", "goals"], [3, "viewMode", "sectionIcon"], ["title", "Unified Goals", 3, "icon", "viewMode"], [1, "grid", "gap-6", 2, "grid-template-columns", "repeat(auto-fit, minmax(340px, 1fr))"], [3, "goal", "viewMode"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "learnMoreClick", "goal", "viewMode"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [3, "close", "isLightMode", "isOpen"], [3, "close", "modeSelected", "viewMode", "currentMode", "isOpen"], [3, "markAsReviewed", "viewMode", "selfContentStatus", "isLoading"]], template: function SymphiqProfileAnalysisUnifiedDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], isLoadingSourceAnalysis: [1, "isLoadingSourceAnalysis"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], requestedByUser: [1, "requestedByUser"] }, outputs: { markAsReviewedClick: "markAsReviewedClick", generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest" }, features: [i0.ɵɵNgOnChangesFeature], decls: 16, vars: 31, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12", 3, "pb-32"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "selfContentStatus", "isLoading"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title"], [3, "priorityActionGoalClick", "priorityActionRecommendationClick", "sourceAnalysisClickRequest", "viewMode"], [3, "isLightMode"], [3, "isLightMode", "allInsights", "allMetrics", "allCharts"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], ["title", "Loading Your Unified Analysis", "subtitle", "Please wait while we prepare your synthesized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [1, "mb-12", "block", 3, "viewMode", "businessName", "isOnboarded", "analysisDate", "isUnifiedAnalysisComplete", "sourceAnalysesCount", "unifiedGoalsCount"], [3, "viewAllPriorityActionsClick", "summary", "viewMode", "shopCounts", "focusAreaCounts", "metricCounts"], ["id", "section-unified-goals", 1, "space-y-6", "scroll-mt-24"], [3, "goalClick", "timeline", "viewMode", "goals"], [3, "goalClick", "matrix", "viewMode"], [3, "goalClick", "steps", "viewMode", "goals"], [3, "viewMode", "sectionIcon"], ["title", "Unified Goals", 3, "icon", "viewMode"], [1, "grid", "gap-6", 2, "grid-template-columns", "repeat(auto-fit, minmax(340px, 1fr))"], [3, "goal", "viewMode"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "learnMoreClick", "goal", "viewMode"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [3, "close", "isLightMode", "isOpen"], [3, "close", "modeSelected", "viewMode", "currentMode", "isOpen"], [3, "markAsReviewed", "viewMode", "selfContentStatus", "isLoading"]], template: function SymphiqProfileAnalysisUnifiedDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
             i0.ɵɵelementStart(3, "div", 3)(4, "symphiq-dashboard-header", 4);
@@ -105895,13 +106110,11 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_9_Template, 1, 3, "symphiq-view-mode-switcher-modal", 9);
             i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_10_Template, 1, 3, "symphiq-mark-as-reviewed-footer", 10);
             i0.ɵɵconditionalCreate(11, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_11_Template, 1, 5, "symphiq-content-generation-progress-with-confetti", 11);
-            i0.ɵɵelementStart(12, "symphiq-mobile-fab", 12);
-            i0.ɵɵlistener("expandedChange", function SymphiqProfileAnalysisUnifiedDashboardComponent_Template_symphiq_mobile_fab_expandedChange_12_listener($event) { return ctx.fabExpanded.set($event); })("scrollToTop", function SymphiqProfileAnalysisUnifiedDashboardComponent_Template_symphiq_mobile_fab_scrollToTop_12_listener() { return ctx.scrollToTop(); })("toggleView", function SymphiqProfileAnalysisUnifiedDashboardComponent_Template_symphiq_mobile_fab_toggleView_12_listener() { return ctx.openViewModeSwitcher(); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "symphiq-mobile-bottom-nav", 13);
-            i0.ɵɵlistener("navigate", function SymphiqProfileAnalysisUnifiedDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_13_listener($event) { return ctx.handleMobileNavigation($event); });
+            i0.ɵɵelement(12, "symphiq-tooltip-container");
+            i0.ɵɵelementStart(13, "symphiq-unified-dashboard-modal", 12);
+            i0.ɵɵlistener("priorityActionGoalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Template_symphiq_unified_dashboard_modal_priorityActionGoalClick_13_listener($event) { return ctx.onPriorityActionGoalClick($event); })("priorityActionRecommendationClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Template_symphiq_unified_dashboard_modal_priorityActionRecommendationClick_13_listener($event) { return ctx.onPriorityActionRecommendationClick($event); })("sourceAnalysisClickRequest", function SymphiqProfileAnalysisUnifiedDashboardComponent_Template_symphiq_unified_dashboard_modal_sourceAnalysisClickRequest_13_listener($event) { return ctx.handleSourceAnalysisClickFromModal($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(14, "symphiq-tooltip-container")(15, "symphiq-unified-dashboard-modal", 14)(16, "symphiq-business-analysis-modal", 15)(17, "symphiq-profile-analysis-modal", 16);
+            i0.ɵɵelement(14, "symphiq-business-analysis-modal", 13)(15, "symphiq-profile-analysis-modal", 14);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
@@ -105925,16 +106138,12 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             i0.ɵɵconditional(ctx.shouldShowReviewFooter() ? 10 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.isLoading() && ctx.isGenerating() ? 11 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("isLightMode", ctx.isLightMode())("isCompactMode", ctx.isCompactView())("isExpanded", ctx.fabExpanded());
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("isLightMode", ctx.isLightMode())("sections", ctx.mobileNavSections)("activeSection", ctx.activeNavSection());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("viewMode", ctx.viewMode());
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allInsights", i0.ɵɵpureFunction0(36, _c0$7))("allMetrics", ctx.allMetrics())("allCharts", ctx.allCharts());
+            i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allInsights", i0.ɵɵpureFunction0(30, _c0$7))("allMetrics", ctx.allMetrics())("allCharts", ctx.allCharts());
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent,
             ScrollProgressBarComponent,
             SearchModalComponent,
@@ -105948,8 +106157,6 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             LoadingCardComponent,
             MarkAsReviewedFooterComponent,
             ProfileAnalysisModalComponent,
-            MobileFABComponent,
-            MobileBottomNavComponent,
             UnifiedGoalCardComponent,
             UnifiedExecutiveSummaryComponent,
             UnifiedTimelineComponent,
@@ -105957,7 +106164,8 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             UnifiedNextStepsComponent,
             TooltipContainerComponent,
             UnifiedDashboardModalComponent,
-            BusinessAnalysisModalComponent], encapsulation: 2, changeDetection: 0 }); }
+            BusinessAnalysisModalComponent,
+            UnifiedWelcomeBannerComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileAnalysisUnifiedDashboardComponent, [{
         type: Component,
@@ -105975,13 +106183,10 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
                     GradeBadgeComponent,
                     SectionDividerComponent,
                     SectionHeaderComponent,
-                    SymphiqIconComponent,
                     ContentGenerationProgressWithConfettiComponent,
                     LoadingCardComponent,
                     MarkAsReviewedFooterComponent,
                     ProfileAnalysisModalComponent,
-                    MobileFABComponent,
-                    MobileBottomNavComponent,
                     UnifiedGoalCardComponent,
                     UnifiedExecutiveSummaryComponent,
                     UnifiedTimelineComponent,
@@ -105989,7 +106194,8 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
                     UnifiedNextStepsComponent,
                     TooltipContainerComponent,
                     UnifiedDashboardModalComponent,
-                    BusinessAnalysisModalComponent
+                    BusinessAnalysisModalComponent,
+                    UnifiedWelcomeBannerComponent
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
@@ -106047,28 +106253,16 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
 
           @if (isSimplifiedView() && !isLoading() && !isGenerating()) {
             <!-- Welcome Banner -->
-            <div class="mb-12">
-              <div [ngClass]="welcomeBannerClasses()" class="rounded-2xl p-8 shadow-xl animate-fade-in-up">
-                <div class="flex items-start gap-6">
-                  <div [ngClass]="welcomeIconClasses()" class="p-4 rounded-xl flex-shrink-0">
-                    <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-                    </svg>
-                  </div>
-                  <div class="flex-1">
-                    <h1 [ngClass]="welcomeTitleClasses()" class="text-2xl font-bold mb-2">
-                      Unified Goals for {{ businessName() }}
-                    </h1>
-                    <p [ngClass]="welcomeSubtitleClasses()" class="text-lg mb-4">
-                      We've synthesized {{ unifiedGoals().length }} unified goals from {{ sourceAnalysesCount() }} source analyses.
-                    </p>
-                    <p [ngClass]="welcomeDescriptionClasses()" class="text-sm">
-                      These goals combine insights from your shop analysis, focus areas, and metric analyses into actionable strategic priorities.
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
+            <symphiq-unified-welcome-banner
+              class="mb-12 block"
+              [viewMode]="viewMode()"
+              [businessName]="businessName()"
+              [isOnboarded]="isOnboarded()"
+              [analysisDate]="unifiedAnalysisDate()"
+              [isUnifiedAnalysisComplete]="!isLoading() && !isGenerating()"
+              [sourceAnalysesCount]="sourceAnalysesCount()"
+              [unifiedGoalsCount]="unifiedGoals().length"
+            />
 
             <!-- Executive Summary -->
             <symphiq-unified-executive-summary
@@ -106077,7 +106271,6 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
               [shopCounts]="shopCounts()"
               [focusAreaCounts]="focusAreaCounts()"
               [metricCounts]="metricCounts()"
-              (priorityActionItemClick)="onPriorityActionItemClick($event)"
               (viewAllPriorityActionsClick)="onViewAllPriorityActionsClick()"
             />
 
@@ -106213,27 +106406,14 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         />
       }
 
-      <!-- Mobile FAB -->
-      <symphiq-mobile-fab
-          [isLightMode]="isLightMode()"
-          [isCompactMode]="isCompactView()"
-          [isExpanded]="fabExpanded()"
-          (expandedChange)="fabExpanded.set($event)"
-          (scrollToTop)="scrollToTop()"
-          (toggleView)="openViewModeSwitcher()"
-      />
+      <symphiq-tooltip-container/>
 
-      <!-- Mobile Bottom Navigation -->
-      <symphiq-mobile-bottom-nav
-          [isLightMode]="isLightMode()"
-          [sections]="mobileNavSections"
-          [activeSection]="activeNavSection()"
-          (navigate)="handleMobileNavigation($event)"
+      <symphiq-unified-dashboard-modal
+        [viewMode]="viewMode()"
+        (priorityActionGoalClick)="onPriorityActionGoalClick($event)"
+        (priorityActionRecommendationClick)="onPriorityActionRecommendationClick($event)"
+        (sourceAnalysisClickRequest)="handleSourceAnalysisClickFromModal($event)"
       />
-
-      <symphiq-tooltip-container></symphiq-tooltip-container>
-
-      <symphiq-unified-dashboard-modal [viewMode]="viewMode()" />
       <symphiq-business-analysis-modal [isLightMode]="isLightMode()" />
       <symphiq-profile-analysis-modal
         [isLightMode]="isLightMode()"
@@ -106248,7 +106428,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             type: HostListener,
             args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber: 374 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber: 342 }); })();
 
 function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();