@eric-emg/symphiq-components 1.3.56 → 1.3.58

package/fesm2022/symphiq-components.mjs

@@ -295,6 +295,19 @@ class ModalService {
     openRecommendationMetricsListModal(metrics, charts, recommendationContext, directlyAffectedMetricId, indirectlyAffectedMetricIds, previousState, hierarchyContext) {
         const navigationStack = previousState ? [...(previousState.navigationStack || []), previousState] : [];
         const openedFromMainBody = !previousState;
+        let depthFromPrevState = 0;
+        let walkState = previousState;
+        while (walkState) {
+            depthFromPrevState++;
+            walkState = walkState.previousState ?? undefined;
+        }
+        console.log('[ModalService] openRecommendationMetricsListModal:', {
+            previousStateExists: !!previousState,
+            previousStateType: previousState?.type,
+            depthFromPrevState,
+            navigationStackLength: navigationStack.length,
+            openedFromMainBody
+        });
         this.modalState.next({
             type: 'metrics-list',
             data: {
@@ -9014,7 +9027,7 @@ class MetricCardComponent {
         }
     }
     static { this.ɵfac = function MetricCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MetricCardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricCardComponent, selectors: [["symphiq-funnel-analysis-metric-card"]], inputs: { metric: [1, "metric"], insights: [1, "insights"], charts: [1, "charts"], allCharts: [1, "allCharts"], analysis: [1, "analysis"], isLightMode: [1, "isLightMode"], isLoading: [1, "isLoading"], isCompactMode: [1, "isCompactMode"], isInModal: [1, "isInModal"], currentModalState: [1, "currentModalState"], viewMode: [1, "viewMode"], initialExpandedSection: [1, "initialExpandedSection"], currencySymbol: [1, "currencySymbol"] }, decls: 2, vars: 1, consts: [[1, "relative", "overflow-hidden", 3, "class"], [1, "relative", "overflow-hidden", "transition-all", "duration-300", "hover:shadow-2xl", "hover:-translate-y-1", 3, "class", "opacity-0", "opacity-100"], [1, "relative", "overflow-hidden"], [1, "space-y-4"], [1, "flex", "items-start", "justify-between", "mb-5"], [1, "flex-1", "space-y-3"], [3, "width", "height", "isLightMode"], [1, "space-y-2"], [1, "flex", "justify-between"], [1, "relative", "overflow-hidden", "transition-all", "duration-300", "hover:shadow-2xl", "hover:-translate-y-1"], [1, "absolute", "inset-0", "pointer-events-none"], [1, "absolute", "inset-0", "opacity-[0.03]", "pointer-events-none", "overflow-hidden"], [1, "h-full", "flex", "items-end", "justify-end", "gap-1", "p-4"], [1, "w-2", "rounded-t", 3, "height", "ngClass"], [1, "flex-1"], [1, "flex", "items-center", "gap-2", "mb-1.5", "flex-wrap"], [1, "text-sm", "font-medium", "transition-colors", "duration-300", "!mb-0", 3, "ngClass"], ["tooltipType", "badge", 1, "px-2", "py-0.5", "text-xs", "font-semibold", "rounded", "border", "transition-all", "duration-300", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "competitive", 1, "px-2", "py-0.5", "text-[10px]", "font-bold", "rounded-full", "border", "transition-all", "duration-300", "flex", "items-center", "gap-1", 3, "class", "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "items-baseline", "gap-2", "relative"], ["tooltipType", "metric", 1, "text-4xl", "font-bold", "transition-all", "duration-300", "group-hover:scale-105", "animate-value-glow", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "trend", 1, "text-sm", "font-semibold", "flex", "items-center", "gap-1", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], [1, "mt-3", "flex", "items-center", "gap-2"], [1, "mt-2", "flex", "items-center", "gap-2"], ["tooltipType", "status", 3, "ngStyle", "libSymphiqTooltip", "tooltipPosition"], [1, "text-sm"], ["tooltipType", "status", 1, "space-y-2", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "justify-between", "items-center", "text-sm"], [3, "ngClass"], [1, "font-medium", 3, "ngClass"], [1, "w-full", "rounded-full", "h-2.5", "overflow-visible", "relative", "group-hover:h-3", "transition-all", "duration-300", 3, "ngClass"], [1, "absolute", "inset-0", "flex", "justify-between", "items-center", "px-0.5"], [1, "absolute", "w-0.5", "h-3", "-translate-x-1/2", "opacity-40", "z-10", 3, "left", "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-500", "group-hover:shadow-lg", "animate-progress-bar", 3, "ngClass"], [1, "flex", "justify-between", "items-center", "text-xs"], ["tooltipType", "priority", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "mt-4"], [1, "absolute", "-top-20", "-right-20", "w-64", "h-64", "rounded-full", "blur-2xl", 3, "ngClass"], [1, "w-2", "rounded-t", 3, "ngClass"], ["tooltipType", "competitive", 1, "px-2", "py-0.5", "text-[10px]", "font-bold", "rounded-full", "border", "transition-all", "duration-300", "flex", "items-center", "gap-1", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill-rule", "evenodd", "d", "M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "text-xs", 3, "ngClass"], ["tooltipType", "trend", 1, "text-xs", "font-semibold", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "status", 1, "text-xs", "font-semibold", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "text-xs", "flex", "items-center", "gap-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "text-xs", "font-semibold"], [1, "absolute", "w-0.5", "h-3", "-translate-x-1/2", "opacity-40", "z-10", 3, "ngClass"], [1, "mt-4", "text-sm", "leading-relaxed", "flex-grow", 3, "ngClass"], [1, "w-full", "flex", "items-center", "justify-between", "px-4", "py-3", "rounded-lg", "border", "transition-all", "duration-200", "hover:shadow-md", "hover:scale-[1.02]", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "opacity-60"], [1, "text-sm", "font-medium"], [1, "px-2", "py-0.5", "text-[10px]", "font-bold", "rounded-full", "border"], ["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, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", 2, "min-height", "0"], [1, "pt-3"], [1, "p-4", "rounded-lg", "border", "space-y-3", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-3"], [1, "text-xs", "block", "mb-1", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-2", "flex", "items-center", "gap-2", 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", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "w-full", "flex", "items-center", "justify-between", "px-4", "py-3", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "hover:scale-[1.02]", "hover:shadow-md", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-4"], [1, "flex", "items-center", "gap-1"], [1, "flex", "items-center", "gap-1.5", "relative"], [1, "pt-4", "space-y-4"], [1, "w-full", "flex", "items-center", "justify-between", "gap-2", "p-3", "rounded-lg", "border", "transition-all", "cursor-pointer", "hover:shadow-md", "active:scale-[0.99]", 3, "ngClass"], [1, "w-full", "p-3", "rounded-lg", "border", "transition-all", "duration-200", "hover:shadow-md", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "flex", "items-center", "justify-center", "w-4", "h-4", "text-[9px]", "font-bold", "rounded-full", "border", "-translate-y-0.5", 3, "ngClass"], [1, "w-full", "flex", "items-center", "justify-between", "gap-2", "p-3", "rounded-lg", "border", "transition-all", "cursor-pointer", "hover:shadow-md", "active:scale-[0.99]", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", 3, "ngClass"], [1, "space-y-2", "text-xs"], [1, "flex", "justify-between", "items-center"], [1, "font-semibold"], [1, "mt-6"], [1, "mt-6", "flex-shrink-0"], [3, "chart", "isLightMode", "isCompactMode", "collapsibleIn", "currencySymbol"], [3, "chartClick", "chart", "isLightMode", "isCompactMode", "collapsibleIn", "currencySymbol"], [1, "flex", "items-center", "gap-2", "mb-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "text-blue-400"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], ["tooltipType", "insight", 1, "w-full", "text-left", "flex", "items-center", "gap-2", "p-3", "rounded-lg", "border", "cursor-default", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "insight", 1, "w-full", "text-left", "flex", "items-center", "gap-2", "p-3", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "inline-flex", "items-center", "justify-center", "w-6", "h-6", "rounded-full", "text-xs", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "flex-1", 3, "ngClass"], ["tooltipType", "insight", 1, "w-full", "text-left", "flex", "items-center", "gap-2", "p-3", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "click", "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "text-sm", "transition-colors", "flex-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "group-hover:text-blue-400", "transition-colors", 3, "ngClass"]], template: function MetricCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricCardComponent, selectors: [["symphiq-funnel-analysis-metric-card"]], inputs: { metric: [1, "metric"], insights: [1, "insights"], charts: [1, "charts"], allCharts: [1, "allCharts"], analysis: [1, "analysis"], isLightMode: [1, "isLightMode"], isLoading: [1, "isLoading"], isCompactMode: [1, "isCompactMode"], isInModal: [1, "isInModal"], currentModalState: [1, "currentModalState"], viewMode: [1, "viewMode"], initialExpandedSection: [1, "initialExpandedSection"], currencySymbol: [1, "currencySymbol"] }, decls: 2, vars: 1, consts: [[1, "relative", "overflow-hidden", 3, "class"], [1, "relative", "overflow-hidden", "transition-all", "duration-300", "hover:shadow-2xl", "hover:-translate-y-1", 3, "class", "opacity-0", "opacity-100"], [1, "relative", "overflow-hidden"], [1, "space-y-4"], [1, "flex", "items-start", "justify-between", "mb-5"], [1, "flex-1", "space-y-3"], [3, "width", "height", "isLightMode"], [1, "space-y-2"], [1, "flex", "justify-between"], [1, "relative", "overflow-hidden", "transition-all", "duration-300", "hover:shadow-2xl", "hover:-translate-y-1"], [1, "absolute", "inset-0", "pointer-events-none"], [1, "absolute", "inset-0", "opacity-[0.03]", "pointer-events-none", "overflow-hidden"], [1, "h-full", "flex", "items-end", "justify-end", "gap-1", "p-4"], [1, "w-2", "rounded-t", 3, "height", "ngClass"], [1, "flex-1"], [1, "flex", "items-center", "gap-2", "mb-1.5", "flex-wrap"], [1, "text-sm", "font-medium", "transition-colors", "duration-300", "mb-0!", 3, "ngClass"], ["tooltipType", "badge", 1, "px-2", "py-0.5", "text-xs", "font-semibold", "rounded", "border", "transition-all", "duration-300", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "competitive", 1, "px-2", "py-0.5", "text-[10px]", "font-bold", "rounded-full", "border", "transition-all", "duration-300", "flex", "items-center", "gap-1", 3, "class", "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "items-baseline", "gap-2", "relative"], ["tooltipType", "metric", 1, "text-4xl", "font-bold", "transition-all", "duration-300", "group-hover:scale-105", "animate-value-glow", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "trend", 1, "text-sm", "font-semibold", "flex", "items-center", "gap-1", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], [1, "mt-3", "flex", "items-center", "gap-2"], [1, "mt-2", "flex", "items-center", "gap-2"], ["tooltipType", "status", 3, "ngStyle", "libSymphiqTooltip", "tooltipPosition"], [1, "text-sm"], ["tooltipType", "status", 1, "space-y-2", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "justify-between", "items-center", "text-sm"], [3, "ngClass"], [1, "font-medium", 3, "ngClass"], [1, "w-full", "rounded-full", "h-2.5", "overflow-visible", "relative", "group-hover:h-3", "transition-all", "duration-300", 3, "ngClass"], [1, "absolute", "inset-0", "flex", "justify-between", "items-center", "px-0.5"], [1, "absolute", "w-0.5", "h-3", "-translate-x-1/2", "opacity-40", "z-10", 3, "left", "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-500", "group-hover:shadow-lg", "animate-progress-bar", 3, "ngClass"], [1, "flex", "justify-between", "items-center", "text-xs"], ["tooltipType", "priority", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "mt-4"], [1, "absolute", "-top-20", "-right-20", "w-64", "h-64", "rounded-full", "blur-2xl", 3, "ngClass"], [1, "w-2", "rounded-t", 3, "ngClass"], ["tooltipType", "competitive", 1, "px-2", "py-0.5", "text-[10px]", "font-bold", "rounded-full", "border", "transition-all", "duration-300", "flex", "items-center", "gap-1", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill-rule", "evenodd", "d", "M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "text-xs", 3, "ngClass"], ["tooltipType", "trend", 1, "text-xs", "font-semibold", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "status", 1, "text-xs", "font-semibold", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "text-xs", "flex", "items-center", "gap-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "text-xs", "font-semibold"], [1, "absolute", "w-0.5", "h-3", "-translate-x-1/2", "opacity-40", "z-10", 3, "ngClass"], [1, "mt-4", "text-sm", "leading-relaxed", "flex-grow", 3, "ngClass"], [1, "w-full", "flex", "items-center", "justify-between", "px-4", "py-3", "rounded-lg", "border", "transition-all", "duration-200", "hover:shadow-md", "hover:scale-[1.02]", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "opacity-60"], [1, "text-sm", "font-medium"], [1, "px-2", "py-0.5", "text-[10px]", "font-bold", "rounded-full", "border"], ["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, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", 2, "min-height", "0"], [1, "pt-3"], [1, "p-4", "rounded-lg", "border", "space-y-3", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-3"], [1, "text-xs", "block", "mb-1", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-2", "flex", "items-center", "gap-2", 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", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "w-full", "flex", "items-center", "justify-between", "px-4", "py-3", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "hover:scale-[1.02]", "hover:shadow-md", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-4"], [1, "flex", "items-center", "gap-1"], [1, "flex", "items-center", "gap-1.5", "relative"], [1, "pt-4", "space-y-4"], [1, "w-full", "flex", "items-center", "justify-between", "gap-2", "p-3", "rounded-lg", "border", "transition-all", "cursor-pointer", "hover:shadow-md", "active:scale-[0.99]", 3, "ngClass"], [1, "w-full", "p-3", "rounded-lg", "border", "transition-all", "duration-200", "hover:shadow-md", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "flex", "items-center", "justify-center", "w-4", "h-4", "text-[9px]", "font-bold", "rounded-full", "border", "-translate-y-0.5", 3, "ngClass"], [1, "w-full", "flex", "items-center", "justify-between", "gap-2", "p-3", "rounded-lg", "border", "transition-all", "cursor-pointer", "hover:shadow-md", "active:scale-[0.99]", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", 3, "ngClass"], [1, "space-y-2", "text-xs"], [1, "flex", "justify-between", "items-center"], [1, "font-semibold"], [1, "mt-6"], [1, "mt-6", "flex-shrink-0"], [3, "chart", "isLightMode", "isCompactMode", "collapsibleIn", "currencySymbol"], [3, "chartClick", "chart", "isLightMode", "isCompactMode", "collapsibleIn", "currencySymbol"], [1, "flex", "items-center", "gap-2", "mb-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "text-blue-400"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], ["tooltipType", "insight", 1, "w-full", "text-left", "flex", "items-center", "gap-2", "p-3", "rounded-lg", "border", "cursor-default", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "insight", 1, "w-full", "text-left", "flex", "items-center", "gap-2", "p-3", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "inline-flex", "items-center", "justify-center", "w-6", "h-6", "rounded-full", "text-xs", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "flex-1", 3, "ngClass"], ["tooltipType", "insight", 1, "w-full", "text-left", "flex", "items-center", "gap-2", "p-3", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "click", "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "text-sm", "transition-colors", "flex-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "group-hover:text-blue-400", "transition-colors", 3, "ngClass"]], template: function MetricCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, MetricCardComponent_Conditional_0_Template, 17, 32, "div", 0)(1, MetricCardComponent_Conditional_1_Template, 47, 56, "div", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isLoading() ? 0 : 1);
@@ -9091,7 +9104,7 @@ class MetricCardComponent {
       <div class="flex items-start justify-between mb-5">
         <div class="flex-1">
           <div class="flex items-center gap-2 mb-1.5 flex-wrap">
-            <h3 [ngClass]="isLightMode() ? 'text-slate-600 group-hover:text-slate-900' : 'text-slate-400 group-hover:text-white'" class="text-sm font-medium transition-colors duration-300 !mb-0">{{ formatMetricName(metric().metric || 'UNKNOWN') }}</h3>
+            <h3 [ngClass]="isLightMode() ? 'text-slate-600 group-hover:text-slate-900' : 'text-slate-400 group-hover:text-white'" class="text-sm font-medium transition-colors duration-300 mb-0!">{{ formatMetricName(metric().metric || 'UNKNOWN') }}</h3>
             @if (isFunnelStage()) {
               <span
                 [ngClass]="isLightMode() ? 'bg-purple-100 text-purple-700 border-purple-300 group-hover:bg-purple-200' : 'bg-purple-500/20 text-purple-300 border-purple-500/30 group-hover:bg-purple-500/30'"
@@ -22030,7 +22043,7 @@ class MobileFABComponent {
         this.expandedChange.emit(false);
     }
     static { this.ɵfac = function MobileFABComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MobileFABComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MobileFABComponent, selectors: [["symphiq-mobile-fab"]], inputs: { isLightMode: [1, "isLightMode"], isCompactMode: [1, "isCompactMode"], isExpanded: [1, "isExpanded"] }, outputs: { expandedChange: "expandedChange", scrollToTop: "scrollToTop", toggleView: "toggleView" }, decls: 5, vars: 4, consts: [[1, "fixed", "bottom-24", "right-4", "z-40", "lg:hidden"], [1, "flex", "flex-col", "gap-3", "mb-3", "animate-fade-in-up"], [1, "w-14", "h-14", "rounded-full", "shadow-2xl", "flex", "items-center", "justify-center", "transition-all", "duration-300", "hover:scale-110", "active:scale-95", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-300"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 4v16m8-8H4"], [1, "w-12", "h-12", "rounded-full", "shadow-lg", "flex", "items-center", "justify-center", "transition-all", "duration-200", "hover:scale-110", "active:scale-95", 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", "M5 10l7-7m0 0l7 7m-7-7v18"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"]], template: function MobileFABComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MobileFABComponent, selectors: [["symphiq-mobile-fab"]], inputs: { isLightMode: [1, "isLightMode"], isCompactMode: [1, "isCompactMode"], isExpanded: [1, "isExpanded"] }, outputs: { expandedChange: "expandedChange", scrollToTop: "scrollToTop", toggleView: "toggleView" }, decls: 5, vars: 4, consts: [[1, "fixed", "bottom-24", "right-4", "z-[60]", "lg:hidden"], [1, "flex", "flex-col", "gap-3", "mb-3", "animate-fade-in-up"], [1, "w-14", "h-14", "rounded-full", "shadow-2xl", "flex", "items-center", "justify-center", "transition-all", "duration-300", "hover:scale-110", "active:scale-95", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-300"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 4v16m8-8H4"], [1, "w-12", "h-12", "rounded-full", "shadow-lg", "flex", "items-center", "justify-center", "transition-all", "duration-200", "hover:scale-110", "active:scale-95", 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", "M5 10l7-7m0 0l7 7m-7-7v18"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"]], template: function MobileFABComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, MobileFABComponent_Conditional_1_Template, 7, 3, "div", 1);
             i0.ɵɵelementStart(2, "button", 2);
@@ -22050,54 +22063,54 @@ class MobileFABComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileFABComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-mobile-fab', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], template: `
-    <div class="fixed bottom-24 right-4 z-40 lg:hidden">
-      <!-- FAB Menu Items (shown when expanded) -->
-      @if (isExpanded()) {
-        <div class="flex flex-col gap-3 mb-3 animate-fade-in-up">
-          <!-- Scroll to Top -->
-          <button
-            (click)="onScrollToTop()"
-            [ngClass]="buttonClass()"
-            class="w-12 h-12 rounded-full shadow-lg flex items-center justify-center transition-all duration-200 hover:scale-110 active:scale-95">
-            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
-            </svg>
-          </button>
-
-          <!-- Toggle View Mode -->
-          <button
-            (click)="onToggleView()"
-            [ngClass]="buttonClass()"
-            class="w-12 h-12 rounded-full shadow-lg flex items-center justify-center transition-all duration-200 hover:scale-110 active:scale-95">
-            @if (isCompactMode()) {
-              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path>
-              </svg>
-            } @else {
-              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
-              </svg>
-            }
-          </button>
-        </div>
-      }
-
-      <!-- Main FAB Button -->
-      <button
-        (click)="toggleExpanded()"
-        [ngClass]="mainButtonClass()"
-        class="w-14 h-14 rounded-full shadow-2xl flex items-center justify-center transition-all duration-300 hover:scale-110 active:scale-95">
-        <svg
-          class="w-6 h-6 transition-transform duration-300"
-          [class.rotate-45]="isExpanded()"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
-        </svg>
-      </button>
-    </div>
+        args: [{ selector: 'symphiq-mobile-fab', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], template: `
+    <div class="fixed bottom-24 right-4 z-[60] lg:hidden">
+      <!-- FAB Menu Items (shown when expanded) -->
+      @if (isExpanded()) {
+        <div class="flex flex-col gap-3 mb-3 animate-fade-in-up">
+          <!-- Scroll to Top -->
+          <button
+            (click)="onScrollToTop()"
+            [ngClass]="buttonClass()"
+            class="w-12 h-12 rounded-full shadow-lg flex items-center justify-center transition-all duration-200 hover:scale-110 active:scale-95">
+            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
+            </svg>
+          </button>
+
+          <!-- Toggle View Mode -->
+          <button
+            (click)="onToggleView()"
+            [ngClass]="buttonClass()"
+            class="w-12 h-12 rounded-full shadow-lg flex items-center justify-center transition-all duration-200 hover:scale-110 active:scale-95">
+            @if (isCompactMode()) {
+              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path>
+              </svg>
+            } @else {
+              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
+              </svg>
+            }
+          </button>
+        </div>
+      }
+
+      <!-- Main FAB Button -->
+      <button
+        (click)="toggleExpanded()"
+        [ngClass]="mainButtonClass()"
+        class="w-14 h-14 rounded-full shadow-2xl flex items-center justify-center transition-all duration-300 hover:scale-110 active:scale-95">
+        <svg
+          class="w-6 h-6 transition-transform duration-300"
+          [class.rotate-45]="isExpanded()"
+          fill="none"
+          stroke="currentColor"
+          viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
+        </svg>
+      </button>
+    </div>
   `, styles: ["@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .2s ease-out}\n"] }]
     }], null, { isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], isCompactMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompactMode", required: false }] }], isExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isExpanded", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }], scrollToTop: [{ type: i0.Output, args: ["scrollToTop"] }], toggleView: [{ type: i0.Output, args: ["toggleView"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileFABComponent, { className: "MobileFABComponent", filePath: "lib/components/funnel-analysis-dashboard/mobile-fab.component.ts", lineNumber: 75 }); })();
@@ -44164,6 +44177,13 @@ class ProfileAnalysisModalComponent {
             if (open) {
                 this.modalReady.set(false);
                 this.logContainingBlockInfo();
+                console.log('[ProfileAnalysisModal] Modal opening - z-index info:', {
+                    modalType: this.modalType(),
+                    modalDepth: this.modalDepth(),
+                    baseZIndex: this.baseZIndex(),
+                    contentZIndex: this.contentZIndex(),
+                    previousStateType: this.previousState()?.type
+                });
                 setTimeout(() => {
                     this.moveModalToBody();
                     this.modalReady.set(true);
@@ -44485,6 +44505,19 @@ class ProfileAnalysisModalComponent {
             }
             else if (state.type === 'metrics-list' && state.data) {
                 const data = state.data;
+                let depthFromPrevState = 0;
+                let walkState = state.previousState;
+                while (walkState) {
+                    depthFromPrevState++;
+                    walkState = walkState.previousState;
+                }
+                console.log('[ProfileAnalysisModal] metrics-list state received:', {
+                    previousStateExists: !!state.previousState,
+                    previousStateType: state.previousState?.type,
+                    depthFromPrevState,
+                    navigationStackLength: state.navigationStack?.length,
+                    navigationStackTypes: state.navigationStack?.map(s => s.type)
+                });
                 this.modalData.set(data);
                 let title = 'Related Metrics';
                 if (data.recommendationContext?.title) {
@@ -44823,6 +44856,7 @@ class ProfileAnalysisModalComponent {
         this.modalService.openInsightModal(insight, insightCharts, previousState);
     }
     openMetricDetail(metric) {
+        const metricEnum = metric.metric;
         const metricId = metric.performanceItemId;
         const currentState = this.getCurrentModalState();
         // Combine charts from both allCharts() and current modal state
@@ -44839,9 +44873,34 @@ class ProfileAnalysisModalComponent {
                 }
             }
         }
-        const metricCharts = metricId ? allAvailableCharts.filter(c => c.performanceItemId === metricId) : [];
+        // Match charts by MetricEnum (chart.metrics array) and performanceItemId (exact or prefix match)
+        const metricCharts = this.getChartsForMetric(metric, allAvailableCharts);
         this.modalService.openMetricModal(metric, metricCharts, currentState);
     }
+    getChartsForMetric(metric, allCharts) {
+        const metricEnum = metric.metric;
+        const metricId = metric.performanceItemId;
+        if (!metricEnum && !metricId) {
+            return [];
+        }
+        const matchingCharts = [];
+        for (const chart of allCharts) {
+            // Match by MetricEnum in chart.metrics array
+            if (metricEnum && chart.metrics?.includes(metricEnum)) {
+                matchingCharts.push(chart);
+                continue;
+            }
+            // Match by performanceItemId (exact or prefix match)
+            if (metricId) {
+                const chartId = chart.performanceItemId || '';
+                const prefix = metricId + '_';
+                if (chartId === metricId || chartId.startsWith(prefix)) {
+                    matchingCharts.push(chart);
+                }
+            }
+        }
+        return matchingCharts;
+    }
     formatMetricName(name) {
         return name.replace(/_/g, ' ').toLowerCase().replace(/\b\w/g, l => l.toUpperCase());
     }
@@ -83009,6 +83068,19 @@ class StrategyRecommendationsModalContentComponent {
             objectiveTitle: this.objectiveTitle(),
             strategyTitle: this.strategy()?.title
         };
+        const currentState = this.currentModalState();
+        let depthCount = 0;
+        let stateWalk = currentState;
+        while (stateWalk) {
+            depthCount++;
+            stateWalk = stateWalk.previousState ?? null;
+        }
+        console.log('[StrategyRecommendations] openRelatedMetricsModal:', {
+            currentModalStateType: currentState?.type,
+            currentModalStateExists: !!currentState,
+            previousStateDepth: depthCount,
+            navigationStackLength: currentState?.navigationStack?.length
+        });
         this.modalService.openRecommendationMetricsListModal(metrics, relevantCharts, recommendationContext, directlyAffectedMetricId, indirectlyAffectedMetricIds, this.currentModalState() ?? undefined, hierarchyContext);
     }
     hasRelatedFunnelInsights(recommendation) {
@@ -100741,83 +100813,148 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber: 483 }); })();
 
-function SourceSummaryComponent_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3);
+function SourceSummaryComponent_Conditional_0_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 4);
-    i0.ɵɵelement(2, "path", 5);
+    i0.ɵɵelementStart(1, "svg", 5);
+    i0.ɵɵelement(2, "path", 6);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span", 6);
+    i0.ɵɵelementStart(3, "span", 7);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r0.sourceTypeClasses())("libSymphiqTooltip", "Shop Goals: Number of shop-level goals contributing to this unified goal");
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r0.sourceTypeCounts().shop);
 } }
-function SourceSummaryComponent_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3);
+function SourceSummaryComponent_Conditional_0_Conditional_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 4);
-    i0.ɵɵelement(2, "path", 7);
+    i0.ɵɵelementStart(1, "svg", 5);
+    i0.ɵɵelement(2, "path", 8);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span", 6);
+    i0.ɵɵelementStart(3, "span", 7);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r0.sourceTypeClasses())("libSymphiqTooltip", "Focus Area Goals: Number of focus area goals contributing to this unified goal");
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r0.sourceTypeCounts().focusArea);
 } }
-function SourceSummaryComponent_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3);
+function SourceSummaryComponent_Conditional_0_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 4);
-    i0.ɵɵelement(2, "path", 8);
+    i0.ɵɵelementStart(1, "svg", 5);
+    i0.ɵɵelement(2, "path", 9);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span", 6);
+    i0.ɵɵelementStart(3, "span", 7);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r0.sourceTypeClasses())("libSymphiqTooltip", "Metric Goals: Number of metric-based goals contributing to this unified goal");
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r0.sourceTypeCounts().metric);
 } }
-function SourceSummaryComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
-    i0.ɵɵtext(3, "Source");
+function SourceSummaryComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "span", 3);
+    i0.ɵɵtext(2, "Source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, SourceSummaryComponent_Conditional_0_Conditional_2_Conditional_3_Template, 5, 3, "div", 4);
+    i0.ɵɵconditionalCreate(4, SourceSummaryComponent_Conditional_0_Conditional_2_Conditional_4_Template, 5, 3, "div", 4);
+    i0.ɵɵconditionalCreate(5, SourceSummaryComponent_Conditional_0_Conditional_2_Conditional_5_Template, 5, 3, "div", 4);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, SourceSummaryComponent_Conditional_0_Conditional_4_Template, 5, 3, "div", 3);
-    i0.ɵɵconditionalCreate(5, SourceSummaryComponent_Conditional_0_Conditional_5_Template, 5, 3, "div", 3);
-    i0.ɵɵconditionalCreate(6, SourceSummaryComponent_Conditional_0_Conditional_6_Template, 5, 3, "div", 3);
-    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.borderClasses());
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.sourceLabelClasses());
     i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.sourceTypeCounts().shop > 0 ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.sourceTypeCounts().focusArea > 0 ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.sourceTypeCounts().metric > 0 ? 5 : -1);
+} }
+function SourceSummaryComponent_Conditional_0_Conditional_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 5);
+    i0.ɵɵelement(2, "path", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span", 7);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r0.sourceTypeClasses())("libSymphiqTooltip", "Metrics: Number of metrics contributing to this unified goal");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r0.contributingCounts().metrics);
+} }
+function SourceSummaryComponent_Conditional_0_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 5);
+    i0.ɵɵelement(2, "path", 8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span", 7);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r0.sourceTypeClasses())("libSymphiqTooltip", "Focus Areas: Number of focus area domains contributing to this unified goal");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r0.contributingCounts().focusAreas);
+} }
+function SourceSummaryComponent_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "span", 3);
+    i0.ɵɵtext(2, "Contributing");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, SourceSummaryComponent_Conditional_0_Conditional_3_Conditional_3_Template, 5, 3, "div", 4);
+    i0.ɵɵconditionalCreate(4, SourceSummaryComponent_Conditional_0_Conditional_3_Conditional_4_Template, 5, 3, "div", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.sourceLabelClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.sourceTypeCounts().shop > 0 ? 4 : -1);
+    i0.ɵɵconditional(ctx_r0.contributingCounts().metrics > 0 ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.sourceTypeCounts().focusArea > 0 ? 5 : -1);
+    i0.ɵɵconditional(ctx_r0.contributingCounts().focusAreas > 0 ? 4 : -1);
+} }
+function SourceSummaryComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+    i0.ɵɵconditionalCreate(2, SourceSummaryComponent_Conditional_0_Conditional_2_Template, 6, 4, "div", 2);
+    i0.ɵɵconditionalCreate(3, SourceSummaryComponent_Conditional_0_Conditional_3_Template, 5, 3, "div", 2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.borderClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.hasSourceData() ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.sourceTypeCounts().metric > 0 ? 6 : -1);
+    i0.ɵɵconditional(ctx_r0.hasContributingData() ? 3 : -1);
 } }
 class SourceSummaryComponent {
     constructor() {
         this.sourceTypeCounts = input({ shop: 0, focusArea: 0, metric: 0 }, ...(ngDevMode ? [{ debugName: "sourceTypeCounts" }] : []));
+        this.contributingCounts = input({ metrics: 0, focusAreas: 0 }, ...(ngDevMode ? [{ debugName: "contributingCounts" }] : []));
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
         this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
         this.hasSourceData = computed(() => {
             const counts = this.sourceTypeCounts();
             return counts.shop > 0 || counts.focusArea > 0 || counts.metric > 0;
         }, ...(ngDevMode ? [{ debugName: "hasSourceData" }] : []));
+        this.hasContributingData = computed(() => {
+            const counts = this.contributingCounts();
+            return counts.metrics > 0 || counts.focusAreas > 0;
+        }, ...(ngDevMode ? [{ debugName: "hasContributingData" }] : []));
         this.borderClasses = computed(() => {
             return this.isDark() ? 'border-slate-700/50' : 'border-slate-200';
         }, ...(ngDevMode ? [{ debugName: "borderClasses" }] : []));
@@ -100829,10 +100966,10 @@ class SourceSummaryComponent {
         }, ...(ngDevMode ? [{ debugName: "sourceTypeClasses" }] : []));
     }
     static { this.ɵfac = function SourceSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SourceSummaryComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SourceSummaryComponent, selectors: [["symphiq-source-summary"]], inputs: { sourceTypeCounts: [1, "sourceTypeCounts"], viewMode: [1, "viewMode"] }, decls: 1, vars: 1, consts: [[1, "mt-4", "pt-4", "border-t", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "flex-wrap"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "cursor-help", 3, "ngClass", "libSymphiqTooltip"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "text-sm", "font-medium"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"]], template: function SourceSummaryComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, SourceSummaryComponent_Conditional_0_Template, 7, 5, "div", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SourceSummaryComponent, selectors: [["symphiq-source-summary"]], inputs: { sourceTypeCounts: [1, "sourceTypeCounts"], contributingCounts: [1, "contributingCounts"], viewMode: [1, "viewMode"] }, decls: 1, vars: 1, consts: [[1, "mt-4", "pt-4", "border-t", 3, "ngClass"], [1, "flex", "flex-wrap", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-3", "flex-wrap"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "cursor-help", 3, "ngClass", "libSymphiqTooltip"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "text-sm", "font-medium"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"]], template: function SourceSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, SourceSummaryComponent_Conditional_0_Template, 4, 3, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵconditional(ctx.hasSourceData() ? 0 : -1);
+            i0.ɵɵconditional(ctx.hasSourceData() || ctx.hasContributingData() ? 0 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, TooltipDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SourceSummaryComponent, [{
@@ -100843,44 +100980,77 @@ class SourceSummaryComponent {
                 imports: [CommonModule, TooltipDirective],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
-    @if (hasSourceData()) {
+    @if (hasSourceData() || hasContributingData()) {
       <div class="mt-4 pt-4 border-t" [ngClass]="borderClasses()">
-        <div class="flex items-center gap-3 flex-wrap">
-          <span [ngClass]="sourceLabelClasses()" class="text-xs font-semibold uppercase tracking-wider">Source</span>
-          @if (sourceTypeCounts().shop > 0) {
-            <div
-                class="flex items-center gap-1.5 cursor-help"
-                [ngClass]="sourceTypeClasses()"
-                [libSymphiqTooltip]="'Shop Goals: Number of shop-level goals contributing to this unified goal'">
-              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                      d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
-              </svg>
-              <span class="text-sm font-medium">{{ sourceTypeCounts().shop }}</span>
-            </div>
-          }
-          @if (sourceTypeCounts().focusArea > 0) {
-            <div
-                class="flex items-center gap-1.5 cursor-help"
-                [ngClass]="sourceTypeClasses()"
-                [libSymphiqTooltip]="'Focus Area Goals: Number of focus area goals contributing to this unified goal'">
-              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                      d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path>
-              </svg>
-              <span class="text-sm font-medium">{{ sourceTypeCounts().focusArea }}</span>
+        <div class="flex flex-wrap justify-between gap-4">
+          @if (hasSourceData()) {
+            <div class="flex items-center gap-3 flex-wrap">
+              <span [ngClass]="sourceLabelClasses()" class="text-xs font-semibold uppercase tracking-wider">Source</span>
+              @if (sourceTypeCounts().shop > 0) {
+                <div
+                    class="flex items-center gap-1.5 cursor-help"
+                    [ngClass]="sourceTypeClasses()"
+                    [libSymphiqTooltip]="'Shop Goals: Number of shop-level goals contributing to this unified goal'">
+                  <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                          d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
+                  </svg>
+                  <span class="text-sm font-medium">{{ sourceTypeCounts().shop }}</span>
+                </div>
+              }
+              @if (sourceTypeCounts().focusArea > 0) {
+                <div
+                    class="flex items-center gap-1.5 cursor-help"
+                    [ngClass]="sourceTypeClasses()"
+                    [libSymphiqTooltip]="'Focus Area Goals: Number of focus area goals contributing to this unified goal'">
+                  <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                          d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path>
+                  </svg>
+                  <span class="text-sm font-medium">{{ sourceTypeCounts().focusArea }}</span>
+                </div>
+              }
+              @if (sourceTypeCounts().metric > 0) {
+                <div
+                    class="flex items-center gap-1.5 cursor-help"
+                    [ngClass]="sourceTypeClasses()"
+                    [libSymphiqTooltip]="'Metric Goals: Number of metric-based goals contributing to this unified goal'">
+                  <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                          d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
+                  </svg>
+                  <span class="text-sm font-medium">{{ sourceTypeCounts().metric }}</span>
+                </div>
+              }
             </div>
           }
-          @if (sourceTypeCounts().metric > 0) {
-            <div
-                class="flex items-center gap-1.5 cursor-help"
-                [ngClass]="sourceTypeClasses()"
-                [libSymphiqTooltip]="'Metric Goals: Number of metric-based goals contributing to this unified goal'">
-              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                      d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
-              </svg>
-              <span class="text-sm font-medium">{{ sourceTypeCounts().metric }}</span>
+          @if (hasContributingData()) {
+            <div class="flex items-center gap-3 flex-wrap">
+              <span [ngClass]="sourceLabelClasses()" class="text-xs font-semibold uppercase tracking-wider">Contributing</span>
+              @if (contributingCounts().metrics > 0) {
+                <div
+                    class="flex items-center gap-1.5 cursor-help"
+                    [ngClass]="sourceTypeClasses()"
+                    [libSymphiqTooltip]="'Metrics: Number of metrics contributing to this unified goal'">
+                  <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                          d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
+                  </svg>
+                  <span class="text-sm font-medium">{{ contributingCounts().metrics }}</span>
+                </div>
+              }
+              @if (contributingCounts().focusAreas > 0) {
+                <div
+                    class="flex items-center gap-1.5 cursor-help"
+                    [ngClass]="sourceTypeClasses()"
+                    [libSymphiqTooltip]="'Focus Areas: Number of focus area domains contributing to this unified goal'">
+                  <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                          d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path>
+                  </svg>
+                  <span class="text-sm font-medium">{{ contributingCounts().focusAreas }}</span>
+                </div>
+              }
             </div>
           }
         </div>
@@ -100888,8 +101058,8 @@ class SourceSummaryComponent {
     }
   `
             }]
-    }], null, { sourceTypeCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceTypeCounts", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SourceSummaryComponent, { className: "SourceSummaryComponent", filePath: "lib/components/shared/source-summary.component.ts", lineNumber: 63 }); })();
+    }], null, { sourceTypeCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceTypeCounts", required: false }] }], contributingCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "contributingCounts", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SourceSummaryComponent, { className: "SourceSummaryComponent", filePath: "lib/components/shared/source-summary.component.ts", lineNumber: 101 }); })();
 
 function ThematicCategoryBadgeComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 0);
@@ -100949,7 +101119,7 @@ class ThematicCategoryBadgeComponent {
 
 function UnifiedGoalCardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵelement(1, "symphiq-thematic-category-badge", 18);
+    i0.ɵɵelement(1, "symphiq-thematic-category-badge", 17);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -100968,7 +101138,7 @@ function UnifiedGoalCardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1)
 } }
 function UnifiedGoalCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 10);
-    i0.ɵɵelement(1, "symphiq-roadmap-metrics", 19);
+    i0.ɵɵelement(1, "symphiq-roadmap-metrics", 18);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -100991,23 +101161,7 @@ function UnifiedGoalCardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelement(0, "symphiq-source-summary", 14);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("sourceTypeCounts", ctx_r0.sourceTypeCounts())("viewMode", ctx_r0.viewMode());
-} }
-function UnifiedGoalCardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_17_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onRelatedContextButtonClick($event)); });
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 21);
-    i0.ɵɵelement(2, "path", 22);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.relatedContextButtonClasses());
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.relatedContextLabel(), " ");
+    i0.ɵɵproperty("sourceTypeCounts", ctx_r0.sourceTypeCounts())("contributingCounts", ctx_r0.contributingCounts())("viewMode", ctx_r0.viewMode());
 } }
 class UnifiedGoalCardComponent {
     constructor() {
@@ -101070,18 +101224,12 @@ class UnifiedGoalCardComponent {
             const focusAreasCount = this.goal()?.contributingFocusAreaDomains?.length ?? 0;
             return metricsCount > 0 || focusAreasCount > 0;
         }, ...(ngDevMode ? [{ debugName: "hasRelatedContext" }] : []));
-        this.relatedContextLabel = computed(() => {
-            const metricsCount = this.goal()?.contributingMetrics?.length ?? 0;
-            const focusAreasCount = this.goal()?.contributingFocusAreaDomains?.length ?? 0;
-            const items = [];
-            if (metricsCount > 0) {
-                items.push(`${metricsCount} Metric${metricsCount === 1 ? '' : 's'}`);
-            }
-            if (focusAreasCount > 0) {
-                items.push(`${focusAreasCount} Focus Area${focusAreasCount === 1 ? '' : 's'}`);
-            }
-            return items.join(' · ');
-        }, ...(ngDevMode ? [{ debugName: "relatedContextLabel" }] : []));
+        this.contributingCounts = computed(() => {
+            return {
+                metrics: this.goal()?.contributingMetrics?.length ?? 0,
+                focusAreas: this.goal()?.contributingFocusAreaDomains?.length ?? 0
+            };
+        }, ...(ngDevMode ? [{ debugName: "contributingCounts" }] : []));
         this.roadmapMetrics = computed(() => {
             const g = this.goal();
             if (!g)
@@ -101127,12 +101275,6 @@ class UnifiedGoalCardComponent {
         this.descriptionClasses = computed(() => {
             return this.isDark() ? 'text-slate-300' : 'text-slate-600';
         }, ...(ngDevMode ? [{ debugName: "descriptionClasses" }] : []));
-        this.relatedContextButtonClasses = computed(() => {
-            if (this.isDark()) {
-                return 'bg-slate-700/50 hover:bg-slate-700/70 border border-slate-600/50 text-slate-300';
-            }
-            return 'bg-slate-100 hover:bg-slate-200 border border-slate-300 text-slate-700';
-        }, ...(ngDevMode ? [{ debugName: "relatedContextButtonClasses" }] : []));
     }
     getSourceBadgeClasses(analysisType) {
         if (this.isDark()) {
@@ -101165,14 +101307,6 @@ class UnifiedGoalCardComponent {
             this.sourceBadgeClick.emit({ source, goal: g });
         }
     }
-    onRelatedContextButtonClick(event) {
-        event.stopPropagation();
-        const g = this.goal();
-        if (g) {
-            this.relatedMetricsClick.emit(g);
-            this.relatedFocusAreasClick.emit(g);
-        }
-    }
     onLearnMoreClick() {
         const g = this.goal();
         if (g) {
@@ -101180,7 +101314,7 @@ class UnifiedGoalCardComponent {
         }
     }
     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"] }, outputs: { goalClick: "goalClick", sourceBadgeClick: "sourceBadgeClick", relatedMetricsClick: "relatedMetricsClick", relatedFocusAreasClick: "relatedFocusAreasClick", learnMoreClick: "learnMoreClick" }, decls: 20, 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, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [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", "viewMode"], [1, "mt-4", "w-full", "flex", "items-center", "justify-center", "gap-2", "px-4", "py-2", "rounded-lg", "text-sm", "font-medium", "transition-all", "hover:scale-[1.02]", 3, "ngClass"], [1, "mt-4"], [3, "buttonClick", "viewMode", "variant", "label"], [3, "category", "viewMode"], [3, "metrics", "viewMode"], [1, "mt-4", "w-full", "flex", "items-center", "justify-center", "gap-2", "px-4", "py-2", "rounded-lg", "text-sm", "font-medium", "transition-all", "hover:scale-[1.02]", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"]], 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"] }, outputs: { goalClick: "goalClick", sourceBadgeClick: "sourceBadgeClick", relatedMetricsClick: "relatedMetricsClick", relatedFocusAreasClick: "relatedFocusAreasClick", learnMoreClick: "learnMoreClick" }, decls: 19, vars: 14, 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, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [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, "category", "viewMode"], [3, "metrics", "viewMode"]], 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);
@@ -101200,10 +101334,9 @@ class UnifiedGoalCardComponent {
             i0.ɵɵconditionalCreate(14, UnifiedGoalCardComponent_Conditional_14_Template, 1, 2, "symphiq-priority-badge", 12);
             i0.ɵɵconditionalCreate(15, UnifiedGoalCardComponent_Conditional_15_Template, 1, 2, "symphiq-timeframe-badge", 13);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(16, UnifiedGoalCardComponent_Conditional_16_Template, 1, 2, "symphiq-source-summary", 14);
-            i0.ɵɵconditionalCreate(17, UnifiedGoalCardComponent_Conditional_17_Template, 4, 2, "div", 15);
-            i0.ɵɵelementStart(18, "div", 16)(19, "symphiq-learn-more-button", 17);
-            i0.ɵɵlistener("buttonClick", function UnifiedGoalCardComponent_Template_symphiq_learn_more_button_buttonClick_19_listener() { return ctx.onLearnMoreClick(); });
+            i0.ɵɵconditionalCreate(16, UnifiedGoalCardComponent_Conditional_16_Template, 1, 3, "symphiq-source-summary", 14);
+            i0.ɵɵelementStart(17, "div", 15)(18, "symphiq-learn-more-button", 16);
+            i0.ɵɵlistener("buttonClick", function UnifiedGoalCardComponent_Template_symphiq_learn_more_button_buttonClick_18_listener() { return ctx.onLearnMoreClick(); });
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             let tmp_4_0;
@@ -101232,9 +101365,7 @@ class UnifiedGoalCardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(((tmp_9_0 = ctx.goal()) == null ? null : tmp_9_0.timeframe) ? 15 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((((tmp_10_0 = ctx.goal()) == null ? null : tmp_10_0.sourceAnalyses == null ? null : tmp_10_0.sourceAnalyses.length) ?? 0) > 0 ? 16 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.hasRelatedContext() ? 17 : -1);
+            i0.ɵɵconditional((((tmp_10_0 = ctx.goal()) == null ? null : tmp_10_0.sourceAnalyses == null ? null : tmp_10_0.sourceAnalyses.length) ?? 0) > 0 || ctx.hasRelatedContext() ? 16 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("viewMode", ctx.viewMode())("variant", "button")("label", "Learn More");
         } }, dependencies: [CommonModule, i1$1.NgClass, PriorityBadgeComponent,
@@ -101318,26 +101449,14 @@ class UnifiedGoalCardComponent {
         }
       </div>
 
-      @if ((goal()?.sourceAnalyses?.length ?? 0) > 0) {
+      @if ((goal()?.sourceAnalyses?.length ?? 0) > 0 || hasRelatedContext()) {
         <symphiq-source-summary
             [sourceTypeCounts]="sourceTypeCounts()"
+            [contributingCounts]="contributingCounts()"
             [viewMode]="viewMode()"
         />
       }
 
-      @if (hasRelatedContext()) {
-        <div
-            [ngClass]="relatedContextButtonClasses()"
-            class="mt-4 w-full flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-all hover:scale-[1.02]"
-            (click)="onRelatedContextButtonClick($event)">
-          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                  d="M13 10V3L4 14h7v7l9-11h-7z"></path>
-          </svg>
-          {{ relatedContextLabel() }}
-        </div>
-      }
-
       <div class="mt-4">
         <symphiq-learn-more-button
             [viewMode]="viewMode()"
@@ -101350,7 +101469,7 @@ class UnifiedGoalCardComponent {
   `
             }]
     }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", 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"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalCardComponent, { className: "UnifiedGoalCardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-goal-card.component.ts", lineNumber: 115 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalCardComponent, { className: "UnifiedGoalCardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-goal-card.component.ts", lineNumber: 103 }); })();
 
 const _c0$c = a0 => ({ name: "chevron-right", source: a0 });
 const _c1$5 = a0 => ({ name: "chevron-down", source: a0 });
@@ -101564,41 +101683,35 @@ function UnifiedExecutiveSummaryComponent_Conditional_0_Template(rf, ctx) { if (
     i0.ɵɵelementStart(15, "div", 11);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 12);
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(18, "svg", 13);
-    i0.ɵɵelement(19, "path", 14);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(20, "div", 15)(21, "div", 16)(22, "div", 17);
-    i0.ɵɵtext(23, "Shop");
+    i0.ɵɵelementStart(17, "div", 12)(18, "div", 13)(19, "div", 14);
+    i0.ɵɵtext(20, "Shop");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "div", 18);
-    i0.ɵɵtext(25);
+    i0.ɵɵelementStart(21, "div", 15);
+    i0.ɵɵtext(22);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 18);
-    i0.ɵɵtext(27);
+    i0.ɵɵelementStart(23, "div", 15);
+    i0.ɵɵtext(24);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(28, "div", 16)(29, "div", 17);
-    i0.ɵɵtext(30, "Focus Area");
+    i0.ɵɵelementStart(25, "div", 13)(26, "div", 14);
+    i0.ɵɵtext(27, "Focus Area");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "div", 18);
-    i0.ɵɵtext(32);
+    i0.ɵɵelementStart(28, "div", 15);
+    i0.ɵɵtext(29);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "div", 18);
-    i0.ɵɵtext(34);
+    i0.ɵɵelementStart(30, "div", 15);
+    i0.ɵɵtext(31);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(35, "div", 16)(36, "div", 17);
-    i0.ɵɵtext(37, "Metric");
+    i0.ɵɵelementStart(32, "div", 13)(33, "div", 14);
+    i0.ɵɵtext(34, "Metric");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "div", 18);
-    i0.ɵɵtext(39);
+    i0.ɵɵelementStart(35, "div", 15);
+    i0.ɵɵtext(36);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(40, "div", 18);
-    i0.ɵɵtext(41);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(42, "symphiq-executive-summary-stats-grid", 19);
-    i0.ɵɵlistener("keyStrengthsClick", function UnifiedExecutiveSummaryComponent_Conditional_0_Template_symphiq_executive_summary_stats_grid_keyStrengthsClick_42_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.keyStrengthsClick.emit()); })("criticalGapsClick", function UnifiedExecutiveSummaryComponent_Conditional_0_Template_symphiq_executive_summary_stats_grid_criticalGapsClick_42_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.criticalGapsClick.emit()); })("quickWinsClick", function UnifiedExecutiveSummaryComponent_Conditional_0_Template_symphiq_executive_summary_stats_grid_quickWinsClick_42_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.quickWinsClick.emit()); });
+    i0.ɵɵelementStart(37, "div", 15);
+    i0.ɵɵtext(38);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(39, "symphiq-executive-summary-stats-grid", 16);
+    i0.ɵɵlistener("keyStrengthsClick", function UnifiedExecutiveSummaryComponent_Conditional_0_Template_symphiq_executive_summary_stats_grid_keyStrengthsClick_39_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.keyStrengthsClick.emit()); })("criticalGapsClick", function UnifiedExecutiveSummaryComponent_Conditional_0_Template_symphiq_executive_summary_stats_grid_criticalGapsClick_39_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.criticalGapsClick.emit()); })("quickWinsClick", function UnifiedExecutiveSummaryComponent_Conditional_0_Template_symphiq_executive_summary_stats_grid_quickWinsClick_39_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.quickWinsClick.emit()); });
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const summary_r2 = ctx;
@@ -101619,7 +101732,7 @@ function UnifiedExecutiveSummaryComponent_Conditional_0_Template(rf, ctx) { if (
     i0.ɵɵproperty("ngClass", ctx_r2.totalGoalsCardClasses());
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r2.totalSourceGoalsCount());
-    i0.ɵɵadvance(5);
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r2.getSourceCountCardClasses("SHOP"));
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate2("", ctx_r2.shopCounts().analyses, " ", ctx_r2.shopCounts().analyses === 1 ? "analysis" : "analyses");
@@ -101690,8 +101803,8 @@ class UnifiedExecutiveSummaryComponent {
         }
     }
     static { this.ɵfac = function UnifiedExecutiveSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedExecutiveSummaryComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedExecutiveSummaryComponent, selectors: [["symphiq-unified-executive-summary"]], inputs: { summary: [1, "summary"], viewMode: [1, "viewMode"], shopCounts: [1, "shopCounts"], focusAreaCounts: [1, "focusAreaCounts"], metricCounts: [1, "metricCounts"], quickWinsCount: [1, "quickWinsCount"] }, outputs: { keyStrengthsClick: "keyStrengthsClick", criticalGapsClick: "criticalGapsClick", quickWinsClick: "quickWinsClick" }, decls: 1, vars: 1, consts: [["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "flex", "flex-col", "gap-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], ["title", "Synthesis Overview", 3, "viewMode", "narrative", "napkinVisual"], [1, "p-6", "rounded-xl", "mb-4", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", "opacity-80"], [1, "text-4xl", "font-bold"], [1, "text-6xl", "opacity-20"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], [1, "p-4", "rounded-xl", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-2"], [1, "text-sm", "opacity-80"], [3, "keyStrengthsClick", "criticalGapsClick", "quickWinsClick", "viewMode", "config"]], template: function UnifiedExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, UnifiedExecutiveSummaryComponent_Conditional_0_Template, 43, 27, "section", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedExecutiveSummaryComponent, selectors: [["symphiq-unified-executive-summary"]], inputs: { summary: [1, "summary"], viewMode: [1, "viewMode"], shopCounts: [1, "shopCounts"], focusAreaCounts: [1, "focusAreaCounts"], metricCounts: [1, "metricCounts"], quickWinsCount: [1, "quickWinsCount"] }, outputs: { keyStrengthsClick: "keyStrengthsClick", criticalGapsClick: "criticalGapsClick", quickWinsClick: "quickWinsClick" }, decls: 1, vars: 1, consts: [["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "flex", "flex-col", "gap-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], ["title", "Synthesis Overview", 3, "viewMode", "narrative", "napkinVisual"], [1, "p-6", "rounded-xl", "mb-4", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", "opacity-80"], [1, "text-4xl", "font-bold"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], [1, "p-4", "rounded-xl", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-2"], [1, "text-sm", "opacity-80"], [3, "keyStrengthsClick", "criticalGapsClick", "quickWinsClick", "viewMode", "config"]], template: function UnifiedExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, UnifiedExecutiveSummaryComponent_Conditional_0_Template, 40, 27, "section", 0);
         } if (rf & 2) {
             let tmp_0_0;
             i0.ɵɵconditional((tmp_0_0 = ctx.summary()) ? 0 : -1, tmp_0_0);
@@ -101746,30 +101859,25 @@ class UnifiedExecutiveSummaryComponent {
                 <div class="text-xs font-semibold uppercase mb-1 opacity-80">Total Source Goals</div>
                 <div class="text-4xl font-bold">{{ totalSourceGoalsCount() }}</div>
               </div>
-              <div class="text-6xl opacity-20">
-                <svg class="w-16 h-16" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
-                </svg>
+              <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                <div [ngClass]="getSourceCountCardClasses('SHOP')" class="p-4 rounded-xl">
+                  <div class="text-xs font-semibold uppercase mb-2">Shop</div>
+                  <div class="text-sm opacity-80">{{ shopCounts().analyses }} {{ shopCounts().analyses === 1 ? 'analysis' : 'analyses' }}</div>
+                  <div class="text-sm opacity-80">{{ shopCounts().goals }} {{ shopCounts().goals === 1 ? 'goal' : 'goals' }}</div>
+                </div>
+                <div [ngClass]="getSourceCountCardClasses('FOCUS_AREA')" class="p-4 rounded-xl">
+                  <div class="text-xs font-semibold uppercase mb-2">Focus Area</div>
+                  <div class="text-sm opacity-80">{{ focusAreaCounts().analyses }} {{ focusAreaCounts().analyses === 1 ? 'analysis' : 'analyses' }}</div>
+                  <div class="text-sm opacity-80">{{ focusAreaCounts().goals }} {{ focusAreaCounts().goals === 1 ? 'goal' : 'goals' }}</div>
+                </div>
+                <div [ngClass]="getSourceCountCardClasses('METRIC')" class="p-4 rounded-xl">
+                  <div class="text-xs font-semibold uppercase mb-2">Metric</div>
+                  <div class="text-sm opacity-80">{{ metricCounts().analyses }} {{ metricCounts().analyses === 1 ? 'analysis' : 'analyses' }}</div>
+                  <div class="text-sm opacity-80">{{ metricCounts().goals }} {{ metricCounts().goals === 1 ? 'goal' : 'goals' }}</div>
+                </div>
               </div>
             </div>
 
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-              <div [ngClass]="getSourceCountCardClasses('SHOP')" class="p-4 rounded-xl">
-                <div class="text-xs font-semibold uppercase mb-2">Shop</div>
-                <div class="text-sm opacity-80">{{ shopCounts().analyses }} {{ shopCounts().analyses === 1 ? 'analysis' : 'analyses' }}</div>
-                <div class="text-sm opacity-80">{{ shopCounts().goals }} {{ shopCounts().goals === 1 ? 'goal' : 'goals' }}</div>
-              </div>
-              <div [ngClass]="getSourceCountCardClasses('FOCUS_AREA')" class="p-4 rounded-xl">
-                <div class="text-xs font-semibold uppercase mb-2">Focus Area</div>
-                <div class="text-sm opacity-80">{{ focusAreaCounts().analyses }} {{ focusAreaCounts().analyses === 1 ? 'analysis' : 'analyses' }}</div>
-                <div class="text-sm opacity-80">{{ focusAreaCounts().goals }} {{ focusAreaCounts().goals === 1 ? 'goal' : 'goals' }}</div>
-              </div>
-              <div [ngClass]="getSourceCountCardClasses('METRIC')" class="p-4 rounded-xl">
-                <div class="text-xs font-semibold uppercase mb-2">Metric</div>
-                <div class="text-sm opacity-80">{{ metricCounts().analyses }} {{ metricCounts().analyses === 1 ? 'analysis' : 'analyses' }}</div>
-                <div class="text-sm opacity-80">{{ metricCounts().goals }} {{ metricCounts().goals === 1 ? 'goal' : 'goals' }}</div>
-              </div>
-            </div>
 
             <symphiq-executive-summary-stats-grid
               [viewMode]="viewMode()"
@@ -101785,15 +101893,15 @@ class UnifiedExecutiveSummaryComponent {
   `
             }]
     }], null, { summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], shopCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopCounts", required: false }] }], focusAreaCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaCounts", required: false }] }], metricCounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricCounts", required: false }] }], quickWinsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "quickWinsCount", required: false }] }], keyStrengthsClick: [{ type: i0.Output, args: ["keyStrengthsClick"] }], criticalGapsClick: [{ type: i0.Output, args: ["criticalGapsClick"] }], quickWinsClick: [{ type: i0.Output, args: ["quickWinsClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedExecutiveSummaryComponent, { className: "UnifiedExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-executive-summary.component.ts", lineNumber: 97 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedExecutiveSummaryComponent, { className: "UnifiedExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-executive-summary.component.ts", lineNumber: 92 }); })();
 
 const _c0$b = a0 => ({ name: "calendar", source: a0 });
 const _forTrack0$b = ($index, $item) => $item.id;
 const _forTrack1$2 = ($index, $item) => $item.title;
 function UnifiedTimelineComponent_Conditional_0_For_8_Conditional_11_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵelement(1, "span", 20);
-    i0.ɵɵelementStart(2, "span", 21);
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵelement(1, "span", 21);
+    i0.ɵɵelementStart(2, "span", 22);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -101806,11 +101914,11 @@ function UnifiedTimelineComponent_Conditional_0_For_8_Conditional_11_For_5_Templ
     i0.ɵɵtextInterpolate(milestone_r1.title);
 } }
 function UnifiedTimelineComponent_Conditional_0_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15)(1, "div", 17);
+    i0.ɵɵelementStart(0, "div", 15)(1, "div", 18);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 18);
-    i0.ɵɵrepeaterCreate(4, UnifiedTimelineComponent_Conditional_0_For_8_Conditional_11_For_5_Template, 4, 3, "div", 19, _forTrack1$2);
+    i0.ɵɵelementStart(3, "div", 19);
+    i0.ɵɵrepeaterCreate(4, UnifiedTimelineComponent_Conditional_0_For_8_Conditional_11_For_5_Template, 4, 3, "div", 20, _forTrack1$2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const phase_r3 = i0.ɵɵnextContext().$implicit;
@@ -101824,14 +101932,14 @@ function UnifiedTimelineComponent_Conditional_0_For_8_Conditional_11_Template(rf
 } }
 function UnifiedTimelineComponent_Conditional_0_For_8_Conditional_12_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵelementStart(0, "div", 25);
     i0.ɵɵlistener("click", function UnifiedTimelineComponent_Conditional_0_For_8_Conditional_12_For_5_Template_div_click_0_listener() { const goal_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onGoalChipClick(goal_r5)); });
-    i0.ɵɵelementStart(1, "span", 25);
+    i0.ɵɵelementStart(1, "span", 26);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(3, "svg", 26);
-    i0.ɵɵelement(4, "path", 27);
+    i0.ɵɵelementStart(3, "svg", 27);
+    i0.ɵɵelement(4, "path", 28);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const goal_r5 = ctx.$implicit;
@@ -101841,11 +101949,11 @@ function UnifiedTimelineComponent_Conditional_0_For_8_Conditional_12_For_5_Templ
     i0.ɵɵtextInterpolate(goal_r5.title);
 } }
 function UnifiedTimelineComponent_Conditional_0_For_8_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15)(1, "div", 17);
+    i0.ɵɵelementStart(0, "div", 15)(1, "div", 18);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 22);
-    i0.ɵɵrepeaterCreate(4, UnifiedTimelineComponent_Conditional_0_For_8_Conditional_12_For_5_Template, 5, 2, "div", 23, _forTrack0$b);
+    i0.ɵɵelementStart(3, "div", 23);
+    i0.ɵɵrepeaterCreate(4, UnifiedTimelineComponent_Conditional_0_For_8_Conditional_12_For_5_Template, 5, 2, "div", 24, _forTrack0$b);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const phase_r3 = i0.ɵɵnextContext().$implicit;
@@ -101874,6 +101982,9 @@ function UnifiedTimelineComponent_Conditional_0_For_8_Template(rf, ctx) { if (rf
     i0.ɵɵconditionalCreate(12, UnifiedTimelineComponent_Conditional_0_For_8_Conditional_12_Template, 6, 2, "div", 15);
     i0.ɵɵelementStart(13, "div", 16);
     i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "div", 17);
+    i0.ɵɵtext(16);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const phase_r3 = ctx.$implicit;
@@ -101907,6 +102018,10 @@ function UnifiedTimelineComponent_Conditional_0_For_8_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngClass", ctx_r1.phaseIndicatorClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" Phase ", ɵ$index_16_r6 + 1, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.phaseIndicatorMobileClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" Phase ", ɵ$index_16_r6 + 1, " ");
 } }
 function UnifiedTimelineComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "section", 0);
@@ -101914,7 +102029,7 @@ function UnifiedTimelineComponent_Conditional_0_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementStart(3, "div", 3)(4, "div", 4);
     i0.ɵɵelement(5, "div", 5);
     i0.ɵɵelementStart(6, "div", 6);
-    i0.ɵɵrepeaterCreate(7, UnifiedTimelineComponent_Conditional_0_For_8_Template, 15, 29, "div", 7, _forTrack0$b);
+    i0.ɵɵrepeaterCreate(7, UnifiedTimelineComponent_Conditional_0_For_8_Template, 17, 31, "div", 7, _forTrack0$b);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -101962,6 +102077,9 @@ class UnifiedTimelineComponent {
         this.objectiveItemClasses = computed(() => this.isLightMode() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "objectiveItemClasses" }] : []));
         this.moreObjectivesClasses = computed(() => this.isLightMode() ? 'text-slate-400' : 'text-slate-500', ...(ngDevMode ? [{ debugName: "moreObjectivesClasses" }] : []));
         this.phaseIndicatorClasses = computed(() => this.isLightMode() ? 'text-blue-600' : 'text-blue-400', ...(ngDevMode ? [{ debugName: "phaseIndicatorClasses" }] : []));
+        this.phaseIndicatorMobileClasses = computed(() => this.isLightMode()
+            ? 'bg-blue-100 text-blue-700 border border-blue-200'
+            : 'bg-blue-900/50 text-blue-300 border border-blue-700/50', ...(ngDevMode ? [{ debugName: "phaseIndicatorMobileClasses" }] : []));
         this.nodeClasses = {
             light: ['bg-white border-blue-500', 'bg-white border-cyan-500', 'bg-white border-teal-500', 'bg-white border-emerald-500'],
             dark: ['bg-slate-800 border-blue-500', 'bg-slate-800 border-cyan-500', 'bg-slate-800 border-teal-500', 'bg-slate-800 border-emerald-500']
@@ -102018,7 +102136,7 @@ class UnifiedTimelineComponent {
         this.goalClick.emit(goal);
     }
     static { this.ɵfac = function UnifiedTimelineComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedTimelineComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedTimelineComponent, selectors: [["symphiq-unified-timeline"]], inputs: { timeline: [1, "timeline"], viewMode: [1, "viewMode"], goals: [1, "goals"] }, outputs: { goalClick: "goalClick" }, decls: 1, vars: 1, consts: [["id", "section-timeline", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "sectionIcon"], ["title", "Implementation Timeline", 3, "icon", "viewMode"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "relative"], [1, "absolute", "left-6", "top-0", "bottom-0", "w-0.5", 3, "ngClass"], [1, "space-y-8"], [1, "relative", "pl-16", "group"], [1, "absolute", "left-4", "w-5", "h-5", "rounded-full", "border-4", "flex", "items-center", "justify-center", "transition-all", "duration-300", "group-hover:scale-125", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", 3, "ngClass"], [1, "rounded-xl", "p-5", "transition-all", "duration-300", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-3"], [1, "text-base", "font-semibold", 3, "ngClass"], [1, "px-2", "py-1", "text-xs", "font-semibold", "rounded-full", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "mt-4"], [1, "absolute", "-left-[52px]", "top-0", "text-xs", "font-bold", "transition-all", "duration-300", "origin-right", "group-hover:scale-125", "group-hover:font-extrabold", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-2", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2", "text-sm", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "mt-1.5", "flex-shrink-0", 3, "ngClass"], [1, "line-clamp-1"], [1, "space-y-3"], [1, "goal-chip", "flex", "items-center", "justify-between", "gap-2", "px-3", "py-2", "rounded-lg", "cursor-pointer", 3, "ngClass"], [1, "goal-chip", "flex", "items-center", "justify-between", "gap-2", "px-3", "py-2", "rounded-lg", "cursor-pointer", 3, "click", "ngClass"], [1, "text-sm", "font-medium", "line-clamp-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"]], template: function UnifiedTimelineComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedTimelineComponent, selectors: [["symphiq-unified-timeline"]], inputs: { timeline: [1, "timeline"], viewMode: [1, "viewMode"], goals: [1, "goals"] }, outputs: { goalClick: "goalClick" }, decls: 1, vars: 1, consts: [["id", "section-timeline", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "sectionIcon"], ["title", "Implementation Timeline", 3, "icon", "viewMode"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "relative"], [1, "absolute", "left-6", "top-0", "bottom-0", "w-0.5", 3, "ngClass"], [1, "space-y-12", "md:space-y-8", "mt-8", "md:mt-0"], [1, "relative", "pl-16", "group"], [1, "absolute", "left-4", "w-5", "h-5", "rounded-full", "border-4", "flex", "items-center", "justify-center", "transition-all", "duration-300", "group-hover:scale-125", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", 3, "ngClass"], [1, "rounded-xl", "p-5", "transition-all", "duration-300", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-3"], [1, "text-base", "font-semibold", 3, "ngClass"], [1, "px-2", "py-1", "text-xs", "font-semibold", "rounded-full", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "mt-4"], [1, "absolute", "text-xs", "font-bold", "transition-all", "duration-300", "group-hover:scale-110", "group-hover:font-extrabold", "-left-[52px]", "top-0", "origin-right", "hidden", "md:block", 3, "ngClass"], [1, "absolute", "-top-8", "left-0", "text-xs", "font-bold", "px-2", "py-1", "rounded-full", "md:hidden", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-2", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2", "text-sm", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "mt-1.5", "flex-shrink-0", 3, "ngClass"], [1, "line-clamp-1"], [1, "space-y-3"], [1, "goal-chip", "flex", "items-center", "justify-between", "gap-2", "px-3", "py-2", "rounded-lg", "cursor-pointer", 3, "ngClass"], [1, "goal-chip", "flex", "items-center", "justify-between", "gap-2", "px-3", "py-2", "rounded-lg", "cursor-pointer", 3, "click", "ngClass"], [1, "text-sm", "font-medium", "line-clamp-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"]], template: function UnifiedTimelineComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, UnifiedTimelineComponent_Conditional_0_Template, 9, 10, "section", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.phases().length > 0 ? 0 : -1);
@@ -102043,7 +102161,7 @@ class UnifiedTimelineComponent {
           <div class="relative">
             <div [ngClass]="lineClasses()" class="absolute left-6 top-0 bottom-0 w-0.5"></div>
 
-            <div class="space-y-8">
+            <div class="space-y-12 md:space-y-8 mt-8 md:mt-0">
               @for (phase of phases(); track phase.id; let idx = $index) {
                 <div class="relative pl-16 group">
                   <div
@@ -102111,7 +102229,10 @@ class UnifiedTimelineComponent {
                       </div>
                     }
 
-                    <div [ngClass]="phaseIndicatorClasses()" class="absolute -left-[52px] top-0 text-xs font-bold transition-all duration-300 origin-right group-hover:scale-125 group-hover:font-extrabold">
+                    <div [ngClass]="phaseIndicatorClasses()" class="absolute text-xs font-bold transition-all duration-300 group-hover:scale-110 group-hover:font-extrabold -left-[52px] top-0 origin-right hidden md:block">
+                      Phase {{ idx + 1 }}
+                    </div>
+                    <div [ngClass]="phaseIndicatorMobileClasses()" class="absolute -top-8 left-0 text-xs font-bold px-2 py-1 rounded-full md:hidden">
                       Phase {{ idx + 1 }}
                     </div>
                   </div>
@@ -102124,192 +102245,108 @@ class UnifiedTimelineComponent {
     }
   `, styles: ["@keyframes pulse-glow-blue{0%,to{box-shadow:0 0 5px #3b82f680,0 0 10px #3b82f64d}50%{box-shadow:0 0 15px #3b82f6cc,0 0 25px #3b82f680,0 0 35px #3b82f64d}}@keyframes pulse-glow-cyan{0%,to{box-shadow:0 0 5px #06b6d480,0 0 10px #06b6d44d}50%{box-shadow:0 0 15px #06b6d4cc,0 0 25px #06b6d480,0 0 35px #06b6d44d}}@keyframes pulse-glow-teal{0%,to{box-shadow:0 0 5px #14b8a680,0 0 10px #14b8a64d}50%{box-shadow:0 0 15px #14b8a6cc,0 0 25px #14b8a680,0 0 35px #14b8a64d}}@keyframes pulse-glow-emerald{0%,to{box-shadow:0 0 5px #10b98180,0 0 10px #10b9814d}50%{box-shadow:0 0 15px #10b981cc,0 0 25px #10b98180,0 0 35px #10b9814d}}.group:hover .animate-pulse-glow-blue{animation:pulse-glow-blue 1.5s ease-in-out infinite}.group:hover .animate-pulse-glow-cyan{animation:pulse-glow-cyan 1.5s ease-in-out infinite}.group:hover .animate-pulse-glow-teal{animation:pulse-glow-teal 1.5s ease-in-out infinite}.group:hover .animate-pulse-glow-emerald{animation:pulse-glow-emerald 1.5s ease-in-out infinite}.card-glow-blue:hover{box-shadow:0 0 20px #3b82f666,0 0 40px #3b82f633,0 10px 30px #0000004d;border-color:#3b82f6cc!important}.card-glow-cyan:hover{box-shadow:0 0 20px #06b6d466,0 0 40px #06b6d433,0 10px 30px #0000004d;border-color:#06b6d4cc!important}.card-glow-teal:hover{box-shadow:0 0 20px #14b8a666,0 0 40px #14b8a633,0 10px 30px #0000004d;border-color:#14b8a6cc!important}.card-glow-emerald:hover{box-shadow:0 0 20px #10b98166,0 0 40px #10b98133,0 10px 30px #0000004d;border-color:#10b981cc!important}.goal-chip{transition:all .3s ease}.goal-chip:hover{transform:scale(1.03) translate(4px);box-shadow:0 0 15px #8b5cf680,0 0 30px #8b5cf64d;border-color:#8b5cf6cc!important}\n"] }]
     }], null, { timeline: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeline", required: true }] }], 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"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedTimelineComponent, { className: "UnifiedTimelineComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-timeline.component.ts", lineNumber: 181 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedTimelineComponent, { className: "UnifiedTimelineComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-timeline.component.ts", lineNumber: 184 }); })();
 
 const _c0$a = a0 => ({ name: "squares-2x2", source: a0 });
 const _forTrack0$a = ($index, $item) => $item.id;
-function UnifiedPriorityMatrixComponent_Conditional_0_For_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 22);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const goal_r2 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.sourceIndicatorClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate((goal_r2.sourceAnalyses == null ? null : goal_r2.sourceAnalyses.length) ?? 0);
-} }
-function UnifiedPriorityMatrixComponent_Conditional_0_For_18_Template(rf, ctx) { if (rf & 1) {
+function UnifiedPriorityMatrixComponent_Conditional_0_For_21_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 19);
-    i0.ɵɵlistener("click", function UnifiedPriorityMatrixComponent_Conditional_0_For_18_Template_button_click_0_listener() { const goal_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onGoalClick(goal_r2)); });
-    i0.ɵɵelementStart(1, "div", 20)(2, "span", 21);
+    i0.ɵɵelementStart(0, "button", 25);
+    i0.ɵɵlistener("click", function UnifiedPriorityMatrixComponent_Conditional_0_For_21_Template_button_click_0_listener() { const goal_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onGoalClick(goal_r2)); });
+    i0.ɵɵelementStart(1, "div", 26)(2, "span", 27);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, UnifiedPriorityMatrixComponent_Conditional_0_For_18_Conditional_4_Template, 2, 2, "span", 22);
-    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(4, "svg", 28);
+    i0.ɵɵelement(5, "path", 29);
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const goal_r2 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r2.getGoalClasses("quickWins"));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(goal_r2.title);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(((goal_r2.sourceAnalyses == null ? null : goal_r2.sourceAnalyses.length) ?? 0) > 0 ? 4 : -1);
-} }
-function UnifiedPriorityMatrixComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.moreGoalsClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("+", ctx_r2.matrix().quickWins.length - 3, " more");
 } }
-function UnifiedPriorityMatrixComponent_Conditional_0_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
+function UnifiedPriorityMatrixComponent_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
     i0.ɵɵtext(1, "No goals");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r2.emptyClasses());
 } }
-function UnifiedPriorityMatrixComponent_Conditional_0_For_30_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 22);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const goal_r5 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.sourceIndicatorClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate((goal_r5.sourceAnalyses == null ? null : goal_r5.sourceAnalyses.length) ?? 0);
-} }
-function UnifiedPriorityMatrixComponent_Conditional_0_For_30_Template(rf, ctx) { if (rf & 1) {
+function UnifiedPriorityMatrixComponent_Conditional_0_For_32_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 19);
-    i0.ɵɵlistener("click", function UnifiedPriorityMatrixComponent_Conditional_0_For_30_Template_button_click_0_listener() { const goal_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onGoalClick(goal_r5)); });
-    i0.ɵɵelementStart(1, "div", 20)(2, "span", 21);
+    i0.ɵɵelementStart(0, "button", 25);
+    i0.ɵɵlistener("click", function UnifiedPriorityMatrixComponent_Conditional_0_For_32_Template_button_click_0_listener() { const goal_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onGoalClick(goal_r5)); });
+    i0.ɵɵelementStart(1, "div", 26)(2, "span", 27);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, UnifiedPriorityMatrixComponent_Conditional_0_For_30_Conditional_4_Template, 2, 2, "span", 22);
-    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(4, "svg", 28);
+    i0.ɵɵelement(5, "path", 29);
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const goal_r5 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r2.getGoalClasses("majorProjects"));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(goal_r5.title);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(((goal_r5.sourceAnalyses == null ? null : goal_r5.sourceAnalyses.length) ?? 0) > 0 ? 4 : -1);
-} }
-function UnifiedPriorityMatrixComponent_Conditional_0_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.moreGoalsClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("+", ctx_r2.matrix().majorProjects.length - 3, " more");
 } }
-function UnifiedPriorityMatrixComponent_Conditional_0_Conditional_32_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
+function UnifiedPriorityMatrixComponent_Conditional_0_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
     i0.ɵɵtext(1, "No goals");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r2.emptyClasses());
 } }
-function UnifiedPriorityMatrixComponent_Conditional_0_For_42_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 22);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const goal_r7 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.sourceIndicatorClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate((goal_r7.sourceAnalyses == null ? null : goal_r7.sourceAnalyses.length) ?? 0);
-} }
-function UnifiedPriorityMatrixComponent_Conditional_0_For_42_Template(rf, ctx) { if (rf & 1) {
+function UnifiedPriorityMatrixComponent_Conditional_0_For_43_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 19);
-    i0.ɵɵlistener("click", function UnifiedPriorityMatrixComponent_Conditional_0_For_42_Template_button_click_0_listener() { const goal_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onGoalClick(goal_r7)); });
-    i0.ɵɵelementStart(1, "div", 20)(2, "span", 21);
+    i0.ɵɵelementStart(0, "button", 25);
+    i0.ɵɵlistener("click", function UnifiedPriorityMatrixComponent_Conditional_0_For_43_Template_button_click_0_listener() { const goal_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onGoalClick(goal_r7)); });
+    i0.ɵɵelementStart(1, "div", 26)(2, "span", 27);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, UnifiedPriorityMatrixComponent_Conditional_0_For_42_Conditional_4_Template, 2, 2, "span", 22);
-    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(4, "svg", 28);
+    i0.ɵɵelement(5, "path", 29);
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const goal_r7 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r2.getGoalClasses("fillIns"));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(goal_r7.title);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(((goal_r7.sourceAnalyses == null ? null : goal_r7.sourceAnalyses.length) ?? 0) > 0 ? 4 : -1);
-} }
-function UnifiedPriorityMatrixComponent_Conditional_0_Conditional_43_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.moreGoalsClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("+", ctx_r2.matrix().fillIns.length - 3, " more");
 } }
 function UnifiedPriorityMatrixComponent_Conditional_0_Conditional_44_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵelementStart(0, "div", 18);
     i0.ɵɵtext(1, "No goals");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r2.emptyClasses());
 } }
-function UnifiedPriorityMatrixComponent_Conditional_0_For_54_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 22);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const goal_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.sourceIndicatorClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate((goal_r9.sourceAnalyses == null ? null : goal_r9.sourceAnalyses.length) ?? 0);
-} }
 function UnifiedPriorityMatrixComponent_Conditional_0_For_54_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 19);
+    i0.ɵɵelementStart(0, "button", 25);
     i0.ɵɵlistener("click", function UnifiedPriorityMatrixComponent_Conditional_0_For_54_Template_button_click_0_listener() { const goal_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onGoalClick(goal_r9)); });
-    i0.ɵɵelementStart(1, "div", 20)(2, "span", 21);
+    i0.ɵɵelementStart(1, "div", 26)(2, "span", 27);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, UnifiedPriorityMatrixComponent_Conditional_0_For_54_Conditional_4_Template, 2, 2, "span", 22);
-    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(4, "svg", 28);
+    i0.ɵɵelement(5, "path", 29);
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const goal_r9 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r2.getGoalClasses("thankless"));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(goal_r9.title);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(((goal_r9.sourceAnalyses == null ? null : goal_r9.sourceAnalyses.length) ?? 0) > 0 ? 4 : -1);
 } }
 function UnifiedPriorityMatrixComponent_Conditional_0_Conditional_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.moreGoalsClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("+", ctx_r2.matrix().thankless.length - 3, " more");
-} }
-function UnifiedPriorityMatrixComponent_Conditional_0_Conditional_56_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵelementStart(0, "div", 18);
     i0.ɵɵtext(1, "No goals");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -102320,63 +102357,63 @@ function UnifiedPriorityMatrixComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵelementStart(0, "section", 0);
     i0.ɵɵelement(1, "symphiq-section-divider", 1)(2, "symphiq-section-header", 2);
     i0.ɵɵelementStart(3, "div", 3)(4, "div", 4)(5, "div", 5);
-    i0.ɵɵtext(6, " Impact ");
+    i0.ɵɵelement(6, "div", 6);
+    i0.ɵɵelementStart(7, "div", 7)(8, "span", 8);
+    i0.ɵɵtext(9, "Impact");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "div", 9)(11, "div", 10)(12, "div", 11)(13, "div", 12);
+    i0.ɵɵelement(14, "div", 13);
+    i0.ɵɵelementStart(15, "h4", 14);
+    i0.ɵɵtext(16, "Quick Wins");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "p", 15);
+    i0.ɵɵtext(18, "High Impact / Low Effort");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "div", 16);
+    i0.ɵɵrepeaterCreate(20, UnifiedPriorityMatrixComponent_Conditional_0_For_21_Template, 6, 2, "button", 17, _forTrack0$a);
+    i0.ɵɵconditionalCreate(22, UnifiedPriorityMatrixComponent_Conditional_0_Conditional_22_Template, 2, 1, "div", 18);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(23, "div", 11)(24, "div", 12);
+    i0.ɵɵelement(25, "div", 19);
+    i0.ɵɵelementStart(26, "h4", 14);
+    i0.ɵɵtext(27, "Major Projects");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(28, "p", 15);
+    i0.ɵɵtext(29, "High Impact / High Effort");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 6);
-    i0.ɵɵtext(8, " Effort ");
+    i0.ɵɵelementStart(30, "div", 16);
+    i0.ɵɵrepeaterCreate(31, UnifiedPriorityMatrixComponent_Conditional_0_For_32_Template, 6, 2, "button", 17, _forTrack0$a);
+    i0.ɵɵconditionalCreate(33, UnifiedPriorityMatrixComponent_Conditional_0_Conditional_33_Template, 2, 1, "div", 18);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(34, "div", 11)(35, "div", 12);
+    i0.ɵɵelement(36, "div", 20);
+    i0.ɵɵelementStart(37, "h4", 14);
+    i0.ɵɵtext(38, "Fill-Ins");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(39, "p", 15);
+    i0.ɵɵtext(40, "Low Impact / Low Effort");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 7)(10, "div", 8);
-    i0.ɵɵelement(11, "div", 9);
-    i0.ɵɵelementStart(12, "h4", 10);
-    i0.ɵɵtext(13, "Quick Wins");
+    i0.ɵɵelementStart(41, "div", 16);
+    i0.ɵɵrepeaterCreate(42, UnifiedPriorityMatrixComponent_Conditional_0_For_43_Template, 6, 2, "button", 17, _forTrack0$a);
+    i0.ɵɵconditionalCreate(44, UnifiedPriorityMatrixComponent_Conditional_0_Conditional_44_Template, 2, 1, "div", 18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "p", 11);
-    i0.ɵɵtext(15, "High Impact / Low Effort");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div", 12);
-    i0.ɵɵrepeaterCreate(17, UnifiedPriorityMatrixComponent_Conditional_0_For_18_Template, 5, 3, "button", 13, _forTrack0$a);
-    i0.ɵɵconditionalCreate(19, UnifiedPriorityMatrixComponent_Conditional_0_Conditional_19_Template, 2, 2, "div", 14);
-    i0.ɵɵconditionalCreate(20, UnifiedPriorityMatrixComponent_Conditional_0_Conditional_20_Template, 2, 1, "div", 15);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 7)(22, "div", 8);
-    i0.ɵɵelement(23, "div", 16);
-    i0.ɵɵelementStart(24, "h4", 10);
-    i0.ɵɵtext(25, "Major Projects");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "p", 11);
-    i0.ɵɵtext(27, "High Impact / High Effort");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "div", 12);
-    i0.ɵɵrepeaterCreate(29, UnifiedPriorityMatrixComponent_Conditional_0_For_30_Template, 5, 3, "button", 13, _forTrack0$a);
-    i0.ɵɵconditionalCreate(31, UnifiedPriorityMatrixComponent_Conditional_0_Conditional_31_Template, 2, 2, "div", 14);
-    i0.ɵɵconditionalCreate(32, UnifiedPriorityMatrixComponent_Conditional_0_Conditional_32_Template, 2, 1, "div", 15);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(33, "div", 7)(34, "div", 8);
-    i0.ɵɵelement(35, "div", 17);
-    i0.ɵɵelementStart(36, "h4", 10);
-    i0.ɵɵtext(37, "Fill-Ins");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(38, "p", 11);
-    i0.ɵɵtext(39, "Low Impact / Low Effort");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(40, "div", 12);
-    i0.ɵɵrepeaterCreate(41, UnifiedPriorityMatrixComponent_Conditional_0_For_42_Template, 5, 3, "button", 13, _forTrack0$a);
-    i0.ɵɵconditionalCreate(43, UnifiedPriorityMatrixComponent_Conditional_0_Conditional_43_Template, 2, 2, "div", 14);
-    i0.ɵɵconditionalCreate(44, UnifiedPriorityMatrixComponent_Conditional_0_Conditional_44_Template, 2, 1, "div", 15);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(45, "div", 7)(46, "div", 8);
-    i0.ɵɵelement(47, "div", 18);
-    i0.ɵɵelementStart(48, "h4", 10);
+    i0.ɵɵelementStart(45, "div", 11)(46, "div", 12);
+    i0.ɵɵelement(47, "div", 21);
+    i0.ɵɵelementStart(48, "h4", 14);
     i0.ɵɵtext(49, "Time Permitting");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(50, "p", 11);
+    i0.ɵɵelementStart(50, "p", 15);
     i0.ɵɵtext(51, "Low Impact / High Effort");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(52, "div", 12);
-    i0.ɵɵrepeaterCreate(53, UnifiedPriorityMatrixComponent_Conditional_0_For_54_Template, 5, 3, "button", 13, _forTrack0$a);
-    i0.ɵɵconditionalCreate(55, UnifiedPriorityMatrixComponent_Conditional_0_Conditional_55_Template, 2, 2, "div", 14);
-    i0.ɵɵconditionalCreate(56, UnifiedPriorityMatrixComponent_Conditional_0_Conditional_56_Template, 2, 1, "div", 15);
-    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵelementStart(52, "div", 16);
+    i0.ɵɵrepeaterCreate(53, UnifiedPriorityMatrixComponent_Conditional_0_For_54_Template, 6, 2, "button", 17, _forTrack0$a);
+    i0.ɵɵconditionalCreate(55, UnifiedPriorityMatrixComponent_Conditional_0_Conditional_55_Template, 2, 1, "div", 18);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(56, "div", 22);
+    i0.ɵɵelement(57, "div", 23);
+    i0.ɵɵelementStart(58, "div", 24)(59, "span", 8);
+    i0.ɵɵtext(60, "Effort");
+    i0.ɵɵelementEnd()()()()()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
@@ -102385,22 +102422,22 @@ function UnifiedPriorityMatrixComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(29, _c0$a, ctx_r2.IconSourceEnum.HEROICONS))("viewMode", ctx_r2.viewMode());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r2.containerClasses());
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.axisLabelClasses());
-    i0.ɵɵadvance(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngClass", ctx_r2.axisLineClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r2.axisLabelBgClasses());
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r2.axisLabelClasses());
-    i0.ɵɵadvance(2);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("ngClass", ctx_r2.getQuadrantClasses("quick-wins"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r2.titleClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r2.subtitleClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r2.matrix().quickWins.slice(0, 3));
+    i0.ɵɵrepeater(ctx_r2.matrix().quickWins);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.matrix().quickWins.length > 3 ? 19 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.matrix().quickWins.length === 0 ? 20 : -1);
+    i0.ɵɵconditional(ctx_r2.matrix().quickWins.length === 0 ? 22 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r2.getQuadrantClasses("major-projects"));
     i0.ɵɵadvance(3);
@@ -102408,11 +102445,9 @@ function UnifiedPriorityMatrixComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r2.subtitleClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r2.matrix().majorProjects.slice(0, 3));
+    i0.ɵɵrepeater(ctx_r2.matrix().majorProjects);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.matrix().majorProjects.length > 3 ? 31 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.matrix().majorProjects.length === 0 ? 32 : -1);
+    i0.ɵɵconditional(ctx_r2.matrix().majorProjects.length === 0 ? 33 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r2.getQuadrantClasses("fill-ins"));
     i0.ɵɵadvance(3);
@@ -102420,10 +102455,8 @@ function UnifiedPriorityMatrixComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r2.subtitleClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r2.matrix().fillIns.slice(0, 3));
+    i0.ɵɵrepeater(ctx_r2.matrix().fillIns);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.matrix().fillIns.length > 3 ? 43 : -1);
-    i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r2.matrix().fillIns.length === 0 ? 44 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r2.getQuadrantClasses("time-permitting"));
@@ -102432,11 +102465,15 @@ function UnifiedPriorityMatrixComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r2.subtitleClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r2.matrix().thankless.slice(0, 3));
+    i0.ɵɵrepeater(ctx_r2.matrix().thankless);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.matrix().thankless.length > 3 ? 55 : -1);
+    i0.ɵɵconditional(ctx_r2.matrix().thankless.length === 0 ? 55 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r2.axisLineHorizontalClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r2.axisLabelBgClasses());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.matrix().thankless.length === 0 ? 56 : -1);
+    i0.ɵɵproperty("ngClass", ctx_r2.axisLabelClasses());
 } }
 class UnifiedPriorityMatrixComponent {
     constructor() {
@@ -102453,6 +102490,15 @@ class UnifiedPriorityMatrixComponent {
             ? 'bg-white border border-slate-200'
             : 'bg-slate-800/50 border border-slate-700/50', ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
         this.axisLabelClasses = computed(() => this.isLightMode() ? 'text-slate-400' : 'text-slate-500', ...(ngDevMode ? [{ debugName: "axisLabelClasses" }] : []));
+        this.axisLineClasses = computed(() => this.isLightMode()
+            ? 'bg-gradient-to-b from-blue-400 via-cyan-400 to-teal-400'
+            : 'bg-gradient-to-b from-blue-600 via-cyan-600 to-teal-600', ...(ngDevMode ? [{ debugName: "axisLineClasses" }] : []));
+        this.axisLineHorizontalClasses = computed(() => this.isLightMode()
+            ? 'bg-gradient-to-r from-blue-400 via-cyan-400 to-teal-400'
+            : 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600', ...(ngDevMode ? [{ debugName: "axisLineHorizontalClasses" }] : []));
+        this.axisLabelBgClasses = computed(() => this.isLightMode()
+            ? 'bg-white'
+            : 'bg-slate-800', ...(ngDevMode ? [{ debugName: "axisLabelBgClasses" }] : []));
         this.titleClasses = computed(() => this.isLightMode() ? 'text-slate-800' : 'text-white', ...(ngDevMode ? [{ debugName: "titleClasses" }] : []));
         this.subtitleClasses = computed(() => this.isLightMode() ? 'text-slate-500' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "subtitleClasses" }] : []));
         this.sourceIndicatorClasses = computed(() => this.isLightMode()
@@ -102501,8 +102547,8 @@ class UnifiedPriorityMatrixComponent {
         this.goalClick.emit(goal);
     }
     static { this.ɵfac = function UnifiedPriorityMatrixComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedPriorityMatrixComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedPriorityMatrixComponent, selectors: [["symphiq-unified-priority-matrix"]], inputs: { matrix: [1, "matrix"], viewMode: [1, "viewMode"] }, outputs: { goalClick: "goalClick" }, decls: 1, vars: 1, consts: [["id", "section-priority-matrix", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "sectionIcon"], ["title", "Priority Matrix", 3, "icon", "viewMode"], [1, "rounded-2xl", "p-6", "shadow-xl", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "relative"], [1, "absolute", "-left-2", "top-1/2", "-translate-y-1/2", "-rotate-90", "text-xs", "font-semibold", "uppercase", "tracking-wider", "whitespace-nowrap", "origin-center", 3, "ngClass"], [1, "absolute", "bottom-0", "left-1/2", "-translate-x-1/2", "translate-y-6", "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "rounded-xl", "p-4", "min-h-[180px]", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-3"], [1, "w-3", "h-3", "rounded-full", "bg-green-500"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-xs", "mb-3", 3, "ngClass"], [1, "space-y-2"], ["type", "button", 1, "w-full", "text-left", "p-2", "rounded-lg", "text-sm", "transition-all", "hover:scale-[1.02]", 3, "ngClass"], [1, "text-xs", "text-center", 3, "ngClass"], [1, "text-xs", "text-center", "py-4", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-amber-500"], [1, "w-3", "h-3", "rounded-full", "bg-blue-500"], [1, "w-3", "h-3", "rounded-full", "bg-slate-400"], ["type", "button", 1, "w-full", "text-left", "p-2", "rounded-lg", "text-sm", "transition-all", "hover:scale-[1.02]", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "line-clamp-1", "flex-1"], [1, "text-xs", 3, "ngClass"]], template: function UnifiedPriorityMatrixComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, UnifiedPriorityMatrixComponent_Conditional_0_Template, 57, 31, "section", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedPriorityMatrixComponent, selectors: [["symphiq-unified-priority-matrix"]], inputs: { matrix: [1, "matrix"], viewMode: [1, "viewMode"] }, outputs: { goalClick: "goalClick" }, decls: 1, vars: 1, consts: [["id", "section-priority-matrix", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "sectionIcon"], ["title", "Priority Matrix", 3, "icon", "viewMode"], [1, "rounded-2xl", "p-6", "shadow-xl", 3, "ngClass"], [1, "flex", "gap-4"], [1, "flex", "flex-col", "items-center", "justify-center", "relative", "w-6"], [1, "absolute", "inset-y-0", "left-1/2", "-translate-x-1/2", "w-0.5", 3, "ngClass"], [1, "-rotate-90", "text-xs", "font-semibold", "uppercase", "tracking-wider", "whitespace-nowrap", "px-2", "py-1", "rounded-md", "z-10", 3, "ngClass"], [3, "ngClass"], [1, "flex-1", "flex", "flex-col", "gap-4"], [1, "grid", "grid-cols-2", "gap-4"], [1, "rounded-xl", "p-4", "min-h-[180px]", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-3"], [1, "w-3", "h-3", "rounded-full", "bg-green-500"], [1, "text-sm", "font-semibold", "mb-0!", 3, "ngClass"], [1, "text-xs", "mb-3", 3, "ngClass"], [1, "space-y-2"], ["type", "button", 1, "w-full", "text-left", "p-2", "rounded-lg", "text-sm", "transition-all", "hover:scale-[1.02]", 3, "ngClass"], [1, "text-xs", "text-center", "py-4", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-amber-500"], [1, "w-3", "h-3", "rounded-full", "bg-blue-500"], [1, "w-3", "h-3", "rounded-full", "bg-slate-400"], [1, "flex", "items-center", "justify-center", "relative", "h-6"], [1, "absolute", "inset-x-0", "top-1/2", "-translate-y-1/2", "h-0.5", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "px-2", "py-1", "rounded-md", "z-10", 3, "ngClass"], ["type", "button", 1, "w-full", "text-left", "p-2", "rounded-lg", "text-sm", "transition-all", "hover:scale-[1.02]", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "line-clamp-1", "flex-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"]], template: function UnifiedPriorityMatrixComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, UnifiedPriorityMatrixComponent_Conditional_0_Template, 61, 31, "section", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.hasGoals() ? 0 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, SectionDividerComponent, SectionHeaderComponent], encapsulation: 2, changeDetection: 0 }); }
@@ -102528,135 +102574,134 @@ class UnifiedPriorityMatrixComponent {
         />
 
         <div [ngClass]="containerClasses()" class="rounded-2xl p-6 shadow-xl">
-          <div class="grid grid-cols-2 gap-4 relative">
-            <div [ngClass]="axisLabelClasses()" class="absolute -left-2 top-1/2 -translate-y-1/2 -rotate-90 text-xs font-semibold uppercase tracking-wider whitespace-nowrap origin-center">
-              Impact
-            </div>
-            <div [ngClass]="axisLabelClasses()" class="absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-6 text-xs font-semibold uppercase tracking-wider">
-              Effort
-            </div>
-
-            <!-- Quick Wins: High Impact / Low Effort -->
-            <div [ngClass]="getQuadrantClasses('quick-wins')" class="rounded-xl p-4 min-h-[180px]">
-              <div class="flex items-center gap-2 mb-3">
-                <div class="w-3 h-3 rounded-full bg-green-500"></div>
-                <h4 [ngClass]="titleClasses()" class="text-sm font-semibold">Quick Wins</h4>
-              </div>
-              <p [ngClass]="subtitleClasses()" class="text-xs mb-3">High Impact / Low Effort</p>
-              <div class="space-y-2">
-                @for (goal of matrix().quickWins.slice(0, 3); track goal.id) {
-                  <button
-                    type="button"
-                    [ngClass]="getGoalClasses('quickWins')"
-                    class="w-full text-left p-2 rounded-lg text-sm transition-all hover:scale-[1.02]"
-                    (click)="onGoalClick(goal)">
-                    <div class="flex items-center gap-2">
-                      <span class="line-clamp-1 flex-1">{{ goal.title }}</span>
-                      @if ((goal.sourceAnalyses?.length ?? 0) > 0) {
-                        <span [ngClass]="sourceIndicatorClasses()" class="text-xs">{{ (goal.sourceAnalyses?.length ?? 0) }}</span>
-                      }
-                    </div>
-                  </button>
-                }
-                @if (matrix().quickWins.length > 3) {
-                  <div [ngClass]="moreGoalsClasses()" class="text-xs text-center">+{{ matrix().quickWins.length - 3 }} more</div>
-                }
-                @if (matrix().quickWins.length === 0) {
-                  <div [ngClass]="emptyClasses()" class="text-xs text-center py-4">No goals</div>
-                }
+          <div class="flex gap-4">
+            <div class="flex flex-col items-center justify-center relative w-6">
+              <div [ngClass]="axisLineClasses()" class="absolute inset-y-0 left-1/2 -translate-x-1/2 w-0.5"></div>
+              <div [ngClass]="axisLabelBgClasses()" class="-rotate-90 text-xs font-semibold uppercase tracking-wider whitespace-nowrap px-2 py-1 rounded-md z-10">
+                <span [ngClass]="axisLabelClasses()">Impact</span>
               </div>
             </div>
 
-            <!-- Major Projects: High Impact / High Effort -->
-            <div [ngClass]="getQuadrantClasses('major-projects')" class="rounded-xl p-4 min-h-[180px]">
-              <div class="flex items-center gap-2 mb-3">
-                <div class="w-3 h-3 rounded-full bg-amber-500"></div>
-                <h4 [ngClass]="titleClasses()" class="text-sm font-semibold">Major Projects</h4>
-              </div>
-              <p [ngClass]="subtitleClasses()" class="text-xs mb-3">High Impact / High Effort</p>
-              <div class="space-y-2">
-                @for (goal of matrix().majorProjects.slice(0, 3); track goal.id) {
-                  <button
-                    type="button"
-                    [ngClass]="getGoalClasses('majorProjects')"
-                    class="w-full text-left p-2 rounded-lg text-sm transition-all hover:scale-[1.02]"
-                    (click)="onGoalClick(goal)">
-                    <div class="flex items-center gap-2">
-                      <span class="line-clamp-1 flex-1">{{ goal.title }}</span>
-                      @if ((goal.sourceAnalyses?.length ?? 0) > 0) {
-                        <span [ngClass]="sourceIndicatorClasses()" class="text-xs">{{ (goal.sourceAnalyses?.length ?? 0) }}</span>
-                      }
-                    </div>
-                  </button>
-                }
-                @if (matrix().majorProjects.length > 3) {
-                  <div [ngClass]="moreGoalsClasses()" class="text-xs text-center">+{{ matrix().majorProjects.length - 3 }} more</div>
-                }
-                @if (matrix().majorProjects.length === 0) {
-                  <div [ngClass]="emptyClasses()" class="text-xs text-center py-4">No goals</div>
-                }
-              </div>
-            </div>
+            <div class="flex-1 flex flex-col gap-4">
+              <div class="grid grid-cols-2 gap-4">
+                <!-- Quick Wins: High Impact / Low Effort -->
+                <div [ngClass]="getQuadrantClasses('quick-wins')" class="rounded-xl p-4 min-h-[180px]">
+                  <div class="flex items-center gap-2 mb-3">
+                    <div class="w-3 h-3 rounded-full bg-green-500"></div>
+                    <h4 [ngClass]="titleClasses()" class="text-sm font-semibold mb-0!">Quick Wins</h4>
+                  </div>
+                  <p [ngClass]="subtitleClasses()" class="text-xs mb-3">High Impact / Low Effort</p>
+                  <div class="space-y-2">
+                    @for (goal of matrix().quickWins; track goal.id) {
+                      <button
+                        type="button"
+                        [ngClass]="getGoalClasses('quickWins')"
+                        class="w-full text-left p-2 rounded-lg text-sm transition-all hover:scale-[1.02]"
+                        (click)="onGoalClick(goal)">
+                        <div class="flex items-center gap-2">
+                          <span class="line-clamp-1 flex-1">{{ goal.title }}</span>
+                          <svg class="w-4 h-4 flex-shrink-0 opacity-60" 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"></path>
+                          </svg>
+                        </div>
+                      </button>
+                    }
+                    @if (matrix().quickWins.length === 0) {
+                      <div [ngClass]="emptyClasses()" class="text-xs text-center py-4">No goals</div>
+                    }
+                  </div>
+                </div>
 
-            <!-- Fill-Ins: Low Impact / Low Effort -->
-            <div [ngClass]="getQuadrantClasses('fill-ins')" class="rounded-xl p-4 min-h-[180px]">
-              <div class="flex items-center gap-2 mb-3">
-                <div class="w-3 h-3 rounded-full bg-blue-500"></div>
-                <h4 [ngClass]="titleClasses()" class="text-sm font-semibold">Fill-Ins</h4>
-              </div>
-              <p [ngClass]="subtitleClasses()" class="text-xs mb-3">Low Impact / Low Effort</p>
-              <div class="space-y-2">
-                @for (goal of matrix().fillIns.slice(0, 3); track goal.id) {
-                  <button
-                    type="button"
-                    [ngClass]="getGoalClasses('fillIns')"
-                    class="w-full text-left p-2 rounded-lg text-sm transition-all hover:scale-[1.02]"
-                    (click)="onGoalClick(goal)">
-                    <div class="flex items-center gap-2">
-                      <span class="line-clamp-1 flex-1">{{ goal.title }}</span>
-                      @if ((goal.sourceAnalyses?.length ?? 0) > 0) {
-                        <span [ngClass]="sourceIndicatorClasses()" class="text-xs">{{ (goal.sourceAnalyses?.length ?? 0) }}</span>
-                      }
-                    </div>
-                  </button>
-                }
-                @if (matrix().fillIns.length > 3) {
-                  <div [ngClass]="moreGoalsClasses()" class="text-xs text-center">+{{ matrix().fillIns.length - 3 }} more</div>
-                }
-                @if (matrix().fillIns.length === 0) {
-                  <div [ngClass]="emptyClasses()" class="text-xs text-center py-4">No goals</div>
-                }
-              </div>
-            </div>
+                <!-- Major Projects: High Impact / High Effort -->
+                <div [ngClass]="getQuadrantClasses('major-projects')" class="rounded-xl p-4 min-h-[180px]">
+                  <div class="flex items-center gap-2 mb-3">
+                    <div class="w-3 h-3 rounded-full bg-amber-500"></div>
+                    <h4 [ngClass]="titleClasses()" class="text-sm font-semibold mb-0!">Major Projects</h4>
+                  </div>
+                  <p [ngClass]="subtitleClasses()" class="text-xs mb-3">High Impact / High Effort</p>
+                  <div class="space-y-2">
+                    @for (goal of matrix().majorProjects; track goal.id) {
+                      <button
+                        type="button"
+                        [ngClass]="getGoalClasses('majorProjects')"
+                        class="w-full text-left p-2 rounded-lg text-sm transition-all hover:scale-[1.02]"
+                        (click)="onGoalClick(goal)">
+                        <div class="flex items-center gap-2">
+                          <span class="line-clamp-1 flex-1">{{ goal.title }}</span>
+                          <svg class="w-4 h-4 flex-shrink-0 opacity-60" 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"></path>
+                          </svg>
+                        </div>
+                      </button>
+                    }
+                    @if (matrix().majorProjects.length === 0) {
+                      <div [ngClass]="emptyClasses()" class="text-xs text-center py-4">No goals</div>
+                    }
+                  </div>
+                </div>
 
-            <!-- Time Permitting: Low Impact / High Effort -->
-            <div [ngClass]="getQuadrantClasses('time-permitting')" class="rounded-xl p-4 min-h-[180px]">
-              <div class="flex items-center gap-2 mb-3">
-                <div class="w-3 h-3 rounded-full bg-slate-400"></div>
-                <h4 [ngClass]="titleClasses()" class="text-sm font-semibold">Time Permitting</h4>
+                <!-- Fill-Ins: Low Impact / Low Effort -->
+                <div [ngClass]="getQuadrantClasses('fill-ins')" class="rounded-xl p-4 min-h-[180px]">
+                  <div class="flex items-center gap-2 mb-3">
+                    <div class="w-3 h-3 rounded-full bg-blue-500"></div>
+                    <h4 [ngClass]="titleClasses()" class="text-sm font-semibold mb-0!">Fill-Ins</h4>
+                  </div>
+                  <p [ngClass]="subtitleClasses()" class="text-xs mb-3">Low Impact / Low Effort</p>
+                  <div class="space-y-2">
+                    @for (goal of matrix().fillIns; track goal.id) {
+                      <button
+                        type="button"
+                        [ngClass]="getGoalClasses('fillIns')"
+                        class="w-full text-left p-2 rounded-lg text-sm transition-all hover:scale-[1.02]"
+                        (click)="onGoalClick(goal)">
+                        <div class="flex items-center gap-2">
+                          <span class="line-clamp-1 flex-1">{{ goal.title }}</span>
+                          <svg class="w-4 h-4 flex-shrink-0 opacity-60" 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"></path>
+                          </svg>
+                        </div>
+                      </button>
+                    }
+                    @if (matrix().fillIns.length === 0) {
+                      <div [ngClass]="emptyClasses()" class="text-xs text-center py-4">No goals</div>
+                    }
+                  </div>
+                </div>
+
+                <!-- Time Permitting: Low Impact / High Effort -->
+                <div [ngClass]="getQuadrantClasses('time-permitting')" class="rounded-xl p-4 min-h-[180px]">
+                  <div class="flex items-center gap-2 mb-3">
+                    <div class="w-3 h-3 rounded-full bg-slate-400"></div>
+                    <h4 [ngClass]="titleClasses()" class="text-sm font-semibold mb-0!">Time Permitting</h4>
+                  </div>
+                  <p [ngClass]="subtitleClasses()" class="text-xs mb-3">Low Impact / High Effort</p>
+                  <div class="space-y-2">
+                    @for (goal of matrix().thankless; track goal.id) {
+                      <button
+                        type="button"
+                        [ngClass]="getGoalClasses('thankless')"
+                        class="w-full text-left p-2 rounded-lg text-sm transition-all hover:scale-[1.02]"
+                        (click)="onGoalClick(goal)">
+                        <div class="flex items-center gap-2">
+                          <span class="line-clamp-1 flex-1">{{ goal.title }}</span>
+                          <svg class="w-4 h-4 flex-shrink-0 opacity-60" 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"></path>
+                          </svg>
+                        </div>
+                      </button>
+                    }
+                    @if (matrix().thankless.length === 0) {
+                      <div [ngClass]="emptyClasses()" class="text-xs text-center py-4">No goals</div>
+                    }
+                  </div>
+                </div>
               </div>
-              <p [ngClass]="subtitleClasses()" class="text-xs mb-3">Low Impact / High Effort</p>
-              <div class="space-y-2">
-                @for (goal of matrix().thankless.slice(0, 3); track goal.id) {
-                  <button
-                    type="button"
-                    [ngClass]="getGoalClasses('thankless')"
-                    class="w-full text-left p-2 rounded-lg text-sm transition-all hover:scale-[1.02]"
-                    (click)="onGoalClick(goal)">
-                    <div class="flex items-center gap-2">
-                      <span class="line-clamp-1 flex-1">{{ goal.title }}</span>
-                      @if ((goal.sourceAnalyses?.length ?? 0) > 0) {
-                        <span [ngClass]="sourceIndicatorClasses()" class="text-xs">{{ (goal.sourceAnalyses?.length ?? 0) }}</span>
-                      }
-                    </div>
-                  </button>
-                }
-                @if (matrix().thankless.length > 3) {
-                  <div [ngClass]="moreGoalsClasses()" class="text-xs text-center">+{{ matrix().thankless.length - 3 }} more</div>
-                }
-                @if (matrix().thankless.length === 0) {
-                  <div [ngClass]="emptyClasses()" class="text-xs text-center py-4">No goals</div>
-                }
+
+              <div class="flex items-center justify-center relative h-6">
+                <div [ngClass]="axisLineHorizontalClasses()" class="absolute inset-x-0 top-1/2 -translate-y-1/2 h-0.5"></div>
+                <div [ngClass]="axisLabelBgClasses()" class="text-xs font-semibold uppercase tracking-wider px-2 py-1 rounded-md z-10">
+                  <span [ngClass]="axisLabelClasses()">Effort</span>
+                </div>
               </div>
             </div>
           </div>
@@ -102666,7 +102711,7 @@ class UnifiedPriorityMatrixComponent {
   `
             }]
     }], null, { matrix: [{ type: i0.Input, args: [{ isSignal: true, alias: "matrix", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], goalClick: [{ type: i0.Output, args: ["goalClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedPriorityMatrixComponent, { className: "UnifiedPriorityMatrixComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-priority-matrix.component.ts", lineNumber: 171 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedPriorityMatrixComponent, { className: "UnifiedPriorityMatrixComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-priority-matrix.component.ts", lineNumber: 170 }); })();
 
 const _c0$9 = a0 => ({ name: "arrow-right-circle", source: a0 });
 const _forTrack0$9 = ($index, $item) => $item.title;
@@ -102715,6 +102760,64 @@ function UnifiedNextStepsComponent_Conditional_0_For_5_Conditional_10_Template(r
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(step_r1.strategies);
 } }
+function UnifiedNextStepsComponent_Conditional_0_For_5_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 12);
+    i0.ɵɵtext(2, " Linked Goal ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 18);
+    i0.ɵɵlistener("click", function UnifiedNextStepsComponent_Conditional_0_For_5_Conditional_11_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r4); const step_r1 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalChipClick(ctx_r1.getLinkedGoal(step_r1))); });
+    i0.ɵɵelementStart(4, "span", 19);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(6, "svg", 20);
+    i0.ɵɵelement(7, "path", 21);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const step_r1 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.borderClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.strategiesLabelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.goalChipClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.getLinkedGoal(step_r1).title);
+} }
+function UnifiedNextStepsComponent_Conditional_0_For_5_Conditional_12_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23)(1, "span", 24);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const domain_r5 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngClass", ctx_r1.domainChipClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.tooltipClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.getDomainSubtitle(domain_r5));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getDomainTitle(domain_r5), " ");
+} }
+function UnifiedNextStepsComponent_Conditional_0_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 12);
+    i0.ɵɵtext(2, " Related Domains ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 22);
+    i0.ɵɵrepeaterCreate(4, UnifiedNextStepsComponent_Conditional_0_For_5_Conditional_12_For_5_Template, 4, 4, "div", 23, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const step_r1 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.borderClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.strategiesLabelClasses());
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(step_r1.relatedDomains);
+} }
 function UnifiedNextStepsComponent_Conditional_0_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4)(1, "div", 5)(2, "div", 6);
     i0.ɵɵtext(3);
@@ -102727,20 +102830,22 @@ function UnifiedNextStepsComponent_Conditional_0_For_5_Template(rf, ctx) { if (r
     i0.ɵɵelementEnd()()();
     i0.ɵɵconditionalCreate(9, UnifiedNextStepsComponent_Conditional_0_For_5_Conditional_9_Template, 2, 2, "p", 10);
     i0.ɵɵconditionalCreate(10, UnifiedNextStepsComponent_Conditional_0_For_5_Conditional_10_Template, 6, 2, "div", 11);
+    i0.ɵɵconditionalCreate(11, UnifiedNextStepsComponent_Conditional_0_For_5_Conditional_11_Template, 8, 4, "div", 11);
+    i0.ɵɵconditionalCreate(12, UnifiedNextStepsComponent_Conditional_0_For_5_Conditional_12_Template, 6, 2, "div", 11);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const step_r1 = ctx.$implicit;
-    const ɵ$index_10_r4 = ctx.$index;
+    const ɵ$index_10_r6 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.getCardClasses(ɵ$index_10_r4));
+    i0.ɵɵproperty("ngClass", ctx_r1.getCardClasses(ɵ$index_10_r6));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.getNumberClasses(ɵ$index_10_r4));
+    i0.ɵɵproperty("ngClass", ctx_r1.getNumberClasses(ɵ$index_10_r6));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ɵ$index_10_r4 + 1, " ");
+    i0.ɵɵtextInterpolate1(" ", ɵ$index_10_r6 + 1, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.getCategoryClasses(ɵ$index_10_r4));
+    i0.ɵɵproperty("ngClass", ctx_r1.getCategoryClasses(ɵ$index_10_r6));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getCategory(ɵ$index_10_r4), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getCategory(ɵ$index_10_r6), " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
     i0.ɵɵadvance();
@@ -102749,12 +102854,16 @@ function UnifiedNextStepsComponent_Conditional_0_For_5_Template(rf, ctx) { if (r
     i0.ɵɵconditional(step_r1.description ? 9 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(step_r1.strategies && step_r1.strategies.length > 0 ? 10 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.getLinkedGoal(step_r1) ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(step_r1.relatedDomains && step_r1.relatedDomains.length > 0 ? 12 : -1);
 } }
 function UnifiedNextStepsComponent_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, UnifiedNextStepsComponent_Conditional_0_For_5_Template, 11, 9, "div", 4, _forTrack0$9);
+    i0.ɵɵrepeaterCreate(4, UnifiedNextStepsComponent_Conditional_0_For_5_Template, 13, 11, "div", 4, _forTrack0$9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -102769,6 +102878,8 @@ class UnifiedNextStepsComponent {
     constructor() {
         this.steps = input.required(...(ngDevMode ? [{ debugName: "steps" }] : []));
         this.viewMode = input(ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.goals = input([], ...(ngDevMode ? [{ debugName: "goals" }] : []));
+        this.goalClick = output();
         this.IconSourceEnum = IconSourceEnum;
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
         this.titleClasses = computed(() => this.isLightMode() ? 'text-slate-900' : 'text-white', ...(ngDevMode ? [{ debugName: "titleClasses" }] : []));
@@ -102776,6 +102887,15 @@ class UnifiedNextStepsComponent {
         this.borderClasses = computed(() => this.isLightMode() ? 'border-slate-200' : 'border-slate-700', ...(ngDevMode ? [{ debugName: "borderClasses" }] : []));
         this.strategiesLabelClasses = computed(() => this.isLightMode() ? 'text-slate-500' : 'text-slate-400', ...(ngDevMode ? [{ debugName: "strategiesLabelClasses" }] : []));
         this.strategyItemClasses = computed(() => this.isLightMode() ? 'text-slate-700' : 'text-slate-300', ...(ngDevMode ? [{ debugName: "strategyItemClasses" }] : []));
+        this.goalChipClasses = computed(() => this.isLightMode()
+            ? 'bg-violet-50 border border-violet-200 text-violet-700 hover:bg-violet-100'
+            : 'bg-violet-900/30 border border-violet-700/50 text-violet-300', ...(ngDevMode ? [{ debugName: "goalChipClasses" }] : []));
+        this.domainChipClasses = computed(() => this.isLightMode()
+            ? 'bg-slate-100 text-slate-700 border border-slate-200 hover:bg-slate-200'
+            : 'bg-slate-700/50 text-slate-300 border border-slate-600 hover:bg-slate-700', ...(ngDevMode ? [{ debugName: "domainChipClasses" }] : []));
+        this.tooltipClasses = computed(() => this.isLightMode()
+            ? 'bg-slate-800 text-white [&::after]:border-t-slate-800 [&::after]:border-x-transparent [&::after]:border-b-transparent'
+            : 'bg-slate-200 text-slate-900 [&::after]:border-t-slate-200 [&::after]:border-x-transparent [&::after]:border-b-transparent', ...(ngDevMode ? [{ debugName: "tooltipClasses" }] : []));
     }
     getCategory(idx) {
         if (idx === 0)
@@ -102832,21 +102952,30 @@ class UnifiedNextStepsComponent {
             return 'text-slate-400';
         }
     }
+    getLinkedGoal(step) {
+        if (!step.linkedGoalId)
+            return undefined;
+        return this.goals().find(g => g.id === step.linkedGoalId);
+    }
+    onGoalChipClick(goal) {
+        this.goalClick.emit(goal);
+    }
+    getDomainTitle(domain) {
+        return FocusAreaDomainEnumUtil.title(domain);
+    }
+    getDomainSubtitle(domain) {
+        return FocusAreaDomainEnumUtil.subtitle(domain);
+    }
     static { this.ɵfac = function UnifiedNextStepsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedNextStepsComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedNextStepsComponent, selectors: [["symphiq-unified-next-steps"]], inputs: { steps: [1, "steps"], viewMode: [1, "viewMode"] }, decls: 1, vars: 1, consts: [["id", "section-next-steps", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "sectionIcon"], ["title", "Next Steps", 3, "icon", "viewMode"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [1, "rounded-2xl", "p-6", "shadow-lg", "transition-all", "hover:shadow-xl", 3, "ngClass"], [1, "flex", "items-start", "gap-4", "mb-4"], [1, "w-10", "h-10", "rounded-full", "flex", "items-center", "justify-center", "text-lg", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "flex-1"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-base", "font-semibold", "line-clamp-2", 3, "ngClass"], [1, "text-sm", "mb-4", "line-clamp-3", 3, "ngClass"], [1, "mt-4", "pt-4", "border-t", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-2", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2", "text-sm", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "mt-0.5", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "line-clamp-2"]], template: function UnifiedNextStepsComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedNextStepsComponent, selectors: [["symphiq-unified-next-steps"]], inputs: { steps: [1, "steps"], viewMode: [1, "viewMode"], goals: [1, "goals"] }, outputs: { goalClick: "goalClick" }, decls: 1, vars: 1, consts: [["id", "section-next-steps", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "sectionIcon"], ["title", "Next Steps", 3, "icon", "viewMode"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [1, "rounded-2xl", "p-6", "shadow-lg", "transition-all", "hover:shadow-xl", 3, "ngClass"], [1, "flex", "items-start", "gap-4", "mb-4"], [1, "w-10", "h-10", "rounded-full", "flex", "items-center", "justify-center", "text-lg", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "flex-1"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-base", "font-semibold", "line-clamp-2", 3, "ngClass"], [1, "text-sm", "mb-4", "line-clamp-3", 3, "ngClass"], [1, "mt-4", "pt-4", "border-t", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-2", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2", "text-sm", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "mt-0.5", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "line-clamp-2"], [1, "goal-chip", "flex", "items-center", "justify-between", "gap-2", "px-3", "py-2", "rounded-lg", "cursor-pointer", 3, "click", "ngClass"], [1, "text-sm", "font-medium", "line-clamp-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "flex-wrap", "gap-2"], [1, "domain-chip", "px-2", "py-1", "rounded-md", "text-xs", "font-medium", 3, "ngClass"], [1, "tooltip", 3, "ngClass"]], template: function UnifiedNextStepsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, UnifiedNextStepsComponent_Conditional_0_Template, 6, 8, "section", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.steps().length > 0 ? 0 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass, SectionDividerComponent, SectionHeaderComponent], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass, SectionDividerComponent, SectionHeaderComponent], styles: [".goal-chip[_ngcontent-%COMP%]{transition:all .3s ease}.goal-chip[_ngcontent-%COMP%]:hover{transform:scale(1.03) translate(4px);box-shadow:0 0 15px #8b5cf680,0 0 30px #8b5cf64d;border-color:#8b5cf6cc!important}.domain-chip[_ngcontent-%COMP%]{position:relative}.domain-chip[_ngcontent-%COMP%]   .tooltip[_ngcontent-%COMP%]{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:50;transition:opacity .2s ease,visibility .2s ease;margin-bottom:6px}.domain-chip[_ngcontent-%COMP%]   .tooltip[_ngcontent-%COMP%]:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid}.domain-chip[_ngcontent-%COMP%]:hover   .tooltip[_ngcontent-%COMP%]{visibility:visible;opacity:1}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UnifiedNextStepsComponent, [{
         type: Component,
-        args: [{
-                selector: 'symphiq-unified-next-steps',
-                standalone: true,
-                imports: [CommonModule, SectionDividerComponent, SectionHeaderComponent],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
+        args: [{ selector: 'symphiq-unified-next-steps', standalone: true, imports: [CommonModule, SectionDividerComponent, SectionHeaderComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     @if (steps().length > 0) {
       <section id="section-next-steps" class="space-y-6 scroll-mt-24">
         <symphiq-section-divider
@@ -102899,15 +103028,47 @@ class UnifiedNextStepsComponent {
                   </div>
                 </div>
               }
+
+              @if (getLinkedGoal(step)) {
+                <div class="mt-4 pt-4 border-t" [ngClass]="borderClasses()">
+                  <div [ngClass]="strategiesLabelClasses()" class="text-xs font-semibold uppercase mb-2">
+                    Linked Goal
+                  </div>
+                  <div
+                    [ngClass]="goalChipClasses()"
+                    class="goal-chip flex items-center justify-between gap-2 px-3 py-2 rounded-lg cursor-pointer"
+                    (click)="onGoalChipClick(getLinkedGoal(step)!)">
+                    <span class="text-sm font-medium line-clamp-1">{{ getLinkedGoal(step)!.title }}</span>
+                    <svg class="w-4 h-4 flex-shrink-0" 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"></path>
+                    </svg>
+                  </div>
+                </div>
+              }
+
+              @if (step.relatedDomains && step.relatedDomains.length > 0) {
+                <div class="mt-4 pt-4 border-t" [ngClass]="borderClasses()">
+                  <div [ngClass]="strategiesLabelClasses()" class="text-xs font-semibold uppercase mb-2">
+                    Related Domains
+                  </div>
+                  <div class="flex flex-wrap gap-2">
+                    @for (domain of step.relatedDomains; track domain) {
+                      <div [ngClass]="domainChipClasses()" class="domain-chip px-2 py-1 rounded-md text-xs font-medium">
+                        <span [ngClass]="tooltipClasses()" class="tooltip">{{ getDomainSubtitle(domain) }}</span>
+                        {{ getDomainTitle(domain) }}
+                      </div>
+                    }
+                  </div>
+                </div>
+              }
             </div>
           }
         </div>
       </section>
     }
-  `
-            }]
-    }], null, { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedNextStepsComponent, { className: "UnifiedNextStepsComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-next-steps.component.ts", lineNumber: 79 }); })();
+  `, styles: [".goal-chip{transition:all .3s ease}.goal-chip:hover{transform:scale(1.03) translate(4px);box-shadow:0 0 15px #8b5cf680,0 0 30px #8b5cf64d;border-color:#8b5cf6cc!important}.domain-chip{position:relative}.domain-chip .tooltip{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:50;transition:opacity .2s ease,visibility .2s ease;margin-bottom:6px}.domain-chip .tooltip:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid}.domain-chip:hover .tooltip{visibility:visible;opacity:1}\n"] }]
+    }], null, { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: true }] }], 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"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedNextStepsComponent, { className: "UnifiedNextStepsComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-next-steps.component.ts", lineNumber: 155 }); })();
 
 function SynthesisConfidenceSectionComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 8);
@@ -103743,7 +103904,7 @@ function UnifiedDashboardModalComponent_Conditional_0_Conditional_25_Template(rf
     i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 25);
 } 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())("goalTitle", ctx_r1.recommendationsData().goalTitle)("objectiveTitle", ctx_r1.recommendationsData().objectiveTitle);
+    i0.ɵɵproperty("strategy", ctx_r1.recommendationsData().strategy)("viewMode", ctx_r1.viewMode())("allMetrics", ctx_r1.allMetricsFromStack())("allCharts", ctx_r1.allChartsFromStack())("allInsights", ctx_r1.allInsightsFromStack())("goalTitle", ctx_r1.recommendationsData().goalTitle)("objectiveTitle", ctx_r1.recommendationsData().objectiveTitle)("currentModalState", ctx_r1.currentModalState());
 } }
 function UnifiedDashboardModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -103774,7 +103935,7 @@ function UnifiedDashboardModalComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵconditionalCreate(22, UnifiedDashboardModalComponent_Conditional_0_Conditional_22_Template, 1, 4, "symphiq-goal-objectives-modal-content", 22);
     i0.ɵɵconditionalCreate(23, UnifiedDashboardModalComponent_Conditional_0_Conditional_23_Template, 1, 3, "symphiq-unified-goal-related-metrics-modal-content", 23);
     i0.ɵɵconditionalCreate(24, UnifiedDashboardModalComponent_Conditional_0_Conditional_24_Template, 1, 2, "symphiq-objective-strategies-modal-content", 24);
-    i0.ɵɵconditionalCreate(25, UnifiedDashboardModalComponent_Conditional_0_Conditional_25_Template, 1, 7, "symphiq-strategy-recommendations-modal-content", 25);
+    i0.ɵɵconditionalCreate(25, UnifiedDashboardModalComponent_Conditional_0_Conditional_25_Template, 1, 8, "symphiq-strategy-recommendations-modal-content", 25);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     let tmp_16_0;
@@ -103974,6 +104135,13 @@ class UnifiedDashboardModalComponent {
             const open = this.isOpen();
             if (open) {
                 this.modalReady.set(false);
+                console.log('[UnifiedDashboardModal] Modal opening - z-index info:', {
+                    modalType: this.modalType(),
+                    modalDepth: this.modalDepth(),
+                    baseZIndex: this.baseZIndex(),
+                    contentZIndex: this.contentZIndex(),
+                    previousStateType: this.previousState()?.type
+                });
                 setTimeout(() => {
                     this.moveModalToBody();
                     this.modalReady.set(true);
@@ -104021,6 +104189,7 @@ class UnifiedDashboardModalComponent {
                 this.modalData.set(data);
                 this.modalTitle.set(data.goal.title || 'Unified Goal');
                 this.isOpen.set(true);
+                this.scrollContentToTop();
             }
             else if (state.type === 'unified-goal-objectives' && state.data) {
                 const data = state.data;
@@ -104028,6 +104197,7 @@ class UnifiedDashboardModalComponent {
                 this.modalData.set(data);
                 this.modalTitle.set(data.goal.title || 'Objectives');
                 this.isOpen.set(true);
+                this.scrollContentToTop();
             }
             else if (state.type === 'unified-goal-related-metrics' && state.data) {
                 const data = state.data;
@@ -104035,6 +104205,7 @@ class UnifiedDashboardModalComponent {
                 this.modalData.set(data);
                 this.modalTitle.set('Related Metrics for ' + (data.goal.title || 'Goal'));
                 this.isOpen.set(true);
+                this.scrollContentToTop();
             }
             else if (state.type === 'objective-strategies' && state.data) {
                 const data = state.data;
@@ -104042,6 +104213,7 @@ class UnifiedDashboardModalComponent {
                 this.modalData.set(data);
                 this.modalTitle.set(data.objective.title || 'Strategies');
                 this.isOpen.set(true);
+                this.scrollContentToTop();
             }
             else if (state.type === 'strategy-recommendations' && state.data) {
                 const data = state.data;
@@ -104049,6 +104221,7 @@ class UnifiedDashboardModalComponent {
                 this.modalData.set(data);
                 this.modalTitle.set(data.strategy.title || 'Recommendations');
                 this.isOpen.set(true);
+                this.scrollContentToTop();
             }
             else if (state.type === null) {
                 this.isOpen.set(false);
@@ -104179,6 +104352,13 @@ class UnifiedDashboardModalComponent {
         }
         this.modalMovedToBody = false;
     }
+    scrollContentToTop() {
+        setTimeout(() => {
+            if (this.modalContent?.nativeElement) {
+                this.modalContent.nativeElement.scrollTop = 0;
+            }
+        }, 0);
+    }
     static { this.ɵfac = function UnifiedDashboardModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedDashboardModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedDashboardModalComponent, selectors: [["symphiq-unified-dashboard-modal"]], viewQuery: function UnifiedDashboardModalComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$8, 5)(_c1$4, 5);
@@ -104186,7 +104366,7 @@ class UnifiedDashboardModalComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
-        } }, inputs: { viewMode: [1, "viewMode"] }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-4xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex", "items-start", "gap-3", "flex-1", "min-w-0"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-1.5", "mb-2", "text-xs"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "ml-4", "flex-shrink-0"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[80vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "objectives", "goalTitle", "viewMode"], [3, "goal", "contributingMetrics", "viewMode"], [3, "objective", "viewMode"], [3, "strategy", "viewMode", "allMetrics", "allCharts", "allInsights", "goalTitle", "objectiveTitle"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "font-medium", 3, "ngClass"], ["type", "button", 1, "hover:underline", "cursor-pointer", "transition-colors", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "sourceAnalysisClick", "metricClick", "contributingMetricsClick", "showObjectives", "close", "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "metricClick", "goal", "contributingMetrics", "viewMode"]], template: function UnifiedDashboardModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"] }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-4xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex", "items-start", "gap-3", "flex-1", "min-w-0"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-1.5", "mb-2", "text-xs"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "ml-4", "flex-shrink-0"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[80vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "objectives", "goalTitle", "viewMode"], [3, "goal", "contributingMetrics", "viewMode"], [3, "objective", "viewMode"], [3, "strategy", "viewMode", "allMetrics", "allCharts", "allInsights", "goalTitle", "objectiveTitle", "currentModalState"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "font-medium", 3, "ngClass"], ["type", "button", 1, "hover:underline", "cursor-pointer", "transition-colors", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "sourceAnalysisClick", "metricClick", "contributingMetricsClick", "showObjectives", "close", "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "metricClick", "goal", "contributingMetrics", "viewMode"]], template: function UnifiedDashboardModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, UnifiedDashboardModalComponent_Conditional_0_Template, 26, 28, "div", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
@@ -104382,6 +104562,7 @@ class UnifiedDashboardModalComponent {
                 [allInsights]="allInsightsFromStack()"
                 [goalTitle]="recommendationsData()!.goalTitle"
                 [objectiveTitle]="recommendationsData()!.objectiveTitle"
+                [currentModalState]="currentModalState()"
               />
             }
           </div>
@@ -104397,7 +104578,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: 216 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedDashboardModalComponent, { className: "UnifiedDashboardModalComponent", filePath: "lib/components/profile-analysis-unified-dashboard/modals/unified-dashboard-modal.component.ts", lineNumber: 217 }); })();
 
 const _c0$7 = () => [];
 const _c1$3 = a0 => ({ name: "flag", source: a0 });
@@ -104469,7 +104650,9 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Condition
     i0.ɵɵelementStart(16, "symphiq-unified-priority-matrix", 33);
     i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_priority_matrix_goalClick_16_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(17, "symphiq-unified-next-steps", 34);
+    i0.ɵɵelementStart(17, "symphiq-unified-next-steps", 34);
+    i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template_symphiq_unified_next_steps_goalClick_17_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
@@ -104495,7 +104678,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Condition
     i0.ɵɵadvance();
     i0.ɵɵproperty("matrix", ctx_r1.priorityMatrix())("viewMode", ctx_r1.viewMode());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("steps", ctx_r1.nextSteps())("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("steps", ctx_r1.nextSteps())("viewMode", ctx_r1.viewMode())("goals", ctx_r1.unifiedGoals());
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-grade-badge", 46);
@@ -104537,7 +104720,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Condition
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "main", 18);
     i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_1_Template, 1, 2, "symphiq-loading-card", 19);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template, 18, 22);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_2_Template, 18, 23);
     i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_6_Conditional_3_Template, 1, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -104843,7 +105026,9 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             return nextStepsData.forUser.slice(0, 5).map(step => ({
                 title: step.action || '',
                 description: step.timeframe ? `Timeframe: ${step.timeframe}` : '',
-                strategies: []
+                strategies: [],
+                linkedGoalId: step.linkedGoalId,
+                relatedDomains: step.relatedDomains
             }));
         }, ...(ngDevMode ? [{ debugName: "nextSteps" }] : []));
         this.shouldShowReviewFooter = computed(() => {
@@ -105342,7 +105527,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
     static { this.ɵfac = function SymphiqProfileAnalysisUnifiedDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileAnalysisUnifiedDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileAnalysisUnifiedDashboardComponent, selectors: [["symphiq-profile-analysis-unified-dashboard"]], hostBindings: function SymphiqProfileAnalysisUnifiedDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisUnifiedDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], isLoadingSourceAnalysis: [1, "isLoadingSourceAnalysis"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], requestedByUser: [1, "requestedByUser"] }, outputs: { markAsReviewedClick: "markAsReviewedClick", generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest" }, features: [i0.ɵɵNgOnChangesFeature], decls: 18, vars: 37, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12", 3, "pb-32"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "selfContentStatus", "isLoading"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "viewMode"], [3, "isLightMode"], [3, "isLightMode", "allInsights", "allMetrics", "allCharts"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], ["title", "Loading Your Unified Analysis", "subtitle", "Please wait while we prepare your synthesized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [1, "mb-12"], [1, "rounded-2xl", "p-8", "shadow-xl", "animate-fade-in-up", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "p-4", "rounded-xl", "flex-shrink-0", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-lg", "mb-4", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "keyStrengthsClick", "criticalGapsClick", "quickWinsClick", "summary", "viewMode", "shopCounts", "focusAreaCounts", "metricCounts", "quickWinsCount"], ["id", "section-unified-goals", 1, "space-y-6", "scroll-mt-24"], [3, "goalClick", "timeline", "viewMode", "goals"], [3, "goalClick", "matrix", "viewMode"], [3, "steps", "viewMode"], [3, "viewMode", "sectionIcon"], ["title", "Unified Goals", 3, "icon", "viewMode"], [1, "grid", "gap-6", 2, "grid-template-columns", "repeat(auto-fit, minmax(340px, 1fr))"], [3, "goal", "viewMode"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "learnMoreClick", "goal", "viewMode"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [3, "close", "isLightMode", "isOpen"], [3, "close", "modeSelected", "viewMode", "currentMode", "isOpen"], [3, "markAsReviewed", "viewMode", "selfContentStatus", "isLoading"]], template: function SymphiqProfileAnalysisUnifiedDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], isLoadingSourceAnalysis: [1, "isLoadingSourceAnalysis"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], requestedByUser: [1, "requestedByUser"] }, outputs: { markAsReviewedClick: "markAsReviewedClick", generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest" }, features: [i0.ɵɵNgOnChangesFeature], decls: 18, vars: 37, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12", 3, "pb-32"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "selfContentStatus", "isLoading"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "viewMode"], [3, "isLightMode"], [3, "isLightMode", "allInsights", "allMetrics", "allCharts"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], ["title", "Loading Your Unified Analysis", "subtitle", "Please wait while we prepare your synthesized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [1, "mb-12"], [1, "rounded-2xl", "p-8", "shadow-xl", "animate-fade-in-up", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "p-4", "rounded-xl", "flex-shrink-0", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-lg", "mb-4", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "keyStrengthsClick", "criticalGapsClick", "quickWinsClick", "summary", "viewMode", "shopCounts", "focusAreaCounts", "metricCounts", "quickWinsCount"], ["id", "section-unified-goals", 1, "space-y-6", "scroll-mt-24"], [3, "goalClick", "timeline", "viewMode", "goals"], [3, "goalClick", "matrix", "viewMode"], [3, "goalClick", "steps", "viewMode", "goals"], [3, "viewMode", "sectionIcon"], ["title", "Unified Goals", 3, "icon", "viewMode"], [1, "grid", "gap-6", 2, "grid-template-columns", "repeat(auto-fit, minmax(340px, 1fr))"], [3, "goal", "viewMode"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "learnMoreClick", "goal", "viewMode"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [3, "close", "isLightMode", "isOpen"], [3, "close", "modeSelected", "viewMode", "currentMode", "isOpen"], [3, "markAsReviewed", "viewMode", "selfContentStatus", "isLoading"]], template: function SymphiqProfileAnalysisUnifiedDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
             i0.ɵɵelementStart(3, "div", 3)(4, "symphiq-dashboard-header", 4);
@@ -105588,6 +105773,8 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             <symphiq-unified-next-steps
               [steps]="nextSteps()"
               [viewMode]="viewMode()"
+              [goals]="unifiedGoals()"
+              (goalClick)="onGoalClick($event)"
             />
           }
 
@@ -105709,7 +105896,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             type: HostListener,
             args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber: 373 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber: 376 }); })();
 
 function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();