@eric-emg/symphiq-components 1.3.40 → 1.3.42

package/fesm2022/symphiq-components.mjs

@@ -497,7 +497,7 @@ class ModalService {
         const data = { objective, goalTitle, viewMode };
         const currentStack = currentState.navigationStack || [];
         let newStack = currentStack;
-        if ((currentState.type === 'goal-objectives' || currentState.type === 'objective-strategies' || currentState.type === 'strategy-recommendations') && currentState.data) {
+        if ((currentState.type === 'goal-objectives' || currentState.type === 'unified-goal-objectives' || currentState.type === 'objective-strategies' || currentState.type === 'strategy-recommendations') && currentState.data) {
             const stateToAdd = {
                 type: currentState.type,
                 data: currentState.data,
@@ -521,7 +521,7 @@ class ModalService {
         const data = { strategy, objectiveTitle, goalTitle, viewMode, expandedRecommendationId };
         const currentStack = currentState.navigationStack || [];
         let newStack = currentStack;
-        if ((currentState.type === 'goal-objectives' || currentState.type === 'objective-strategies' || currentState.type === 'strategy-recommendations') && currentState.data) {
+        if ((currentState.type === 'goal-objectives' || currentState.type === 'unified-goal-objectives' || currentState.type === 'objective-strategies' || currentState.type === 'strategy-recommendations') && currentState.data) {
             const stateToAdd = {
                 type: currentState.type,
                 data: currentState.data,
@@ -101886,8 +101886,8 @@ const _c1$3 = ["modalWrapper"];
 const _c2$2 = () => [];
 function UnifiedDashboardModalComponent_Conditional_0_Conditional_7_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 23);
-    i0.ɵɵelement(1, "path", 24);
+    i0.ɵɵelementStart(0, "svg", 25);
+    i0.ɵɵelement(1, "path", 26);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -101895,11 +101895,11 @@ function UnifiedDashboardModalComponent_Conditional_0_Conditional_7_For_2_Condit
 } }
 function UnifiedDashboardModalComponent_Conditional_0_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 22);
+    i0.ɵɵelementStart(0, "button", 24);
     i0.ɵɵlistener("click", function UnifiedDashboardModalComponent_Conditional_0_Conditional_7_For_2_Template_button_click_0_listener() { const $index_r4 = i0.ɵɵrestoreView(_r3).$index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToBreadcrumb($index_r4)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, UnifiedDashboardModalComponent_Conditional_0_Conditional_7_For_2_Conditional_2_Template, 2, 1, ":svg:svg", 23);
+    i0.ɵɵconditionalCreate(2, UnifiedDashboardModalComponent_Conditional_0_Conditional_7_For_2_Conditional_2_Template, 2, 1, ":svg:svg", 25);
 } if (rf & 2) {
     const item_r5 = ctx.$implicit;
     const ɵ$index_17_r6 = ctx.$index;
@@ -101912,17 +101912,35 @@ function UnifiedDashboardModalComponent_Conditional_0_Conditional_7_For_2_Templa
     i0.ɵɵconditional(!(ɵ$index_17_r6 === ɵ$count_17_r7 - 1) || ctx_r1.modalType() !== null ? 2 : -1);
 } }
 function UnifiedDashboardModalComponent_Conditional_0_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 21);
+    i0.ɵɵelementStart(0, "span", 23);
     i0.ɵɵtext(1, "Objectives");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.breadcrumbCurrentClasses());
 } }
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_7_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 23);
+    i0.ɵɵtext(1, "Strategies");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r1.breadcrumbCurrentClasses());
+} }
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_7_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 23);
+    i0.ɵɵtext(1, "Recommendations");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r1.breadcrumbCurrentClasses());
+} }
 function UnifiedDashboardModalComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵrepeaterCreate(1, UnifiedDashboardModalComponent_Conditional_0_Conditional_7_For_2_Template, 3, 3, null, null, i0.ɵɵrepeaterTrackByIndex);
-    i0.ɵɵconditionalCreate(3, UnifiedDashboardModalComponent_Conditional_0_Conditional_7_Conditional_3_Template, 2, 1, "span", 21);
+    i0.ɵɵconditionalCreate(3, UnifiedDashboardModalComponent_Conditional_0_Conditional_7_Conditional_3_Template, 2, 1, "span", 23);
+    i0.ɵɵconditionalCreate(4, UnifiedDashboardModalComponent_Conditional_0_Conditional_7_Conditional_4_Template, 2, 1, "span", 23);
+    i0.ɵɵconditionalCreate(5, UnifiedDashboardModalComponent_Conditional_0_Conditional_7_Conditional_5_Template, 2, 1, "span", 23);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -101930,9 +101948,13 @@ function UnifiedDashboardModalComponent_Conditional_0_Conditional_7_Template(rf,
     i0.ɵɵrepeater(ctx_r1.navigationStack());
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.modalType() === "unified-goal-objectives" ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.modalType() === "objective-strategies" ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.modalType() === "strategy-recommendations" ? 5 : -1);
 } }
 function UnifiedDashboardModalComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10)(1, "span", 25);
+    i0.ɵɵelementStart(0, "div", 10)(1, "span", 27);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -101940,7 +101962,7 @@ function UnifiedDashboardModalComponent_Conditional_0_Conditional_8_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.modalTypeLabelClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.modalType() === "unified-goal-objectives" ? "Objectives" : "Unified Goal", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.modalType() === "unified-goal-objectives" ? "Objectives" : ctx_r1.modalType() === "objective-strategies" ? "Strategies" : ctx_r1.modalType() === "strategy-recommendations" ? "Recommendations" : "Unified Goal", " ");
 } }
 function UnifiedDashboardModalComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-priority-badge", 13);
@@ -101956,7 +101978,7 @@ function UnifiedDashboardModalComponent_Conditional_0_Conditional_13_Template(rf
 } }
 function UnifiedDashboardModalComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-unified-goal-detail-modal-content", 26);
+    i0.ɵɵelementStart(0, "symphiq-unified-goal-detail-modal-content", 28);
     i0.ɵɵlistener("sourceAnalysisClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_19_Template_symphiq_unified_goal_detail_modal_content_sourceAnalysisClick_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSourceAnalysisClick($event)); })("metricClick", function UnifiedDashboardModalComponent_Conditional_0_Conditional_19_Template_symphiq_unified_goal_detail_modal_content_metricClick_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onMetricClick($event)); })("showObjectives", function UnifiedDashboardModalComponent_Conditional_0_Conditional_19_Template_symphiq_unified_goal_detail_modal_content_showObjectives_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onShowObjectives()); })("close", function UnifiedDashboardModalComponent_Conditional_0_Conditional_19_Template_symphiq_unified_goal_detail_modal_content_close_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.closeModal()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101969,6 +101991,18 @@ function UnifiedDashboardModalComponent_Conditional_0_Conditional_20_Template(rf
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("objectives", ctx_r1.objectivesData().goal.objectives ?? i0.ɵɵpureFunction0(3, _c2$2))("goalTitle", ctx_r1.objectivesData().goal.title ?? "")("viewMode", ctx_r1.viewMode());
 } }
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content", 21);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("objective", ctx_r1.strategiesData().objective)("viewMode", ctx_r1.viewMode());
+} }
+function UnifiedDashboardModalComponent_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 22);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("strategy", ctx_r1.recommendationsData().strategy)("viewMode", ctx_r1.viewMode());
+} }
 function UnifiedDashboardModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 3, 0)(2, "div", 4);
@@ -101977,24 +102011,25 @@ function UnifiedDashboardModalComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵelementStart(3, "div", 5);
     i0.ɵɵlistener("click", function UnifiedDashboardModalComponent_Conditional_0_Template_div_click_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵelementStart(4, "div", 6)(5, "div", 7)(6, "div", 8);
-    i0.ɵɵconditionalCreate(7, UnifiedDashboardModalComponent_Conditional_0_Conditional_7_Template, 4, 1, "div", 9)(8, UnifiedDashboardModalComponent_Conditional_0_Conditional_8_Template, 3, 2, "div", 10);
+    i0.ɵɵconditionalCreate(7, UnifiedDashboardModalComponent_Conditional_0_Conditional_7_Template, 6, 3, "div", 9)(8, UnifiedDashboardModalComponent_Conditional_0_Conditional_8_Template, 3, 2, "div", 10);
     i0.ɵɵelementStart(9, "h3", 11);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(11, "div", 12);
     i0.ɵɵconditionalCreate(12, UnifiedDashboardModalComponent_Conditional_0_Conditional_12_Template, 1, 2, "symphiq-priority-badge", 13);
     i0.ɵɵconditionalCreate(13, UnifiedDashboardModalComponent_Conditional_0_Conditional_13_Template, 1, 2, "symphiq-timeframe-badge", 14);
-    i0.ɵɵelementEnd();
     i0.ɵɵelementStart(14, "button", 15);
     i0.ɵɵlistener("click", function UnifiedDashboardModalComponent_Conditional_0_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeModal()); });
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(15, "svg", 16);
     i0.ɵɵelement(16, "path", 17);
-    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementEnd()()()()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(17, "div", 18, 1);
     i0.ɵɵconditionalCreate(19, UnifiedDashboardModalComponent_Conditional_0_Conditional_19_Template, 1, 7, "symphiq-unified-goal-detail-modal-content", 19);
     i0.ɵɵconditionalCreate(20, UnifiedDashboardModalComponent_Conditional_0_Conditional_20_Template, 1, 4, "symphiq-goal-objectives-modal-content", 20);
+    i0.ɵɵconditionalCreate(21, UnifiedDashboardModalComponent_Conditional_0_Conditional_21_Template, 1, 2, "symphiq-objective-strategies-modal-content", 21);
+    i0.ɵɵconditionalCreate(22, UnifiedDashboardModalComponent_Conditional_0_Conditional_22_Template, 1, 2, "symphiq-strategy-recommendations-modal-content", 22);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     let tmp_15_0;
@@ -102028,6 +102063,10 @@ function UnifiedDashboardModalComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵconditional(ctx_r1.modalType() === "unified-goal-detail" && ctx_r1.unifiedGoalData() ? 19 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.modalType() === "unified-goal-objectives" && ctx_r1.objectivesData() ? 20 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.modalType() === "objective-strategies" && ctx_r1.strategiesData() ? 21 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.modalType() === "strategy-recommendations" && ctx_r1.recommendationsData() ? 22 : -1);
 } }
 class UnifiedDashboardModalComponent {
     constructor() {
@@ -102060,6 +102099,20 @@ class UnifiedDashboardModalComponent {
             }
             return null;
         }, ...(ngDevMode ? [{ debugName: "objectivesData" }] : []));
+        this.strategiesData = computed(() => {
+            const data = this.modalData();
+            if (this.modalType() === 'objective-strategies' && data) {
+                return data;
+            }
+            return null;
+        }, ...(ngDevMode ? [{ debugName: "strategiesData" }] : []));
+        this.recommendationsData = computed(() => {
+            const data = this.modalData();
+            if (this.modalType() === 'strategy-recommendations' && data) {
+                return data;
+            }
+            return null;
+        }, ...(ngDevMode ? [{ debugName: "recommendationsData" }] : []));
         this.currentGoal = computed(() => {
             const goalData = this.unifiedGoalData();
             const objData = this.objectivesData();
@@ -102118,7 +102171,7 @@ class UnifiedDashboardModalComponent {
                 clearTimeout(this.cleanupTimeoutId);
                 this.cleanupTimeoutId = null;
             }
-            if (state.type !== 'unified-goal-detail' && state.type !== 'unified-goal-objectives' && state.type !== null) {
+            if (state.type !== 'unified-goal-detail' && state.type !== 'unified-goal-objectives' && state.type !== 'objective-strategies' && state.type !== 'strategy-recommendations' && state.type !== null) {
                 return;
             }
             this.previousState.set(state.previousState ?? null);
@@ -102137,6 +102190,20 @@ class UnifiedDashboardModalComponent {
                 this.modalTitle.set(data.goal.title || 'Objectives');
                 this.isOpen.set(true);
             }
+            else if (state.type === 'objective-strategies' && state.data) {
+                const data = state.data;
+                this.modalType.set('objective-strategies');
+                this.modalData.set(data);
+                this.modalTitle.set(data.objective.title || 'Strategies');
+                this.isOpen.set(true);
+            }
+            else if (state.type === 'strategy-recommendations' && state.data) {
+                const data = state.data;
+                this.modalType.set('strategy-recommendations');
+                this.modalData.set(data);
+                this.modalTitle.set(data.strategy.title || 'Recommendations');
+                this.isOpen.set(true);
+            }
             else if (state.type === null) {
                 this.isOpen.set(false);
                 this.cleanupTimeoutId = setTimeout(() => {
@@ -102173,6 +102240,14 @@ class UnifiedDashboardModalComponent {
         if (state.type === 'unified-goal-objectives') {
             return 'Objectives';
         }
+        if (state.type === 'objective-strategies') {
+            const data = state.data;
+            return data?.objective?.title || 'Strategies';
+        }
+        if (state.type === 'strategy-recommendations') {
+            const data = state.data;
+            return data?.strategy?.title || 'Recommendations';
+        }
         return 'Unknown';
     }
     closeModal() {
@@ -102202,12 +102277,14 @@ 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-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"], [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", "showObjectives", "close", "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"]], template: function UnifiedDashboardModalComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, UnifiedDashboardModalComponent_Conditional_0_Template, 21, 24, "div", 2);
+        } }, 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-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, "objective", "viewMode"], [3, "strategy", "viewMode"], [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", "showObjectives", "close", "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"]], template: function UnifiedDashboardModalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, UnifiedDashboardModalComponent_Conditional_0_Template, 23, 26, "div", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, UnifiedGoalDetailModalContentComponent,
             GoalObjectivesModalContentComponent,
+            ObjectiveStrategiesModalContentComponent,
+            StrategyRecommendationsModalContentComponent,
             PriorityBadgeComponent,
             TimeframeBadgeComponent], encapsulation: 2, data: { animation: [
                 trigger('fadeIn', [
@@ -102234,6 +102311,8 @@ class UnifiedDashboardModalComponent {
                     CommonModule,
                     UnifiedGoalDetailModalContentComponent,
                     GoalObjectivesModalContentComponent,
+                    ObjectiveStrategiesModalContentComponent,
+                    StrategyRecommendationsModalContentComponent,
                     PriorityBadgeComponent,
                     TimeframeBadgeComponent
                 ],
@@ -102286,11 +102365,17 @@ class UnifiedDashboardModalComponent {
                     @if (modalType() === 'unified-goal-objectives') {
                       <span [ngClass]="breadcrumbCurrentClasses()" class="font-medium">Objectives</span>
                     }
+                    @if (modalType() === 'objective-strategies') {
+                      <span [ngClass]="breadcrumbCurrentClasses()" class="font-medium">Strategies</span>
+                    }
+                    @if (modalType() === 'strategy-recommendations') {
+                      <span [ngClass]="breadcrumbCurrentClasses()" class="font-medium">Recommendations</span>
+                    }
                   </div>
                 } @else {
                   <div class="flex items-center gap-2 mb-2">
                     <span [ngClass]="modalTypeLabelClasses()" class="text-xs font-semibold uppercase tracking-wider">
-                      {{ modalType() === 'unified-goal-objectives' ? 'Objectives' : 'Unified Goal' }}
+                      {{ modalType() === 'unified-goal-objectives' ? 'Objectives' : modalType() === 'objective-strategies' ? 'Strategies' : modalType() === 'strategy-recommendations' ? 'Recommendations' : 'Unified Goal' }}
                     </span>
                   </div>
                 }
@@ -102307,9 +102392,8 @@ class UnifiedDashboardModalComponent {
                 @if (currentGoal()?.timeframe) {
                   <symphiq-timeframe-badge [timeframe]="currentGoal()!.timeframe" [viewMode]="viewMode()" />
                 }
-              </div>
 
-              <button
+                <button
                 type="button"
                 (click)="closeModal()"
                 [ngClass]="isLightMode() ? 'text-slate-600 hover:text-slate-900 hover:bg-slate-100' : 'text-slate-400 hover:text-white hover:bg-slate-700'"
@@ -102319,6 +102403,7 @@ class UnifiedDashboardModalComponent {
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                 </svg>
               </button>
+              </div>
             </div>
           </div>
 
@@ -102345,6 +102430,18 @@ class UnifiedDashboardModalComponent {
                 [viewMode]="viewMode()"
               />
             }
+            @if (modalType() === 'objective-strategies' && strategiesData()) {
+              <symphiq-objective-strategies-modal-content
+                [objective]="strategiesData()!.objective"
+                [viewMode]="viewMode()"
+              />
+            }
+            @if (modalType() === 'strategy-recommendations' && recommendationsData()) {
+              <symphiq-strategy-recommendations-modal-content
+                [strategy]="recommendationsData()!.strategy"
+                [viewMode]="viewMode()"
+              />
+            }
           </div>
         </div>
       </div>
@@ -102358,7 +102455,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: 156 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedDashboardModalComponent, { className: "UnifiedDashboardModalComponent", filePath: "lib/components/profile-analysis-unified-dashboard/modals/unified-dashboard-modal.component.ts", lineNumber: 180 }); })();
 
 const _forTrack0$6 = ($index, $item) => $item.id;
 const _forTrack1$1 = ($index, $item) => $item.id || $index;
@@ -103353,10 +103450,21 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
                 : 'bg-gradient-to-r from-indigo-900/40 to-purple-900/40 border border-indigo-700/50 text-indigo-100';
         }, ...(ngDevMode ? [{ debugName: "totalGoalsCardClasses" }] : []));
         this.allMetrics = computed(() => {
-            const analysis = this.funnelAnalysisSignal();
+            const analysis = this.funnelAnalysis();
+            console.log('[UnifiedDashboard] allMetrics computed - funnelAnalysis:', {
+                hasAnalysis: !!analysis,
+                hasPerformanceOverviewStructured: !!analysis?.performanceOverviewStructured,
+                performanceOverviewStructuredKeys: analysis?.performanceOverviewStructured ? Object.keys(analysis.performanceOverviewStructured) : []
+            });
             if (!analysis)
                 return [];
             const normalized = normalizeToV3(analysis.performanceOverviewStructured);
+            console.log('[UnifiedDashboard] allMetrics computed - normalizeToV3 result:', {
+                hasNormalized: !!normalized,
+                normalizedKeys: normalized ? Object.keys(normalized) : [],
+                metricsCount: normalized?.metrics?.length || 0,
+                metricsPreview: normalized?.metrics?.slice(0, 3).map(m => m.metric)
+            });
             return normalized?.metrics || [];
         }, ...(ngDevMode ? [{ debugName: "allMetrics" }] : []));
         this.allCharts = computed(() => {
@@ -103513,7 +103621,12 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
     }
     ngOnChanges(changes) {
         if (changes['funnelAnalysis']) {
-            this.funnelAnalysisSignal.set(this.funnelAnalysis());
+            const fa = this.funnelAnalysis();
+            console.log('[UnifiedDashboard] ngOnChanges - funnelAnalysis changed:', {
+                hasFunnelAnalysis: !!fa,
+                hasPerformanceOverviewStructured: !!fa?.performanceOverviewStructured
+            });
+            this.funnelAnalysisSignal.set(fa);
         }
     }
     onScroll() {
@@ -103587,7 +103700,13 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         this.markAsReviewedClick.emit();
     }
     onGoalClick(goal) {
-        this.modalService.openUnifiedGoalModal(goal, this.allMetrics(), this.allCharts(), this.loadedSourceAnalysisIds().map(String), this.viewMode(), this.loadingSourceAnalysisId() !== undefined ? String(this.loadingSourceAnalysisId()) : undefined);
+        const metrics = this.allMetrics();
+        console.log('[UnifiedDashboard] onGoalClick - passing to modal:', {
+            goalTitle: goal.title,
+            metricsCount: metrics.length,
+            metricNames: metrics.map(m => m.metric)
+        });
+        this.modalService.openUnifiedGoalModal(goal, metrics, this.allCharts(), this.loadedSourceAnalysisIds().map(String), this.viewMode(), this.loadingSourceAnalysisId() !== undefined ? String(this.loadingSourceAnalysisId()) : undefined);
     }
     onSourceBadgeClick(event, source, goal) {
         event.stopPropagation();