@eric-emg/symphiq-components 1.3.78 → 1.3.80

package/fesm2022/symphiq-components.mjs

@@ -452,7 +452,6 @@ class ModalService {
     openSourceGoalDetailModal(goal, viewMode, sourceAnalysisType, previousState, sourceTypeTitle) {
         const data = { goal, viewMode, sourceAnalysisType, sourceTypeTitle };
         const navigationStack = previousState ? [...(previousState.navigationStack || []), previousState] : [];
-        console.log('[ModalService] openSourceGoalDetailModal - previousState:', previousState?.type, 'navigationStack:', navigationStack.length, 'items', navigationStack.map(s => s.type));
         this.modalState.next({ type: 'goal-detail', data, charts: [], previousState, navigationStack });
     }
     navigateToGoalDetail(goal, viewMode) {
@@ -1121,12 +1120,14 @@ class ModalService {
             navigationStack
         });
     }
-    navigateToUnifiedGoalObjectives(goal, allMetrics, allCharts, viewMode) {
+    navigateToUnifiedGoalObjectives(goal, allMetrics, allCharts, viewMode, allInsights, allBusinessInsights) {
         const currentState = this.modalState.value;
         const data = {
             goal,
             allMetrics,
             allCharts,
+            allInsights,
+            allBusinessInsights,
             viewMode
         };
         const currentStack = currentState.navigationStack || [];
@@ -3861,8 +3862,10 @@ class GoalActionStateService {
     constructor() {
         this.statesSignal = signal({}, ...(ngDevMode ? [{ debugName: "statesSignal" }] : []));
         this.stateChangesSubject = new BehaviorSubject({});
+        this.lastChangedGoalIdSignal = signal(null, ...(ngDevMode ? [{ debugName: "lastChangedGoalIdSignal" }] : []));
         this.states = this.statesSignal.asReadonly();
         this.stateChanges$ = this.stateChangesSubject.asObservable();
+        this.lastChangedGoalId = this.lastChangedGoalIdSignal.asReadonly();
         this.loadFromStorage();
     }
     getState(goalId) {
@@ -3874,6 +3877,10 @@ class GoalActionStateService {
         this.statesSignal.set(updated);
         this.saveToStorage(updated);
         this.stateChangesSubject.next(updated);
+        this.lastChangedGoalIdSignal.set(goalId);
+    }
+    clearLastChangedGoalId() {
+        this.lastChangedGoalIdSignal.set(null);
     }
     getAllStates() {
         return this.statesSignal();
@@ -44819,7 +44826,8 @@ class ProfileAnalysisModalComponent {
                 'critical-gaps-list', 'key-strength-detail', 'critical-gap-detail', 'top-priorities-list',
                 'top-priority-detail', 'focus-area-strengths-list', 'focus-area-gaps-list',
                 'focus-area-opportunities-list', 'focus-area-strength-detail', 'focus-area-gap-detail',
-                'focus-area-opportunity-detail', 'metrics-list', 'metric', 'item-detail', null
+                'focus-area-opportunity-detail', 'metrics-list', 'metric', 'insight', 'item-detail',
+                'chart', 'charts-list', null
             ];
             // Only update previousState if this modal handles the type
             // This prevents z-index conflicts when other modals open on top
@@ -44827,13 +44835,20 @@ class ProfileAnalysisModalComponent {
                 this.previousState.set(state.previousState || null);
             }
             // Check if this modal was opened with profile context (from Profile Analysis dashboard)
+            const profileContextTypes = [
+                'focus-area-strengths-list', 'focus-area-strength-detail',
+                'focus-area-gaps-list', 'focus-area-gap-detail',
+                'focus-area-opportunities-list', 'focus-area-opportunity-detail',
+                'top-priorities-list', 'top-priority-detail',
+                'key-strengths-list', 'key-strength-detail',
+                'critical-gaps-list', 'critical-gap-detail',
+                'recommendation-insights-list', 'goal-insights-list',
+                'strategy-recommendations', 'objective-strategies', 'goal-objectives', 'goal-detail',
+                'recommendation-business-insights-list', 'goal-business-insights-list'
+            ];
             const hasProfileContext = state.previousState &&
-                ['focus-area-strengths-list', 'focus-area-strength-detail',
-                    'focus-area-gaps-list', 'focus-area-gap-detail',
-                    'focus-area-opportunities-list', 'focus-area-opportunity-detail',
-                    'top-priorities-list', 'top-priority-detail',
-                    'key-strengths-list', 'key-strength-detail',
-                    'critical-gaps-list', 'critical-gap-detail'].includes(state.previousState.type || '');
+                profileContextTypes.includes(state.previousState.type || '') ||
+                state.navigationStack?.some(s => profileContextTypes.includes(s.type || ''));
             // Delegate funnel-related types to Funnel Analysis Modal ONLY if no profile context
             // Note: 'metric' is NOT delegated - it should be handled by ProfileAnalysisModalComponent
             const funnelTypes = ['insight', 'chart', 'charts-list', 'funnel-strengths-list', 'funnel-weaknesses-list', 'funnel-strength-detail', 'funnel-weakness-detail'];
@@ -44885,10 +44900,11 @@ class ProfileAnalysisModalComponent {
                 this.modalData.set(data);
                 this.modalTitle.set(data.goal.title || 'Goal');
                 this.modalType.set('goal-detail');
-                const isFromUnifiedModal = state.previousState?.type?.startsWith('unified-goal-');
-                this.openModalFresh(isFromUnifiedModal);
+                const unifiedFlowTypes = ['unified-goal-detail', 'unified-goal-objectives', 'unified-goal-related-metrics', 'objective-strategies', 'strategy-recommendations', 'priority-actions-list'];
+                const isFromUnifiedModal = state.previousState?.type && unifiedFlowTypes.includes(state.previousState.type) ||
+                    state.navigationStack?.some(s => s.type && unifiedFlowTypes.includes(s.type));
+                this.openModalFresh(!!isFromUnifiedModal);
                 const stack = state.navigationStack || [];
-                console.log('[ProfileAnalysisModal] goal-detail opened, navigationStack:', stack.length, 'items', stack.map(s => s.type));
                 this.navigationStack.set(stack);
             }
             else if (state.type === 'goal-objectives' && state.data) {
@@ -45161,6 +45177,36 @@ class ProfileAnalysisModalComponent {
                 this.navigationStack.set(stack);
                 this.currentCharts.set([]);
             }
+            else if (state.type === 'insight' && state.data) {
+                const insight = state.data;
+                this.modalData.set(insight);
+                this.modalTitle.set(insight.title || 'Insight Details');
+                this.modalType.set('insight');
+                this.openModalFresh();
+                const stack = state.navigationStack || [];
+                this.navigationStack.set(stack);
+                this.currentCharts.set(state.charts || []);
+            }
+            else if (state.type === 'chart' && state.data) {
+                const chart = state.data;
+                this.modalData.set(chart);
+                this.modalTitle.set(chart.title || 'Chart');
+                this.modalType.set('chart');
+                this.openModalFresh();
+                const stack = state.navigationStack || [];
+                this.navigationStack.set(stack);
+                this.currentCharts.set([]);
+            }
+            else if (state.type === 'charts-list' && state.data) {
+                const data = state.data;
+                this.modalData.set(data);
+                this.modalTitle.set(data.insightContext?.title ? `Charts for ${data.insightContext.title}` : 'Related Charts');
+                this.modalType.set('charts-list');
+                this.openModalFresh();
+                const stack = state.navigationStack || [];
+                this.navigationStack.set(stack);
+                this.currentCharts.set(data.charts || []);
+            }
             else if (state.type === null) {
                 this.isOpen.set(false);
                 setTimeout(() => {
@@ -103177,6 +103223,7 @@ class GoalActionStateChipComponent {
         this.state = input.required(...(ngDevMode ? [{ debugName: "state" }] : []));
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.goalId = input(...(ngDevMode ? [undefined, { debugName: "goalId" }] : []));
+        this.shouldPulse = input(false, ...(ngDevMode ? [{ debugName: "shouldPulse" }] : []));
         this.stateChange = output();
         this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
         this.elementRef = inject(ElementRef);
@@ -103280,7 +103327,7 @@ class GoalActionStateChipComponent {
     static { this.ɵfac = function GoalActionStateChipComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoalActionStateChipComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GoalActionStateChipComponent, selectors: [["symphiq-goal-action-state-chip"]], hostBindings: function GoalActionStateChipComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("click", function GoalActionStateChipComponent_click_HostBindingHandler($event) { return ctx.onDocumentClick($event); }, i0.ɵɵresolveDocument);
-        } }, inputs: { state: [1, "state"], viewMode: [1, "viewMode"], goalId: [1, "goalId"] }, outputs: { stateChange: "stateChange" }, decls: 7, vars: 6, consts: [[1, "relative", "inline-block"], ["type", "button", 1, "inline-flex", "items-center", "gap-1.5", "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", "cursor-pointer", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], [1, "w-2", "h-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "absolute", "top-full", "left-0", "mt-1", "min-w-[160px]", "rounded-lg", "shadow-xl", "z-50", "py-1", "border", 3, "ngClass"], ["type", "button", 1, "w-full", "flex", "items-center", "gap-2", "px-3", "py-2", "text-xs", "font-medium", "transition-colors", "duration-150", "text-left", 3, "ngClass"], ["type", "button", 1, "w-full", "flex", "items-center", "gap-2", "px-3", "py-2", "text-xs", "font-medium", "transition-colors", "duration-150", "text-left", 3, "click", "ngClass"], [1, "w-2", "h-2", "rounded-full", "flex-shrink-0", 3, "ngClass"], [1, "flex-1"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3.5", "h-3.5", "text-blue-500"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"]], template: function GoalActionStateChipComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { state: [1, "state"], viewMode: [1, "viewMode"], goalId: [1, "goalId"], shouldPulse: [1, "shouldPulse"] }, outputs: { stateChange: "stateChange" }, decls: 7, vars: 8, consts: [[1, "relative", "inline-block"], ["type", "button", 1, "inline-flex", "items-center", "gap-1.5", "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", "cursor-pointer", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], [1, "w-2", "h-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "absolute", "top-full", "left-0", "mt-1", "min-w-[160px]", "rounded-lg", "shadow-xl", "z-50", "py-1", "border", 3, "ngClass"], ["type", "button", 1, "w-full", "flex", "items-center", "gap-2", "px-3", "py-2", "text-xs", "font-medium", "transition-colors", "duration-150", "text-left", 3, "ngClass"], ["type", "button", 1, "w-full", "flex", "items-center", "gap-2", "px-3", "py-2", "text-xs", "font-medium", "transition-colors", "duration-150", "text-left", 3, "click", "ngClass"], [1, "w-2", "h-2", "rounded-full", "flex-shrink-0", 3, "ngClass"], [1, "flex-1"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3.5", "h-3.5", "text-blue-500"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"]], template: function GoalActionStateChipComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "button", 1);
             i0.ɵɵlistener("click", function GoalActionStateChipComponent_Template_button_click_1_listener($event) { return ctx.toggleDropdown($event); });
             i0.ɵɵelement(2, "span", 2);
@@ -103293,6 +103340,7 @@ class GoalActionStateChipComponent {
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
+            i0.ɵɵclassProp("animate-chip-pulse", ctx.shouldPulse());
             i0.ɵɵproperty("ngClass", ctx.chipClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.dotClasses());
@@ -103302,21 +103350,17 @@ class GoalActionStateChipComponent {
             i0.ɵɵclassProp("rotate-180", ctx.isOpen());
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.isOpen() ? 6 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_chip-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 currentColor}50%{transform:scale(1.05);box-shadow:0 0 12px 2px currentColor}}.animate-chip-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_chip-pulse .6s ease-in-out 3}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoalActionStateChipComponent, [{
         type: Component,
-        args: [{
-                selector: 'symphiq-goal-action-state-chip',
-                standalone: true,
-                imports: [CommonModule],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
+        args: [{ selector: 'symphiq-goal-action-state-chip', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div class="relative inline-block">
       <button
         type="button"
         (click)="toggleDropdown($event)"
         [ngClass]="chipClasses()"
+        [class.animate-chip-pulse]="shouldPulse()"
         class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-semibold whitespace-nowrap cursor-pointer transition-all duration-200 hover:scale-105">
         <span [ngClass]="dotClasses()" class="w-2 h-2 rounded-full"></span>
         {{ label() }}
@@ -103345,27 +103389,85 @@ class GoalActionStateChipComponent {
         </div>
       }
     </div>
-  `
-            }]
-    }], null, { state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], goalId: [{ type: i0.Input, args: [{ isSignal: true, alias: "goalId", required: false }] }], stateChange: [{ type: i0.Output, args: ["stateChange"] }], onDocumentClick: [{
+  `, styles: ["@keyframes chip-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 currentColor}50%{transform:scale(1.05);box-shadow:0 0 12px 2px currentColor}}.animate-chip-pulse{animation:chip-pulse .6s ease-in-out 3}\n"] }]
+    }], null, { state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], goalId: [{ type: i0.Input, args: [{ isSignal: true, alias: "goalId", required: false }] }], shouldPulse: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldPulse", required: false }] }], stateChange: [{ type: i0.Output, args: ["stateChange"] }], onDocumentClick: [{
             type: HostListener,
             args: ['document:click', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GoalActionStateChipComponent, { className: "GoalActionStateChipComponent", filePath: "lib/components/shared/goal-action-state-chip.component.ts", lineNumber: 47 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GoalActionStateChipComponent, { className: "GoalActionStateChipComponent", filePath: "lib/components/shared/goal-action-state-chip.component.ts", lineNumber: 63 }); })();
+
+class ReviewButtonComponent {
+    constructor() {
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.label = input('Review Goal', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.buttonClick = output();
+        this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
+        this.buttonClasses = computed(() => {
+            return 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 hover:from-blue-500 hover:via-cyan-500 hover:to-teal-500 text-white border border-blue-500/30';
+        }, ...(ngDevMode ? [{ debugName: "buttonClasses" }] : []));
+    }
+    onClick(event) {
+        event.stopPropagation();
+        this.buttonClick.emit();
+    }
+    static { this.ɵfac = function ReviewButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ReviewButtonComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReviewButtonComponent, selectors: [["symphiq-review-button"]], inputs: { viewMode: [1, "viewMode"], label: [1, "label"] }, outputs: { buttonClick: "buttonClick" }, decls: 8, vars: 2, consts: [["type", "button", 1, "w-full", "flex", "items-center", "justify-center", "gap-2", "px-4", "py-3", "rounded-xl", "text-sm", "font-semibold", "transition-all", "duration-300", "cursor-pointer", "hover:scale-[1.02]", "active:scale-[0.98]", "animate-review-pulse", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "animate-pulse"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "group-hover:translate-x-1", "transition-transform"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"]], template: function ReviewButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function ReviewButtonComponent_Template_button_click_0_listener($event) { return ctx.onClick($event); });
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(1, "svg", 1);
+            i0.ɵɵelement(2, "path", 2)(3, "path", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(4, "span");
+            i0.ɵɵtext(5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(6, "svg", 4);
+            i0.ɵɵelement(7, "path", 5);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.buttonClasses());
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.label());
+        } }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_review-pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_review-pulse 2s ease-in-out infinite}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReviewButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'symphiq-review-button', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <button
+      type="button"
+      [ngClass]="buttonClasses()"
+      class="w-full flex items-center justify-center gap-2 px-4 py-3 rounded-xl text-sm font-semibold transition-all duration-300 cursor-pointer hover:scale-[1.02] active:scale-[0.98] animate-review-pulse"
+      (click)="onClick($event)">
+      <svg class="w-5 h-5 animate-pulse" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+              d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
+      </svg>
+      <span>{{ label() }}</span>
+      <svg class="w-5 h-5 group-hover:translate-x-1 transition-transform" 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>
+  `, styles: ["@keyframes review-pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse{animation:review-pulse 2s ease-in-out infinite}\n"] }]
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReviewButtonComponent, { className: "ReviewButtonComponent", filePath: "lib/components/shared/review-button.component.ts", lineNumber: 42 }); })();
 
 function UnifiedGoalCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-goal-action-state-chip", 19);
+    i0.ɵɵelementStart(0, "symphiq-goal-action-state-chip", 20);
     i0.ɵɵlistener("stateChange", function UnifiedGoalCardComponent_Conditional_9_Template_symphiq_goal_action_state_chip_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onActionStateChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_3_0;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("state", ctx_r1.actionState())("viewMode", ctx_r1.viewMode())("goalId", (tmp_3_0 = ctx_r1.goal()) == null ? null : tmp_3_0.id);
+    i0.ɵɵproperty("state", ctx_r1.actionState())("viewMode", ctx_r1.viewMode())("goalId", (tmp_3_0 = ctx_r1.goal()) == null ? null : tmp_3_0.id)("shouldPulse", ctx_r1.shouldPulseChip());
 } }
 function UnifiedGoalCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 10);
-    i0.ɵɵelement(1, "symphiq-thematic-category-badge", 20);
+    i0.ɵɵelement(1, "symphiq-thematic-category-badge", 21);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -103384,7 +103486,7 @@ function UnifiedGoalCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1)
 } }
 function UnifiedGoalCardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵelement(1, "symphiq-roadmap-metrics", 21);
+    i0.ɵɵelement(1, "symphiq-roadmap-metrics", 22);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -103409,11 +103511,30 @@ function UnifiedGoalCardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1)
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("sourceTypeCounts", ctx_r1.sourceTypeCounts())("contributingCounts", ctx_r1.contributingCounts())("viewMode", ctx_r1.viewMode());
 } }
+function UnifiedGoalCardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-learn-more-button", 23);
+    i0.ɵɵlistener("buttonClick", function UnifiedGoalCardComponent_Conditional_20_Template_symphiq_learn_more_button_buttonClick_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onLearnMoreClick()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("variant", "button")("label", "Learn More");
+} }
+function UnifiedGoalCardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-review-button", 24);
+    i0.ɵɵlistener("buttonClick", function UnifiedGoalCardComponent_Conditional_21_Template_symphiq_review_button_buttonClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onLearnMoreClick()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("label", "Review Goal");
+} }
 class UnifiedGoalCardComponent {
     constructor() {
         this.goal = input(...(ngDevMode ? [undefined, { debugName: "goal" }] : []));
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.actionState = input(...(ngDevMode ? [undefined, { debugName: "actionState" }] : []));
+        this.shouldPulseChip = input(false, ...(ngDevMode ? [{ debugName: "shouldPulseChip" }] : []));
         this.goalClick = output();
         this.sourceBadgeClick = output();
         this.relatedMetricsClick = output();
@@ -103565,7 +103686,7 @@ class UnifiedGoalCardComponent {
         this.actionStateChange.emit(event);
     }
     static { this.ɵfac = function UnifiedGoalCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedGoalCardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalCardComponent, selectors: [["symphiq-unified-goal-card"]], inputs: { goal: [1, "goal"], viewMode: [1, "viewMode"], actionState: [1, "actionState"] }, outputs: { goalClick: "goalClick", sourceBadgeClick: "sourceBadgeClick", relatedMetricsClick: "relatedMetricsClick", relatedFocusAreasClick: "relatedFocusAreasClick", learnMoreClick: "learnMoreClick", actionStateChange: "actionStateChange" }, decls: 21, vars: 15, consts: [[1, "rounded-2xl", "p-6", "shadow-lg", "transition-all", "duration-200", 3, "ngClass"], [1, "flex", "items-start", "gap-4", "mb-2"], [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 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "justify-between", "gap-2", "mb-1"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "state", "viewMode", "goalId"], [1, "font-semibold", "text-lg", "line-clamp-2", 3, "ngClass"], [1, "mb-3"], [1, "text-sm", "mb-4", "line-clamp-3", "cursor-help", 3, "ngClass", "libSymphiqTooltip"], [1, "mb-4"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "mb-4"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], [3, "sourceTypeCounts", "contributingCounts", "viewMode"], [1, "mt-4"], [3, "buttonClick", "viewMode", "variant", "label"], [3, "stateChange", "state", "viewMode", "goalId"], [3, "category", "viewMode"], [3, "metrics", "viewMode"]], template: function UnifiedGoalCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalCardComponent, selectors: [["symphiq-unified-goal-card"]], inputs: { goal: [1, "goal"], viewMode: [1, "viewMode"], actionState: [1, "actionState"], shouldPulseChip: [1, "shouldPulseChip"] }, outputs: { goalClick: "goalClick", sourceBadgeClick: "sourceBadgeClick", relatedMetricsClick: "relatedMetricsClick", relatedFocusAreasClick: "relatedFocusAreasClick", learnMoreClick: "learnMoreClick", actionStateChange: "actionStateChange" }, decls: 22, vars: 13, consts: [[1, "rounded-2xl", "p-6", "shadow-lg", "transition-all", "duration-200", 3, "ngClass"], [1, "flex", "items-start", "gap-4", "mb-2"], [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 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "justify-between", "gap-2", "mb-1"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "state", "viewMode", "goalId", "shouldPulse"], [1, "font-semibold", "text-lg", "line-clamp-2", 3, "ngClass"], [1, "mb-3"], [1, "text-sm", "mb-4", "line-clamp-3", "cursor-help", 3, "ngClass", "libSymphiqTooltip"], [1, "mb-4"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "mb-4"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], [3, "sourceTypeCounts", "contributingCounts", "viewMode"], [1, "mt-4"], [3, "viewMode", "variant", "label"], [3, "viewMode", "label"], [3, "stateChange", "state", "viewMode", "goalId", "shouldPulse"], [3, "category", "viewMode"], [3, "metrics", "viewMode"], [3, "buttonClick", "viewMode", "variant", "label"], [3, "buttonClick", "viewMode", "label"]], template: function UnifiedGoalCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(3, "svg", 3);
@@ -103575,7 +103696,7 @@ class UnifiedGoalCardComponent {
             i0.ɵɵelementStart(5, "div", 5)(6, "div", 6)(7, "div", 7);
             i0.ɵɵtext(8, " Unified Goal ");
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(9, UnifiedGoalCardComponent_Conditional_9_Template, 1, 3, "symphiq-goal-action-state-chip", 8);
+            i0.ɵɵconditionalCreate(9, UnifiedGoalCardComponent_Conditional_9_Template, 1, 4, "symphiq-goal-action-state-chip", 8);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(10, "h4", 9);
             i0.ɵɵtext(11);
@@ -103588,9 +103709,9 @@ class UnifiedGoalCardComponent {
             i0.ɵɵconditionalCreate(17, UnifiedGoalCardComponent_Conditional_17_Template, 1, 2, "symphiq-timeframe-badge", 15);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(18, UnifiedGoalCardComponent_Conditional_18_Template, 1, 3, "symphiq-source-summary", 16);
-            i0.ɵɵelementStart(19, "div", 17)(20, "symphiq-learn-more-button", 18);
-            i0.ɵɵlistener("buttonClick", function UnifiedGoalCardComponent_Template_symphiq_learn_more_button_buttonClick_20_listener() { return ctx.onLearnMoreClick(); });
-            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(19, "div", 17);
+            i0.ɵɵconditionalCreate(20, UnifiedGoalCardComponent_Conditional_20_Template, 1, 3, "symphiq-learn-more-button", 18)(21, UnifiedGoalCardComponent_Conditional_21_Template, 1, 2, "symphiq-review-button", 19);
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
             let tmp_5_0;
             let tmp_6_0;
@@ -103622,7 +103743,7 @@ class UnifiedGoalCardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional((((tmp_11_0 = ctx.goal()) == null ? null : tmp_11_0.sourceAnalyses == null ? null : tmp_11_0.sourceAnalyses.length) ?? 0) > 0 || ctx.hasRelatedContext() ? 18 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("viewMode", ctx.viewMode())("variant", "button")("label", "Learn More");
+            i0.ɵɵconditional(ctx.actionState() ? 20 : 21);
         } }, dependencies: [CommonModule, i1$1.NgClass, PriorityBadgeComponent,
             TimeframeBadgeComponent,
             RoadmapMetricsComponent,
@@ -103630,7 +103751,8 @@ class UnifiedGoalCardComponent {
             SourceSummaryComponent,
             ThematicCategoryBadgeComponent,
             TooltipDirective,
-            GoalActionStateChipComponent], encapsulation: 2, changeDetection: 0 }); }
+            GoalActionStateChipComponent,
+            ReviewButtonComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UnifiedGoalCardComponent, [{
         type: Component,
@@ -103646,7 +103768,8 @@ class UnifiedGoalCardComponent {
                     SourceSummaryComponent,
                     ThematicCategoryBadgeComponent,
                     TooltipDirective,
-                    GoalActionStateChipComponent
+                    GoalActionStateChipComponent,
+                    ReviewButtonComponent
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
@@ -103670,6 +103793,7 @@ class UnifiedGoalCardComponent {
                 [state]="actionState()!"
                 [viewMode]="viewMode()"
                 [goalId]="goal()?.id"
+                [shouldPulse]="shouldPulseChip()"
                 (stateChange)="onActionStateChange($event)"
               />
             }
@@ -103725,18 +103849,26 @@ class UnifiedGoalCardComponent {
       }
 
       <div class="mt-4">
-        <symphiq-learn-more-button
-            [viewMode]="viewMode()"
-            [variant]="'button'"
-            [label]="'Learn More'"
-            (buttonClick)="onLearnMoreClick()"
-        />
+        @if (actionState()) {
+          <symphiq-learn-more-button
+              [viewMode]="viewMode()"
+              [variant]="'button'"
+              [label]="'Learn More'"
+              (buttonClick)="onLearnMoreClick()"
+          />
+        } @else {
+          <symphiq-review-button
+              [viewMode]="viewMode()"
+              [label]="'Review Goal'"
+              (buttonClick)="onLearnMoreClick()"
+          />
+        }
       </div>
     </div>
   `
             }]
-    }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], actionState: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionState", required: false }] }], goalClick: [{ type: i0.Output, args: ["goalClick"] }], sourceBadgeClick: [{ type: i0.Output, args: ["sourceBadgeClick"] }], relatedMetricsClick: [{ type: i0.Output, args: ["relatedMetricsClick"] }], relatedFocusAreasClick: [{ type: i0.Output, args: ["relatedFocusAreasClick"] }], learnMoreClick: [{ type: i0.Output, args: ["learnMoreClick"] }], actionStateChange: [{ type: i0.Output, args: ["actionStateChange"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalCardComponent, { className: "UnifiedGoalCardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-goal-card.component.ts", lineNumber: 116 }); })();
+    }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], actionState: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionState", required: false }] }], shouldPulseChip: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldPulseChip", required: false }] }], goalClick: [{ type: i0.Output, args: ["goalClick"] }], sourceBadgeClick: [{ type: i0.Output, args: ["sourceBadgeClick"] }], relatedMetricsClick: [{ type: i0.Output, args: ["relatedMetricsClick"] }], relatedFocusAreasClick: [{ type: i0.Output, args: ["relatedFocusAreasClick"] }], learnMoreClick: [{ type: i0.Output, args: ["learnMoreClick"] }], actionStateChange: [{ type: i0.Output, args: ["actionStateChange"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalCardComponent, { className: "UnifiedGoalCardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-goal-card.component.ts", lineNumber: 127 }); })();
 
 const _c0$9 = a0 => ({ name: "flag", source: a0 });
 const _forTrack0$9 = ($index, $item) => $item.id;
@@ -103748,13 +103880,13 @@ function UnifiedGoalsGridComponent_Conditional_0_For_5_Template(rf, ctx) { if (r
 } if (rf & 2) {
     const goal_r3 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("goal", goal_r3)("viewMode", ctx_r1.viewMode())("actionState", ctx_r1.getActionState(goal_r3.id));
+    i0.ɵɵproperty("goal", goal_r3)("viewMode", ctx_r1.viewMode())("actionState", ctx_r1.getActionState(goal_r3.id))("shouldPulseChip", ctx_r1.shouldPulse(goal_r3.id));
 } }
 function UnifiedGoalsGridComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "section", 0);
     i0.ɵɵelement(1, "symphiq-section-divider", 1)(2, "symphiq-section-header", 2);
     i0.ɵɵelementStart(3, "div", 3);
-    i0.ɵɵrepeaterCreate(4, UnifiedGoalsGridComponent_Conditional_0_For_5_Template, 1, 3, "symphiq-unified-goal-card", 4, _forTrack0$9);
+    i0.ɵɵrepeaterCreate(4, UnifiedGoalsGridComponent_Conditional_0_For_5_Template, 1, 4, "symphiq-unified-goal-card", 4, _forTrack0$9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -103778,19 +103910,29 @@ class UnifiedGoalsGridComponent {
             this.goalActionStateService.states();
             return this.goalActionStateService.getAllStates();
         }, ...(ngDevMode ? [{ debugName: "states" }] : []));
+        this.lastChangedGoalId = computed(() => this.goalActionStateService.lastChangedGoalId(), ...(ngDevMode ? [{ debugName: "lastChangedGoalId" }] : []));
     }
     getActionState(goalId) {
         if (!goalId)
             return undefined;
         return this.states()[goalId];
     }
+    shouldPulse(goalId) {
+        if (!goalId)
+            return false;
+        const match = this.lastChangedGoalId() === goalId;
+        if (match) {
+            setTimeout(() => this.goalActionStateService.clearLastChangedGoalId(), 2000);
+        }
+        return match;
+    }
     onActionStateChange(event) {
         if (event.goalId) {
             this.goalActionStateService.setState(event.goalId, event.state);
         }
     }
     static { this.ɵfac = function UnifiedGoalsGridComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedGoalsGridComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalsGridComponent, selectors: [["symphiq-unified-goals-grid"]], inputs: { viewMode: [1, "viewMode"], goals: [1, "goals"] }, outputs: { goalClick: "goalClick", sourceBadgeClick: "sourceBadgeClick", relatedMetricsClick: "relatedMetricsClick" }, decls: 1, vars: 1, consts: [["id", "section-unified-goals", 1, "space-y-6", "scroll-mt-24"], [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", "actionState"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "learnMoreClick", "actionStateChange", "goal", "viewMode", "actionState"]], template: function UnifiedGoalsGridComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalsGridComponent, selectors: [["symphiq-unified-goals-grid"]], inputs: { viewMode: [1, "viewMode"], goals: [1, "goals"] }, outputs: { goalClick: "goalClick", sourceBadgeClick: "sourceBadgeClick", relatedMetricsClick: "relatedMetricsClick" }, decls: 1, vars: 1, consts: [["id", "section-unified-goals", 1, "space-y-6", "scroll-mt-24"], [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", "actionState", "shouldPulseChip"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "learnMoreClick", "actionStateChange", "goal", "viewMode", "actionState", "shouldPulseChip"]], template: function UnifiedGoalsGridComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, UnifiedGoalsGridComponent_Conditional_0_Template, 6, 8, "section", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.goals().length > 0 ? 0 : -1);
@@ -103830,6 +103972,7 @@ class UnifiedGoalsGridComponent {
               [goal]="goal"
               [viewMode]="viewMode()"
               [actionState]="getActionState(goal.id)"
+              [shouldPulseChip]="shouldPulse(goal.id)"
               (goalClick)="goalClick.emit($event)"
               (sourceBadgeClick)="sourceBadgeClick.emit($event)"
               (relatedMetricsClick)="relatedMetricsClick.emit($event)"
@@ -103843,7 +103986,7 @@ class UnifiedGoalsGridComponent {
   `
             }]
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], goals: [{ type: i0.Input, args: [{ isSignal: true, alias: "goals", required: false }] }], goalClick: [{ type: i0.Output, args: ["goalClick"] }], sourceBadgeClick: [{ type: i0.Output, args: ["sourceBadgeClick"] }], relatedMetricsClick: [{ type: i0.Output, args: ["relatedMetricsClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalsGridComponent, { className: "UnifiedGoalsGridComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-goals-grid.component.ts", lineNumber: 51 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalsGridComponent, { className: "UnifiedGoalsGridComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-goals-grid.component.ts", lineNumber: 52 }); })();
 
 function SynthesisConfidenceSectionComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0)(1, "h4", 1);
@@ -104850,42 +104993,54 @@ class PriorityActionsModalContentComponent {
 (() => { (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 _forTrack0$6 = ($index, $item) => $item.value;
-function GoalActionStateSelectorComponent_For_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function GoalActionStateSelectorComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 7);
-    i0.ɵɵelement(1, "path", 8);
+    i0.ɵɵelementStart(0, "svg", 2);
+    i0.ɵɵelement(1, "path", 7)(2, "path", 8);
     i0.ɵɵelementEnd();
 } }
-function GoalActionStateSelectorComponent_For_5_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 5);
-    i0.ɵɵlistener("click", function GoalActionStateSelectorComponent_For_5_Template_button_click_0_listener() { const option_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectState(option_r2.value)); });
-    i0.ɵɵelement(1, "span", 6);
-    i0.ɵɵelementStart(2, "span");
+function GoalActionStateSelectorComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 3);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.dotClasses());
+} }
+function GoalActionStateSelectorComponent_Conditional_7_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(0, "svg", 13);
+    i0.ɵɵelement(1, "path", 14);
+    i0.ɵɵelementEnd();
+} }
+function GoalActionStateSelectorComponent_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 10);
+    i0.ɵɵlistener("click", function GoalActionStateSelectorComponent_Conditional_7_For_2_Template_button_click_0_listener($event) { const option_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.selectOption($event, option_r3.value)); });
+    i0.ɵɵelement(1, "span", 11);
+    i0.ɵɵelementStart(2, "span", 12);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, GoalActionStateSelectorComponent_For_5_Conditional_4_Template, 2, 0, ":svg:svg", 7);
+    i0.ɵɵconditionalCreate(4, GoalActionStateSelectorComponent_Conditional_7_For_2_Conditional_4_Template, 2, 0, ":svg:svg", 13);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const option_r2 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r2.getButtonClasses(option_r2.value));
+    const option_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.getOptionClasses(option_r3.value));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.getDotClasses(option_r2.value));
+    i0.ɵɵproperty("ngClass", ctx_r0.getOptionDotClasses(option_r3.value));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(option_r2.label);
+    i0.ɵɵtextInterpolate(option_r3.label);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.state() === option_r2.value ? 4 : -1);
+    i0.ɵɵconditional(ctx_r0.state() === option_r3.value ? 4 : -1);
 } }
-function GoalActionStateSelectorComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵtext(1);
+function GoalActionStateSelectorComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵrepeaterCreate(1, GoalActionStateSelectorComponent_Conditional_7_For_2_Template, 5, 4, "button", 9, _forTrack0$6);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r2.hintClasses());
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.dropdownClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.getHintText(), " ");
+    i0.ɵɵrepeater(ctx_r0.options);
 } }
 class GoalActionStateSelectorComponent {
     constructor() {
@@ -104893,132 +105048,187 @@ class GoalActionStateSelectorComponent {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.goalId = input(...(ngDevMode ? [undefined, { debugName: "goalId" }] : []));
         this.stateChange = output();
+        this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+        this.elementRef = inject(ElementRef);
         this.options = [
             { value: GoalActionStateEnum.PLAN, label: 'Plan to Act' },
             { value: GoalActionStateEnum.POTENTIAL, label: 'Keep for Later' },
             { value: GoalActionStateEnum.SKIP, label: 'Skip' }
         ];
         this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
-        this.labelClasses = computed(() => {
-            return this.isDark() ? 'text-slate-400' : 'text-slate-500';
-        }, ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
-        this.hintClasses = computed(() => {
-            return this.isDark() ? 'text-slate-500' : 'text-slate-400';
-        }, ...(ngDevMode ? [{ debugName: "hintClasses" }] : []));
-    }
-    getButtonClasses(value) {
-        const isSelected = this.state() === value;
-        if (this.isDark()) {
-            if (isSelected) {
-                switch (value) {
+        this.label = computed(() => {
+            switch (this.state()) {
+                case GoalActionStateEnum.PLAN: return 'Planned';
+                case GoalActionStateEnum.POTENTIAL: return 'Potential';
+                case GoalActionStateEnum.SKIP: return 'Skipped';
+                default: return 'Choose Action';
+            }
+        }, ...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.chipClasses = computed(() => {
+            const s = this.state();
+            if (this.isDark()) {
+                if (!s) {
+                    return 'bg-blue-600/30 text-blue-300 border-blue-400 hover:bg-blue-600/40 hover:shadow-blue-500/30 hover:shadow-lg';
+                }
+                switch (s) {
                     case GoalActionStateEnum.PLAN:
-                        return 'bg-emerald-900/50 text-emerald-300 border-emerald-500 shadow-lg shadow-emerald-500/20';
+                        return 'bg-emerald-900/40 text-emerald-300 border-emerald-600 hover:bg-emerald-900/60 hover:shadow-emerald-500/20 hover:shadow-md';
                     case GoalActionStateEnum.POTENTIAL:
-                        return 'bg-amber-900/50 text-amber-300 border-amber-500 shadow-lg shadow-amber-500/20';
+                        return 'bg-amber-900/40 text-amber-300 border-amber-600 hover:bg-amber-900/60 hover:shadow-amber-500/20 hover:shadow-md';
                     case GoalActionStateEnum.SKIP:
-                        return 'bg-slate-700/70 text-slate-300 border-slate-500 shadow-lg shadow-slate-500/20';
+                        return 'bg-slate-700/50 text-slate-400 border-slate-600 hover:bg-slate-700/70 hover:shadow-slate-500/20 hover:shadow-md';
+                    default:
+                        return 'bg-slate-700/50 text-slate-400 border-slate-600';
                 }
             }
-            return 'bg-slate-800/50 text-slate-400 border-slate-600 hover:bg-slate-700/50 hover:border-slate-500';
-        }
-        if (isSelected) {
-            switch (value) {
+            if (!s) {
+                return 'bg-blue-100 text-blue-700 border-blue-400 hover:bg-blue-200 hover:shadow-blue-300 hover:shadow-lg';
+            }
+            switch (s) {
                 case GoalActionStateEnum.PLAN:
-                    return 'bg-emerald-100 text-emerald-700 border-emerald-400 shadow-lg shadow-emerald-200';
+                    return 'bg-emerald-100 text-emerald-700 border-emerald-300 hover:bg-emerald-200 hover:shadow-emerald-200 hover:shadow-md';
                 case GoalActionStateEnum.POTENTIAL:
-                    return 'bg-amber-100 text-amber-700 border-amber-400 shadow-lg shadow-amber-200';
+                    return 'bg-amber-100 text-amber-700 border-amber-300 hover:bg-amber-200 hover:shadow-amber-200 hover:shadow-md';
                 case GoalActionStateEnum.SKIP:
-                    return 'bg-slate-100 text-slate-600 border-slate-400 shadow-lg shadow-slate-200';
+                    return 'bg-slate-100 text-slate-500 border-slate-300 hover:bg-slate-200 hover:shadow-slate-200 hover:shadow-md';
+                default:
+                    return 'bg-slate-100 text-slate-600 border-slate-200';
             }
-        }
-        return 'bg-white text-slate-600 border-slate-200 hover:bg-slate-50 hover:border-slate-300';
+        }, ...(ngDevMode ? [{ debugName: "chipClasses" }] : []));
+        this.dotClasses = computed(() => {
+            const s = this.state();
+            switch (s) {
+                case GoalActionStateEnum.PLAN:
+                    return 'bg-emerald-500';
+                case GoalActionStateEnum.POTENTIAL:
+                    return 'bg-amber-500';
+                case GoalActionStateEnum.SKIP:
+                    return 'bg-slate-400';
+                default:
+                    return 'bg-slate-400';
+            }
+        }, ...(ngDevMode ? [{ debugName: "dotClasses" }] : []));
+        this.dropdownClasses = computed(() => {
+            return this.isDark()
+                ? 'bg-slate-800 border-slate-700'
+                : 'bg-white border-slate-200';
+        }, ...(ngDevMode ? [{ debugName: "dropdownClasses" }] : []));
     }
-    getDotClasses(value) {
+    getOptionClasses(value) {
         const isSelected = this.state() === value;
-        switch (value) {
-            case GoalActionStateEnum.PLAN:
-                return isSelected ? 'bg-emerald-500' : 'bg-emerald-400/50';
-            case GoalActionStateEnum.POTENTIAL:
-                return isSelected ? 'bg-amber-500' : 'bg-amber-400/50';
-            case GoalActionStateEnum.SKIP:
-                return isSelected ? 'bg-slate-500' : 'bg-slate-400/50';
-            default:
-                return 'bg-slate-400/50';
+        if (this.isDark()) {
+            return isSelected
+                ? 'bg-slate-700/50 text-white'
+                : 'text-slate-300 hover:bg-slate-700/30';
         }
+        return isSelected
+            ? 'bg-slate-100 text-slate-900'
+            : 'text-slate-700 hover:bg-slate-50';
     }
-    getHintText() {
-        switch (this.state()) {
+    getOptionDotClasses(value) {
+        switch (value) {
             case GoalActionStateEnum.PLAN:
-                return 'This goal will be included in your action plan for immediate implementation.';
+                return 'bg-emerald-500';
             case GoalActionStateEnum.POTENTIAL:
-                return 'This goal will be saved for future consideration when priorities shift.';
+                return 'bg-amber-500';
             case GoalActionStateEnum.SKIP:
-                return 'This goal will be marked as not applicable to your current focus.';
+                return 'bg-slate-400';
             default:
-                return '';
+                return 'bg-slate-400';
         }
     }
-    selectState(value) {
+    toggleDropdown(event) {
+        event.stopPropagation();
+        this.isOpen.update(v => !v);
+    }
+    selectOption(event, value) {
+        event.stopPropagation();
+        this.isOpen.set(false);
         this.stateChange.emit({ goalId: this.goalId(), state: value });
     }
+    onDocumentClick(event) {
+        if (!this.elementRef.nativeElement.contains(event.target)) {
+            this.isOpen.set(false);
+        }
+    }
     static { this.ɵfac = function GoalActionStateSelectorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoalActionStateSelectorComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GoalActionStateSelectorComponent, selectors: [["symphiq-goal-action-state-selector"]], inputs: { state: [1, "state"], viewMode: [1, "viewMode"], goalId: [1, "goalId"] }, outputs: { stateChange: "stateChange" }, decls: 7, vars: 2, consts: [[1, "flex", "flex-col", "gap-3"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-3"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-4", "py-2.5", "rounded-xl", "font-medium", "text-sm", "transition-all", "duration-200", "border", "cursor-pointer", 3, "ngClass"], [1, "text-xs", "mt-1", 3, "ngClass"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-4", "py-2.5", "rounded-xl", "font-medium", "text-sm", "transition-all", "duration-200", "border", "cursor-pointer", 3, "click", "ngClass"], [1, "w-3", "h-3", "rounded-full", "flex-shrink-0", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4", "ml-1"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"]], template: function GoalActionStateSelectorComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
-            i0.ɵɵtext(2, " What would you like to do with this goal? ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "div", 2);
-            i0.ɵɵrepeaterCreate(4, GoalActionStateSelectorComponent_For_5_Template, 5, 4, "button", 3, _forTrack0$6);
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(6, GoalActionStateSelectorComponent_Conditional_6_Template, 2, 2, "div", 4);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GoalActionStateSelectorComponent, selectors: [["symphiq-goal-action-state-selector"]], hostBindings: function GoalActionStateSelectorComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function GoalActionStateSelectorComponent_click_HostBindingHandler($event) { return ctx.onDocumentClick($event); }, i0.ɵɵresolveDocument);
+        } }, inputs: { state: [1, "state"], viewMode: [1, "viewMode"], goalId: [1, "goalId"] }, outputs: { stateChange: "stateChange" }, decls: 8, vars: 8, consts: [[1, "relative", "inline-block"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-4", "py-2", "rounded-full", "text-sm", "font-semibold", "whitespace-nowrap", "cursor-pointer", "transition-all", "duration-200", "hover:scale-105", "border", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "animate-pulse"], [1, "w-2.5", "h-2.5", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "absolute", "bottom-full", "left-0", "mb-2", "min-w-[180px]", "rounded-xl", "shadow-xl", "z-50", "py-2", "border", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], ["type", "button", 1, "w-full", "flex", "items-center", "gap-3", "px-4", "py-2.5", "text-sm", "font-medium", "transition-colors", "duration-150", "text-left", 3, "ngClass"], ["type", "button", 1, "w-full", "flex", "items-center", "gap-3", "px-4", "py-2.5", "text-sm", "font-medium", "transition-colors", "duration-150", "text-left", 3, "click", "ngClass"], [1, "w-2.5", "h-2.5", "rounded-full", "flex-shrink-0", 3, "ngClass"], [1, "flex-1"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4", "text-blue-500"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"]], template: function GoalActionStateSelectorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "button", 1);
+            i0.ɵɵlistener("click", function GoalActionStateSelectorComponent_Template_button_click_1_listener($event) { return ctx.toggleDropdown($event); });
+            i0.ɵɵconditionalCreate(2, GoalActionStateSelectorComponent_Conditional_2_Template, 3, 0, ":svg:svg", 2)(3, GoalActionStateSelectorComponent_Conditional_3_Template, 1, 1, "span", 3);
+            i0.ɵɵtext(4);
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(5, "svg", 4);
+            i0.ɵɵelement(6, "path", 5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(7, GoalActionStateSelectorComponent_Conditional_7_Template, 3, 1, "div", 6);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.labelClasses());
-            i0.ɵɵadvance(3);
-            i0.ɵɵrepeater(ctx.options);
+            i0.ɵɵclassProp("animate-attention-pulse", !ctx.state());
+            i0.ɵɵproperty("ngClass", ctx.chipClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.state() ? 2 : 3);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.state() ? 6 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+            i0.ɵɵtextInterpolate1(" ", ctx.label(), " ");
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("rotate-180", ctx.isOpen());
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.isOpen() ? 7 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_attention-pulse{0%,to{box-shadow:0 0 #60a5fa99}50%{box-shadow:0 0 0 8px #60a5fa00}}.animate-attention-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_attention-pulse 2s ease-in-out infinite}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoalActionStateSelectorComponent, [{
         type: Component,
-        args: [{
-                selector: 'symphiq-goal-action-state-selector',
-                standalone: true,
-                imports: [CommonModule],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div class="flex flex-col gap-3">
-      <div [ngClass]="labelClasses()" class="text-xs font-semibold uppercase tracking-wider">
-        What would you like to do with this goal?
-      </div>
-      <div class="flex flex-wrap gap-3">
-        @for (option of options; track option.value) {
-          <button
-            type="button"
-            (click)="selectState(option.value)"
-            [ngClass]="getButtonClasses(option.value)"
-            class="flex items-center gap-2 px-4 py-2.5 rounded-xl font-medium text-sm transition-all duration-200 border cursor-pointer">
-            <span [ngClass]="getDotClasses(option.value)" class="w-3 h-3 rounded-full flex-shrink-0"></span>
-            <span>{{ option.label }}</span>
-            @if (state() === option.value) {
-              <svg class="w-4 h-4 ml-1" fill="currentColor" viewBox="0 0 20 20">
-                <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
-              </svg>
-            }
-          </button>
+        args: [{ selector: 'symphiq-goal-action-state-selector', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="relative inline-block">
+      <button
+        type="button"
+        (click)="toggleDropdown($event)"
+        [ngClass]="chipClasses()"
+        [class.animate-attention-pulse]="!state()"
+        class="inline-flex items-center gap-2 px-4 py-2 rounded-full text-sm font-semibold whitespace-nowrap cursor-pointer transition-all duration-200 hover:scale-105 border">
+        @if (!state()) {
+          <svg class="w-4 h-4 animate-pulse" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
+          </svg>
+        } @else {
+          <span [ngClass]="dotClasses()" class="w-2.5 h-2.5 rounded-full"></span>
         }
-      </div>
-      @if (state()) {
-        <div [ngClass]="hintClasses()" class="text-xs mt-1">
-          {{ getHintText() }}
+        {{ label() }}
+        <svg class="w-4 h-4 transition-transform duration-200" [class.rotate-180]="isOpen()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+        </svg>
+      </button>
+
+      @if (isOpen()) {
+        <div [ngClass]="dropdownClasses()" class="absolute bottom-full left-0 mb-2 min-w-[180px] rounded-xl shadow-xl z-50 py-2 border">
+          @for (option of options; track option.value) {
+            <button
+              type="button"
+              (click)="selectOption($event, option.value)"
+              [ngClass]="getOptionClasses(option.value)"
+              class="w-full flex items-center gap-3 px-4 py-2.5 text-sm font-medium transition-colors duration-150 text-left">
+              <span [ngClass]="getOptionDotClasses(option.value)" class="w-2.5 h-2.5 rounded-full flex-shrink-0"></span>
+              <span class="flex-1">{{ option.label }}</span>
+              @if (state() === option.value) {
+                <svg class="w-4 h-4 text-blue-500" fill="currentColor" viewBox="0 0 20 20">
+                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
+                </svg>
+              }
+            </button>
+          }
         </div>
       }
     </div>
-  `
-            }]
-    }], null, { state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], goalId: [{ type: i0.Input, args: [{ isSignal: true, alias: "goalId", required: false }] }], stateChange: [{ type: i0.Output, args: ["stateChange"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GoalActionStateSelectorComponent, { className: "GoalActionStateSelectorComponent", filePath: "lib/components/shared/goal-action-state-selector.component.ts", lineNumber: 41 }); })();
+  `, styles: ["@keyframes attention-pulse{0%,to{box-shadow:0 0 #60a5fa99}50%{box-shadow:0 0 0 8px #60a5fa00}}.animate-attention-pulse{animation:attention-pulse 2s ease-in-out infinite}\n"] }]
+    }], null, { state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], goalId: [{ type: i0.Input, args: [{ isSignal: true, alias: "goalId", required: false }] }], stateChange: [{ type: i0.Output, args: ["stateChange"] }], onDocumentClick: [{
+            type: HostListener,
+            args: ['document:click', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GoalActionStateSelectorComponent, { className: "GoalActionStateSelectorComponent", filePath: "lib/components/shared/goal-action-state-selector.component.ts", lineNumber: 68 }); })();
 
 const _c0$8 = ["modalContent"];
 const _c1$3 = ["modalWrapper"];
@@ -105035,81 +105245,113 @@ function UnifiedDashboardModalComponent_Conditional_0_Conditional_7_Template(rf,
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r1.backButtonClasses());
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_9_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 33);
+    i0.ɵɵtext(1, "|");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 34);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-400" : "text-slate-500");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.sourceGoalChipLabel());
+} }
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "span", 30);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 32);
-    i0.ɵɵelement(1, "path", 33);
+    i0.ɵɵelementStart(2, "svg", 31);
+    i0.ɵɵelement(3, "path", 32);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4, " SOURCE GOAL ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Conditional_5_Template, 4, 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-emerald-100 text-emerald-700 border-emerald-200" : "bg-emerald-900/30 text-emerald-400 border-emerald-700/50");
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.sourceGoalChipLabel() ? 5 : -1);
+} }
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_10_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(0, "svg", 37);
+    i0.ɵɵelement(1, "path", 38);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("ngClass", ctx_r1.breadcrumbChevronClasses());
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_9_For_2_Template(rf, ctx) { if (rf & 1) {
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_10_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 31);
-    i0.ɵɵlistener("click", function UnifiedDashboardModalComponent_Conditional_0_Conditional_9_For_2_Template_button_click_0_listener() { const item_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToBreadcrumb(item_r5)); });
+    i0.ɵɵelementStart(0, "button", 36);
+    i0.ɵɵlistener("click", function UnifiedDashboardModalComponent_Conditional_0_Conditional_10_For_2_Template_button_click_0_listener() { const item_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToBreadcrumb(item_r5)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, UnifiedDashboardModalComponent_Conditional_0_Conditional_9_For_2_Conditional_2_Template, 2, 1, ":svg:svg", 32);
+    i0.ɵɵconditionalCreate(2, UnifiedDashboardModalComponent_Conditional_0_Conditional_10_For_2_Conditional_2_Template, 2, 1, ":svg:svg", 37);
 } if (rf & 2) {
     const item_r5 = ctx.$implicit;
-    const ɵ$index_26_r6 = ctx.$index;
-    const ɵ$count_26_r7 = ctx.$count;
+    const ɵ$index_43_r6 = ctx.$index;
+    const ɵ$count_43_r7 = ctx.$count;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.breadcrumbButtonClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.getBreadcrumbLabel(item_r5), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ɵ$index_26_r6 === ɵ$count_26_r7 - 1) || ctx_r1.modalType() !== null ? 2 : -1);
+    i0.ɵɵconditional(!(ɵ$index_43_r6 === ɵ$count_43_r7 - 1) || ctx_r1.modalType() !== null ? 2 : -1);
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 30);
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 35);
     i0.ɵɵtext(1, "Objectives");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.breadcrumbCurrentClasses());
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 30);
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 35);
     i0.ɵɵtext(1, "Related Metrics");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.breadcrumbCurrentClasses());
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 30);
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 35);
     i0.ɵɵtext(1, "Strategies");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.breadcrumbCurrentClasses());
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 30);
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 35);
     i0.ɵɵtext(1, "Recommendations");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.breadcrumbCurrentClasses());
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 30);
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 35);
     i0.ɵɵtext(1, "Priority Actions");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.breadcrumbCurrentClasses());
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵrepeaterCreate(1, UnifiedDashboardModalComponent_Conditional_0_Conditional_9_For_2_Template, 3, 3, null, null, i0.ɵɵrepeaterTrackByIndex);
-    i0.ɵɵconditionalCreate(3, UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Conditional_3_Template, 2, 1, "span", 30);
-    i0.ɵɵconditionalCreate(4, UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Conditional_4_Template, 2, 1, "span", 30);
-    i0.ɵɵconditionalCreate(5, UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Conditional_5_Template, 2, 1, "span", 30);
-    i0.ɵɵconditionalCreate(6, UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Conditional_6_Template, 2, 1, "span", 30);
-    i0.ɵɵconditionalCreate(7, UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Conditional_7_Template, 2, 1, "span", 30);
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵrepeaterCreate(1, UnifiedDashboardModalComponent_Conditional_0_Conditional_10_For_2_Template, 3, 3, null, null, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵconditionalCreate(3, UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Conditional_3_Template, 2, 1, "span", 35);
+    i0.ɵɵconditionalCreate(4, UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Conditional_4_Template, 2, 1, "span", 35);
+    i0.ɵɵconditionalCreate(5, UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Conditional_5_Template, 2, 1, "span", 35);
+    i0.ɵɵconditionalCreate(6, UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Conditional_6_Template, 2, 1, "span", 35);
+    i0.ɵɵconditionalCreate(7, UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Conditional_7_Template, 2, 1, "span", 35);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -105126,8 +105368,8 @@ function UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.modalType() === "priority-actions-list" ? 7 : -1);
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "span", 34);
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "span", 39);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -105137,22 +105379,22 @@ function UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Template(rf
     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" ? "Unified Analysis" : "Unified Goal", " ");
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_14_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-priority-badge", 35);
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-priority-badge", 40);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("priority", ctx_r1.currentGoal().priority)("viewMode", ctx_r1.viewMode());
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-timeframe-badge", 36);
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-timeframe-badge", 41);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("timeframe", ctx_r1.currentGoal().timeframe)("viewMode", ctx_r1.viewMode());
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵconditionalCreate(1, UnifiedDashboardModalComponent_Conditional_0_Conditional_14_Conditional_1_Template, 1, 2, "symphiq-priority-badge", 35);
-    i0.ɵɵconditionalCreate(2, UnifiedDashboardModalComponent_Conditional_0_Conditional_14_Conditional_2_Template, 1, 2, "symphiq-timeframe-badge", 36);
+    i0.ɵɵconditionalCreate(1, UnifiedDashboardModalComponent_Conditional_0_Conditional_15_Conditional_1_Template, 1, 2, "symphiq-priority-badge", 40);
+    i0.ɵɵconditionalCreate(2, UnifiedDashboardModalComponent_Conditional_0_Conditional_15_Conditional_2_Template, 1, 2, "symphiq-timeframe-badge", 41);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_4_0;
@@ -105163,55 +105405,55 @@ function UnifiedDashboardModalComponent_Conditional_0_Conditional_14_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵconditional(((tmp_5_0 = ctx_r1.currentGoal()) == null ? null : tmp_5_0.timeframe) ? 2 : -1);
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-unified-goal-detail-modal-content", 37);
-    i0.ɵɵlistener("sourceAnalysisClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_20_Template_symphiq_unified_goal_detail_modal_content_sourceAnalysisClick_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSourceAnalysisClick($event)); })("metricClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_20_Template_symphiq_unified_goal_detail_modal_content_metricClick_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onMetricClick($event)); })("contributingMetricsClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_20_Template_symphiq_unified_goal_detail_modal_content_contributingMetricsClick_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onContributingMetricsClick()); })("showObjectives", function UnifiedDashboardModalComponent_Conditional_0_Conditional_20_Template_symphiq_unified_goal_detail_modal_content_showObjectives_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onShowObjectives()); })("close", function UnifiedDashboardModalComponent_Conditional_0_Conditional_20_Template_symphiq_unified_goal_detail_modal_content_close_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.closeModal()); });
+    i0.ɵɵelementStart(0, "symphiq-unified-goal-detail-modal-content", 42);
+    i0.ɵɵlistener("sourceAnalysisClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_21_Template_symphiq_unified_goal_detail_modal_content_sourceAnalysisClick_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSourceAnalysisClick($event)); })("metricClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_21_Template_symphiq_unified_goal_detail_modal_content_metricClick_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onMetricClick($event)); })("contributingMetricsClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_21_Template_symphiq_unified_goal_detail_modal_content_contributingMetricsClick_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onContributingMetricsClick()); })("showObjectives", function UnifiedDashboardModalComponent_Conditional_0_Conditional_21_Template_symphiq_unified_goal_detail_modal_content_showObjectives_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onShowObjectives()); })("close", function UnifiedDashboardModalComponent_Conditional_0_Conditional_21_Template_symphiq_unified_goal_detail_modal_content_close_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.closeModal()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("goal", ctx_r1.unifiedGoalData().goal)("allMetrics", ctx_r1.unifiedGoalData().allMetrics)("allCharts", ctx_r1.unifiedGoalData().allCharts)("loadedSourceAnalysisIds", ctx_r1.loadedSourceAnalysisIdsAsNumbers())("loadingSourceAnalysisId", ctx_r1.loadingSourceAnalysisIdAsNumber())("viewMode", ctx_r1.viewMode())("currentModalState", ctx_r1.currentModalState());
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content", 21);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("objectives", ctx_r1.objectivesData().goal.objectives ?? i0.ɵɵpureFunction0(3, _c2$2))("goalTitle", ctx_r1.objectivesData().goal.title ?? "")("viewMode", ctx_r1.viewMode());
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-unified-goal-related-metrics-modal-content", 38);
-    i0.ɵɵlistener("metricClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_22_Template_symphiq_unified_goal_related_metrics_modal_content_metricClick_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onRelatedMetricClick($event)); });
+    i0.ɵɵelementStart(0, "symphiq-unified-goal-related-metrics-modal-content", 43);
+    i0.ɵɵlistener("metricClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_23_Template_symphiq_unified_goal_related_metrics_modal_content_metricClick_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onRelatedMetricClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("goal", ctx_r1.relatedMetricsData().goal)("contributingMetrics", ctx_r1.relatedMetricsData().contributingMetrics)("viewMode", ctx_r1.viewMode());
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content", 23);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("objective", ctx_r1.strategiesData().objective)("viewMode", ctx_r1.viewMode());
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_25_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 24);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("strategy", ctx_r1.recommendationsData().strategy)("viewMode", ctx_r1.viewMode())("allMetrics", ctx_r1.allMetricsFromStack())("allCharts", ctx_r1.allChartsFromStack())("allInsights", ctx_r1.allInsightsFromStack())("allBusinessInsights", ctx_r1.allBusinessInsightsFromStack())("goalTitle", ctx_r1.recommendationsData().goalTitle)("objectiveTitle", ctx_r1.recommendationsData().objectiveTitle)("currentModalState", ctx_r1.currentModalState())("expandedRecommendationId", ctx_r1.recommendationsData().expandedRecommendationId);
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-priority-actions-modal-content", 39);
-    i0.ɵɵlistener("goalClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_25_Template_symphiq_priority_actions_modal_content_goalClick_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPriorityActionGoalClick($event)); })("recommendationClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_25_Template_symphiq_priority_actions_modal_content_recommendationClick_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPriorityActionRecommendationClick($event)); });
+    i0.ɵɵelementStart(0, "symphiq-priority-actions-modal-content", 44);
+    i0.ɵɵlistener("goalClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_26_Template_symphiq_priority_actions_modal_content_goalClick_0_listener($event) { i0.ɵɵrestoreView(_r10); 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(_r10); 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);
 } }
-function UnifiedDashboardModalComponent_Conditional_0_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 26)(1, "symphiq-goal-action-state-selector", 40);
-    i0.ɵɵlistener("stateChange", function UnifiedDashboardModalComponent_Conditional_0_Conditional_26_Template_symphiq_goal_action_state_selector_stateChange_1_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onActionStateChange($event)); });
+    i0.ɵɵelementStart(0, "div", 26)(1, "symphiq-goal-action-state-selector", 45);
+    i0.ɵɵlistener("stateChange", function UnifiedDashboardModalComponent_Conditional_0_Conditional_27_Template_symphiq_goal_action_state_selector_stateChange_1_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onActionStateChange($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_7_0;
@@ -105230,31 +105472,32 @@ function UnifiedDashboardModalComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵelementStart(4, "div", 6)(5, "div", 7)(6, "div", 8);
     i0.ɵɵconditionalCreate(7, UnifiedDashboardModalComponent_Conditional_0_Conditional_7_Template, 3, 1, "button", 9);
     i0.ɵɵelementStart(8, "div", 10);
-    i0.ɵɵconditionalCreate(9, UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Template, 8, 5, "div", 11)(10, UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Template, 3, 2, "div", 12);
-    i0.ɵɵelementStart(11, "div", 13)(12, "h3", 14);
-    i0.ɵɵtext(13);
+    i0.ɵɵconditionalCreate(9, UnifiedDashboardModalComponent_Conditional_0_Conditional_9_Template, 6, 2, "div", 11);
+    i0.ɵɵconditionalCreate(10, UnifiedDashboardModalComponent_Conditional_0_Conditional_10_Template, 8, 5, "div", 12)(11, UnifiedDashboardModalComponent_Conditional_0_Conditional_11_Template, 3, 2, "div", 11);
+    i0.ɵɵelementStart(12, "div", 13)(13, "h3", 14);
+    i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(14, UnifiedDashboardModalComponent_Conditional_0_Conditional_14_Template, 3, 2, "div", 15);
+    i0.ɵɵconditionalCreate(15, UnifiedDashboardModalComponent_Conditional_0_Conditional_15_Template, 3, 2, "div", 15);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(15, "button", 16);
-    i0.ɵɵlistener("click", function UnifiedDashboardModalComponent_Conditional_0_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeModal()); });
+    i0.ɵɵelementStart(16, "button", 16);
+    i0.ɵɵlistener("click", function UnifiedDashboardModalComponent_Conditional_0_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeModal()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(16, "svg", 17);
-    i0.ɵɵelement(17, "path", 18);
+    i0.ɵɵelementStart(17, "svg", 17);
+    i0.ɵɵelement(18, "path", 18);
     i0.ɵɵelementEnd()()()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(18, "div", 19, 1);
-    i0.ɵɵconditionalCreate(20, UnifiedDashboardModalComponent_Conditional_0_Conditional_20_Template, 1, 7, "symphiq-unified-goal-detail-modal-content", 20);
-    i0.ɵɵconditionalCreate(21, UnifiedDashboardModalComponent_Conditional_0_Conditional_21_Template, 1, 4, "symphiq-goal-objectives-modal-content", 21);
-    i0.ɵɵconditionalCreate(22, UnifiedDashboardModalComponent_Conditional_0_Conditional_22_Template, 1, 3, "symphiq-unified-goal-related-metrics-modal-content", 22);
-    i0.ɵɵconditionalCreate(23, UnifiedDashboardModalComponent_Conditional_0_Conditional_23_Template, 1, 2, "symphiq-objective-strategies-modal-content", 23);
-    i0.ɵɵconditionalCreate(24, UnifiedDashboardModalComponent_Conditional_0_Conditional_24_Template, 1, 10, "symphiq-strategy-recommendations-modal-content", 24);
-    i0.ɵɵconditionalCreate(25, UnifiedDashboardModalComponent_Conditional_0_Conditional_25_Template, 1, 3, "symphiq-priority-actions-modal-content", 25);
+    i0.ɵɵelementStart(19, "div", 19, 1);
+    i0.ɵɵconditionalCreate(21, UnifiedDashboardModalComponent_Conditional_0_Conditional_21_Template, 1, 7, "symphiq-unified-goal-detail-modal-content", 20);
+    i0.ɵɵconditionalCreate(22, UnifiedDashboardModalComponent_Conditional_0_Conditional_22_Template, 1, 4, "symphiq-goal-objectives-modal-content", 21);
+    i0.ɵɵconditionalCreate(23, UnifiedDashboardModalComponent_Conditional_0_Conditional_23_Template, 1, 3, "symphiq-unified-goal-related-metrics-modal-content", 22);
+    i0.ɵɵconditionalCreate(24, UnifiedDashboardModalComponent_Conditional_0_Conditional_24_Template, 1, 2, "symphiq-objective-strategies-modal-content", 23);
+    i0.ɵɵconditionalCreate(25, UnifiedDashboardModalComponent_Conditional_0_Conditional_25_Template, 1, 10, "symphiq-strategy-recommendations-modal-content", 24);
+    i0.ɵɵconditionalCreate(26, UnifiedDashboardModalComponent_Conditional_0_Conditional_26_Template, 1, 3, "symphiq-priority-actions-modal-content", 25);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(26, UnifiedDashboardModalComponent_Conditional_0_Conditional_26_Template, 2, 4, "div", 26);
+    i0.ɵɵconditionalCreate(27, UnifiedDashboardModalComponent_Conditional_0_Conditional_27_Template, 2, 4, "div", 26);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    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);
@@ -105269,34 +105512,44 @@ function UnifiedDashboardModalComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.navigationStack().length > 0 ? 7 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.navigationStack().length > 0 ? 9 : 10);
+    i0.ɵɵconditional(ctx_r1.isSourceGoalFlow() ? 9 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.navigationStack().length > 0 ? 10 : 11);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-900" : "text-white");
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.modalTitle(), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(((tmp_17_0 = ctx_r1.currentGoal()) == null ? null : tmp_17_0.priority) || ((tmp_17_0 = ctx_r1.currentGoal()) == null ? null : tmp_17_0.timeframe) ? 14 : -1);
+    i0.ɵɵconditional(((tmp_18_0 = ctx_r1.currentGoal()) == null ? null : tmp_18_0.priority) || ((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");
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white/30" : "bg-slate-800/30");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.modalType() === "unified-goal-detail" && ctx_r1.unifiedGoalData() ? 20 : -1);
+    i0.ɵɵconditional(ctx_r1.modalType() === "unified-goal-detail" && ctx_r1.unifiedGoalData() ? 21 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.modalType() === "unified-goal-objectives" && ctx_r1.objectivesData() ? 21 : -1);
+    i0.ɵɵconditional(ctx_r1.modalType() === "unified-goal-objectives" && ctx_r1.objectivesData() ? 22 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.modalType() === "unified-goal-related-metrics" && ctx_r1.relatedMetricsData() ? 22 : -1);
+    i0.ɵɵconditional(ctx_r1.modalType() === "unified-goal-related-metrics" && ctx_r1.relatedMetricsData() ? 23 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.modalType() === "objective-strategies" && ctx_r1.strategiesData() ? 23 : -1);
+    i0.ɵɵconditional(ctx_r1.modalType() === "objective-strategies" && ctx_r1.strategiesData() ? 24 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.modalType() === "strategy-recommendations" && ctx_r1.recommendationsData() ? 24 : -1);
+    i0.ɵɵconditional(ctx_r1.modalType() === "strategy-recommendations" && ctx_r1.recommendationsData() ? 25 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.modalType() === "priority-actions-list" && ctx_r1.priorityActionsData() ? 25 : -1);
+    i0.ɵɵconditional(ctx_r1.modalType() === "priority-actions-list" && ctx_r1.priorityActionsData() ? 26 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.modalType() === "unified-goal-detail" && ctx_r1.currentGoal() ? 26 : -1);
+    i0.ɵɵconditional(ctx_r1.modalType() === "unified-goal-detail" && ctx_r1.currentGoal() ? 27 : -1);
 } }
 class UnifiedDashboardModalComponent {
+    getSourceAnalysisTypeLabel(type) {
+        switch (type) {
+            case ProfileAnalysisTypeEnum.METRIC: return 'Metric Analysis';
+            case ProfileAnalysisTypeEnum.FOCUS_AREA: return 'Focus Area Analysis';
+            case ProfileAnalysisTypeEnum.SHOP: return 'Shop Analysis';
+            default: return 'Analysis';
+        }
+    }
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.loadingSourceAnalysisId = input(...(ngDevMode ? [undefined, { debugName: "loadingSourceAnalysisId" }] : []));
@@ -105313,6 +105566,7 @@ class UnifiedDashboardModalComponent {
         this.modalReady = signal(false, ...(ngDevMode ? [{ debugName: "modalReady" }] : []));
         this.isFreshOpen = signal(true, ...(ngDevMode ? [{ debugName: "isFreshOpen" }] : []));
         this.modalMovedToBody = false;
+        this.initialGoalActionState = signal(null, ...(ngDevMode ? [{ debugName: "initialGoalActionState" }] : []));
         this.modalTitle = signal('', ...(ngDevMode ? [{ debugName: "modalTitle" }] : []));
         this.modalType = signal(null, ...(ngDevMode ? [{ debugName: "modalType" }] : []));
         this.modalData = signal(null, ...(ngDevMode ? [{ debugName: "modalData" }] : []));
@@ -105454,22 +105708,54 @@ class UnifiedDashboardModalComponent {
         }, ...(ngDevMode ? [{ debugName: "allInsightsFromStack" }] : []));
         this.allBusinessInsightsFromStack = computed(() => {
             const goalData = this.unifiedGoalData();
-            if (goalData?.allBusinessInsights)
+            if (goalData?.allBusinessInsights) {
                 return goalData.allBusinessInsights;
+            }
             const objData = this.objectivesData();
-            if (objData?.allBusinessInsights)
+            if (objData?.allBusinessInsights) {
                 return objData.allBusinessInsights;
+            }
             const stack = this.navigationStack();
             for (let i = stack.length - 1; i >= 0; i--) {
                 const state = stack[i];
                 if (state.type === 'unified-goal-detail' || state.type === 'unified-goal-objectives') {
                     const data = state.data;
-                    if (data?.allBusinessInsights)
+                    if (data?.allBusinessInsights) {
                         return data.allBusinessInsights;
+                    }
                 }
             }
             return [];
         }, ...(ngDevMode ? [{ debugName: "allBusinessInsightsFromStack" }] : []));
+        this.sourceGoalContext = computed(() => {
+            const rawStack = this.currentModalState()?.navigationStack || [];
+            for (let i = rawStack.length - 1; i >= 0; i--) {
+                const state = rawStack[i];
+                if (state.type === 'goal-detail' || state.type === 'goal-objectives') {
+                    const data = state.data;
+                    if (data?.sourceAnalysisType) {
+                        return { sourceAnalysisType: data.sourceAnalysisType, sourceTypeTitle: data.sourceTypeTitle };
+                    }
+                }
+            }
+            const strategiesData = this.strategiesData();
+            if (strategiesData?.sourceAnalysisType) {
+                return { sourceAnalysisType: strategiesData.sourceAnalysisType, sourceTypeTitle: strategiesData.sourceTypeTitle };
+            }
+            const recommendationsData = this.recommendationsData();
+            if (recommendationsData?.sourceAnalysisType) {
+                return { sourceAnalysisType: recommendationsData.sourceAnalysisType, sourceTypeTitle: recommendationsData.sourceTypeTitle };
+            }
+            return null;
+        }, ...(ngDevMode ? [{ debugName: "sourceGoalContext" }] : []));
+        this.isSourceGoalFlow = computed(() => this.sourceGoalContext() !== null, ...(ngDevMode ? [{ debugName: "isSourceGoalFlow" }] : []));
+        this.sourceGoalChipLabel = computed(() => {
+            const context = this.sourceGoalContext();
+            if (!context)
+                return null;
+            const typeLabel = this.getSourceAnalysisTypeLabel(context.sourceAnalysisType);
+            return context.sourceTypeTitle ? `${typeLabel}: ${context.sourceTypeTitle}` : typeLabel;
+        }, ...(ngDevMode ? [{ debugName: "sourceGoalChipLabel" }] : []));
         this.loadedSourceAnalysisIdsAsNumbers = computed(() => {
             return this.loadedSourceAnalysisIds();
         }, ...(ngDevMode ? [{ debugName: "loadedSourceAnalysisIdsAsNumbers" }] : []));
@@ -105519,7 +105805,7 @@ class UnifiedDashboardModalComponent {
             }
             const unifiedModalTypes = ['unified-goal-detail', 'unified-goal-objectives', 'unified-goal-related-metrics', 'objective-strategies', 'strategy-recommendations', 'priority-actions-list'];
             const isUnifiedType = unifiedModalTypes.includes(state.type || '');
-            const stackableTypes = ['metrics-list', 'metric', 'insight', 'insights-list', 'goal-insights-list', 'goal-business-insights-list', 'recommendation-business-insights-list', 'recommendation-insights-list', 'business-insight-detail'];
+            const stackableTypes = ['metrics-list', 'metric', 'insight', 'insights-list', 'goal-insights-list', 'goal-business-insights-list', 'recommendation-business-insights-list', 'recommendation-insights-list', 'business-insight-detail', 'goal-detail', 'goal-objectives'];
             const isStackableType = stackableTypes.includes(state.type || '');
             if (!isUnifiedType && state.type !== null && !isStackableType) {
                 if (this.isOpen()) {
@@ -105548,6 +105834,9 @@ class UnifiedDashboardModalComponent {
                 this.modalTitle.set(data.goal.title || 'Unified Goal');
                 this.isFreshOpen.set(!wasAlreadyOpen);
                 this.isOpen.set(true);
+                if (!wasAlreadyOpen && data.goal?.id) {
+                    this.initialGoalActionState.set(this.goalActionStateService.getState(data.goal.id));
+                }
                 this.scrollContentToTop();
             }
             else if (state.type === 'unified-goal-objectives' && state.data) {
@@ -105630,7 +105919,7 @@ class UnifiedDashboardModalComponent {
         const data = this.unifiedGoalData();
         if (!data)
             return;
-        this.modalService.navigateToUnifiedGoalObjectives(data.goal, data.allMetrics, data.allCharts, this.viewMode());
+        this.modalService.navigateToUnifiedGoalObjectives(data.goal, data.allMetrics, data.allCharts, this.viewMode(), data.allInsights, data.allBusinessInsights);
     }
     onRelatedMetricClick(metric) {
         const data = this.relatedMetricsData();
@@ -105750,7 +106039,11 @@ class UnifiedDashboardModalComponent {
     }
     onActionStateChange(event) {
         if (event.goalId) {
+            const wasInitiallyUndefined = this.initialGoalActionState() === undefined;
             this.goalActionStateService.setState(event.goalId, event.state);
+            if (wasInitiallyUndefined) {
+                this.closeModal();
+            }
         }
     }
     closeModal() {
@@ -105787,8 +106080,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"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"], loadedSourceAnalysisIds: [1, "loadedSourceAnalysisIds"] }, 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", "gap-4"], [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, "flex", "flex-wrap", "items-center", "justify-between", "gap-x-4", "gap-y-2"], [1, "text-xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "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", "allBusinessInsights", "goalTitle", "objectiveTitle", "currentModalState", "expandedRecommendationId"], [3, "items", "viewMode", "selectedIndex"], [1, "px-6", "py-5", "border-t", "backdrop-blur-sm", 3, "ngClass"], ["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, "priority", "viewMode"], [3, "timeframe", "viewMode"], [3, "sourceAnalysisClick", "metricClick", "contributingMetricsClick", "showObjectives", "close", "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "metricClick", "goal", "contributingMetrics", "viewMode"], [3, "goalClick", "recommendationClick", "items", "viewMode", "selectedIndex"], [3, "stateChange", "state", "viewMode", "goalId"]], template: function UnifiedDashboardModalComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, UnifiedDashboardModalComponent_Conditional_0_Template, 27, 32, "div", 2);
+        } }, inputs: { viewMode: [1, "viewMode"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"], loadedSourceAnalysisIds: [1, "loadedSourceAnalysisIds"] }, 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", "gap-4"], [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-2", "mb-2"], [1, "flex", "items-center", "gap-1.5", "mb-2", "text-xs"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-x-4", "gap-y-2"], [1, "text-xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "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", "allBusinessInsights", "goalTitle", "objectiveTitle", "currentModalState", "expandedRecommendationId"], [3, "items", "viewMode", "selectedIndex"], [1, "px-6", "py-5", "border-t", "backdrop-blur-sm", 3, "ngClass"], ["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, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 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", "M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "text-xs", 3, "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], [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, "priority", "viewMode"], [3, "timeframe", "viewMode"], [3, "sourceAnalysisClick", "metricClick", "contributingMetricsClick", "showObjectives", "close", "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "metricClick", "goal", "contributingMetrics", "viewMode"], [3, "goalClick", "recommendationClick", "items", "viewMode", "selectedIndex"], [3, "stateChange", "state", "viewMode", "goalId"]], template: function UnifiedDashboardModalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, UnifiedDashboardModalComponent_Conditional_0_Template, 28, 33, "div", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, UnifiedGoalDetailModalContentComponent,
@@ -105877,6 +106170,20 @@ class UnifiedDashboardModalComponent {
                   </button>
                 }
                 <div class="flex-1 min-w-0">
+                @if (isSourceGoalFlow()) {
+                  <div class="flex items-center gap-2 mb-2">
+                    <span [ngClass]="isLightMode() ? 'bg-emerald-100 text-emerald-700 border-emerald-200' : 'bg-emerald-900/30 text-emerald-400 border-emerald-700/50'" class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold border">
+                      <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"/>
+                      </svg>
+                      SOURCE GOAL
+                    </span>
+                    @if (sourceGoalChipLabel()) {
+                      <span [ngClass]="isLightMode() ? 'text-slate-400' : 'text-slate-500'" class="text-xs">|</span>
+                      <span [ngClass]="isLightMode() ? 'text-slate-600' : 'text-slate-400'" class="text-xs font-medium">{{ sourceGoalChipLabel() }}</span>
+                    }
+                  </div>
+                }
                 @if (navigationStack().length > 0) {
                   <div class="flex items-center gap-1.5 mb-2 text-xs">
                     @for (item of navigationStack(); track $index; let last = $last) {
@@ -106033,7 +106340,7 @@ class UnifiedDashboardModalComponent {
             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: 254 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedDashboardModalComponent, { className: "UnifiedDashboardModalComponent", filePath: "lib/components/profile-analysis-unified-dashboard/modals/unified-dashboard-modal.component.ts", lineNumber: 271 }); })();
 
 function UnifiedWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Your Unified Goals ");
@@ -106603,7 +106910,7 @@ class UnifiedGoalsProgressFooterComponent {
         this.integrateGoals.emit(this.goalActionStateService.getOutput(this.goalIds()));
     }
     static { this.ɵfac = function UnifiedGoalsProgressFooterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedGoalsProgressFooterComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalsProgressFooterComponent, selectors: [["symphiq-unified-goals-progress-footer"]], inputs: { goalIds: [1, "goalIds"], viewMode: [1, "viewMode"] }, outputs: { integrateGoals: "integrateGoals" }, decls: 15, vars: 11, consts: [[1, "fixed", "bottom-0", "left-0", "right-0", "z-40", "border-t", "backdrop-blur-xl", "transition-all", "duration-300", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "flex-col", "sm:flex-row", "items-center", "justify-between", "gap-4"], [1, "flex-1", "w-full", "sm:w-auto"], [1, "flex", "items-center", "justify-between", "mb-2"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-500", "ease-out", 3, "ngClass"], [1, "flex", "items-center", "gap-4", "mt-2"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-6", "py-3", "rounded-xl", "font-semibold", "text-sm", "transition-all", "duration-200", "shadow-lg", "hover:shadow-xl", "hover:scale-105", "active:scale-95", "cursor-pointer", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5"], [1, "w-2", "h-2", "rounded-full", "bg-emerald-500"], [1, "text-xs", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-amber-500"], [1, "w-2", "h-2", "rounded-full", "bg-slate-400"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-6", "py-3", "rounded-xl", "font-semibold", "text-sm", "transition-all", "duration-200", "shadow-lg", "hover:shadow-xl", "hover:scale-105", "active:scale-95", "cursor-pointer", 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", "M13 10V3L4 14h7v7l9-11h-7z"]], template: function UnifiedGoalsProgressFooterComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalsProgressFooterComponent, selectors: [["symphiq-unified-goals-progress-footer"]], inputs: { goalIds: [1, "goalIds"], viewMode: [1, "viewMode"] }, outputs: { integrateGoals: "integrateGoals" }, decls: 15, vars: 11, consts: [[1, "fixed", "bottom-0", "left-0", "right-0", "z-100", "border-t", "backdrop-blur-xl", "transition-all", "duration-300", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "flex-col", "sm:flex-row", "items-center", "justify-between", "gap-4"], [1, "flex-1", "w-full", "sm:w-auto"], [1, "flex", "items-center", "justify-between", "mb-2"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-500", "ease-out", 3, "ngClass"], [1, "flex", "items-center", "gap-4", "mt-2"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-6", "py-3", "rounded-xl", "font-semibold", "text-sm", "transition-all", "duration-200", "shadow-lg", "hover:shadow-xl", "hover:scale-105", "active:scale-95", "cursor-pointer", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5"], [1, "w-2", "h-2", "rounded-full", "bg-emerald-500"], [1, "text-xs", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-amber-500"], [1, "w-2", "h-2", "rounded-full", "bg-slate-400"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-6", "py-3", "rounded-xl", "font-semibold", "text-sm", "transition-all", "duration-200", "shadow-lg", "hover:shadow-xl", "hover:scale-105", "active:scale-95", "cursor-pointer", 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", "M13 10V3L4 14h7v7l9-11h-7z"]], template: function UnifiedGoalsProgressFooterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "span", 5);
             i0.ɵɵtext(6, " Goals Reviewed ");
             i0.ɵɵelementEnd();
@@ -106645,7 +106952,7 @@ class UnifiedGoalsProgressFooterComponent {
                 imports: [CommonModule],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
-    <div [ngClass]="containerClasses()" class="fixed bottom-0 left-0 right-0 z-40 border-t backdrop-blur-xl transition-all duration-300">
+    <div [ngClass]="containerClasses()" class="fixed bottom-0 left-0 right-0 z-100 border-t backdrop-blur-xl transition-all duration-300">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div class="flex flex-col sm:flex-row items-center justify-between gap-4">
           <div class="flex-1 w-full sm:w-auto">
@@ -107323,7 +107630,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         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, this.allInsights());
+            this.modalService.openUnifiedGoalModal(goal, this.allMetrics(), this.allCharts(), this.loadedSourceAnalysisIds().map(String), this.viewMode(), this.loadingSourceAnalysisId() !== undefined ? String(this.loadingSourceAnalysisId()) : undefined, currentState, this.allInsights(), this.allBusinessInsights());
         }
     }
     onPriorityActionRecommendationClick(recommendationId) {
@@ -115627,5 +115934,5 @@ var pieChart_component = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DashboardHeaderComponent, DataLoaderService, DisplayModeEnum, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaStatusCardComponent, FocusAreaToolsModalComponent, FunnelOrderService, GoalActionStateEnum, GoalActionStateService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopProfileCategoryListComponent, ShopProfileQuestionAnswerComponent, ShopProfileQuestionCardComponent, ShopProfileQuestionsModalComponent, ShopProfileStatusCardComponent, ShopProfileStickyFooterComponent, ShopProfileViewToggleComponent, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, StickySubscriptionContinueButtonComponent, SubscriptionValuePropositionCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisFocusAreaDashboardComponent, SymphiqProfileAnalysisMetricDashboardComponent, SymphiqProfileAnalysisUnifiedDashboardComponent, SymphiqProfileFocusAreaDashboardComponent, SymphiqProfileFocusAreasAnalysesDashboardComponent, SymphiqProfileMetricDashboardComponent, SymphiqProfileMetricsAnalysesDashboardComponent, SymphiqProfileShopAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, UserAvatarComponent, UserDisplayComponent, ViewModeService, ViewModeSwitcherModalComponent, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
+export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DashboardHeaderComponent, DataLoaderService, DisplayModeEnum, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaStatusCardComponent, FocusAreaToolsModalComponent, FunnelOrderService, GoalActionStateEnum, GoalActionStateService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ReviewButtonComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopProfileCategoryListComponent, ShopProfileQuestionAnswerComponent, ShopProfileQuestionCardComponent, ShopProfileQuestionsModalComponent, ShopProfileStatusCardComponent, ShopProfileStickyFooterComponent, ShopProfileViewToggleComponent, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, StickySubscriptionContinueButtonComponent, SubscriptionValuePropositionCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisFocusAreaDashboardComponent, SymphiqProfileAnalysisMetricDashboardComponent, SymphiqProfileAnalysisUnifiedDashboardComponent, SymphiqProfileFocusAreaDashboardComponent, SymphiqProfileFocusAreasAnalysesDashboardComponent, SymphiqProfileMetricDashboardComponent, SymphiqProfileMetricsAnalysesDashboardComponent, SymphiqProfileShopAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, UserAvatarComponent, UserDisplayComponent, ViewModeService, ViewModeSwitcherModalComponent, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
 //# sourceMappingURL=symphiq-components.mjs.map