@eric-emg/symphiq-components 1.3.82 → 1.3.84

package/fesm2022/symphiq-components.mjs

@@ -13556,6 +13556,9 @@ class ProfileContextService {
                 }
             }
         }
+        console.log('[ProfileContextService] indexProfile - competitors:', index.competitors.length, 'recommendations:', index.recommendations.length);
+        console.log('[ProfileContextService] indexProfile - recommendation IDs:', index.recommendations.map(r => r.id));
+        console.log('[ProfileContextService] indexProfile - recommendations with relatedCompetitorIds:', index.recommendations.filter(r => r.relatedCompetitorIds && r.relatedCompetitorIds.length > 0).map(r => ({ id: r.id, relatedCompetitorIds: r.relatedCompetitorIds })));
         this.contextIndex.set(index);
     }
     getRegions() {
@@ -15212,17 +15215,30 @@ class RecommendationCardComponent {
             return displayItem;
         }, ...(ngDevMode ? [{ debugName: "displayItem" }] : []));
         this.detailedRecommendation = computed(() => {
-            let result;
-            if (this.recommendation()) {
-                result = this.recommendation();
-                return result;
+            const inputRec = this.recommendation();
+            console.log('[RecommendationCard] detailedRecommendation - inputRec:', inputRec?.id, 'relatedCompetitorIds:', inputRec?.relatedCompetitorIds, 'relatedProfileItemIds:', inputRec?.relatedProfileItemIds);
+            if (inputRec) {
+                if (inputRec.id) {
+                    const serviceRec = this.profileContextService.getRecommendationById(inputRec.id);
+                    console.log('[RecommendationCard] detailedRecommendation - serviceRec:', serviceRec?.id, 'relatedCompetitorIds:', serviceRec?.relatedCompetitorIds, 'relatedProfileItemIds:', serviceRec?.relatedProfileItemIds);
+                    console.log('[RecommendationCard] detailedRecommendation - allCompetitors in service:', this.profileContextService.getCompetitors());
+                    if (serviceRec) {
+                        const merged = {
+                            ...inputRec,
+                            relatedCompetitorIds: inputRec.relatedCompetitorIds || serviceRec.relatedCompetitorIds,
+                            relatedProfileItemIds: inputRec.relatedProfileItemIds || serviceRec.relatedProfileItemIds
+                        };
+                        console.log('[RecommendationCard] detailedRecommendation - merged result:', merged.relatedCompetitorIds, merged.relatedProfileItemIds);
+                        return merged;
+                    }
+                }
+                return inputRec;
             }
             const item = this.item();
             if (!item?.id) {
                 return undefined;
             }
-            result = this.profileContextService.getRecommendationById(item.id);
-            return result;
+            return this.profileContextService.getRecommendationById(item.id);
         }, ...(ngDevMode ? [{ debugName: "detailedRecommendation" }] : []));
         this.businessContextItems = computed(() => {
             const itemIds = this.detailedRecommendation()?.relatedProfileItemIds;
@@ -15284,6 +15300,7 @@ class RecommendationCardComponent {
             const hasCompetitors = !!(detailed?.relatedCompetitorIds && detailed.relatedCompetitorIds.length > 0);
             const isExpanded = this.isActuallyExpanded();
             const shouldShow = hasCompetitors && isExpanded;
+            console.log('[RecommendationCard] shouldShowRelatedCompetitors - hasCompetitors:', hasCompetitors, 'isExpanded:', isExpanded, 'shouldShow:', shouldShow, 'relatedCompetitorIds:', detailed?.relatedCompetitorIds);
             return shouldShow;
         }, ...(ngDevMode ? [{ debugName: "shouldShowRelatedCompetitors" }] : []));
         this.shouldShowRelatedAreas = computed(() => {
@@ -15291,6 +15308,7 @@ class RecommendationCardComponent {
             const hasAreas = !!(detailed?.relatedProfileItemIds && detailed.relatedProfileItemIds.length > 0);
             const isExpanded = this.isActuallyExpanded();
             const shouldShow = hasAreas && isExpanded;
+            console.log('[RecommendationCard] shouldShowRelatedAreas - hasAreas:', hasAreas, 'isExpanded:', isExpanded, 'shouldShow:', shouldShow, 'relatedProfileItemIds:', detailed?.relatedProfileItemIds);
             return shouldShow;
         }, ...(ngDevMode ? [{ debugName: "shouldShowRelatedAreas" }] : []));
         this.shouldShowRelatedFocusAreas = computed(() => {
@@ -103732,10 +103750,12 @@ class UnifiedGoalCardComponent {
             return metrics;
         }, ...(ngDevMode ? [{ debugName: "roadmapMetrics" }] : []));
         this.cardClasses = computed(() => {
+            const isSkipped = this.actionState() === GoalActionStateEnum.SKIP;
+            const opacityClass = isSkipped ? ' opacity-60' : '';
             if (this.isDark()) {
-                return 'bg-slate-800/50 border border-slate-700/50';
+                return 'bg-slate-800/50 border border-slate-700/50' + opacityClass;
             }
-            return 'bg-white border border-slate-200';
+            return 'bg-white border border-slate-200' + opacityClass;
         }, ...(ngDevMode ? [{ debugName: "cardClasses" }] : []));
         this.iconContainerClasses = computed(() => {
             if (this.isDark()) {
@@ -107812,10 +107832,15 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
         }, ...(ngDevMode ? [{ debugName: "embeddedScrollEffect" }] : []));
         this.profileIndexEffect = effect(() => {
             const profileToUse = this.profile();
+            console.log('[UnifiedDashboard] profileIndexEffect - profile:', !!profileToUse, 'sections:', profileToUse?.profileStructured?.sections?.length, 'recommendations:', profileToUse?.profileStructured?.recommendations?.length);
             if (profileToUse?.profileStructured?.sections) {
                 const recommendations = profileToUse.profileStructured?.recommendations || [];
+                console.log('[UnifiedDashboard] profileIndexEffect - calling indexProfile with', profileToUse.profileStructured.sections.length, 'sections and', recommendations.length, 'recommendations');
                 this.profileContextService.indexProfile(profileToUse.profileStructured.sections, recommendations);
             }
+            else {
+                console.log('[UnifiedDashboard] profileIndexEffect - NO profile data to index');
+            }
         }, ...(ngDevMode ? [{ debugName: "profileIndexEffect" }] : []));
         this.pendingSourceRequestEffect = effect(() => {
             const pending = this.pendingSourceRequest();