@eric-emg/symphiq-components 1.3.79 → 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) {
@@ -44827,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', 'insight', '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
@@ -45187,6 +45187,26 @@ class ProfileAnalysisModalComponent {
                 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(() => {
@@ -104978,196 +104998,237 @@ function GoalActionStateSelectorComponent_Conditional_2_Template(rf, ctx) { if (
     i0.ɵɵelementStart(0, "svg", 2);
     i0.ɵɵelement(1, "path", 7)(2, "path", 8);
     i0.ɵɵelementEnd();
+} }
+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.promptIconClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.dotClasses());
 } }
-function GoalActionStateSelectorComponent_For_7_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function GoalActionStateSelectorComponent_Conditional_7_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 11);
-    i0.ɵɵelement(1, "path", 12);
+    i0.ɵɵelementStart(0, "svg", 13);
+    i0.ɵɵelement(1, "path", 14);
     i0.ɵɵelementEnd();
 } }
-function GoalActionStateSelectorComponent_For_7_Template(rf, ctx) { if (rf & 1) {
+function GoalActionStateSelectorComponent_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 9);
-    i0.ɵɵlistener("click", function GoalActionStateSelectorComponent_For_7_Template_button_click_0_listener() { const option_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.selectState(option_r3.value)); });
-    i0.ɵɵelement(1, "span", 10);
-    i0.ɵɵelementStart(2, "span");
+    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_7_Conditional_4_Template, 2, 0, ":svg:svg", 11);
+    i0.ɵɵconditionalCreate(4, GoalActionStateSelectorComponent_Conditional_7_For_2_Conditional_4_Template, 2, 0, ":svg:svg", 13);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const option_r3 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.getButtonClasses(option_r3.value));
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.getOptionClasses(option_r3.value));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.getDotClasses(option_r3.value));
+    i0.ɵɵproperty("ngClass", ctx_r0.getOptionDotClasses(option_r3.value));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(option_r3.label);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.state() === option_r3.value ? 4 : -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_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.dropdownClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.options);
+} }
 class GoalActionStateSelectorComponent {
     constructor() {
         this.state = input(...(ngDevMode ? [undefined, { debugName: "state" }] : []));
         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.containerClasses = computed(() => {
-            if (!this.state()) {
-                return this.isDark()
-                    ? 'bg-gradient-to-r from-blue-900/30 via-cyan-900/30 to-teal-900/30 border-2 border-blue-500/50 animate-attention-pulse'
-                    : 'bg-gradient-to-r from-blue-50 via-cyan-50 to-teal-50 border-2 border-blue-400/50 animate-attention-pulse';
-            }
-            return this.isDark() ? 'bg-slate-800/30' : 'bg-slate-50/50';
-        }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
-        this.promptIconClasses = computed(() => {
-            return this.isDark() ? 'text-blue-400 animate-pulse' : 'text-blue-600 animate-pulse';
-        }, ...(ngDevMode ? [{ debugName: "promptIconClasses" }] : []));
-        this.labelClasses = computed(() => {
-            if (!this.state()) {
-                return this.isDark() ? 'text-blue-300 font-bold' : 'text-blue-700 font-bold';
-            }
-            return this.isDark() ? 'text-slate-400' : 'text-slate-500';
-        }, ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
-        this.hintClasses = computed(() => {
-            if (!this.state()) {
-                return this.isDark() ? 'text-slate-400' : 'text-slate-500';
+        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';
             }
-            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) {
+        }, ...(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 'Select how you want to handle this goal to continue your review.';
+                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: 10, vars: 6, consts: [[1, "flex", "flex-col", "gap-3", "p-4", "rounded-xl", "transition-all", "duration-300", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:flex-wrap", "gap-2", "sm:gap-3"], ["type", "button", 1, "flex", "items-center", "justify-center", "sm:justify-start", "gap-2", "px-4", "py-2.5", "rounded-xl", "font-medium", "text-sm", "transition-all", "duration-200", "border", "cursor-pointer", "w-full", "sm:w-auto", 3, "ngClass"], [1, "text-xs", 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, "flex", "items-center", "justify-center", "sm:justify-start", "gap-2", "px-4", "py-2.5", "rounded-xl", "font-medium", "text-sm", "transition-all", "duration-200", "border", "cursor-pointer", "w-full", "sm:w-auto", 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.ɵɵconditionalCreate(2, GoalActionStateSelectorComponent_Conditional_2_Template, 3, 1, ":svg:svg", 2);
-            i0.ɵɵelementStart(3, "div", 3);
+    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.ɵɵelementStart(5, "div", 4);
-            i0.ɵɵrepeaterCreate(6, GoalActionStateSelectorComponent_For_7_Template, 5, 4, "button", 5, _forTrack0$6);
+            i0.ɵɵconditionalCreate(7, GoalActionStateSelectorComponent_Conditional_7_Template, 3, 1, "div", 6);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "div", 6);
-            i0.ɵɵtext(9);
-            i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", ctx.containerClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(!ctx.state() ? 2 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.labelClasses());
+            i0.ɵɵclassProp("animate-attention-pulse", !ctx.state());
+            i0.ɵɵproperty("ngClass", ctx.chipClasses());
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", !ctx.state() ? "Choose an action for this goal" : "What would you like to do with this goal?", " ");
+            i0.ɵɵconditional(!ctx.state() ? 2 : 3);
             i0.ɵɵadvance(2);
-            i0.ɵɵrepeater(ctx.options);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.hintClasses());
+            i0.ɵɵtextInterpolate1(" ", ctx.label(), " ");
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", ctx.getHintText(), " ");
-        } }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_attention-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 6px #3b82f600}}.animate-attention-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_attention-pulse 2s ease-in-out infinite}"], changeDetection: 0 }); }
+            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 [ngClass]="containerClasses()" class="flex flex-col gap-3 p-4 rounded-xl transition-all duration-300">
-      <div class="flex items-center gap-2">
+    <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 [ngClass]="promptIconClasses()" class="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <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 [ngClass]="labelClasses()" class="text-xs font-semibold uppercase tracking-wider">
-          {{ !state() ? 'Choose an action for this goal' : 'What would you like to do with this goal?' }}
+        {{ 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>
-      <div class="flex flex-col sm:flex-row sm:flex-wrap gap-2 sm:gap-3">
-        @for (option of options; track option.value) {
-          <button
-            type="button"
-            (click)="selectState(option.value)"
-            [ngClass]="getButtonClasses(option.value)"
-            class="flex items-center justify-center sm:justify-start gap-2 px-4 py-2.5 rounded-xl font-medium text-sm transition-all duration-200 border cursor-pointer w-full sm:w-auto">
-            <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>
-        }
-      </div>
-      <div [ngClass]="hintClasses()" class="text-xs">
-        {{ getHintText() }}
-      </div>
+      }
     </div>
-  `, styles: ["@keyframes attention-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 6px #3b82f600}}.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"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GoalActionStateSelectorComponent, { className: "GoalActionStateSelectorComponent", filePath: "lib/components/shared/goal-action-state-selector.component.ts", lineNumber: 60 }); })();
+  `, 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"];
@@ -105184,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);
@@ -105275,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) {
@@ -105286,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;
@@ -105312,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;
@@ -105379,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);
@@ -105418,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" }] : []));
@@ -105604,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" }] : []));
@@ -105669,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()) {
@@ -105944,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,
@@ -106034,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) {
@@ -106190,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 ");
@@ -106760,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-50", "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();
@@ -106802,7 +106952,7 @@ class UnifiedGoalsProgressFooterComponent {
                 imports: [CommonModule],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
-    <div [ngClass]="containerClasses()" class="fixed bottom-0 left-0 right-0 z-50 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">