@eric-emg/symphiq-components 1.3.63 → 1.3.64

package/fesm2022/symphiq-components.mjs

@@ -25734,6 +25734,13 @@ class ConfidenceLevelCardComponent {
                     qualitativeStatus: 'Complete Profile',
                     quantitativeStatus: 'Full Analytics',
                     description: 'Journey complete! Symphiq has all the context needed to deliver highly accurate, personalized recommendations. As you execute and your business evolves, keep your profiles updated for continued precision.'
+                },
+                'unified-analysis': {
+                    grade: 'A+',
+                    percentage: 100,
+                    qualitativeStatus: 'Shop + Focus Areas + Metrics',
+                    quantitativeStatus: 'Full Synthesis',
+                    description: 'Maximum synthesis achieved! Symphiq has combined insights from all your source analyses—Shop, Focus Areas, and Metrics—into unified strategic goals. These recommendations represent the most comprehensive, cross-domain insights available for your business.'
                 }
             };
             return dataMap[stepId] || dataMap['business-analysis'];
@@ -25758,7 +25765,7 @@ class ConfidenceLevelCardComponent {
         this.backgroundOverlayClasses = computed(() => {
             const grade = this.confidenceData().grade;
             const isDark = !this.isLightMode();
-            if (grade === 'A') {
+            if (grade.startsWith('A')) {
                 return isDark
                     ? 'bg-gradient-to-br from-emerald-500/30 via-teal-500/20 to-emerald-500/30'
                     : 'bg-gradient-to-br from-emerald-400/20 via-teal-400/10 to-emerald-400/20';
@@ -25793,7 +25800,7 @@ class ConfidenceLevelCardComponent {
         }, ...(ngDevMode ? [{ debugName: "gradeBadgeContainerClasses" }] : []));
         this.glowEffectClasses = computed(() => {
             const grade = this.confidenceData().grade;
-            if (grade === 'A') {
+            if (grade.startsWith('A')) {
                 return 'bg-emerald-500';
             }
             else if (grade.startsWith('B')) {
@@ -25807,7 +25814,7 @@ class ConfidenceLevelCardComponent {
         this.gradeBadgeClasses = computed(() => {
             const grade = this.confidenceData().grade;
             const isDark = !this.isLightMode();
-            if (grade === 'A') {
+            if (grade.startsWith('A')) {
                 return isDark
                     ? 'bg-gradient-to-br from-emerald-500/30 to-teal-500/30 border-2 border-emerald-500/50 shadow-[0_0_20px_rgba(16,185,129,0.3)]'
                     : 'bg-gradient-to-br from-emerald-50 to-teal-50 border-2 border-emerald-300/50 shadow-[0_0_20px_rgba(16,185,129,0.2)]';
@@ -25829,7 +25836,7 @@ class ConfidenceLevelCardComponent {
         this.gradeLabelClasses = computed(() => {
             const grade = this.confidenceData().grade;
             const isDark = !this.isLightMode();
-            if (grade === 'A') {
+            if (grade.startsWith('A')) {
                 return isDark ? 'text-emerald-300' : 'text-emerald-700';
             }
             else if (grade.startsWith('B')) {
@@ -25843,7 +25850,7 @@ class ConfidenceLevelCardComponent {
         this.gradeValueClasses = computed(() => {
             const grade = this.confidenceData().grade;
             const isDark = !this.isLightMode();
-            if (grade === 'A') {
+            if (grade.startsWith('A')) {
                 return isDark
                     ? 'bg-gradient-to-b from-emerald-300 to-emerald-500 bg-clip-text text-transparent'
                     : 'bg-gradient-to-b from-emerald-600 to-emerald-800 bg-clip-text text-transparent';
@@ -25873,7 +25880,7 @@ class ConfidenceLevelCardComponent {
         this.progressValueClasses = computed(() => {
             const grade = this.confidenceData().grade;
             const isDark = !this.isLightMode();
-            if (grade === 'A') {
+            if (grade.startsWith('A')) {
                 return isDark ? 'text-emerald-400' : 'text-emerald-600';
             }
             else if (grade.startsWith('B')) {
@@ -25893,7 +25900,7 @@ class ConfidenceLevelCardComponent {
         this.progressBarClasses = computed(() => {
             const grade = this.confidenceData().grade;
             const baseClasses = 'rounded-full overflow-hidden';
-            if (grade === 'A') {
+            if (grade.startsWith('A')) {
                 return `${baseClasses} bg-gradient-to-r from-emerald-500 via-teal-500 to-emerald-600`;
             }
             else if (grade.startsWith('B')) {
@@ -25909,7 +25916,7 @@ class ConfidenceLevelCardComponent {
         }, ...(ngDevMode ? [{ debugName: "shimmerClasses" }] : []));
         this.progressGlowClasses = computed(() => {
             const grade = this.confidenceData().grade;
-            if (grade === 'A') {
+            if (grade.startsWith('A')) {
                 return 'bg-gradient-to-r from-emerald-500 to-teal-500';
             }
             else if (grade.startsWith('B')) {
@@ -25980,7 +25987,7 @@ class ConfidenceLevelCardComponent {
         this.currentStepBadgeClasses = computed(() => {
             const grade = this.confidenceData().currentStepGrade;
             const isDark = !this.isLightMode();
-            if (grade === 'A') {
+            if (grade?.startsWith('A')) {
                 return isDark
                     ? 'bg-emerald-500/20 text-emerald-400'
                     : 'bg-emerald-100 text-emerald-700';
@@ -26008,7 +26015,7 @@ class ConfidenceLevelCardComponent {
         this.nextDashboardBadgeClasses = computed(() => {
             const grade = this.confidenceData().nextDashboardGrade;
             const isDark = !this.isLightMode();
-            if (grade === 'A') {
+            if (grade?.startsWith('A')) {
                 return isDark
                     ? 'bg-emerald-500/10 text-emerald-500'
                     : 'bg-emerald-50 text-emerald-600';
@@ -104269,6 +104276,7 @@ function UnifiedDashboardModalComponent_Conditional_0_Template(rf, ctx) { if (rf
 class UnifiedDashboardModalComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.loadingSourceAnalysisId = input(...(ngDevMode ? [undefined, { debugName: "loadingSourceAnalysisId" }] : []));
         this.priorityActionGoalClick = output();
         this.priorityActionRecommendationClick = output();
         this.sourceAnalysisClickRequest = output();
@@ -104405,11 +104413,7 @@ class UnifiedDashboardModalComponent {
             return data.loadedSourceAnalysisIds.map(id => parseInt(id, 10)).filter(id => !isNaN(id));
         }, ...(ngDevMode ? [{ debugName: "loadedSourceAnalysisIdsAsNumbers" }] : []));
         this.loadingSourceAnalysisIdAsNumber = computed(() => {
-            const data = this.unifiedGoalData();
-            if (!data?.loadingSourceAnalysisId)
-                return undefined;
-            const num = parseInt(data.loadingSourceAnalysisId, 10);
-            return isNaN(num) ? undefined : num;
+            return this.loadingSourceAnalysisId();
         }, ...(ngDevMode ? [{ debugName: "loadingSourceAnalysisIdAsNumber" }] : []));
         this.modalDepth = computed(() => {
             let depth = 0;
@@ -104681,7 +104685,7 @@ class UnifiedDashboardModalComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
-        } }, inputs: { viewMode: [1, "viewMode"] }, outputs: { priorityActionGoalClick: "priorityActionGoalClick", priorityActionRecommendationClick: "priorityActionRecommendationClick", sourceAnalysisClickRequest: "sourceAnalysisClickRequest" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", "transition-opacity", "duration-200", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-6xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex", "items-start", "gap-3", "flex-1", "min-w-0"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-1.5", "mb-2", "text-xs"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "ml-4", "flex-shrink-0"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[80vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "objectives", "goalTitle", "viewMode"], [3, "goal", "contributingMetrics", "viewMode"], [3, "objective", "viewMode"], [3, "strategy", "viewMode", "allMetrics", "allCharts", "allInsights", "goalTitle", "objectiveTitle", "currentModalState"], [3, "items", "viewMode", "selectedIndex"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "font-medium", 3, "ngClass"], ["type", "button", 1, "hover:underline", "cursor-pointer", "transition-colors", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "sourceAnalysisClick", "metricClick", "contributingMetricsClick", "showObjectives", "close", "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "metricClick", "goal", "contributingMetrics", "viewMode"], [3, "goalClick", "recommendationClick", "items", "viewMode", "selectedIndex"]], template: function UnifiedDashboardModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"] }, outputs: { priorityActionGoalClick: "priorityActionGoalClick", priorityActionRecommendationClick: "priorityActionRecommendationClick", sourceAnalysisClickRequest: "sourceAnalysisClickRequest" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", "transition-opacity", "duration-200", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-6xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex", "items-start", "gap-3", "flex-1", "min-w-0"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-1.5", "mb-2", "text-xs"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "ml-4", "flex-shrink-0"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[80vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "objectives", "goalTitle", "viewMode"], [3, "goal", "contributingMetrics", "viewMode"], [3, "objective", "viewMode"], [3, "strategy", "viewMode", "allMetrics", "allCharts", "allInsights", "goalTitle", "objectiveTitle", "currentModalState"], [3, "items", "viewMode", "selectedIndex"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "font-medium", 3, "ngClass"], ["type", "button", 1, "hover:underline", "cursor-pointer", "transition-colors", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "sourceAnalysisClick", "metricClick", "contributingMetricsClick", "showObjectives", "close", "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "metricClick", "goal", "contributingMetrics", "viewMode"], [3, "goalClick", "recommendationClick", "items", "viewMode", "selectedIndex"]], template: function UnifiedDashboardModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, UnifiedDashboardModalComponent_Conditional_0_Template, 27, 32, "div", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
@@ -104904,7 +104908,7 @@ class UnifiedDashboardModalComponent {
     }
   `
             }]
-    }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], priorityActionGoalClick: [{ type: i0.Output, args: ["priorityActionGoalClick"] }], priorityActionRecommendationClick: [{ type: i0.Output, args: ["priorityActionRecommendationClick"] }], sourceAnalysisClickRequest: [{ type: i0.Output, args: ["sourceAnalysisClickRequest"] }], modalContent: [{
+    }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], loadingSourceAnalysisId: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingSourceAnalysisId", required: false }] }], priorityActionGoalClick: [{ type: i0.Output, args: ["priorityActionGoalClick"] }], priorityActionRecommendationClick: [{ type: i0.Output, args: ["priorityActionRecommendationClick"] }], sourceAnalysisClickRequest: [{ type: i0.Output, args: ["sourceAnalysisClickRequest"] }], modalContent: [{
             type: ViewChild,
             args: ['modalContent']
         }], modalWrapper: [{
@@ -104919,6 +104923,33 @@ function UnifiedWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (rf
 function UnifiedWelcomeBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Welcome to Your Unified Analysis ");
 } }
+function UnifiedWelcomeBannerComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 17);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(2, "svg", 18);
+    i0.ɵɵelement(3, "path", 5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(4, "div", 6)(5, "p", 19);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "p", 20);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.synthesisBannerClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.synthesisBannerIconClasses());
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.synthesisBannerTitleClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.unifiedGoalsCount(), " Unified Goals Synthesized ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.synthesisBannerTextClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" We've combined insights from ", ctx_r0.sourceAnalysesCount(), " source analyses into actionable strategic priorities for ", ctx_r0.businessName(), ". ");
+} }
 class UnifiedWelcomeBannerComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -104955,9 +104986,17 @@ class UnifiedWelcomeBannerComponent {
             ? 'text-white'
             : 'bg-gradient-to-r from-emerald-600 to-cyan-600 bg-clip-text text-transparent', ...(ngDevMode ? [{ debugName: "titleClasses" }] : []));
         this.textClasses = computed(() => this.isDark() ? 'text-slate-300' : 'text-slate-700', ...(ngDevMode ? [{ debugName: "textClasses" }] : []));
+        this.synthesisBannerClasses = computed(() => this.isDark()
+            ? 'bg-gradient-to-r from-blue-900/40 to-indigo-900/40 border border-blue-700/50'
+            : 'bg-gradient-to-r from-blue-50 to-indigo-50 border border-blue-200', ...(ngDevMode ? [{ debugName: "synthesisBannerClasses" }] : []));
+        this.synthesisBannerIconClasses = computed(() => this.isDark()
+            ? 'bg-blue-500/20 text-blue-400'
+            : 'bg-blue-100 text-blue-600', ...(ngDevMode ? [{ debugName: "synthesisBannerIconClasses" }] : []));
+        this.synthesisBannerTitleClasses = computed(() => this.isDark() ? 'text-white' : 'text-slate-900', ...(ngDevMode ? [{ debugName: "synthesisBannerTitleClasses" }] : []));
+        this.synthesisBannerTextClasses = computed(() => this.isDark() ? 'text-slate-300' : 'text-slate-700', ...(ngDevMode ? [{ debugName: "synthesisBannerTextClasses" }] : []));
     }
     static { this.ɵfac = function UnifiedWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedWelcomeBannerComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedWelcomeBannerComponent, selectors: [["symphiq-unified-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], isOnboarded: [1, "isOnboarded"], analysisDate: [1, "analysisDate"], isUnifiedAnalysisComplete: [1, "isUnifiedAnalysisComplete"], sourceAnalysesCount: [1, "sourceAnalysesCount"], unifiedGoalsCount: [1, "unifiedGoalsCount"] }, decls: 22, vars: 15, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "unified-analysis", 3, "viewMode", "isCurrentStepComplete"], [1, "mt-6", "block", 3, "viewMode", "items", "analysisDate"], ["title", "Maximize Your Unified Insights", "onboardedTitle", "Keep Your Unified Goals Current", "description", "To get the most comprehensive unified goals, ensure you've completed your Shop Analysis, Focus Area Analyses, and Metric Analyses. The more context Symphiq has about your business, the more precise and actionable your unified recommendations become.", "onboardedDescription", "As you complete more analyses or update existing ones, your Unified Goals will be refined to reflect your current business context. Regenerate your unified analysis periodically to ensure recommendations stay aligned with your evolving strategy and priorities.", 1, "mt-6", "block", 3, "viewMode", "isOnboarded"]], template: function UnifiedWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedWelcomeBannerComponent, selectors: [["symphiq-unified-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], isOnboarded: [1, "isOnboarded"], analysisDate: [1, "analysisDate"], isUnifiedAnalysisComplete: [1, "isUnifiedAnalysisComplete"], sourceAnalysesCount: [1, "sourceAnalysesCount"], unifiedGoalsCount: [1, "unifiedGoalsCount"] }, decls: 23, vars: 16, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-4", "p-4", "rounded-xl", "flex", "items-start", "gap-4", 3, "ngClass"], [1, "lg:col-span-1"], ["currentStepId", "unified-analysis", 3, "viewMode", "isCurrentStepComplete"], [1, "mt-6", "block", 3, "viewMode", "items", "analysisDate"], ["title", "Maximize Your Unified Insights", "onboardedTitle", "Keep Your Unified Goals Current", "description", "To get the most comprehensive unified goals, ensure you've completed your Shop Analysis, Focus Area Analyses, and Metric Analyses. The more context Symphiq has about your business, the more precise and actionable your unified recommendations become.", "onboardedDescription", "As you complete more analyses or update existing ones, your Unified Goals will be refined to reflect your current business context. Regenerate your unified analysis periodically to ensure recommendations stay aligned with your evolving strategy and priorities.", 1, "mt-6", "block", 3, "viewMode", "isOnboarded"], [1, "flex-shrink-0", "p-2", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], [1, "font-semibold", "text-base", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"]], template: function UnifiedWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(4, "svg", 4);
@@ -104974,11 +105013,13 @@ class UnifiedWelcomeBannerComponent {
             i0.ɵɵtext(16, "Why this matters:");
             i0.ɵɵelementEnd();
             i0.ɵɵtext(17, " Instead of managing separate recommendations from each analysis, the Unified Analysis consolidates them into actionable goals with clear priorities, timelines, and expected impact. This ensures you focus on what will drive the most value for your business. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(18, UnifiedWelcomeBannerComponent_Conditional_18_Template, 9, 7, "div", 12);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(19, "div", 13);
+            i0.ɵɵelement(20, "symphiq-confidence-level-card", 14);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(18, "div", 12);
-            i0.ɵɵelement(19, "symphiq-confidence-level-card", 13);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelement(20, "symphiq-what-youll-see-below", 14)(21, "symphiq-continue-your-journey", 15);
+            i0.ɵɵelement(21, "symphiq-what-youll-see-below", 15)(22, "symphiq-continue-your-journey", 16);
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -104996,7 +105037,9 @@ class UnifiedWelcomeBannerComponent {
             i0.ɵɵtextInterpolate1(" The Unified Analysis synthesizes insights from all your source analyses\u2014Shop Analysis, Focus Area Analyses, and Metric Analyses\u2014into cohesive strategic goals for ", ctx.businessName(), ". These unified goals represent the highest-priority opportunities identified across your entire business context. ");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.textClasses());
-            i0.ɵɵadvance(5);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.unifiedGoalsCount() > 0 ? 18 : -1);
+            i0.ɵɵadvance(2);
             i0.ɵɵproperty("viewMode", ctx.viewMode())("isCurrentStepComplete", ctx.isUnifiedAnalysisComplete());
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode())("items", ctx.whatYoullSeeBelowItems)("analysisDate", ctx.formattedAnalysisDate());
@@ -105038,6 +105081,25 @@ class UnifiedWelcomeBannerComponent {
                 <p [ngClass]="textClasses()" class="text-base leading-relaxed">
                   <strong class="font-semibold">Why this matters:</strong> Instead of managing separate recommendations from each analysis, the Unified Analysis consolidates them into actionable goals with clear priorities, timelines, and expected impact. This ensures you focus on what will drive the most value for your business.
                 </p>
+
+                <!-- Synthesis Summary Banner -->
+                @if (unifiedGoalsCount() > 0) {
+                  <div [ngClass]="synthesisBannerClasses()" class="mt-4 p-4 rounded-xl flex items-start gap-4">
+                    <div [ngClass]="synthesisBannerIconClasses()" class="flex-shrink-0 p-2 rounded-lg">
+                      <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                      </svg>
+                    </div>
+                    <div class="flex-1">
+                      <p [ngClass]="synthesisBannerTitleClasses()" class="font-semibold text-base mb-1">
+                        {{ unifiedGoalsCount() }} Unified Goals Synthesized
+                      </p>
+                      <p [ngClass]="synthesisBannerTextClasses()" class="text-sm">
+                        We've combined insights from {{ sourceAnalysesCount() }} source analyses into actionable strategic priorities for {{ businessName() }}.
+                      </p>
+                    </div>
+                  </div>
+                }
               </div>
 
               <div class="lg:col-span-1">
@@ -105072,7 +105134,7 @@ class UnifiedWelcomeBannerComponent {
   `
             }]
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], businessName: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], analysisDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysisDate", required: false }] }], isUnifiedAnalysisComplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "isUnifiedAnalysisComplete", required: false }] }], sourceAnalysesCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceAnalysesCount", required: false }] }], unifiedGoalsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "unifiedGoalsCount", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedWelcomeBannerComponent, { className: "UnifiedWelcomeBannerComponent", filePath: "lib/components/profile-analysis-unified-dashboard/unified-welcome-banner.component.ts", lineNumber: 73 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedWelcomeBannerComponent, { className: "UnifiedWelcomeBannerComponent", filePath: "lib/components/profile-analysis-unified-dashboard/unified-welcome-banner.component.ts", lineNumber: 92 }); })();
 
 const _c0$7 = () => [];
 const _c1$3 = a0 => ({ name: "flag", source: a0 });
@@ -105460,13 +105522,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         this.priorityMatrix = computed(() => {
             const matrixData = this.analysisData()?.unifiedPriorityMatrix;
             const goals = this.unifiedGoals();
-            console.log('[PriorityMatrix] Raw matrixData:', matrixData);
-            console.log('[PriorityMatrix] Goals available:', goals.map(g => ({ id: g.id, title: g.title })));
             if (matrixData) {
-                console.log('[PriorityMatrix] quickWins items:', matrixData.quickWins);
-                console.log('[PriorityMatrix] majorProjects items:', matrixData.majorProjects);
-                console.log('[PriorityMatrix] fillIns items:', matrixData.fillIns);
-                console.log('[PriorityMatrix] thankless items:', matrixData.thankless);
                 const findGoal = (id, quadrant) => {
                     const found = goals.find(g => g.id === id);
                     console.log(`[PriorityMatrix] ${quadrant} - Looking for goal id="${id}", found:`, found ? found.title : 'NOT FOUND');
@@ -106096,7 +106152,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
     static { this.ɵfac = function SymphiqProfileAnalysisUnifiedDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileAnalysisUnifiedDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileAnalysisUnifiedDashboardComponent, selectors: [["symphiq-profile-analysis-unified-dashboard"]], hostBindings: function SymphiqProfileAnalysisUnifiedDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisUnifiedDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], isLoadingSourceAnalysis: [1, "isLoadingSourceAnalysis"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], requestedByUser: [1, "requestedByUser"] }, outputs: { markAsReviewedClick: "markAsReviewedClick", generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest" }, features: [i0.ɵɵNgOnChangesFeature], decls: 16, vars: 31, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12", 3, "pb-32"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "selfContentStatus", "isLoading"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title"], [3, "priorityActionGoalClick", "priorityActionRecommendationClick", "sourceAnalysisClickRequest", "viewMode"], [3, "isLightMode"], [3, "isLightMode", "allInsights", "allMetrics", "allCharts"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], ["title", "Loading Your Unified Analysis", "subtitle", "Please wait while we prepare your synthesized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [1, "mb-12", "block", 3, "viewMode", "businessName", "isOnboarded", "analysisDate", "isUnifiedAnalysisComplete", "sourceAnalysesCount", "unifiedGoalsCount"], [3, "viewAllPriorityActionsClick", "summary", "viewMode", "shopCounts", "focusAreaCounts", "metricCounts"], ["id", "section-unified-goals", 1, "space-y-6", "scroll-mt-24"], [3, "goalClick", "timeline", "viewMode", "goals"], [3, "goalClick", "matrix", "viewMode"], [3, "goalClick", "steps", "viewMode", "goals"], [3, "viewMode", "sectionIcon"], ["title", "Unified Goals", 3, "icon", "viewMode"], [1, "grid", "gap-6", 2, "grid-template-columns", "repeat(auto-fit, minmax(340px, 1fr))"], [3, "goal", "viewMode"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "learnMoreClick", "goal", "viewMode"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [3, "close", "isLightMode", "isOpen"], [3, "close", "modeSelected", "viewMode", "currentMode", "isOpen"], [3, "markAsReviewed", "viewMode", "selfContentStatus", "isLoading"]], template: function SymphiqProfileAnalysisUnifiedDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], isLoadingSourceAnalysis: [1, "isLoadingSourceAnalysis"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], requestedByUser: [1, "requestedByUser"] }, outputs: { markAsReviewedClick: "markAsReviewedClick", generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest" }, features: [i0.ɵɵNgOnChangesFeature], decls: 16, vars: 32, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12", 3, "pb-32"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "selfContentStatus", "isLoading"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title"], [3, "priorityActionGoalClick", "priorityActionRecommendationClick", "sourceAnalysisClickRequest", "viewMode", "loadingSourceAnalysisId"], [3, "isLightMode"], [3, "isLightMode", "allInsights", "allMetrics", "allCharts"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], ["title", "Loading Your Unified Analysis", "subtitle", "Please wait while we prepare your synthesized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [1, "mb-12", "block", 3, "viewMode", "businessName", "isOnboarded", "analysisDate", "isUnifiedAnalysisComplete", "sourceAnalysesCount", "unifiedGoalsCount"], [3, "viewAllPriorityActionsClick", "summary", "viewMode", "shopCounts", "focusAreaCounts", "metricCounts"], ["id", "section-unified-goals", 1, "space-y-6", "scroll-mt-24"], [3, "goalClick", "timeline", "viewMode", "goals"], [3, "goalClick", "matrix", "viewMode"], [3, "goalClick", "steps", "viewMode", "goals"], [3, "viewMode", "sectionIcon"], ["title", "Unified Goals", 3, "icon", "viewMode"], [1, "grid", "gap-6", 2, "grid-template-columns", "repeat(auto-fit, minmax(340px, 1fr))"], [3, "goal", "viewMode"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "learnMoreClick", "goal", "viewMode"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [3, "close", "isLightMode", "isOpen"], [3, "close", "modeSelected", "viewMode", "currentMode", "isOpen"], [3, "markAsReviewed", "viewMode", "selfContentStatus", "isLoading"]], template: function SymphiqProfileAnalysisUnifiedDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
             i0.ɵɵelementStart(3, "div", 3)(4, "symphiq-dashboard-header", 4);
@@ -106139,11 +106195,11 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.isLoading() && ctx.isGenerating() ? 11 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("viewMode", ctx.viewMode());
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("loadingSourceAnalysisId", ctx.loadingSourceAnalysisId());
             i0.ɵɵadvance();
             i0.ɵɵproperty("isLightMode", ctx.isLightMode());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allInsights", i0.ɵɵpureFunction0(30, _c0$7))("allMetrics", ctx.allMetrics())("allCharts", ctx.allCharts());
+            i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allInsights", i0.ɵɵpureFunction0(31, _c0$7))("allMetrics", ctx.allMetrics())("allCharts", ctx.allCharts());
         } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent,
             ScrollProgressBarComponent,
             SearchModalComponent,
@@ -106410,6 +106466,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
 
       <symphiq-unified-dashboard-modal
         [viewMode]="viewMode()"
+        [loadingSourceAnalysisId]="loadingSourceAnalysisId()"
         (priorityActionGoalClick)="onPriorityActionGoalClick($event)"
         (priorityActionRecommendationClick)="onPriorityActionRecommendationClick($event)"
         (sourceAnalysisClickRequest)="handleSourceAnalysisClickFromModal($event)"
@@ -106428,7 +106485,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
             type: HostListener,
             args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber: 342 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber: 343 }); })();
 
 function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();