@eric-emg/symphiq-components 1.3.30 → 1.3.32

package/fesm2022/symphiq-components.mjs

@@ -85416,141 +85416,205 @@ class OpportunityDetailModalContentComponent {
     }], null, { opportunity: [{ type: i0.Input, args: [{ isSignal: true, alias: "opportunity", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], allStrengths: [{ type: i0.Input, args: [{ isSignal: true, alias: "allStrengths", required: false }] }], currentModalState: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentModalState", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OpportunityDetailModalContentComponent, { className: "OpportunityDetailModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/opportunity-detail-modal-content.component.ts", lineNumber: 121 }); })();
 
-function SimplifiedGoalCardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 8);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
+const _forTrack0$m = ($index, $item) => $item.icon;
+function RoadmapMetricsComponent_Conditional_0_For_2_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 1);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.descriptionClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.goal().description);
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.dividerClasses());
 } }
-function SimplifiedGoalCardComponent_Conditional_11_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
+function RoadmapMetricsComponent_Conditional_0_For_2_Conditional_0_Case_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 18);
-    i0.ɵɵelement(2, "path", 4);
+    i0.ɵɵelementStart(0, "svg", 3);
+    i0.ɵɵelement(1, "path", 7);
     i0.ɵɵelementEnd();
-    i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "div", 19)(4, "span", 20);
-    i0.ɵɵtext(5);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.iconClasses());
+} }
+function RoadmapMetricsComponent_Conditional_0_For_2_Conditional_0_Case_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(0, "svg", 3);
+    i0.ɵɵelement(1, "path", 8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 21);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.metricIconClasses());
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r0.metricValueClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.objectivesCount());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.objectivesCount() === 1 ? "Objective" : "Objectives");
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.iconClasses());
 } }
-function SimplifiedGoalCardComponent_Conditional_11_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 22);
-    i0.ɵɵelementStart(1, "div", 17);
+function RoadmapMetricsComponent_Conditional_0_For_2_Conditional_0_Case_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 18);
-    i0.ɵɵelement(3, "path", 23);
+    i0.ɵɵelementStart(0, "svg", 3);
+    i0.ɵɵelement(1, "path", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(4, "div", 19)(5, "span", 20);
-    i0.ɵɵtext(6);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.iconClasses());
+} }
+function RoadmapMetricsComponent_Conditional_0_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, RoadmapMetricsComponent_Conditional_0_For_2_Conditional_0_Conditional_0_Template, 1, 1, "div", 1);
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵconditionalCreate(2, RoadmapMetricsComponent_Conditional_0_For_2_Conditional_0_Case_2_Template, 2, 1, ":svg:svg", 3)(3, RoadmapMetricsComponent_Conditional_0_For_2_Conditional_0_Case_3_Template, 2, 1, ":svg:svg", 3)(4, RoadmapMetricsComponent_Conditional_0_For_2_Conditional_0_Case_4_Template, 2, 1, ":svg:svg", 3);
+    i0.ɵɵelementStart(5, "div", 4)(6, "span", 5);
+    i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 21);
-    i0.ɵɵtext(8);
+    i0.ɵɵelementStart(8, "span", 6);
+    i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
+    let tmp_14_0;
+    const ctx_r1 = i0.ɵɵnextContext();
+    const metric_r3 = ctx_r1.$implicit;
+    const ɵ$index_4_r4 = ctx_r1.$index;
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.metricDividerClasses());
+    i0.ɵɵconditional(ctx_r0.hasPreviousVisible(ɵ$index_4_r4) ? 0 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.metricIconClasses());
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r0.metricValueClasses());
+    i0.ɵɵconditional((tmp_14_0 = metric_r3.icon) === "objectives" ? 2 : tmp_14_0 === "strategies" ? 3 : tmp_14_0 === "recommendations" ? 4 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.valueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.strategiesCount());
+    i0.ɵɵtextInterpolate(metric_r3.count);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.strategiesCount() === 1 ? "Strategy" : "Strategies");
+    i0.ɵɵtextInterpolate(metric_r3.label || ctx_r0.getDefaultLabel(metric_r3.icon, metric_r3.count));
 } }
-function SimplifiedGoalCardComponent_Conditional_11_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 22);
-    i0.ɵɵelementStart(1, "div", 17);
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 18);
-    i0.ɵɵelement(3, "path", 24);
-    i0.ɵɵelementEnd();
-    i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(4, "div", 19)(5, "span", 20);
-    i0.ɵɵtext(6);
+function RoadmapMetricsComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, RoadmapMetricsComponent_Conditional_0_For_2_Conditional_0_Template, 10, 6);
+} if (rf & 2) {
+    const metric_r3 = ctx.$implicit;
+    i0.ɵɵconditional(metric_r3.count > 0 ? 0 : -1);
+} }
+function RoadmapMetricsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵrepeaterCreate(1, RoadmapMetricsComponent_Conditional_0_For_2_Template, 1, 1, null, null, _forTrack0$m);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 21);
-    i0.ɵɵtext(8, "Rec");
-    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.metricDividerClasses());
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.metricIconClasses());
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r0.metricValueClasses());
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.recommendationsCount());
+    i0.ɵɵrepeater(ctx_r0.metrics());
+} }
+class RoadmapMetricsComponent {
+    constructor() {
+        this.metrics = input([], ...(ngDevMode ? [{ debugName: "metrics" }] : []));
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
+        this.hasMetrics = computed(() => this.metrics().some(m => m.count > 0), ...(ngDevMode ? [{ debugName: "hasMetrics" }] : []));
+        this.containerClasses = computed(() => {
+            if (this.isDark()) {
+                return 'bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-blue-500/10 border border-blue-500/20';
+            }
+            return 'bg-gradient-to-r from-blue-50 via-purple-50 to-blue-50 border border-blue-200';
+        }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
+        this.iconClasses = computed(() => this.isDark() ? 'text-blue-400' : 'text-blue-600', ...(ngDevMode ? [{ debugName: "iconClasses" }] : []));
+        this.valueClasses = computed(() => this.isDark() ? 'text-blue-400' : 'text-blue-700', ...(ngDevMode ? [{ debugName: "valueClasses" }] : []));
+        this.labelClasses = computed(() => this.isDark() ? 'text-slate-400' : 'text-slate-600', ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
+        this.dividerClasses = computed(() => this.isDark() ? 'bg-slate-600' : 'bg-slate-300', ...(ngDevMode ? [{ debugName: "dividerClasses" }] : []));
+    }
+    hasPreviousVisible(idx) {
+        return this.metrics().slice(0, idx).some(m => m.count > 0);
+    }
+    getDefaultLabel(icon, count) {
+        switch (icon) {
+            case 'objectives': return count === 1 ? 'Objective' : 'Objectives';
+            case 'strategies': return count === 1 ? 'Strategy' : 'Strategies';
+            case 'recommendations': return 'Rec';
+            default: return '';
+        }
+    }
+    static { this.ɵfac = function RoadmapMetricsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RoadmapMetricsComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RoadmapMetricsComponent, selectors: [["symphiq-roadmap-metrics"]], inputs: { metrics: [1, "metrics"], viewMode: [1, "viewMode"] }, decls: 1, vars: 1, consts: [[1, "flex", "items-center", "justify-around", "gap-2", "px-3", "py-2.5", "rounded-lg", 3, "ngClass"], [1, "w-px", "h-6", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-baseline", "gap-1"], [1, "text-sm", "font-bold", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], ["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"], ["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"], ["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"]], template: function RoadmapMetricsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, RoadmapMetricsComponent_Conditional_0_Template, 3, 1, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.hasMetrics() ? 0 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RoadmapMetricsComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-roadmap-metrics',
+                standalone: true,
+                imports: [CommonModule],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    @if (hasMetrics()) {
+      <div [ngClass]="containerClasses()" class="flex items-center justify-around gap-2 px-3 py-2.5 rounded-lg">
+        @for (metric of metrics(); track metric.icon; let idx = $index) {
+          @if (metric.count > 0) {
+            @if (hasPreviousVisible(idx)) {
+              <div [ngClass]="dividerClasses()" class="w-px h-6"></div>
+            }
+            <div class="flex items-center gap-1.5">
+              @switch (metric.icon) {
+                @case ('objectives') {
+                  <svg class="w-3.5 h-3.5 flex-shrink-0" [ngClass]="iconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path>
+                  </svg>
+                }
+                @case ('strategies') {
+                  <svg class="w-3.5 h-3.5 flex-shrink-0" [ngClass]="iconClasses()" 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>
+                }
+                @case ('recommendations') {
+                  <svg class="w-3.5 h-3.5 flex-shrink-0" [ngClass]="iconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path 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"></path>
+                  </svg>
+                }
+              }
+              <div class="flex items-baseline gap-1">
+                <span [ngClass]="valueClasses()" class="text-sm font-bold">{{ metric.count }}</span>
+                <span [ngClass]="labelClasses()" class="text-xs">{{ metric.label || getDefaultLabel(metric.icon, metric.count) }}</span>
+              </div>
+            </div>
+          }
+        }
+      </div>
+    }
+  `
+            }]
+    }], null, { metrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "metrics", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RoadmapMetricsComponent, { className: "RoadmapMetricsComponent", filePath: "lib/components/shared/roadmap-metrics.component.ts", lineNumber: 53 }); })();
+
+function SimplifiedGoalCardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.descriptionClasses())("libSymphiqTooltip", ctx_r0.goal().description);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵtextInterpolate(ctx_r0.goal().description);
 } }
 function SimplifiedGoalCardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵconditionalCreate(1, SimplifiedGoalCardComponent_Conditional_11_Conditional_1_Template, 8, 5, "div", 17);
-    i0.ɵɵconditionalCreate(2, SimplifiedGoalCardComponent_Conditional_11_Conditional_2_Template, 9, 6);
-    i0.ɵɵconditionalCreate(3, SimplifiedGoalCardComponent_Conditional_11_Conditional_3_Template, 9, 5);
+    i0.ɵɵelement(1, "symphiq-roadmap-metrics", 17);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.roadmapMetricsClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.objectivesCount() > 0 ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.strategiesCount() > 0 ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.recommendationsCount() > 0 ? 3 : -1);
+    i0.ɵɵproperty("metrics", ctx_r0.roadmapMetrics())("viewMode", ctx_r0.viewMode());
 } }
 function SimplifiedGoalCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 12);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
+    i0.ɵɵelement(0, "symphiq-priority-badge", 11);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("animate-pulse", ctx_r0.isHighPriority());
-    i0.ɵɵproperty("ngClass", ctx_r0.priorityBadgeClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.priorityLabel(), " ");
+    i0.ɵɵproperty("priority", ctx_r0.goal().priority)("viewMode", ctx_r0.viewMode());
 } }
 function SimplifiedGoalCardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 12);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
+    i0.ɵɵelement(0, "symphiq-timeframe-badge", 12);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.timeframeBadgeClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.goal().timeframe, " ");
+    i0.ɵɵproperty("timeframe", ctx_r0.goal().timeframe)("viewMode", ctx_r0.viewMode())("showIcon", false);
 } }
 function SimplifiedGoalCardComponent_Conditional_15_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelementStart(0, "div", 20);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 28);
-    i0.ɵɵelement(2, "path", 29);
+    i0.ɵɵelementStart(1, "svg", 21);
+    i0.ɵɵelement(2, "path", 22);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "p", 21);
+    i0.ɵɵelementStart(3, "p", 23);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -85564,13 +85628,13 @@ function SimplifiedGoalCardComponent_Conditional_15_Conditional_4_Template(rf, c
     i0.ɵɵtextInterpolate((tmp_4_0 = ctx_r0.goal().expectedImpact) == null ? null : tmp_4_0.revenueImpact);
 } }
 function SimplifiedGoalCardComponent_Conditional_15_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelementStart(0, "div", 20);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 28);
-    i0.ɵɵelement(2, "path", 30);
+    i0.ɵɵelementStart(1, "svg", 21);
+    i0.ɵɵelement(2, "path", 24);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "p", 21);
+    i0.ɵɵelementStart(3, "p", 23);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -85584,12 +85648,12 @@ function SimplifiedGoalCardComponent_Conditional_15_Conditional_5_Template(rf, c
     i0.ɵɵtextInterpolate((tmp_4_0 = ctx_r0.goal().expectedImpact) == null ? null : tmp_4_0.conversionImpact);
 } }
 function SimplifiedGoalCardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13)(1, "h5", 25);
+    i0.ɵɵelementStart(0, "div", 13)(1, "h5", 18);
     i0.ɵɵtext(2, "Expected Impact");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 26);
-    i0.ɵɵconditionalCreate(4, SimplifiedGoalCardComponent_Conditional_15_Conditional_4_Template, 5, 3, "div", 27);
-    i0.ɵɵconditionalCreate(5, SimplifiedGoalCardComponent_Conditional_15_Conditional_5_Template, 5, 3, "div", 27);
+    i0.ɵɵelementStart(3, "div", 19);
+    i0.ɵɵconditionalCreate(4, SimplifiedGoalCardComponent_Conditional_15_Conditional_4_Template, 5, 3, "div", 20);
+    i0.ɵɵconditionalCreate(5, SimplifiedGoalCardComponent_Conditional_15_Conditional_5_Template, 5, 3, "div", 20);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_3_0;
@@ -85610,15 +85674,40 @@ class SimplifiedGoalCardComponent {
         this.animationIndex = input(0, ...(ngDevMode ? [{ debugName: "animationIndex" }] : []));
         this.viewMoreClick = output();
         this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
-        this.priorityLabel = computed(() => {
-            switch (this.goal()?.priority) {
-                case ProfileAnalysisPriorityEnum.CRITICAL: return 'Critical';
-                case ProfileAnalysisPriorityEnum.HIGH: return 'Urgent';
-                case ProfileAnalysisPriorityEnum.MEDIUM: return 'Important';
-                case ProfileAnalysisPriorityEnum.LOW: return 'Consider';
-                default: return 'Priority';
+        this.objectivesCount = computed(() => {
+            return this.goal()?.objectives?.length || 0;
+        }, ...(ngDevMode ? [{ debugName: "objectivesCount" }] : []));
+        this.strategiesCount = computed(() => {
+            if (!this.goal()?.objectives)
+                return 0;
+            return this.goal().objectives.reduce((total, objective) => {
+                return total + (objective.strategies?.length || 0);
+            }, 0);
+        }, ...(ngDevMode ? [{ debugName: "strategiesCount" }] : []));
+        this.recommendationsCount = computed(() => {
+            if (!this.goal()?.objectives)
+                return 0;
+            return this.goal().objectives.reduce((total, objective) => {
+                const objStrategies = objective.strategies || [];
+                const recCount = objStrategies.reduce((stratTotal, strategy) => {
+                    return stratTotal + (strategy.recommendations?.length || 0);
+                }, 0);
+                return total + recCount;
+            }, 0);
+        }, ...(ngDevMode ? [{ debugName: "recommendationsCount" }] : []));
+        this.roadmapMetrics = computed(() => {
+            const metrics = [];
+            if (this.objectivesCount() > 0) {
+                metrics.push({ icon: 'objectives', count: this.objectivesCount() });
             }
-        }, ...(ngDevMode ? [{ debugName: "priorityLabel" }] : []));
+            if (this.strategiesCount() > 0) {
+                metrics.push({ icon: 'strategies', count: this.strategiesCount() });
+            }
+            if (this.recommendationsCount() > 0) {
+                metrics.push({ icon: 'recommendations', count: this.recommendationsCount() });
+            }
+            return metrics;
+        }, ...(ngDevMode ? [{ debugName: "roadmapMetrics" }] : []));
         this.cardClasses = computed(() => {
             const base = 'shadow-md hover:shadow-xl';
             if (this.isDark()) {
@@ -85641,37 +85730,6 @@ class SimplifiedGoalCardComponent {
         this.descriptionClasses = computed(() => {
             return this.isDark() ? 'text-slate-300' : 'text-slate-600';
         }, ...(ngDevMode ? [{ debugName: "descriptionClasses" }] : []));
-        this.priorityBadgeClasses = computed(() => {
-            const priority = this.goal()?.priority;
-            if (this.isDark()) {
-                if (priority === ProfileAnalysisPriorityEnum.CRITICAL) {
-                    return 'bg-red-500/30 text-red-300 border border-red-500/50';
-                }
-                if (priority === ProfileAnalysisPriorityEnum.HIGH) {
-                    return 'bg-orange-500/20 text-orange-400 border border-orange-500/30';
-                }
-                if (priority === ProfileAnalysisPriorityEnum.MEDIUM) {
-                    return 'bg-amber-500/20 text-amber-400 border border-amber-500/30';
-                }
-                return 'bg-blue-500/20 text-blue-400 border border-blue-500/30';
-            }
-            if (priority === ProfileAnalysisPriorityEnum.CRITICAL) {
-                return 'bg-red-100 text-red-800 border border-red-300';
-            }
-            if (priority === ProfileAnalysisPriorityEnum.HIGH) {
-                return 'bg-orange-100 text-orange-800 border border-orange-300';
-            }
-            if (priority === ProfileAnalysisPriorityEnum.MEDIUM) {
-                return 'bg-amber-100 text-amber-800 border border-amber-300';
-            }
-            return 'bg-blue-100 text-blue-800 border border-blue-300';
-        }, ...(ngDevMode ? [{ debugName: "priorityBadgeClasses" }] : []));
-        this.timeframeBadgeClasses = computed(() => {
-            if (this.isDark()) {
-                return 'bg-purple-500/20 text-purple-400 border border-purple-500/30';
-            }
-            return 'bg-purple-100 text-purple-700 border border-purple-200';
-        }, ...(ngDevMode ? [{ debugName: "timeframeBadgeClasses" }] : []));
         this.impactSectionClasses = computed(() => {
             if (this.isDark()) {
                 return 'bg-slate-700/30 border border-slate-600/30';
@@ -85693,66 +85751,9 @@ class SimplifiedGoalCardComponent {
             }
             return 'bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100';
         }, ...(ngDevMode ? [{ debugName: "learnMoreButtonClasses" }] : []));
-        this.hasRoadmapMetrics = computed(() => {
-            return this.objectivesCount() > 0 || this.strategiesCount() > 0 || this.recommendationsCount() > 0;
-        }, ...(ngDevMode ? [{ debugName: "hasRoadmapMetrics" }] : []));
-        this.objectivesCount = computed(() => {
-            return this.goal()?.objectives?.length || 0;
-        }, ...(ngDevMode ? [{ debugName: "objectivesCount" }] : []));
-        this.strategiesCount = computed(() => {
-            if (!this.goal()?.objectives)
-                return 0;
-            return this.goal().objectives.reduce((total, objective) => {
-                return total + (objective.strategies?.length || 0);
-            }, 0);
-        }, ...(ngDevMode ? [{ debugName: "strategiesCount" }] : []));
-        this.recommendationsCount = computed(() => {
-            if (!this.goal()?.objectives)
-                return 0;
-            return this.goal().objectives.reduce((total, objective) => {
-                const objStrategies = objective.strategies || [];
-                const recCount = objStrategies.reduce((stratTotal, strategy) => {
-                    return stratTotal + (strategy.recommendations?.length || 0);
-                }, 0);
-                return total + recCount;
-            }, 0);
-        }, ...(ngDevMode ? [{ debugName: "recommendationsCount" }] : []));
-        this.roadmapMetricsClasses = computed(() => {
-            if (this.isDark()) {
-                return 'bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-blue-500/10 border border-blue-500/20';
-            }
-            return 'bg-gradient-to-r from-blue-50 via-purple-50 to-blue-50 border border-blue-200';
-        }, ...(ngDevMode ? [{ debugName: "roadmapMetricsClasses" }] : []));
-        this.metricIconClasses = computed(() => {
-            if (this.isDark()) {
-                return 'text-blue-400';
-            }
-            return 'text-blue-600';
-        }, ...(ngDevMode ? [{ debugName: "metricIconClasses" }] : []));
-        this.metricValueClasses = computed(() => {
-            if (this.isDark()) {
-                return 'text-blue-400';
-            }
-            return 'text-blue-700';
-        }, ...(ngDevMode ? [{ debugName: "metricValueClasses" }] : []));
-        this.metricLabelClasses = computed(() => {
-            if (this.isDark()) {
-                return 'text-slate-400';
-            }
-            return 'text-slate-600';
-        }, ...(ngDevMode ? [{ debugName: "metricLabelClasses" }] : []));
-        this.metricDividerClasses = computed(() => {
-            if (this.isDark()) {
-                return 'bg-slate-600';
-            }
-            return 'bg-slate-300';
-        }, ...(ngDevMode ? [{ debugName: "metricDividerClasses" }] : []));
-    }
-    isHighPriority() {
-        return this.goal()?.priority === ProfileAnalysisPriorityEnum.CRITICAL;
     }
     static { this.ɵfac = function SimplifiedGoalCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SimplifiedGoalCardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SimplifiedGoalCardComponent, selectors: [["symphiq-simplified-goal-card"]], inputs: { goal: [1, "goal"], viewMode: [1, "viewMode"], animationIndex: [1, "animationIndex"] }, outputs: { viewMoreClick: "viewMoreClick" }, decls: 21, vars: 11, consts: [[1, "rounded-xl", "p-5", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "flex-shrink-0", "w-9", "h-9", "rounded-lg", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "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-base", "leading-snug", "mb-2", 3, "ngClass"], [1, "text-sm", "mb-4", "line-clamp-2", 3, "ngClass"], [1, "flex", "items-center", "justify-around", "gap-2", "px-3", "py-2.5", "rounded-lg", "mb-4", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "gap-2", "mb-4"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass", "animate-pulse"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "p-3", "rounded-lg", "mb-4", 3, "ngClass"], ["type", "button", 1, "w-full", "flex", "items-center", "justify-center", "gap-2", "px-4", "py-2.5", "rounded-lg", "text-sm", "font-semibold", "transition-all", "duration-200", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "group-hover:translate-x-1"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-1.5"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-baseline", "gap-1"], [1, "text-sm", "font-bold", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "w-px", "h-6", 3, "ngClass"], ["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"], ["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, "text-xs", "font-semibold", "mb-2", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"]], template: function SimplifiedGoalCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SimplifiedGoalCardComponent, selectors: [["symphiq-simplified-goal-card"]], inputs: { goal: [1, "goal"], viewMode: [1, "viewMode"], animationIndex: [1, "animationIndex"] }, outputs: { viewMoreClick: "viewMoreClick" }, decls: 21, vars: 11, consts: [[1, "rounded-xl", "p-5", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "flex-shrink-0", "w-9", "h-9", "rounded-lg", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "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-base", "leading-snug", "mb-2", 3, "ngClass"], [1, "text-sm", "mb-4", "line-clamp-2", 3, "ngClass", "libSymphiqTooltip"], [1, "mb-4"], [1, "flex", "items-center", "justify-between", "gap-2", "mb-4"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode", "showIcon"], [1, "p-3", "rounded-lg", "mb-4", 3, "ngClass"], ["type", "button", 1, "w-full", "flex", "items-center", "justify-center", "gap-2", "px-4", "py-2.5", "rounded-lg", "text-sm", "font-semibold", "transition-all", "duration-200", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "group-hover:translate-x-1"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [3, "metrics", "viewMode"], [1, "text-xs", "font-semibold", "mb-2", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"]], template: function SimplifiedGoalCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("click", function SimplifiedGoalCardComponent_Template_div_click_0_listener() { return ctx.viewMoreClick.emit(ctx.goal()); });
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
@@ -85767,11 +85768,11 @@ class SimplifiedGoalCardComponent {
             i0.ɵɵelementStart(8, "h4", 7);
             i0.ɵɵtext(9);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(10, SimplifiedGoalCardComponent_Conditional_10_Template, 2, 2, "p", 8);
-            i0.ɵɵconditionalCreate(11, SimplifiedGoalCardComponent_Conditional_11_Template, 4, 4, "div", 9);
+            i0.ɵɵconditionalCreate(10, SimplifiedGoalCardComponent_Conditional_10_Template, 2, 3, "p", 8);
+            i0.ɵɵconditionalCreate(11, SimplifiedGoalCardComponent_Conditional_11_Template, 2, 2, "div", 9);
             i0.ɵɵelementStart(12, "div", 10);
-            i0.ɵɵconditionalCreate(13, SimplifiedGoalCardComponent_Conditional_13_Template, 2, 4, "span", 11);
-            i0.ɵɵconditionalCreate(14, SimplifiedGoalCardComponent_Conditional_14_Template, 2, 2, "span", 12);
+            i0.ɵɵconditionalCreate(13, SimplifiedGoalCardComponent_Conditional_13_Template, 1, 2, "symphiq-priority-badge", 11);
+            i0.ɵɵconditionalCreate(14, SimplifiedGoalCardComponent_Conditional_14_Template, 1, 3, "symphiq-timeframe-badge", 12);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(15, SimplifiedGoalCardComponent_Conditional_15_Template, 6, 4, "div", 13);
             i0.ɵɵelementStart(16, "button", 14);
@@ -85796,7 +85797,7 @@ class SimplifiedGoalCardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.goal().description ? 10 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.hasRoadmapMetrics() ? 11 : -1);
+            i0.ɵɵconditional(ctx.roadmapMetrics().length > 0 ? 11 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.goal().priority ? 13 : -1);
             i0.ɵɵadvance();
@@ -85805,14 +85806,14 @@ class SimplifiedGoalCardComponent {
             i0.ɵɵconditional(ctx.goal().expectedImpact ? 15 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.learnMoreButtonClasses());
-        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgClass, PriorityBadgeComponent, TimeframeBadgeComponent, RoadmapMetricsComponent, TooltipDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SimplifiedGoalCardComponent, [{
         type: Component,
         args: [{
                 selector: 'symphiq-simplified-goal-card',
                 standalone: true,
-                imports: [CommonModule],
+                imports: [CommonModule, PriorityBadgeComponent, TimeframeBadgeComponent, RoadmapMetricsComponent, TooltipDirective],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
     <div
@@ -85836,60 +85837,32 @@ class SimplifiedGoalCardComponent {
       </div>
 
       @if (goal().description) {
-        <p [ngClass]="descriptionClasses()" class="text-sm mb-4 line-clamp-2">{{ goal().description }}</p>
+        <p [ngClass]="descriptionClasses()" class="text-sm mb-4 line-clamp-2" [libSymphiqTooltip]="goal().description">{{ goal().description }}</p>
       }
 
       <!-- Roadmap Metrics -->
-      @if (hasRoadmapMetrics()) {
-        <div [ngClass]="roadmapMetricsClasses()" class="flex items-center justify-around gap-2 px-3 py-2.5 rounded-lg mb-4">
-          @if (objectivesCount() > 0) {
-            <div class="flex items-center gap-1.5">
-              <svg class="w-3.5 h-3.5 flex-shrink-0" [ngClass]="metricIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path>
-              </svg>
-              <div class="flex items-baseline gap-1">
-                <span [ngClass]="metricValueClasses()" class="text-sm font-bold">{{ objectivesCount() }}</span>
-                <span [ngClass]="metricLabelClasses()" class="text-xs">{{ objectivesCount() === 1 ? 'Objective' : 'Objectives' }}</span>
-              </div>
-            </div>
-          }
-          @if (strategiesCount() > 0) {
-            <div [ngClass]="metricDividerClasses()" class="w-px h-6"></div>
-            <div class="flex items-center gap-1.5">
-              <svg class="w-3.5 h-3.5 flex-shrink-0" [ngClass]="metricIconClasses()" 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>
-              <div class="flex items-baseline gap-1">
-                <span [ngClass]="metricValueClasses()" class="text-sm font-bold">{{ strategiesCount() }}</span>
-                <span [ngClass]="metricLabelClasses()" class="text-xs">{{ strategiesCount() === 1 ? 'Strategy' : 'Strategies' }}</span>
-              </div>
-            </div>
-          }
-          @if (recommendationsCount() > 0) {
-            <div [ngClass]="metricDividerClasses()" class="w-px h-6"></div>
-            <div class="flex items-center gap-1.5">
-              <svg class="w-3.5 h-3.5 flex-shrink-0" [ngClass]="metricIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path 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"></path>
-              </svg>
-              <div class="flex items-baseline gap-1">
-                <span [ngClass]="metricValueClasses()" class="text-sm font-bold">{{ recommendationsCount() }}</span>
-                <span [ngClass]="metricLabelClasses()" class="text-xs">Rec</span>
-              </div>
-            </div>
-          }
+      @if (roadmapMetrics().length > 0) {
+        <div class="mb-4">
+          <symphiq-roadmap-metrics
+            [metrics]="roadmapMetrics()"
+            [viewMode]="viewMode()"
+          />
         </div>
       }
 
       <div class="flex items-center justify-between gap-2 mb-4">
         @if (goal().priority) {
-          <span [ngClass]="priorityBadgeClasses()" [class.animate-pulse]="isHighPriority()" class="px-2.5 py-1 rounded-full text-xs font-semibold whitespace-nowrap">
-            {{ priorityLabel() }}
-          </span>
+          <symphiq-priority-badge
+            [priority]="goal().priority"
+            [viewMode]="viewMode()"
+          />
         }
         @if (goal().timeframe) {
-          <span [ngClass]="timeframeBadgeClasses()" class="px-2.5 py-1 rounded-full text-xs font-semibold whitespace-nowrap">
-            {{ goal().timeframe }}
-          </span>
+          <symphiq-timeframe-badge
+            [timeframe]="goal().timeframe"
+            [viewMode]="viewMode()"
+            [showIcon]="false"
+          />
         }
       </div>
 
@@ -85931,9 +85904,9 @@ class SimplifiedGoalCardComponent {
   `
             }]
     }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], animationIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationIndex", required: false }] }], viewMoreClick: [{ type: i0.Output, args: ["viewMoreClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimplifiedGoalCardComponent, { className: "SimplifiedGoalCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/simplified-goal-card.component.ts", lineNumber: 127 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimplifiedGoalCardComponent, { className: "SimplifiedGoalCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/simplified-goal-card.component.ts", lineNumber: 102 }); })();
 
-const _forTrack0$m = ($index, $item) => $item.id;
+const _forTrack0$l = ($index, $item) => $item.id;
 function StrategicGoalsTiledGridComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵtext(1);
@@ -85957,7 +85930,7 @@ function StrategicGoalsTiledGridComponent_Conditional_14_For_2_Template(rf, ctx)
 } }
 function StrategicGoalsTiledGridComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵrepeaterCreate(1, StrategicGoalsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-goal-card", 13, _forTrack0$m);
+    i0.ɵɵrepeaterCreate(1, StrategicGoalsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-goal-card", 13, _forTrack0$l);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -86914,7 +86887,7 @@ class FocusAreaExecutiveSummaryComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], topPrioritiesClick: [{ type: i0.Output, args: ["topPrioritiesClick"] }], priorityDetailClick: [{ type: i0.Output, args: ["priorityDetailClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaExecutiveSummaryComponent, { className: "FocusAreaExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/focus-area-executive-summary.component.ts", lineNumber: 195 }); })();
 
-const _forTrack0$l = ($index, $item) => $item.id;
+const _forTrack0$k = ($index, $item) => $item.id;
 function CollapsibleAnalysisSectionGroupComponent_For_23_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 20);
     i0.ɵɵelement(1, "symphiq-icon", 31);
@@ -87365,7 +87338,7 @@ class CollapsibleAnalysisSectionGroupComponent {
             i0.ɵɵtext(20);
             i0.ɵɵelementEnd()()();
             i0.ɵɵelementStart(21, "div", 16);
-            i0.ɵɵrepeaterCreate(22, CollapsibleAnalysisSectionGroupComponent_For_23_Template, 16, 14, "div", 17, _forTrack0$l);
+            i0.ɵɵrepeaterCreate(22, CollapsibleAnalysisSectionGroupComponent_For_23_Template, 16, 14, "div", 17, _forTrack0$k);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -87561,7 +87534,7 @@ class CollapsibleAnalysisSectionGroupComponent {
     }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], executiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "executiveSummary", required: false }] }], focusAreaExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaExecutiveSummary", required: false }] }], metricExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricExecutiveSummary", required: false }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], businessProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessProfile", required: false }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], viewReportClick: [{ type: i0.Output, args: ["viewReportClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleAnalysisSectionGroupComponent, { className: "CollapsibleAnalysisSectionGroupComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/collapsible-analysis-section-group.component.ts", lineNumber: 176 }); })();
 
-const _forTrack0$k = ($index, $item) => $item.code;
+const _forTrack0$j = ($index, $item) => $item.code;
 function BillingCurrencySelectorCardComponent_For_15_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "label", 11)(1, "input", 12);
@@ -87753,7 +87726,7 @@ class BillingCurrencySelectorCardComponent {
             i0.ɵɵtext(10, " Choose the currency for your subscription ");
             i0.ɵɵelementEnd()()()();
             i0.ɵɵelementStart(11, "div", 8)(12, "div", 9)(13, "div", 10);
-            i0.ɵɵrepeaterCreate(14, BillingCurrencySelectorCardComponent_For_15_Template, 10, 12, "label", 11, _forTrack0$k);
+            i0.ɵɵrepeaterCreate(14, BillingCurrencySelectorCardComponent_For_15_Template, 10, 12, "label", 11, _forTrack0$j);
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -88785,7 +88758,7 @@ At the end of each month, your total AI usage is calculated and automatically bi
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], planInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "planInfo", required: true }] }], isSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelected", required: false }] }], selectedPeriodUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedPeriodUnit", required: false }] }], monthlyComparisonPrice: [{ type: i0.Input, args: [{ isSignal: true, alias: "monthlyComparisonPrice", required: false }] }], planSelected: [{ type: i0.Output, args: ["planSelected"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanCardComponent, { className: "PlanCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/plan-card.component.ts", lineNumber: 274 }); })();
 
-const _forTrack0$j = ($index, $item) => $item.planItemPrice.id;
+const _forTrack0$i = ($index, $item) => $item.planItemPrice.id;
 function PlanSelectionContainerComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 14);
     i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 18);
@@ -88811,7 +88784,7 @@ function PlanSelectionContainerComponent_Conditional_20_For_2_Template(rf, ctx)
 } }
 function PlanSelectionContainerComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵrepeaterCreate(1, PlanSelectionContainerComponent_Conditional_20_For_2_Template, 1, 5, "symphiq-plan-card", 20, _forTrack0$j);
+    i0.ɵɵrepeaterCreate(1, PlanSelectionContainerComponent_Conditional_20_For_2_Template, 1, 5, "symphiq-plan-card", 20, _forTrack0$i);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -89142,7 +89115,7 @@ class PlanSelectionContainerComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], selectedCurrency: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedCurrency", required: false }] }], planCardInfos: [{ type: i0.Input, args: [{ isSignal: true, alias: "planCardInfos", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], selectedPeriodUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedPeriodUnit", required: false }] }], periodUnitChanged: [{ type: i0.Output, args: ["periodUnitChanged"] }], planSelected: [{ type: i0.Output, args: ["planSelected"] }], editCurrency: [{ type: i0.Output, args: ["editCurrency"] }], checkout: [{ type: i0.Output, args: ["checkout"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanSelectionContainerComponent, { className: "PlanSelectionContainerComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/plan-selection-container.component.ts", lineNumber: 116 }); })();
 
-const _forTrack0$i = ($index, $item) => $item.item.id;
+const _forTrack0$h = ($index, $item) => $item.item.id;
 function ProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 0)(2, "div", 2)(3, "div", 3)(4, "div", 4);
@@ -89232,7 +89205,7 @@ class ProfileCategoryListComponent {
     static { this.ɵfac = function ProfileCategoryListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileCategoryListComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileCategoryListComponent, selectors: [["symphiq-profile-category-list"]], inputs: { viewMode: [1, "viewMode"], items: [1, "items"], delayAnimation: [1, "delayAnimation"] }, outputs: { itemClick: "itemClick" }, decls: 3, vars: 0, consts: [[1, "space-y-4"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", "hover:scale-[1.01]", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1", "min-w-0"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-2", 3, "ngClass"], [1, "text-lg", "font-semibold", "leading-tight", 3, "ngClass"], ["type", "button", 1, "flex-shrink-0", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-300", "flex", "items-center", "gap-2", "hover:scale-105", "active:scale-95", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "space-y-2"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [3, "ngClass"], [1, "flex", "justify-between", "items-center"], [1, "text-sm", "font-medium", 3, "ngClass"]], template: function ProfileCategoryListComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, ProfileCategoryListComponent_For_2_Template, 19, 16, "div", 1, _forTrack0$i);
+            i0.ɵɵrepeaterCreate(1, ProfileCategoryListComponent_For_2_Template, 19, 16, "div", 1, _forTrack0$h);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
@@ -89301,7 +89274,7 @@ class ProfileCategoryListComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], delayAnimation: [{ type: i0.Input, args: [{ isSignal: true, alias: "delayAnimation", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileCategoryListComponent, { className: "ProfileCategoryListComponent", filePath: "lib/components/shared/profile/profile-category-list.component.ts", lineNumber: 71 }); })();
 
-const _forTrack0$h = ($index, $item) => $item.type;
+const _forTrack0$g = ($index, $item) => $item.type;
 function ProfileViewToggleComponent_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 2);
@@ -89350,7 +89323,7 @@ class ProfileViewToggleComponent {
     static { this.ɵfac = function ProfileViewToggleComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileViewToggleComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileViewToggleComponent, selectors: [["symphiq-profile-view-toggle"]], inputs: { viewMode: [1, "viewMode"], currentView: [1, "currentView"], options: [1, "options"] }, outputs: { viewChanged: "viewChanged" }, decls: 3, vars: 1, consts: [[1, "inline-flex", "gap-2", "rounded-lg", "p-1", 3, "ngClass"], ["type", "button", 1, "px-6", "py-2.5", "rounded-md", "font-medium", "text-sm", "transition-all", "duration-300", "ease-in-out", 3, "ngClass"], ["type", "button", 1, "px-6", "py-2.5", "rounded-md", "font-medium", "text-sm", "transition-all", "duration-300", "ease-in-out", 3, "click", "ngClass"]], template: function ProfileViewToggleComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, ProfileViewToggleComponent_For_2_Template, 2, 2, "button", 1, _forTrack0$h);
+            i0.ɵɵrepeaterCreate(1, ProfileViewToggleComponent_For_2_Template, 2, 2, "button", 1, _forTrack0$g);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
@@ -89387,7 +89360,7 @@ const _c0$c = ["scrollContainer"];
 const _c1$4 = ["stickySentinel"];
 const _c2$4 = ["stickyHeader"];
 const _c3$2 = ["questionTitle"];
-const _forTrack0$g = ($index, $item) => $item.tempId;
+const _forTrack0$f = ($index, $item) => $item.tempId;
 function ProfileQuestionAnswerComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 16);
     i0.ɵɵtext(1);
@@ -89528,7 +89501,7 @@ function ProfileQuestionAnswerComponent_Conditional_26_Conditional_13_Template(r
 function ProfileQuestionAnswerComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 41);
-    i0.ɵɵrepeaterCreate(1, ProfileQuestionAnswerComponent_Conditional_26_For_2_Template, 4, 5, "label", 42, _forTrack0$g);
+    i0.ɵɵrepeaterCreate(1, ProfileQuestionAnswerComponent_Conditional_26_For_2_Template, 4, 5, "label", 42, _forTrack0$f);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 43)(4, "div", 44)(5, "div", 45)(6, "div", 46)(7, "textarea", 47);
     i0.ɵɵtwoWayListener("ngModelChange", function ProfileQuestionAnswerComponent_Conditional_26_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.customAnswerText, $event) || (ctx_r1.customAnswerText = $event); return i0.ɵɵresetView($event); });
@@ -90440,7 +90413,7 @@ class ProfileAnswerAnimationService {
             }]
     }], null, null); })();
 
-const _forTrack0$f = ($index, $item) => $item.answer.id;
+const _forTrack0$e = ($index, $item) => $item.answer.id;
 function ProfileQuestionCardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "span", 15);
     i0.ɵɵtext(2);
@@ -90529,7 +90502,7 @@ function ProfileQuestionCardComponent_Conditional_9_For_2_Template(rf, ctx) { if
 } }
 function ProfileQuestionCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵrepeaterCreate(1, ProfileQuestionCardComponent_Conditional_9_For_2_Template, 6, 11, null, null, _forTrack0$f);
+    i0.ɵɵrepeaterCreate(1, ProfileQuestionCardComponent_Conditional_9_For_2_Template, 6, 11, null, null, _forTrack0$e);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -90957,7 +90930,7 @@ class ProfileQuestionCardComponent {
     }], null, { question: [{ type: i0.Input, args: [{ isSignal: true, alias: "question", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: false }] }], profileAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswers", required: false }] }], profileAnswerHistories: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswerHistories", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], showFocusAreaChips: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFocusAreaChips", required: false }] }], categoryNameFormatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "categoryNameFormatter", required: false }] }], answerClick: [{ type: i0.Output, args: ["answerClick"] }], historyClick: [{ type: i0.Output, args: ["historyClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileQuestionCardComponent, { className: "ProfileQuestionCardComponent", filePath: "lib/components/shared/profile/profile-question-card.component.ts", lineNumber: 175 }); })();
 
-const _forTrack0$e = ($index, $item) => $item.answer.id;
+const _forTrack0$d = ($index, $item) => $item.answer.id;
 const _forTrack1$4 = ($index, $item) => $item.history.id;
 function ProfileQuestionHistoryComponent_Conditional_16_For_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 20)(1, "span", 21);
@@ -90991,7 +90964,7 @@ function ProfileQuestionHistoryComponent_Conditional_16_Template(rf, ctx) { if (
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "div", 19);
-    i0.ɵɵrepeaterCreate(7, ProfileQuestionHistoryComponent_Conditional_16_For_8_Template, 6, 8, null, null, _forTrack0$e);
+    i0.ɵɵrepeaterCreate(7, ProfileQuestionHistoryComponent_Conditional_16_For_8_Template, 6, 8, null, null, _forTrack0$d);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -91393,7 +91366,7 @@ class ProfileQuestionHistoryComponent {
 const _c0$b = ["modalContent"];
 const _c1$3 = ["modalWrapper"];
 const _c2$3 = ["scrollContainer"];
-const _forTrack0$d = ($index, $item) => $item.id;
+const _forTrack0$c = ($index, $item) => $item.id;
 function ProfileQuestionsModalComponent_Conditional_0_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-profile-question-history", 7);
@@ -91445,7 +91418,7 @@ function ProfileQuestionsModalComponent_Conditional_0_Conditional_6_Conditional_
 } }
 function ProfileQuestionsModalComponent_Conditional_0_Conditional_6_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵrepeaterCreate(1, ProfileQuestionsModalComponent_Conditional_0_Conditional_6_Conditional_18_For_2_Template, 1, 9, "symphiq-profile-question-card", 28, _forTrack0$d);
+    i0.ɵɵrepeaterCreate(1, ProfileQuestionsModalComponent_Conditional_0_Conditional_6_Conditional_18_For_2_Template, 1, 9, "symphiq-profile-question-card", 28, _forTrack0$c);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -92989,7 +92962,7 @@ class ProfileStickyFooterComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], totalQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalQuestions", required: false }] }], answeredQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "answeredQuestions", required: false }] }], buttonConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonConfig", required: false }] }], continueClick: [{ type: i0.Output, args: ["continueClick"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileStickyFooterComponent, { className: "ProfileStickyFooterComponent", filePath: "lib/components/shared/profile/profile-sticky-footer.component.ts", lineNumber: 48 }); })();
 
-const _forTrack0$c = ($index, $item) => $item.label;
+const _forTrack0$b = ($index, $item) => $item.label;
 const _forTrack1$3 = ($index, $item) => $item.title;
 function SubscriptionValuePropositionCardComponent_For_104_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
@@ -93469,7 +93442,7 @@ class SubscriptionValuePropositionCardComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceHTML();
             i0.ɵɵelementStart(102, "div", 39);
-            i0.ɵɵrepeaterCreate(103, SubscriptionValuePropositionCardComponent_For_104_Template, 8, 6, "div", 40, _forTrack0$c);
+            i0.ɵɵrepeaterCreate(103, SubscriptionValuePropositionCardComponent_For_104_Template, 8, 6, "div", 40, _forTrack0$b);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(105, "div", 41);
             i0.ɵɵnamespaceSVG();
@@ -94180,7 +94153,7 @@ const _c2$2 = () => [];
 const _c3$1 = a0 => ({ name: "chevron-right", source: a0 });
 const _c4 = a0 => ({ name: "chevron-down", source: a0 });
 const _c5 = a0 => [a0];
-const _forTrack0$b = ($index, $item) => $item.index;
+const _forTrack0$a = ($index, $item) => $item.index;
 const _forTrack1$2 = ($index, $item) => $item.id;
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -94536,7 +94509,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
     i0.ɵɵtext(2, " Quick Wins ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 85);
-    i0.ɵɵrepeaterCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 86, _forTrack0$b);
+    i0.ɵɵrepeaterCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 86, _forTrack0$a);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -97546,7 +97519,7 @@ class ProfileProgressIndicatorComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], questionsAnswered: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionsAnswered", required: false }] }], totalQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalQuestions", required: false }] }], progressPercent: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressPercent", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileProgressIndicatorComponent, { className: "ProfileProgressIndicatorComponent", filePath: "lib/components/shared/profile-progress-indicator.component.ts", lineNumber: 36 }); })();
 
-const _forTrack0$a = ($index, $item) => $item.card.id;
+const _forTrack0$9 = ($index, $item) => $item.card.id;
 function ProfileAnalysisCardGridComponent_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
     i0.ɵɵtext(1);
@@ -97814,7 +97787,7 @@ function ProfileAnalysisCardGridComponent_Conditional_3_Template(rf, ctx) { if (
     i0.ɵɵelement(5, "div", 41);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "div", 43);
-    i0.ɵɵrepeaterCreate(7, ProfileAnalysisCardGridComponent_Conditional_3_For_8_Template, 12, 12, "div", 1, _forTrack0$a);
+    i0.ɵɵrepeaterCreate(7, ProfileAnalysisCardGridComponent_Conditional_3_For_8_Template, 12, 12, "div", 1, _forTrack0$9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -97910,7 +97883,7 @@ class ProfileAnalysisCardGridComponent {
     static { this.ɵfac = function ProfileAnalysisCardGridComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileAnalysisCardGridComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileAnalysisCardGridComponent, selectors: [["symphiq-profile-analysis-card-grid"]], inputs: { viewMode: [1, "viewMode"], cards: [1, "cards"], config: [1, "config"] }, outputs: { cardClick: "cardClick" }, decls: 4, vars: 1, consts: [[1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [1, "p-6", "flex-1"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-red-100", "dark:bg-red-900/30", "text-red-700", "dark:text-red-400", "flex", "items-center", "gap-1.5", "animate-alert-pulse"], [1, "px-3", "py-1", "bg-emerald-100", "dark:bg-emerald-900/40", "text-emerald-700", "dark:text-emerald-400", "text-xs", "font-semibold", "rounded-full", "flex", "items-center", "gap-1.5", "border", "border-emerald-300/50", "dark:border-emerald-500/30", "shadow-sm"], ["tooltipPosition", "bottom", 3, "libSymphiqTooltip"], [1, "mt-3", "mb-4"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "cursor-pointer", "mt-4"], [1, "px-6", "pb-4"], [1, "w-2", "h-2", "rounded-full", "bg-red-500", "animate-slow-pulse"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3.5", "h-3.5"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "cursor-pointer", "mt-4", 3, "click"], [3, "viewMode", "questionsAnswered", "totalQuestions", "progressPercent", "status", "label"], [3, "itemStatus", "viewMode", "compact", "compactTitle"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse", 3, "click"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-semibold", "text-white", "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "animate-pulse"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-white/90", "group-hover:translate-x-1", "transition-transform"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "hover:text-blue-500", "dark:hover:text-blue-400", "hover:translate-x-1", "transition-all"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"]], template: function ProfileAnalysisCardGridComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, ProfileAnalysisCardGridComponent_For_2_Template, 19, 17, "div", 1, _forTrack0$a);
+            i0.ɵɵrepeaterCreate(1, ProfileAnalysisCardGridComponent_For_2_Template, 19, 17, "div", 1, _forTrack0$9);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(3, ProfileAnalysisCardGridComponent_Conditional_3_Template, 9, 4, "div", 2);
         } if (rf & 2) {
@@ -99371,7 +99344,7 @@ class FocusAreaWelcomeBannerComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaWelcomeBannerComponent, { className: "FocusAreaWelcomeBannerComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/focus-area-welcome-banner.component.ts", lineNumber: 63 }); })();
 
 const _c0$7 = ["funnelModalComponent"];
-const _forTrack0$9 = ($index, $item) => $item.id;
+const _forTrack0$8 = ($index, $item) => $item.id;
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-loading-card", 23);
 } if (rf & 2) {
@@ -99547,7 +99520,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
 } }
 function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "section", 31);
-    i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Template, 9, 15, null, null, _forTrack0$9);
+    i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Template, 9, 15, null, null, _forTrack0$8);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
@@ -100578,174 +100551,63 @@ 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: 482 }); })();
 
-const _forTrack0$8 = ($index, $item) => $item.icon;
-function StructureCountsComponent_For_2_Conditional_0_Case_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 2);
-    i0.ɵɵelement(1, "path", 4);
-    i0.ɵɵelementEnd();
-} }
-function StructureCountsComponent_For_2_Conditional_0_Case_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 2);
-    i0.ɵɵelement(1, "path", 5);
-    i0.ɵɵelementEnd();
-} }
-function StructureCountsComponent_For_2_Conditional_0_Case_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 2);
-    i0.ɵɵelement(1, "path", 6);
-    i0.ɵɵelementEnd();
-} }
-function StructureCountsComponent_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵconditionalCreate(1, StructureCountsComponent_For_2_Conditional_0_Case_1_Template, 2, 0, ":svg:svg", 2)(2, StructureCountsComponent_For_2_Conditional_0_Case_2_Template, 2, 0, ":svg:svg", 2)(3, StructureCountsComponent_For_2_Conditional_0_Case_3_Template, 2, 0, ":svg:svg", 2);
-    i0.ɵɵelementStart(4, "span");
-    i0.ɵɵtext(5);
+const _forTrack0$7 = ($index, $item) => $item.analysisId;
+function UnifiedGoalCardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "p", 17);
+    i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_10_Template_p_click_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 3);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_12_0;
-    const item_r1 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.itemClasses());
+    i0.ɵɵproperty("ngClass", ctx_r1.descriptionClasses())("libSymphiqTooltip", ctx_r1.goal().description);
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_12_0 = item_r1.icon) === "objectives" ? 1 : tmp_12_0 === "strategies" ? 2 : tmp_12_0 === "recommendations" ? 3 : -1);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(item_r1.count);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r1.label || ctx_r1.getDefaultLabel(item_r1.icon, item_r1.count));
-} }
-function StructureCountsComponent_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, StructureCountsComponent_For_2_Conditional_0_Template, 8, 4, "div", 1);
-} if (rf & 2) {
-    const item_r1 = ctx.$implicit;
-    i0.ɵɵconditional(item_r1.count > 0 ? 0 : -1);
-} }
-class StructureCountsComponent {
-    constructor() {
-        this.counts = input([], ...(ngDevMode ? [{ debugName: "counts" }] : []));
-        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
-        this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
-        this.itemClasses = computed(() => {
-            if (this.isDark()) {
-                return 'bg-slate-800/50 text-slate-300 border border-slate-700/50';
-            }
-            return 'bg-slate-50 text-slate-600 border border-slate-200';
-        }, ...(ngDevMode ? [{ debugName: "itemClasses" }] : []));
-    }
-    getDefaultLabel(icon, count) {
-        switch (icon) {
-            case 'objectives': return count === 1 ? 'Objective' : 'Objectives';
-            case 'strategies': return count === 1 ? 'Strategy' : 'Strategies';
-            case 'recommendations': return count === 1 ? 'Rec' : 'Rec';
-            default: return '';
-        }
-    }
-    static { this.ɵfac = function StructureCountsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StructureCountsComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StructureCountsComponent, selectors: [["symphiq-structure-counts"]], inputs: { counts: [1, "counts"], viewMode: [1, "viewMode"] }, decls: 3, vars: 0, consts: [[1, "flex", "flex-wrap", "items-center", "gap-2"], [1, "inline-flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], [1, "opacity-70"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"], ["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"], ["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"]], template: function StructureCountsComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, StructureCountsComponent_For_2_Template, 1, 1, null, null, _forTrack0$8);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.counts());
-        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StructureCountsComponent, [{
-        type: Component,
-        args: [{
-                selector: 'symphiq-structure-counts',
-                standalone: true,
-                imports: [CommonModule],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div class="flex flex-wrap items-center gap-2">
-      @for (item of counts(); track item.icon) {
-        @if (item.count > 0) {
-          <div [ngClass]="itemClasses()" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium">
-            @switch (item.icon) {
-              @case ('objectives') {
-                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"/>
-                </svg>
-              }
-              @case ('strategies') {
-                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 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"/>
-                </svg>
-              }
-              @case ('recommendations') {
-                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.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"/>
-                </svg>
-              }
-            }
-            <span>{{ item.count }}</span>
-            <span class="opacity-70">{{ item.label || getDefaultLabel(item.icon, item.count) }}</span>
-          </div>
-        }
-      }
-    </div>
-  `
-            }]
-    }], null, { counts: [{ type: i0.Input, args: [{ isSignal: true, alias: "counts", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StructureCountsComponent, { className: "StructureCountsComponent", filePath: "lib/components/shared/structure-counts.component.ts", lineNumber: 46 }); })();
-
-const _forTrack0$7 = ($index, $item) => $item.analysisId;
-function UnifiedGoalCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-priority-badge", 10);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("priority", ctx_r0.goal().priority)("viewMode", ctx_r0.viewMode());
+    i0.ɵɵtextInterpolate(ctx_r1.goal().description);
 } }
-function UnifiedGoalCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 11);
-    i0.ɵɵtext(1);
+function UnifiedGoalCardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "symphiq-roadmap-metrics", 18);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.descriptionClasses());
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.goal().description);
+    i0.ɵɵproperty("metrics", ctx_r1.roadmapMetrics())("viewMode", ctx_r1.viewMode());
 } }
-function UnifiedGoalCardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-timeframe-badge", 13);
+function UnifiedGoalCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-priority-badge", 11);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("timeframe", ctx_r0.goal().timeframe)("viewMode", ctx_r0.viewMode());
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("priority", ctx_r1.goal().priority)("viewMode", ctx_r1.viewMode());
 } }
-function UnifiedGoalCardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-structure-counts", 14);
+function UnifiedGoalCardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-timeframe-badge", 12);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("counts", ctx_r0.structureCounts())("viewMode", ctx_r0.viewMode());
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("timeframe", ctx_r1.goal().timeframe)("viewMode", ctx_r1.viewMode());
 } }
-function UnifiedGoalCardComponent_Conditional_17_For_2_Case_1_Template(rf, ctx) { if (rf & 1) {
+function UnifiedGoalCardComponent_Conditional_15_For_2_Case_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "svg", 22);
     i0.ɵɵelement(1, "path", 25);
     i0.ɵɵelementEnd();
 } }
-function UnifiedGoalCardComponent_Conditional_17_For_2_Case_2_Template(rf, ctx) { if (rf & 1) {
+function UnifiedGoalCardComponent_Conditional_15_For_2_Case_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "svg", 22);
     i0.ɵɵelement(1, "path", 26);
     i0.ɵɵelementEnd();
 } }
-function UnifiedGoalCardComponent_Conditional_17_For_2_Case_3_Template(rf, ctx) { if (rf & 1) {
+function UnifiedGoalCardComponent_Conditional_15_For_2_Case_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "svg", 22);
     i0.ɵɵelement(1, "path", 27);
     i0.ɵɵelementEnd();
 } }
-function UnifiedGoalCardComponent_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
+function UnifiedGoalCardComponent_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 21);
-    i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_17_For_2_Template_button_click_0_listener($event) { const source_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSourceBadgeClick($event, source_r3)); });
-    i0.ɵɵconditionalCreate(1, UnifiedGoalCardComponent_Conditional_17_For_2_Case_1_Template, 2, 0, ":svg:svg", 22)(2, UnifiedGoalCardComponent_Conditional_17_For_2_Case_2_Template, 2, 0, ":svg:svg", 22)(3, UnifiedGoalCardComponent_Conditional_17_For_2_Case_3_Template, 2, 0, ":svg:svg", 22);
+    i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_15_For_2_Template_button_click_0_listener($event) { const source_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSourceBadgeClick($event, source_r4)); });
+    i0.ɵɵconditionalCreate(1, UnifiedGoalCardComponent_Conditional_15_For_2_Case_1_Template, 2, 0, ":svg:svg", 22)(2, UnifiedGoalCardComponent_Conditional_15_For_2_Case_2_Template, 2, 0, ":svg:svg", 22)(3, UnifiedGoalCardComponent_Conditional_15_For_2_Case_3_Template, 2, 0, ":svg:svg", 22);
     i0.ɵɵelementStart(4, "span", 23);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
@@ -100754,45 +100616,45 @@ function UnifiedGoalCardComponent_Conditional_17_For_2_Template(rf, ctx) { if (r
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_12_0;
-    const source_r3 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.getSourceBadgeClasses(source_r3.analysisType));
+    const source_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.getSourceBadgeClasses(source_r4.analysisType));
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_12_0 = source_r3.analysisType) === ctx_r0.ProfileAnalysisTypeEnum.SHOP ? 1 : tmp_12_0 === ctx_r0.ProfileAnalysisTypeEnum.FOCUS_AREA ? 2 : tmp_12_0 === ctx_r0.ProfileAnalysisTypeEnum.METRIC ? 3 : -1);
+    i0.ɵɵconditional((tmp_12_0 = source_r4.analysisType) === ctx_r1.ProfileAnalysisTypeEnum.SHOP ? 1 : tmp_12_0 === ctx_r1.ProfileAnalysisTypeEnum.FOCUS_AREA ? 2 : tmp_12_0 === ctx_r1.ProfileAnalysisTypeEnum.METRIC ? 3 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(source_r3.sourceGoalTitle);
+    i0.ɵɵtextInterpolate(source_r4.sourceGoalTitle);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", ((source_r3.contributionWeight ?? 0) * 100).toFixed(0), "%");
+    i0.ɵɵtextInterpolate1("", ((source_r4.contributionWeight ?? 0) * 100).toFixed(0), "%");
 } }
-function UnifiedGoalCardComponent_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function UnifiedGoalCardComponent_Conditional_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 20);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_3_0;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.moreBadgeClasses());
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.moreBadgeClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" +", (((tmp_3_0 = ctx_r0.goal()) == null ? null : tmp_3_0.sourceAnalyses == null ? null : tmp_3_0.sourceAnalyses.length) ?? 0) - 3, " more ");
+    i0.ɵɵtextInterpolate1(" +", (((tmp_3_0 = ctx_r1.goal()) == null ? null : tmp_3_0.sourceAnalyses == null ? null : tmp_3_0.sourceAnalyses.length) ?? 0) - 3, " more ");
 } }
-function UnifiedGoalCardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵrepeaterCreate(1, UnifiedGoalCardComponent_Conditional_17_For_2_Template, 8, 4, "button", 19, _forTrack0$7);
-    i0.ɵɵconditionalCreate(3, UnifiedGoalCardComponent_Conditional_17_Conditional_3_Template, 2, 2, "span", 20);
+function UnifiedGoalCardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵrepeaterCreate(1, UnifiedGoalCardComponent_Conditional_15_For_2_Template, 8, 4, "button", 19, _forTrack0$7);
+    i0.ɵɵconditionalCreate(3, UnifiedGoalCardComponent_Conditional_15_Conditional_3_Template, 2, 2, "span", 20);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_3_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.borderClasses());
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.borderClasses());
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.displayedSources());
+    i0.ɵɵrepeater(ctx_r1.displayedSources());
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional((((tmp_3_0 = ctx_r0.goal()) == null ? null : tmp_3_0.sourceAnalyses == null ? null : tmp_3_0.sourceAnalyses.length) ?? 0) > 3 ? 3 : -1);
+    i0.ɵɵconditional((((tmp_3_0 = ctx_r1.goal()) == null ? null : tmp_3_0.sourceAnalyses == null ? null : tmp_3_0.sourceAnalyses.length) ?? 0) > 3 ? 3 : -1);
 } }
-function UnifiedGoalCardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
+function UnifiedGoalCardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 28);
-    i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_18_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onRelatedMetricsButtonClick($event)); });
+    i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_16_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRelatedMetricsButtonClick($event)); });
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 29);
     i0.ɵɵelement(2, "path", 27);
@@ -100800,10 +100662,10 @@ function UnifiedGoalCardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.relatedMetricsButtonClasses());
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.relatedMetricsButtonClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.goal().contributingMetrics.length, " Related Metrics ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.goal().contributingMetrics.length, " Related Metrics ");
 } }
 class UnifiedGoalCardComponent {
     constructor() {
@@ -100818,27 +100680,27 @@ class UnifiedGoalCardComponent {
         this.displayedSources = computed(() => {
             return (this.goal()?.sourceAnalyses ?? []).slice(0, 3);
         }, ...(ngDevMode ? [{ debugName: "displayedSources" }] : []));
-        this.structureCounts = computed(() => {
+        this.roadmapMetrics = computed(() => {
             const g = this.goal();
             if (!g)
                 return [];
-            const counts = [];
+            const metrics = [];
             const objectives = g.objectives || [];
             const totalStrategies = objectives.reduce((sum, obj) => sum + (obj.strategies?.length || 0), 0);
             const totalRecommendations = objectives.reduce((sum, obj) => {
                 return sum + (obj.strategies || []).reduce((sSum, s) => sSum + (s.recommendations?.length || 0), 0);
             }, 0);
             if (objectives.length > 0) {
-                counts.push({ icon: 'objectives', count: objectives.length });
+                metrics.push({ icon: 'objectives', count: objectives.length });
             }
             if (totalStrategies > 0) {
-                counts.push({ icon: 'strategies', count: totalStrategies });
+                metrics.push({ icon: 'strategies', count: totalStrategies });
             }
             if (totalRecommendations > 0) {
-                counts.push({ icon: 'recommendations', count: totalRecommendations });
+                metrics.push({ icon: 'recommendations', count: totalRecommendations });
             }
-            return counts;
-        }, ...(ngDevMode ? [{ debugName: "structureCounts" }] : []));
+            return metrics;
+        }, ...(ngDevMode ? [{ debugName: "roadmapMetrics" }] : []));
         this.cardClasses = computed(() => {
             if (this.isDark()) {
                 return 'bg-slate-800/50 border border-slate-700/50';
@@ -100930,7 +100792,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", learnMoreClick: "learnMoreClick" }, decls: 21, vars: 14, consts: [[1, "rounded-2xl", "p-6", "shadow-lg", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.02]", "hover:shadow-xl", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-4"], [3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "flex-1", "min-w-0"], [1, "flex", "items-start", "justify-between", "gap-3", "mb-2"], [1, "flex-1"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "font-semibold", "text-lg", "line-clamp-2", 3, "ngClass"], [3, "priority", "viewMode"], [1, "text-sm", "mb-4", "line-clamp-3", 3, "ngClass"], [1, "flex", "flex-wrap", "items-center", "gap-3", "mb-4"], [3, "timeframe", "viewMode"], [3, "counts", "viewMode"], [1, "flex", "flex-wrap", "gap-2", "pt-4", "border-t", 3, "ngClass"], ["type", "button", 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"], ["type", "button", 1, "inline-flex", "items-center", "gap-1", "px-2", "py-1", "rounded-full", "text-xs", "font-medium", "transition-all", "hover:scale-105", 3, "ngClass"], [1, "px-2", "py-1", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], ["type", "button", 1, "inline-flex", "items-center", "gap-1", "px-2", "py-1", "rounded-full", "text-xs", "font-medium", "transition-all", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], [1, "truncate", "max-w-[80px]"], [1, "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], ["type", "button", 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"]], 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", learnMoreClick: "learnMoreClick" }, decls: 19, vars: 14, consts: [[1, "rounded-2xl", "p-6", "shadow-lg", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.02]", "hover:shadow-xl", 3, "click", "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, "text-sm", "mb-4", "line-clamp-3", "cursor-help", 3, "ngClass", "libSymphiqTooltip"], [1, "mb-4"], [1, "flex", "flex-wrap", "items-center", "gap-3", "mb-4"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], [1, "flex", "flex-wrap", "gap-2", "pt-4", "border-t", 3, "ngClass"], ["type", "button", 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"], [1, "text-sm", "mb-4", "line-clamp-3", "cursor-help", 3, "click", "ngClass", "libSymphiqTooltip"], [3, "metrics", "viewMode"], ["type", "button", 1, "inline-flex", "items-center", "gap-1", "px-2", "py-1", "rounded-full", "text-xs", "font-medium", "transition-all", "hover:scale-105", 3, "ngClass"], [1, "px-2", "py-1", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], ["type", "button", 1, "inline-flex", "items-center", "gap-1", "px-2", "py-1", "rounded-full", "text-xs", "font-medium", "transition-all", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], [1, "truncate", "max-w-[80px]"], [1, "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], ["type", "button", 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"]], template: function UnifiedGoalCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Template_div_click_0_listener() { return ctx.onCardClick(); });
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
@@ -100939,58 +100801,58 @@ class UnifiedGoalCardComponent {
             i0.ɵɵelement(4, "path", 4);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(5, "div", 5)(6, "div", 6)(7, "div", 7)(8, "div", 8);
-            i0.ɵɵtext(9, " Unified Goal ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "h4", 9);
-            i0.ɵɵtext(11);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(12, UnifiedGoalCardComponent_Conditional_12_Template, 1, 2, "symphiq-priority-badge", 10);
+            i0.ɵɵelementStart(5, "div", 5)(6, "div", 6);
+            i0.ɵɵtext(7, " Unified Goal ");
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(13, UnifiedGoalCardComponent_Conditional_13_Template, 2, 2, "p", 11);
-            i0.ɵɵelementStart(14, "div", 12);
-            i0.ɵɵconditionalCreate(15, UnifiedGoalCardComponent_Conditional_15_Template, 1, 2, "symphiq-timeframe-badge", 13);
-            i0.ɵɵconditionalCreate(16, UnifiedGoalCardComponent_Conditional_16_Template, 1, 2, "symphiq-structure-counts", 14);
+            i0.ɵɵelementStart(8, "h4", 7);
+            i0.ɵɵtext(9);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵconditionalCreate(10, UnifiedGoalCardComponent_Conditional_10_Template, 2, 3, "p", 8);
+            i0.ɵɵconditionalCreate(11, UnifiedGoalCardComponent_Conditional_11_Template, 2, 2, "div", 9);
+            i0.ɵɵelementStart(12, "div", 10);
+            i0.ɵɵconditionalCreate(13, UnifiedGoalCardComponent_Conditional_13_Template, 1, 2, "symphiq-priority-badge", 11);
+            i0.ɵɵconditionalCreate(14, UnifiedGoalCardComponent_Conditional_14_Template, 1, 2, "symphiq-timeframe-badge", 12);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(17, UnifiedGoalCardComponent_Conditional_17_Template, 4, 2, "div", 15);
-            i0.ɵɵconditionalCreate(18, UnifiedGoalCardComponent_Conditional_18_Template, 4, 2, "button", 16);
-            i0.ɵɵelementStart(19, "div", 17)(20, "symphiq-learn-more-button", 18);
-            i0.ɵɵlistener("buttonClick", function UnifiedGoalCardComponent_Template_symphiq_learn_more_button_buttonClick_20_listener() { return ctx.onLearnMoreClick(); });
-            i0.ɵɵelementEnd()()()()();
+            i0.ɵɵconditionalCreate(15, UnifiedGoalCardComponent_Conditional_15_Template, 4, 2, "div", 13);
+            i0.ɵɵconditionalCreate(16, UnifiedGoalCardComponent_Conditional_16_Template, 4, 2, "button", 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;
             let tmp_5_0;
-            let tmp_6_0;
             let tmp_7_0;
+            let tmp_8_0;
             let tmp_9_0;
             let tmp_10_0;
             i0.ɵɵproperty("ngClass", ctx.cardClasses());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
-            i0.ɵɵadvance(6);
+            i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngClass", ctx.typeLabelClasses());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate((tmp_4_0 = ctx.goal()) == null ? null : tmp_4_0.title);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(((tmp_5_0 = ctx.goal()) == null ? null : tmp_5_0.priority) ? 12 : -1);
+            i0.ɵɵconditional(((tmp_5_0 = ctx.goal()) == null ? null : tmp_5_0.description) ? 10 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(((tmp_6_0 = ctx.goal()) == null ? null : tmp_6_0.description) ? 13 : -1);
+            i0.ɵɵconditional(ctx.roadmapMetrics().length > 0 ? 11 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(((tmp_7_0 = ctx.goal()) == null ? null : tmp_7_0.timeframe) ? 15 : -1);
+            i0.ɵɵconditional(((tmp_7_0 = ctx.goal()) == null ? null : tmp_7_0.priority) ? 13 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.structureCounts().length > 0 ? 16 : -1);
+            i0.ɵɵconditional(((tmp_8_0 = ctx.goal()) == null ? null : tmp_8_0.timeframe) ? 14 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional((((tmp_9_0 = ctx.goal()) == null ? null : tmp_9_0.sourceAnalyses == null ? null : tmp_9_0.sourceAnalyses.length) ?? 0) > 0 ? 17 : -1);
+            i0.ɵɵconditional((((tmp_9_0 = ctx.goal()) == null ? null : tmp_9_0.sourceAnalyses == null ? null : tmp_9_0.sourceAnalyses.length) ?? 0) > 0 ? 15 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(((tmp_10_0 = ctx.goal()) == null ? null : tmp_10_0.contributingMetrics) && (((tmp_10_0 = ctx.goal().contributingMetrics) == null ? null : tmp_10_0.length) ?? 0) > 0 ? 18 : -1);
+            i0.ɵɵconditional(((tmp_10_0 = ctx.goal()) == null ? null : tmp_10_0.contributingMetrics) && (((tmp_10_0 = ctx.goal().contributingMetrics) == null ? null : tmp_10_0.length) ?? 0) > 0 ? 16 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("viewMode", ctx.viewMode())("variant", "button")("label", "Learn More");
         } }, dependencies: [CommonModule, i1$1.NgClass, PriorityBadgeComponent,
             TimeframeBadgeComponent,
-            StructureCountsComponent,
-            LearnMoreButtonComponent], encapsulation: 2, changeDetection: 0 }); }
+            RoadmapMetricsComponent,
+            LearnMoreButtonComponent,
+            TooltipDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UnifiedGoalCardComponent, [{
         type: Component,
@@ -101001,8 +100863,9 @@ class UnifiedGoalCardComponent {
                     CommonModule,
                     PriorityBadgeComponent,
                     TimeframeBadgeComponent,
-                    StructureCountsComponent,
-                    LearnMoreButtonComponent
+                    RoadmapMetricsComponent,
+                    LearnMoreButtonComponent,
+                    TooltipDirective
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
@@ -101010,117 +100873,112 @@ class UnifiedGoalCardComponent {
       [ngClass]="cardClasses()"
       class="rounded-2xl p-6 shadow-lg cursor-pointer transition-all duration-200 hover:scale-[1.02] hover:shadow-xl"
       (click)="onCardClick()">
-      <div class="flex items-start gap-4">
+      <div class="flex items-start gap-4 mb-2">
         <div [ngClass]="iconContainerClasses()">
           <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                   d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"/>
           </svg>
         </div>
-
         <div class="flex-1 min-w-0">
-          <div class="flex items-start justify-between gap-3 mb-2">
-            <div class="flex-1">
-              <div [ngClass]="typeLabelClasses()" class="text-xs font-semibold uppercase tracking-wider mb-1">
-                Unified Goal
-              </div>
-              <h4 [ngClass]="titleClasses()" class="font-semibold text-lg line-clamp-2">{{ goal()?.title }}</h4>
-            </div>
-            @if (goal()?.priority) {
-              <symphiq-priority-badge
-                [priority]="goal()!.priority"
-                [viewMode]="viewMode()"
-              />
-            }
+          <div [ngClass]="typeLabelClasses()" class="text-xs font-semibold uppercase tracking-wider mb-1">
+            Unified Goal
           </div>
+          <h4 [ngClass]="titleClasses()" class="font-semibold text-lg line-clamp-2">{{ goal()?.title }}</h4>
+        </div>
+      </div>
 
-          @if (goal()?.description) {
-            <p [ngClass]="descriptionClasses()" class="text-sm mb-4 line-clamp-3">{{ goal()!.description }}</p>
-          }
+      @if (goal()?.description) {
+        <p [ngClass]="descriptionClasses()" class="text-sm mb-4 line-clamp-3 cursor-help" [libSymphiqTooltip]="goal()!.description" (click)="$event.stopPropagation()">{{ goal()!.description }}</p>
+      }
 
-          <div class="flex flex-wrap items-center gap-3 mb-4">
-            @if (goal()?.timeframe) {
-              <symphiq-timeframe-badge
-                [timeframe]="goal()!.timeframe"
-                [viewMode]="viewMode()"
-              />
-            }
-            @if (structureCounts().length > 0) {
-              <symphiq-structure-counts
-                [counts]="structureCounts()"
-                [viewMode]="viewMode()"
-              />
-            }
-          </div>
+      @if (roadmapMetrics().length > 0) {
+        <div class="mb-4">
+          <symphiq-roadmap-metrics
+            [metrics]="roadmapMetrics()"
+            [viewMode]="viewMode()"
+          />
+        </div>
+      }
 
-          <!-- Source Analysis Badges -->
-          @if ((goal()?.sourceAnalyses?.length ?? 0) > 0) {
-            <div class="flex flex-wrap gap-2 pt-4 border-t" [ngClass]="borderClasses()">
-              @for (source of displayedSources(); track source.analysisId) {
-                <button
-                  type="button"
-                  [ngClass]="getSourceBadgeClasses(source.analysisType)"
-                  class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium transition-all hover:scale-105"
-                  (click)="onSourceBadgeClick($event, source)">
-                  @switch (source.analysisType) {
-                    @case (ProfileAnalysisTypeEnum.SHOP) {
-                      <svg class="w-3 h-3" 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>
-                    }
-                    @case (ProfileAnalysisTypeEnum.FOCUS_AREA) {
-                      <svg class="w-3 h-3" 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>
-                    }
-                    @case (ProfileAnalysisTypeEnum.METRIC) {
-                      <svg class="w-3 h-3" 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="truncate max-w-[80px]">{{ source.sourceGoalTitle }}</span>
-                  <span class="opacity-60">{{ ((source.contributionWeight ?? 0) * 100).toFixed(0) }}%</span>
-                </button>
-              }
-              @if ((goal()?.sourceAnalyses?.length ?? 0) > 3) {
-                <span [ngClass]="moreBadgeClasses()" class="px-2 py-1 rounded-full text-xs font-medium">
-                  +{{ (goal()?.sourceAnalyses?.length ?? 0) - 3 }} more
-                </span>
-              }
-            </div>
-          }
+      <div class="flex flex-wrap items-center gap-3 mb-4">
+        @if (goal()?.priority) {
+          <symphiq-priority-badge
+            [priority]="goal()!.priority"
+            [viewMode]="viewMode()"
+          />
+        }
+        @if (goal()?.timeframe) {
+          <symphiq-timeframe-badge
+            [timeframe]="goal()!.timeframe"
+            [viewMode]="viewMode()"
+          />
+        }
+      </div>
 
-          <!-- Related Metrics Button -->
-          @if (goal()?.contributingMetrics && (goal()!.contributingMetrics?.length ?? 0) > 0) {
+      @if ((goal()?.sourceAnalyses?.length ?? 0) > 0) {
+        <div class="flex flex-wrap gap-2 pt-4 border-t" [ngClass]="borderClasses()">
+          @for (source of displayedSources(); track source.analysisId) {
             <button
               type="button"
-              [ngClass]="relatedMetricsButtonClasses()"
-              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)="onRelatedMetricsButtonClick($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="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>
-              {{ goal()!.contributingMetrics!.length }} Related Metrics
+              [ngClass]="getSourceBadgeClasses(source.analysisType)"
+              class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium transition-all hover:scale-105"
+              (click)="onSourceBadgeClick($event, source)">
+              @switch (source.analysisType) {
+                @case (ProfileAnalysisTypeEnum.SHOP) {
+                  <svg class="w-3 h-3" 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>
+                }
+                @case (ProfileAnalysisTypeEnum.FOCUS_AREA) {
+                  <svg class="w-3 h-3" 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>
+                }
+                @case (ProfileAnalysisTypeEnum.METRIC) {
+                  <svg class="w-3 h-3" 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="truncate max-w-[80px]">{{ source.sourceGoalTitle }}</span>
+              <span class="opacity-60">{{ ((source.contributionWeight ?? 0) * 100).toFixed(0) }}%</span>
             </button>
           }
-
-          <!-- Learn More Button -->
-          <div class="mt-4">
-            <symphiq-learn-more-button
-              [viewMode]="viewMode()"
-              [variant]="'button'"
-              [label]="'Learn More'"
-              (buttonClick)="onLearnMoreClick()"
-            />
-          </div>
+          @if ((goal()?.sourceAnalyses?.length ?? 0) > 3) {
+            <span [ngClass]="moreBadgeClasses()" class="px-2 py-1 rounded-full text-xs font-medium">
+              +{{ (goal()?.sourceAnalyses?.length ?? 0) - 3 }} more
+            </span>
+          }
         </div>
+      }
+
+      @if (goal()?.contributingMetrics && (goal()!.contributingMetrics?.length ?? 0) > 0) {
+        <button
+          type="button"
+          [ngClass]="relatedMetricsButtonClasses()"
+          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)="onRelatedMetricsButtonClick($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="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>
+          {{ goal()!.contributingMetrics!.length }} Related Metrics
+        </button>
+      }
+
+      <div class="mt-4">
+        <symphiq-learn-more-button
+          [viewMode]="viewMode()"
+          [variant]="'button'"
+          [label]="'Learn More'"
+          (buttonClick)="onLearnMoreClick()"
+        />
       </div>
     </div>
   `
             }]
     }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], goalClick: [{ type: i0.Output, args: ["goalClick"] }], sourceBadgeClick: [{ type: i0.Output, args: ["sourceBadgeClick"] }], relatedMetricsClick: [{ type: i0.Output, args: ["relatedMetricsClick"] }], 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: 135 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalCardComponent, { className: "UnifiedGoalCardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-goal-card.component.ts", lineNumber: 132 }); })();
 
 const _forTrack0$6 = ($index, $item) => $item.id;
 const _forTrack1$1 = ($index, $item) => $item.id || $index;
@@ -101148,10 +101006,10 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵproperty("grade", summary_r3.overallGrade)("gradeRationale", summary_r3.gradeRationale || "")("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_13_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36)(1, "h3", 41);
+    i0.ɵɵelementStart(0, "div", 36)(1, "h3", 47);
     i0.ɵɵtext(2, " Synthesis Overview ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "p", 42);
+    i0.ɵɵelementStart(3, "p", 48);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -101175,23 +101033,35 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_13_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 35);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_13_Conditional_10_Template, 5, 4, "div", 36);
-    i0.ɵɵelementStart(11, "div", 37)(12, "div", 38)(13, "div", 39);
-    i0.ɵɵtext(14, "Shop Analyses");
+    i0.ɵɵelementStart(11, "div", 37)(12, "div")(13, "div", 38);
+    i0.ɵɵtext(14, "Total Source Goals");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 40);
+    i0.ɵɵelementStart(15, "div", 39);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 38)(18, "div", 39);
-    i0.ɵɵtext(19, "Focus Area Analyses");
+    i0.ɵɵelementStart(17, "div", 40);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(18, "svg", 41);
+    i0.ɵɵelement(19, "path", 42);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(20, "div", 43)(21, "div", 44)(22, "div", 45);
+    i0.ɵɵtext(23, "Shop Analyses");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "div", 46);
+    i0.ɵɵtext(25);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(26, "div", 44)(27, "div", 45);
+    i0.ɵɵtext(28, "Focus Area Analyses");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "div", 40);
-    i0.ɵɵtext(21);
+    i0.ɵɵelementStart(29, "div", 46);
+    i0.ɵɵtext(30);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "div", 38)(23, "div", 39);
-    i0.ɵɵtext(24, "Metric Analyses");
+    i0.ɵɵelementStart(31, "div", 44)(32, "div", 45);
+    i0.ɵɵtext(33, "Metric Analyses");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "div", 40);
-    i0.ɵɵtext(26);
+    i0.ɵɵelementStart(34, "div", 46);
+    i0.ɵɵtext(35);
     i0.ɵɵelementEnd()()()()()();
 } if (rf & 2) {
     const summary_r3 = ctx;
@@ -101208,7 +101078,11 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵconditional(summary_r3.overallGrade ? 9 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(summary_r3.synthesisNarrative ? 10 : -1);
-    i0.ɵɵadvance(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.totalGoalsCardClasses());
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.totalSourceGoalsCount());
+    i0.ɵɵadvance(5);
     i0.ɵɵproperty("ngClass", ctx_r1.getSourceCountCardClasses("SHOP"));
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r1.shopAnalysesCount());
@@ -101223,7 +101097,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_14_For_4_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-unified-goal-card", 46);
+    i0.ɵɵelementStart(0, "symphiq-unified-goal-card", 52);
     i0.ɵɵlistener("goalClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_14_For_4_Template_symphiq_unified_goal_card_goalClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); })("sourceBadgeClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_14_For_4_Template_symphiq_unified_goal_card_sourceBadgeClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSourceBadgeClickFromCard($event)); })("relatedMetricsClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_14_For_4_Template_symphiq_unified_goal_card_relatedMetricsClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onRelatedMetricsClickFromCard($event)); })("learnMoreClick", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_14_For_4_Template_symphiq_unified_goal_card_learnMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onGoalClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101233,9 +101107,9 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "section", 26);
-    i0.ɵɵelement(1, "symphiq-section-divider", 43);
-    i0.ɵɵelementStart(2, "div", 44);
-    i0.ɵɵrepeaterCreate(3, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_14_For_4_Template, 1, 2, "symphiq-unified-goal-card", 45, _forTrack0$6);
+    i0.ɵɵelement(1, "symphiq-section-divider", 49);
+    i0.ɵɵelementStart(2, "div", 50);
+    i0.ɵɵrepeaterCreate(3, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_14_For_4_Template, 1, 2, "symphiq-unified-goal-card", 51, _forTrack0$6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -101245,7 +101119,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵrepeater(ctx_r1.unifiedGoals());
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 56);
+    i0.ɵɵelementStart(0, "span", 62);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101256,13 +101130,13 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵtextInterpolate1(" ", item_r7.priority, " ");
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57);
+    i0.ɵɵelementStart(0, "div", 63);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 60);
-    i0.ɵɵelement(2, "path", 61);
+    i0.ɵɵelementStart(1, "svg", 66);
+    i0.ɵɵelement(2, "path", 67);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span", 62);
+    i0.ɵɵelementStart(3, "span", 68);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -101273,13 +101147,13 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵtextInterpolate(item_r7.timeframe);
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_9_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 65);
+    i0.ɵɵelementStart(0, "div", 71);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 67);
-    i0.ɵɵelement(2, "path", 68);
+    i0.ɵɵelementStart(1, "svg", 73);
+    i0.ɵɵelement(2, "path", 74);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span", 69);
+    i0.ɵɵelementStart(3, "span", 75);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -101290,7 +101164,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵtextInterpolate(obj_r8.title);
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵelementStart(0, "div", 72);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101301,12 +101175,12 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵtextInterpolate1(" +", item_r7.objectives.length - 3, " more objectives ");
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58)(1, "div", 63);
+    i0.ɵɵelementStart(0, "div", 64)(1, "div", 69);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 64);
-    i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_9_For_5_Template, 5, 2, "div", 65, _forTrack1$1);
-    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_9_Conditional_6_Template, 2, 2, "div", 66);
+    i0.ɵɵelementStart(3, "div", 70);
+    i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_9_For_5_Template, 5, 2, "div", 71, _forTrack1$1);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_9_Conditional_6_Template, 2, 2, "div", 72);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r7 = i0.ɵɵnextContext().$implicit;
@@ -101322,24 +101196,24 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 50)(1, "div", 51);
-    i0.ɵɵelement(2, "div", 52);
+    i0.ɵɵelementStart(0, "div", 56)(1, "div", 57);
+    i0.ɵɵelement(2, "div", 58);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 53);
+    i0.ɵɵelementStart(3, "div", 59);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Template_div_click_3_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onTimelineItemClick(item_r7)); });
-    i0.ɵɵelementStart(4, "div", 54)(5, "h4", 55);
+    i0.ɵɵelementStart(4, "div", 60)(5, "h4", 61);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_7_Template, 2, 2, "span", 56);
+    i0.ɵɵconditionalCreate(7, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_7_Template, 2, 2, "span", 62);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_8_Template, 5, 2, "div", 57);
-    i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_9_Template, 7, 3, "div", 58);
-    i0.ɵɵelementStart(10, "div", 59);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_8_Template, 5, 2, "div", 63);
+    i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Conditional_9_Template, 7, 3, "div", 64);
+    i0.ɵɵelementStart(10, "div", 65);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const item_r7 = ctx.$implicit;
-    const ɵ$index_121_r9 = ctx.$index;
+    const ɵ$index_137_r9 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getTimelineNodeClasses(item_r7.priority));
@@ -101360,15 +101234,15 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.phaseIndicatorClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" Phase ", ɵ$index_121_r9 + 1, " ");
+    i0.ɵɵtextInterpolate1(" Phase ", ɵ$index_137_r9 + 1, " ");
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "section", 27);
-    i0.ɵɵelement(1, "symphiq-section-divider", 47);
+    i0.ɵɵelement(1, "symphiq-section-divider", 53);
     i0.ɵɵelementStart(2, "div", 30)(3, "div", 0);
-    i0.ɵɵelement(4, "div", 48);
-    i0.ɵɵelementStart(5, "div", 49);
-    i0.ɵɵrepeaterCreate(6, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Template, 12, 10, "div", 50, _forTrack0$6);
+    i0.ɵɵelement(4, "div", 54);
+    i0.ɵɵelementStart(5, "div", 55);
+    i0.ɵɵrepeaterCreate(6, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_For_7_Template, 12, 10, "div", 56, _forTrack0$6);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -101382,7 +101256,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵrepeater(ctx_r1.unifiedTimeline());
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_17_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 89);
+    i0.ɵɵelementStart(0, "span", 95);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101394,12 +101268,12 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_17_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 86);
+    i0.ɵɵelementStart(0, "button", 92);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_17_Template_button_click_0_listener() { const goal_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onGoalClick(goal_r11)); });
-    i0.ɵɵelementStart(1, "div", 87)(2, "span", 88);
+    i0.ɵɵelementStart(1, "div", 93)(2, "span", 94);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_17_Conditional_4_Template, 2, 2, "span", 89);
+    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_17_Conditional_4_Template, 2, 2, "span", 95);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const goal_r11 = ctx.$implicit;
@@ -101411,7 +101285,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵconditional(((goal_r11.sourceAnalyses == null ? null : goal_r11.sourceAnalyses.length) ?? 0) > 0 ? 4 : -1);
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 81);
+    i0.ɵɵelementStart(0, "div", 87);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101421,7 +101295,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵtextInterpolate1("+", ctx_r1.priorityMatrix().high.length - 3, " more");
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
+    i0.ɵɵelementStart(0, "div", 88);
     i0.ɵɵtext(1, "No goals");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101429,7 +101303,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵproperty("ngClass", ctx_r1.emptyQuadrantClasses());
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_29_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 89);
+    i0.ɵɵelementStart(0, "span", 95);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101441,12 +101315,12 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_29_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 86);
+    i0.ɵɵelementStart(0, "button", 92);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_29_Template_button_click_0_listener() { const goal_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onGoalClick(goal_r13)); });
-    i0.ɵɵelementStart(1, "div", 87)(2, "span", 88);
+    i0.ɵɵelementStart(1, "div", 93)(2, "span", 94);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_29_Conditional_4_Template, 2, 2, "span", 89);
+    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_29_Conditional_4_Template, 2, 2, "span", 95);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const goal_r13 = ctx.$implicit;
@@ -101458,7 +101332,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵconditional(((goal_r13.sourceAnalyses == null ? null : goal_r13.sourceAnalyses.length) ?? 0) > 0 ? 4 : -1);
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 81);
+    i0.ɵɵelementStart(0, "div", 87);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101468,7 +101342,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵtextInterpolate1("+", ctx_r1.priorityMatrix().medium.length - 3, " more");
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
+    i0.ɵɵelementStart(0, "div", 88);
     i0.ɵɵtext(1, "No goals");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101476,7 +101350,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵproperty("ngClass", ctx_r1.emptyQuadrantClasses());
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_41_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 89);
+    i0.ɵɵelementStart(0, "span", 95);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101488,12 +101362,12 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_41_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 86);
+    i0.ɵɵelementStart(0, "button", 92);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_41_Template_button_click_0_listener() { const goal_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onGoalClick(goal_r15)); });
-    i0.ɵɵelementStart(1, "div", 87)(2, "span", 88);
+    i0.ɵɵelementStart(1, "div", 93)(2, "span", 94);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_41_Conditional_4_Template, 2, 2, "span", 89);
+    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_41_Conditional_4_Template, 2, 2, "span", 95);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const goal_r15 = ctx.$implicit;
@@ -101505,7 +101379,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵconditional(((goal_r15.sourceAnalyses == null ? null : goal_r15.sourceAnalyses.length) ?? 0) > 0 ? 4 : -1);
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_42_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 81);
+    i0.ɵɵelementStart(0, "div", 87);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101515,7 +101389,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵtextInterpolate1("+", ctx_r1.priorityMatrix().low.length - 3, " more");
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_43_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
+    i0.ɵɵelementStart(0, "div", 88);
     i0.ɵɵtext(1, "No goals");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101523,7 +101397,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵproperty("ngClass", ctx_r1.emptyQuadrantClasses());
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_53_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 89);
+    i0.ɵɵelementStart(0, "span", 95);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101535,12 +101409,12 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_53_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 86);
+    i0.ɵɵelementStart(0, "button", 92);
     i0.ɵɵlistener("click", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_53_Template_button_click_0_listener() { const goal_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onGoalClick(goal_r17)); });
-    i0.ɵɵelementStart(1, "div", 87)(2, "span", 88);
+    i0.ɵɵelementStart(1, "div", 93)(2, "span", 94);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_53_Conditional_4_Template, 2, 2, "span", 89);
+    i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_53_Conditional_4_Template, 2, 2, "span", 95);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const goal_r17 = ctx.$implicit;
@@ -101552,7 +101426,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵconditional(((goal_r17.sourceAnalyses == null ? null : goal_r17.sourceAnalyses.length) ?? 0) > 0 ? 4 : -1);
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_54_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 81);
+    i0.ɵɵelementStart(0, "div", 87);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101562,7 +101436,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵtextInterpolate1("+", ctx_r1.priorityMatrix().unassigned.length - 3, " more");
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
+    i0.ɵɵelementStart(0, "div", 88);
     i0.ɵɵtext(1, "No goals");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101571,64 +101445,64 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "section", 28);
-    i0.ɵɵelement(1, "symphiq-section-divider", 70);
-    i0.ɵɵelementStart(2, "div", 71)(3, "div", 72)(4, "div", 73);
+    i0.ɵɵelement(1, "symphiq-section-divider", 76);
+    i0.ɵɵelementStart(2, "div", 77)(3, "div", 78)(4, "div", 79);
     i0.ɵɵtext(5, " Impact ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 74);
+    i0.ɵɵelementStart(6, "div", 80);
     i0.ɵɵtext(7, " Effort ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 75)(9, "div", 76);
-    i0.ɵɵelement(10, "div", 77);
-    i0.ɵɵelementStart(11, "h4", 78);
+    i0.ɵɵelementStart(8, "div", 81)(9, "div", 82);
+    i0.ɵɵelement(10, "div", 83);
+    i0.ɵɵelementStart(11, "h4", 84);
     i0.ɵɵtext(12, "Quick Wins");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "p", 79);
+    i0.ɵɵelementStart(13, "p", 85);
     i0.ɵɵtext(14, "High Impact / Low Effort");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 64);
-    i0.ɵɵrepeaterCreate(16, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_17_Template, 5, 3, "button", 80, _forTrack0$6);
-    i0.ɵɵconditionalCreate(18, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_18_Template, 2, 2, "div", 81);
-    i0.ɵɵconditionalCreate(19, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_19_Template, 2, 1, "div", 82);
+    i0.ɵɵelementStart(15, "div", 70);
+    i0.ɵɵrepeaterCreate(16, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_17_Template, 5, 3, "button", 86, _forTrack0$6);
+    i0.ɵɵconditionalCreate(18, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_18_Template, 2, 2, "div", 87);
+    i0.ɵɵconditionalCreate(19, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_19_Template, 2, 1, "div", 88);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(20, "div", 75)(21, "div", 76);
-    i0.ɵɵelement(22, "div", 83);
-    i0.ɵɵelementStart(23, "h4", 78);
+    i0.ɵɵelementStart(20, "div", 81)(21, "div", 82);
+    i0.ɵɵelement(22, "div", 89);
+    i0.ɵɵelementStart(23, "h4", 84);
     i0.ɵɵtext(24, "Major Projects");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(25, "p", 79);
+    i0.ɵɵelementStart(25, "p", 85);
     i0.ɵɵtext(26, "High Impact / High Effort");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "div", 64);
-    i0.ɵɵrepeaterCreate(28, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_29_Template, 5, 3, "button", 80, _forTrack0$6);
-    i0.ɵɵconditionalCreate(30, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_30_Template, 2, 2, "div", 81);
-    i0.ɵɵconditionalCreate(31, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_31_Template, 2, 1, "div", 82);
+    i0.ɵɵelementStart(27, "div", 70);
+    i0.ɵɵrepeaterCreate(28, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_29_Template, 5, 3, "button", 86, _forTrack0$6);
+    i0.ɵɵconditionalCreate(30, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_30_Template, 2, 2, "div", 87);
+    i0.ɵɵconditionalCreate(31, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_31_Template, 2, 1, "div", 88);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(32, "div", 75)(33, "div", 76);
-    i0.ɵɵelement(34, "div", 84);
-    i0.ɵɵelementStart(35, "h4", 78);
+    i0.ɵɵelementStart(32, "div", 81)(33, "div", 82);
+    i0.ɵɵelement(34, "div", 90);
+    i0.ɵɵelementStart(35, "h4", 84);
     i0.ɵɵtext(36, "Fill-Ins");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(37, "p", 79);
+    i0.ɵɵelementStart(37, "p", 85);
     i0.ɵɵtext(38, "Low Impact / Low Effort");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "div", 64);
-    i0.ɵɵrepeaterCreate(40, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_41_Template, 5, 3, "button", 80, _forTrack0$6);
-    i0.ɵɵconditionalCreate(42, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_42_Template, 2, 2, "div", 81);
-    i0.ɵɵconditionalCreate(43, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_43_Template, 2, 1, "div", 82);
+    i0.ɵɵelementStart(39, "div", 70);
+    i0.ɵɵrepeaterCreate(40, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_41_Template, 5, 3, "button", 86, _forTrack0$6);
+    i0.ɵɵconditionalCreate(42, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_42_Template, 2, 2, "div", 87);
+    i0.ɵɵconditionalCreate(43, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_43_Template, 2, 1, "div", 88);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(44, "div", 75)(45, "div", 76);
-    i0.ɵɵelement(46, "div", 85);
-    i0.ɵɵelementStart(47, "h4", 78);
+    i0.ɵɵelementStart(44, "div", 81)(45, "div", 82);
+    i0.ɵɵelement(46, "div", 91);
+    i0.ɵɵelementStart(47, "h4", 84);
     i0.ɵɵtext(48, "Time Permitting");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(49, "p", 79);
+    i0.ɵɵelementStart(49, "p", 85);
     i0.ɵɵtext(50, "Low Impact / High Effort");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(51, "div", 64);
-    i0.ɵɵrepeaterCreate(52, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_53_Template, 5, 3, "button", 80, _forTrack0$6);
-    i0.ɵɵconditionalCreate(54, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_54_Template, 2, 2, "div", 81);
-    i0.ɵɵconditionalCreate(55, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_55_Template, 2, 1, "div", 82);
+    i0.ɵɵelementStart(51, "div", 70);
+    i0.ɵɵrepeaterCreate(52, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_For_53_Template, 5, 3, "button", 86, _forTrack0$6);
+    i0.ɵɵconditionalCreate(54, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_54_Template, 2, 2, "div", 87);
+    i0.ɵɵconditionalCreate(55, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Conditional_55_Template, 2, 1, "div", 88);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -101690,7 +101564,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵconditional(ctx_r1.priorityMatrix().unassigned.length === 0 ? 55 : -1);
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_17_For_4_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 96);
+    i0.ɵɵelementStart(0, "p", 103);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101701,13 +101575,13 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵtextInterpolate1(" ", step_r18.description, " ");
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_17_For_4_Conditional_10_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 65);
+    i0.ɵɵelementStart(0, "div", 71);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 67);
-    i0.ɵɵelement(2, "path", 98);
+    i0.ɵɵelementStart(1, "svg", 73);
+    i0.ɵɵelement(2, "path", 105);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span", 99);
+    i0.ɵɵelementStart(3, "span", 106);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -101718,11 +101592,11 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵtextInterpolate(strategy_r19.title);
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_17_For_4_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 97)(1, "div", 63);
+    i0.ɵɵelementStart(0, "div", 104)(1, "div", 69);
     i0.ɵɵtext(2, " Key Strategies ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 64);
-    i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_17_For_4_Conditional_10_For_5_Template, 5, 2, "div", 65, _forTrack1$1);
+    i0.ɵɵelementStart(3, "div", 70);
+    i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_17_For_4_Conditional_10_For_5_Template, 5, 2, "div", 71, _forTrack1$1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const step_r18 = i0.ɵɵnextContext().$implicit;
@@ -101734,31 +101608,31 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     i0.ɵɵrepeater(step_r18.strategies);
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_17_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 91)(1, "div", 92)(2, "div", 93);
+    i0.ɵɵelementStart(0, "div", 98)(1, "div", 99)(2, "div", 100);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 21)(5, "div", 94);
+    i0.ɵɵelementStart(4, "div", 21)(5, "div", 101);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "h4", 95);
+    i0.ɵɵelementStart(7, "h4", 102);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_17_For_4_Conditional_9_Template, 2, 2, "p", 96);
-    i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_17_For_4_Conditional_10_Template, 6, 2, "div", 97);
+    i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_17_For_4_Conditional_9_Template, 2, 2, "p", 103);
+    i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_17_For_4_Conditional_10_Template, 6, 2, "div", 104);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const step_r18 = ctx.$implicit;
-    const ɵ$index_332_r20 = ctx.$index;
+    const ɵ$index_348_r20 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.getNextStepCardClasses(ɵ$index_332_r20));
+    i0.ɵɵproperty("ngClass", ctx_r1.getNextStepCardClasses(ɵ$index_348_r20));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.getStepNumberClasses(ɵ$index_332_r20));
+    i0.ɵɵproperty("ngClass", ctx_r1.getStepNumberClasses(ɵ$index_348_r20));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ɵ$index_332_r20 + 1, " ");
+    i0.ɵɵtextInterpolate1(" ", ɵ$index_348_r20 + 1, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.getStepCategoryClasses(ɵ$index_332_r20));
+    i0.ɵɵproperty("ngClass", ctx_r1.getStepCategoryClasses(ɵ$index_348_r20));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getStepCategory(ɵ$index_332_r20), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getStepCategory(ɵ$index_348_r20), " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.stepTitleClasses());
     i0.ɵɵadvance();
@@ -101770,9 +101644,9 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "section", 29);
-    i0.ɵɵelement(1, "symphiq-section-divider", 90);
-    i0.ɵɵelementStart(2, "div", 44);
-    i0.ɵɵrepeaterCreate(3, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_17_For_4_Template, 11, 9, "div", 91, _forTrack2);
+    i0.ɵɵelement(1, "symphiq-section-divider", 96);
+    i0.ɵɵelementStart(2, "div", 97);
+    i0.ɵɵrepeaterCreate(3, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_17_For_4_Template, 11, 9, "div", 98, _forTrack2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -101797,7 +101671,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Template(
     i0.ɵɵelementStart(11, "p", 24);
     i0.ɵɵtext(12, " These goals combine insights from your shop analysis, focus areas, and metric analyses into actionable strategic priorities. ");
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_13_Template, 27, 12, "section", 25);
+    i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_13_Template, 36, 14, "section", 25);
     i0.ɵɵconditionalCreate(14, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_14_Template, 5, 1, "section", 26);
     i0.ɵɵconditionalCreate(15, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_Template, 8, 3, "section", 27);
     i0.ɵɵconditionalCreate(16, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Template, 56, 24, "section", 28);
@@ -101875,7 +101749,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_10_Template
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-search-modal", 100);
+    i0.ɵɵelementStart(0, "symphiq-search-modal", 107);
     i0.ɵɵlistener("close", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_11_Template_symphiq_search_modal_close_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeSearch()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101884,7 +101758,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_11_Template
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-view-mode-switcher-modal", 101);
+    i0.ɵɵelementStart(0, "symphiq-view-mode-switcher-modal", 108);
     i0.ɵɵlistener("close", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_12_Template_symphiq_view_mode_switcher_modal_close_0_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeViewModeSwitcher()); })("modeSelected", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_12_Template_symphiq_view_mode_switcher_modal_modeSelected_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleDisplayModeChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -101893,7 +101767,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_12_Template
 } }
 function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-mark-as-reviewed-footer", 102);
+    i0.ɵɵelementStart(0, "symphiq-mark-as-reviewed-footer", 109);
     i0.ɵɵlistener("markAsReviewed", function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_13_Template_symphiq_mark_as_reviewed_footer_markAsReviewed_0_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleMarkAsReviewedClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -102046,6 +101920,14 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         this.metricAnalysesCount = computed(() => {
             return this.countAnalysesByType(ProfileAnalysisTypeEnum.METRIC);
         }, ...(ngDevMode ? [{ debugName: "metricAnalysesCount" }] : []));
+        this.totalSourceGoalsCount = computed(() => {
+            return this.shopAnalysesCount() + this.focusAreaAnalysesCount() + this.metricAnalysesCount();
+        }, ...(ngDevMode ? [{ debugName: "totalSourceGoalsCount" }] : []));
+        this.totalGoalsCardClasses = computed(() => {
+            return this.isLightMode()
+                ? 'bg-gradient-to-r from-indigo-50 to-purple-50 border border-indigo-200 text-indigo-900'
+                : '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();
             if (!analysis)
@@ -102237,15 +102119,25 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
     }
     countAnalysesByType(type) {
         const goals = this.unifiedGoals();
-        const uniqueIds = new Set();
+        const uniqueGoalIds = new Set();
+        const debugSources = [];
         for (const goal of goals) {
             for (const source of goal.sourceAnalyses || []) {
-                if (source.analysisType === type && source.analysisId !== undefined) {
-                    uniqueIds.add(source.analysisId);
+                if (source.analysisType === type) {
+                    debugSources.push({
+                        goalId: goal.id,
+                        sourceGoalId: source.sourceGoalId,
+                        analysisId: source.analysisId,
+                        analysisType: source.analysisType
+                    });
+                    if (source.sourceGoalId) {
+                        uniqueGoalIds.add(source.sourceGoalId);
+                    }
                 }
             }
         }
-        return uniqueIds.size;
+        console.log(`[countAnalysesByType] type=${type}, uniqueGoalIds=`, Array.from(uniqueGoalIds), 'sources=', debugSources);
+        return uniqueGoalIds.size;
     }
     openSearch() {
         this.isSearchOpen.set(true);
@@ -102579,7 +102471,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: 16, vars: 33, 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"], ["title", "Loading Your Unified Analysis", "subtitle", "Please wait while we prepare your synthesized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "selfContentStatus", "isLoading"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [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"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], ["id", "section-unified-goals", 1, "space-y-6", "scroll-mt-24"], ["id", "section-timeline", 1, "space-y-6", "scroll-mt-24"], ["id", "section-priority-matrix", 1, "space-y-6", "scroll-mt-24"], ["id", "section-next-steps", 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"], [1, "rounded-xl", "p-6", 3, "ngClass"], [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-1"], [1, "text-3xl", "font-bold"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], ["title", "Unified Goals", "subtitle", "Strategic priorities synthesized from all analyses", 3, "viewMode"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "goal", "viewMode"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "learnMoreClick", "goal", "viewMode"], ["title", "Implementation Timeline", "subtitle", "Strategic roadmap for goal execution", 3, "viewMode"], [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", "group-hover:scale-125", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", 3, "ngClass"], [1, "rounded-xl", "p-5", "transition-all", "hover:shadow-lg", "cursor-pointer", 3, "click", "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, "flex", "items-center", "gap-2", "mb-3", 3, "ngClass"], [1, "mt-4"], [1, "absolute", "-left-[52px]", "top-5", "text-xs", "font-bold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"], [1, "text-sm", "font-medium"], [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, "text-xs", "pl-6", 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", "M9 12l2 2 4-4"], [1, "line-clamp-1"], ["title", "Priority Matrix", "subtitle", "Goals organized by impact and effort", 3, "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"], ["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"], ["title", "Next Steps", "subtitle", "Actionable priorities to drive progress", 3, "viewMode"], [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, "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"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "line-clamp-2"], [3, "close", "isLightMode", "isOpen"], [3, "close", "modeSelected", "viewMode", "currentMode", "isOpen"], [3, "markAsReviewed", "viewMode", "selfContentStatus", "isLoading"]], template: function SymphiqProfileAnalysisUnifiedDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], isLoadingSourceAnalysis: [1, "isLoadingSourceAnalysis"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], requestedByUser: [1, "requestedByUser"] }, outputs: { markAsReviewedClick: "markAsReviewedClick", generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest" }, features: [i0.ɵɵNgOnChangesFeature], decls: 16, vars: 33, 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"], ["title", "Loading Your Unified Analysis", "subtitle", "Please wait while we prepare your synthesized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "selfContentStatus", "isLoading"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [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"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], ["id", "section-unified-goals", 1, "space-y-6", "scroll-mt-24"], ["id", "section-timeline", 1, "space-y-6", "scroll-mt-24"], ["id", "section-priority-matrix", 1, "space-y-6", "scroll-mt-24"], ["id", "section-next-steps", 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"], [1, "rounded-xl", "p-6", 3, "ngClass"], [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-1"], [1, "text-3xl", "font-bold"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], ["title", "Unified Goals", "subtitle", "Strategic priorities synthesized from all analyses", 3, "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"], ["title", "Implementation Timeline", "subtitle", "Strategic roadmap for goal execution", 3, "viewMode"], [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", "group-hover:scale-125", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", 3, "ngClass"], [1, "rounded-xl", "p-5", "transition-all", "hover:shadow-lg", "cursor-pointer", 3, "click", "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, "flex", "items-center", "gap-2", "mb-3", 3, "ngClass"], [1, "mt-4"], [1, "absolute", "-left-[52px]", "top-5", "text-xs", "font-bold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"], [1, "text-sm", "font-medium"], [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, "text-xs", "pl-6", 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", "M9 12l2 2 4-4"], [1, "line-clamp-1"], ["title", "Priority Matrix", "subtitle", "Goals organized by impact and effort", 3, "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"], ["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"], ["title", "Next Steps", "subtitle", "Actionable priorities to drive progress", 3, "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, "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"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "line-clamp-2"], [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);
@@ -102782,6 +102674,19 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
                       </div>
                     }
 
+                    <!-- Total Goals Summary -->
+                    <div [ngClass]="totalGoalsCardClasses()" class="p-6 rounded-xl mb-4 flex items-center justify-between">
+                      <div>
+                        <div class="text-xs font-semibold uppercase mb-1 opacity-80">Total Source Goals</div>
+                        <div class="text-4xl font-bold">{{ totalSourceGoalsCount() }}</div>
+                      </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>
+                    </div>
+
                     <!-- Source Analyses Breakdown -->
                     <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                       <div [ngClass]="getSourceCountCardClasses('SHOP')" class="p-4 rounded-xl">
@@ -102811,7 +102716,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
                     subtitle="Strategic priorities synthesized from all analyses"
                 />
 
-                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+                <div class="grid gap-6" style="grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));">
                   @for (goal of unifiedGoals(); track goal.id) {
                     <symphiq-unified-goal-card
                       [goal]="goal"
@@ -103204,7 +103109,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: 634 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber: 647 }); })();
 
 function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();