@eric-emg/symphiq-components 1.3.30 → 1.3.31

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,122 +100551,6 @@ 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);
-    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.ɵɵ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);
@@ -100707,7 +100564,7 @@ function UnifiedGoalCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.descriptionClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.descriptionClasses())("libSymphiqTooltip", ctx_r0.goal().description);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.goal().description);
 } }
@@ -100718,10 +100575,10 @@ function UnifiedGoalCardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵproperty("timeframe", ctx_r0.goal().timeframe)("viewMode", ctx_r0.viewMode());
 } }
 function UnifiedGoalCardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-structure-counts", 14);
+    i0.ɵɵelement(0, "symphiq-roadmap-metrics", 14);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("counts", ctx_r0.structureCounts())("viewMode", ctx_r0.viewMode());
+    i0.ɵɵproperty("metrics", ctx_r0.roadmapMetrics())("viewMode", ctx_r0.viewMode());
 } }
 function UnifiedGoalCardComponent_Conditional_17_For_2_Case_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
@@ -100818,27 +100675,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 +100787,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: 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", "libSymphiqTooltip"], [1, "flex", "flex-wrap", "items-center", "gap-3", "mb-4"], [3, "timeframe", "viewMode"], [3, "metrics", "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) {
             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);
@@ -100947,10 +100804,10 @@ class UnifiedGoalCardComponent {
             i0.ɵɵelementEnd()();
             i0.ɵɵconditionalCreate(12, UnifiedGoalCardComponent_Conditional_12_Template, 1, 2, "symphiq-priority-badge", 10);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(13, UnifiedGoalCardComponent_Conditional_13_Template, 2, 2, "p", 11);
+            i0.ɵɵconditionalCreate(13, UnifiedGoalCardComponent_Conditional_13_Template, 2, 3, "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.ɵɵconditionalCreate(16, UnifiedGoalCardComponent_Conditional_16_Template, 1, 2, "symphiq-roadmap-metrics", 14);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(17, UnifiedGoalCardComponent_Conditional_17_Template, 4, 2, "div", 15);
             i0.ɵɵconditionalCreate(18, UnifiedGoalCardComponent_Conditional_18_Template, 4, 2, "button", 16);
@@ -100980,7 +100837,7 @@ class UnifiedGoalCardComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(((tmp_7_0 = ctx.goal()) == null ? null : tmp_7_0.timeframe) ? 15 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.structureCounts().length > 0 ? 16 : -1);
+            i0.ɵɵconditional(ctx.roadmapMetrics().length > 0 ? 16 : -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.ɵɵadvance();
@@ -100989,8 +100846,9 @@ class UnifiedGoalCardComponent {
             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 +100859,9 @@ class UnifiedGoalCardComponent {
                     CommonModule,
                     PriorityBadgeComponent,
                     TimeframeBadgeComponent,
-                    StructureCountsComponent,
-                    LearnMoreButtonComponent
+                    RoadmapMetricsComponent,
+                    LearnMoreButtonComponent,
+                    TooltipDirective
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
@@ -101035,7 +100894,7 @@ class UnifiedGoalCardComponent {
           </div>
 
           @if (goal()?.description) {
-            <p [ngClass]="descriptionClasses()" class="text-sm mb-4 line-clamp-3">{{ goal()!.description }}</p>
+            <p [ngClass]="descriptionClasses()" class="text-sm mb-4 line-clamp-3" [libSymphiqTooltip]="goal()!.description">{{ goal()!.description }}</p>
           }
 
           <div class="flex flex-wrap items-center gap-3 mb-4">
@@ -101045,9 +100904,9 @@ class UnifiedGoalCardComponent {
                 [viewMode]="viewMode()"
               />
             }
-            @if (structureCounts().length > 0) {
-              <symphiq-structure-counts
-                [counts]="structureCounts()"
+            @if (roadmapMetrics().length > 0) {
+              <symphiq-roadmap-metrics
+                [metrics]="roadmapMetrics()"
                 [viewMode]="viewMode()"
               />
             }
@@ -101120,7 +100979,7 @@ class UnifiedGoalCardComponent {
   `
             }]
     }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], goalClick: [{ type: i0.Output, args: ["goalClick"] }], sourceBadgeClick: [{ type: i0.Output, args: ["sourceBadgeClick"] }], relatedMetricsClick: [{ type: i0.Output, args: ["relatedMetricsClick"] }], 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: 137 }); })();
 
 const _forTrack0$6 = ($index, $item) => $item.id;
 const _forTrack1$1 = ($index, $item) => $item.id || $index;
@@ -101176,19 +101035,19 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
     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.ɵɵtext(14, "Shop Goals");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(15, "div", 40);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(17, "div", 38)(18, "div", 39);
-    i0.ɵɵtext(19, "Focus Area Analyses");
+    i0.ɵɵtext(19, "Focus Area Goals");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(20, "div", 40);
     i0.ɵɵtext(21);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(22, "div", 38)(23, "div", 39);
-    i0.ɵɵtext(24, "Metric Analyses");
+    i0.ɵɵtext(24, "Metric Goals");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(25, "div", 40);
     i0.ɵɵtext(26);
@@ -102237,15 +102096,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);
@@ -102782,18 +102651,18 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
                       </div>
                     }
 
-                    <!-- Source Analyses Breakdown -->
+                    <!-- Source Goals Breakdown -->
                     <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                       <div [ngClass]="getSourceCountCardClasses('SHOP')" class="p-4 rounded-xl">
-                        <div class="text-xs font-semibold uppercase mb-1">Shop Analyses</div>
+                        <div class="text-xs font-semibold uppercase mb-1">Shop Goals</div>
                         <div class="text-3xl font-bold">{{ shopAnalysesCount() }}</div>
                       </div>
                       <div [ngClass]="getSourceCountCardClasses('FOCUS_AREA')" class="p-4 rounded-xl">
-                        <div class="text-xs font-semibold uppercase mb-1">Focus Area Analyses</div>
+                        <div class="text-xs font-semibold uppercase mb-1">Focus Area Goals</div>
                         <div class="text-3xl font-bold">{{ focusAreaAnalysesCount() }}</div>
                       </div>
                       <div [ngClass]="getSourceCountCardClasses('METRIC')" class="p-4 rounded-xl">
-                        <div class="text-xs font-semibold uppercase mb-1">Metric Analyses</div>
+                        <div class="text-xs font-semibold uppercase mb-1">Metric Goals</div>
                         <div class="text-3xl font-bold">{{ metricAnalysesCount() }}</div>
                       </div>
                     </div>