@eric-emg/symphiq-components 1.2.129 → 1.2.131

package/fesm2022/symphiq-components.mjs

@@ -13558,9 +13558,21 @@ class ProfileItemLookupService {
         return undefined;
     }
     findItemsByIds(ids) {
-        return ids
-            .map(id => this.findItemById(id))
+        console.log('[ProfileItemLookupService] findItemsByIds called:', {
+            inputIds: ids,
+            hasProfileData: !!this.profileData(),
+            hasProfileStructured: !!this.profileData()?.profileStructured,
+            hasSections: !!this.profileData()?.profileStructured?.sections
+        });
+        const results = ids
+            .map(id => {
+            const found = this.findItemById(id);
+            console.log('[ProfileItemLookupService] findItemById:', { id, found: !!found });
+            return found;
+        })
             .filter((item) => item !== undefined);
+        console.log('[ProfileItemLookupService] findItemsByIds result:', { inputCount: ids.length, foundCount: results.length });
+        return results;
     }
     findItemWithContext(id) {
         const profile = this.profileData();
@@ -13636,6 +13648,11 @@ class RelatedAreaChipsComponent {
         this.relatedItems = computed(() => {
             const ids = this.relatedAreaIds();
             const items = this.lookupService.findItemsByIds(ids);
+            console.log('[RelatedAreaChips] relatedItems computed:', {
+                inputIds: ids,
+                foundItems: items,
+                foundCount: items.length
+            });
             return items;
         }, ...(ngDevMode ? [{ debugName: "relatedItems" }] : []));
     }
@@ -13739,8 +13756,16 @@ class CompetitorChipListComponent {
         this.modalService = inject(ModalService);
         this.competitorItems = computed(() => {
             const ids = this.relatedCompetitorIds();
+            console.log('[CompetitorChipList] competitorItems computed:', {
+                inputIds: ids,
+                hasIds: ids && ids.length > 0
+            });
             if (ids && ids.length > 0) {
                 const items = this.lookupService.findItemsByIds(ids);
+                console.log('[CompetitorChipList] lookupService.findItemsByIds result:', {
+                    foundItems: items,
+                    foundCount: items.length
+                });
                 return items;
             }
             return [];
@@ -13748,9 +13773,11 @@ class CompetitorChipListComponent {
         this.displayItems = computed(() => {
             const items = this.competitorItems();
             if (items.length > 0) {
+                console.log('[CompetitorChipList] displayItems: using competitorItems', { count: items.length });
                 return items;
             }
             const fallbackItems = this.competitors().map(name => ({ label: name }));
+            console.log('[CompetitorChipList] displayItems: using fallback competitors', { count: fallbackItems.length, fallbackItems });
             return fallbackItems;
         }, ...(ngDevMode ? [{ debugName: "displayItems" }] : []));
     }
@@ -15131,13 +15158,32 @@ class RecommendationCardComponent {
             return displayItem;
         }, ...(ngDevMode ? [{ debugName: "displayItem" }] : []));
         this.detailedRecommendation = computed(() => {
+            let result;
             if (this.recommendation) {
-                return this.recommendation;
+                result = this.recommendation;
+                console.log('[RecommendationCard] detailedRecommendation: using direct recommendation input', {
+                    id: result?.id,
+                    hasRelatedCompetitorIds: !!result?.relatedCompetitorIds,
+                    relatedCompetitorIds: result?.relatedCompetitorIds,
+                    hasRelatedProfileItemIds: !!result?.relatedProfileItemIds,
+                    relatedProfileItemIds: result?.relatedProfileItemIds
+                });
+                return result;
             }
             if (!this.item?.id) {
+                console.log('[RecommendationCard] detailedRecommendation: no item id');
                 return undefined;
             }
-            return this.profileContextService.getRecommendationById(this.item.id);
+            result = this.profileContextService.getRecommendationById(this.item.id);
+            console.log('[RecommendationCard] detailedRecommendation: from profileContextService', {
+                itemId: this.item.id,
+                found: !!result,
+                hasRelatedCompetitorIds: !!result?.relatedCompetitorIds,
+                relatedCompetitorIds: result?.relatedCompetitorIds,
+                hasRelatedProfileItemIds: !!result?.relatedProfileItemIds,
+                relatedProfileItemIds: result?.relatedProfileItemIds
+            });
+            return result;
         }, ...(ngDevMode ? [{ debugName: "detailedRecommendation" }] : []));
         this.businessContextItems = computed(() => {
             const itemIds = this.detailedRecommendation()?.relatedProfileItemIds;
@@ -15198,6 +15244,13 @@ class RecommendationCardComponent {
             const hasCompetitors = !!(detailed?.relatedCompetitorIds && detailed.relatedCompetitorIds.length > 0);
             const isExpanded = this.isActuallyExpanded();
             const shouldShow = hasCompetitors && isExpanded;
+            console.log('[RecommendationCard] shouldShowRelatedCompetitors:', {
+                hasDetailedRec: !!detailed,
+                relatedCompetitorIds: detailed?.relatedCompetitorIds,
+                hasCompetitors,
+                isExpanded,
+                shouldShow
+            });
             return shouldShow;
         }, ...(ngDevMode ? [{ debugName: "shouldShowRelatedCompetitors" }] : []));
         this.shouldShowRelatedAreas = computed(() => {
@@ -15205,6 +15258,13 @@ class RecommendationCardComponent {
             const hasAreas = !!(detailed?.relatedProfileItemIds && detailed.relatedProfileItemIds.length > 0);
             const isExpanded = this.isActuallyExpanded();
             const shouldShow = hasAreas && isExpanded;
+            console.log('[RecommendationCard] shouldShowRelatedAreas:', {
+                hasDetailedRec: !!detailed,
+                relatedProfileItemIds: detailed?.relatedProfileItemIds,
+                hasAreas,
+                isExpanded,
+                shouldShow
+            });
             return shouldShow;
         }, ...(ngDevMode ? [{ debugName: "shouldShowRelatedAreas" }] : []));
         this.shouldShowRelatedFocusAreas = computed(() => {
@@ -15381,9 +15441,23 @@ class RecommendationCardComponent {
         return detailed?.relatedFocusAreas || [];
     }
     logCompetitorData() {
+        const detailed = this.detailedRecommendation();
+        console.log('[RecommendationCard] logCompetitorData:', {
+            recommendationId: this.item?.id,
+            recommendationLabel: this.displayItem()?.label,
+            relatedCompetitorIds: detailed?.relatedCompetitorIds,
+            hasCompetitors: !!(detailed?.relatedCompetitorIds && detailed.relatedCompetitorIds.length > 0)
+        });
         return false;
     }
     logAreaData() {
+        const detailed = this.detailedRecommendation();
+        console.log('[RecommendationCard] logAreaData:', {
+            recommendationId: this.item?.id,
+            recommendationLabel: this.displayItem()?.label,
+            relatedProfileItemIds: detailed?.relatedProfileItemIds,
+            hasAreas: !!(detailed?.relatedProfileItemIds && detailed.relatedProfileItemIds.length > 0)
+        });
         return false;
     }
     onCardClick(event) {
@@ -73269,22 +73343,14 @@ class SymphiqProfileAnalysisDashboardComponent {
         this.embeddedScrollEffect = effect(() => {
             const scrollEvent = this.scrollEvent();
             const isEmbedded = this.embedded();
-            console.log('[ProfileAnalysis] embeddedScrollEffect triggered', {
-                isEmbedded,
-                hasScrollEvent: !!scrollEvent,
-                scrollEventDetail: scrollEvent?.detail
-            });
             if (isEmbedded && !scrollEvent) {
-                console.log('[ProfileAnalysis] Early return: embedded but no scrollEvent');
                 return;
             }
             if (!scrollEvent || !isEmbedded) {
-                console.log('[ProfileAnalysis] Early return: no scrollEvent or not embedded');
                 return;
             }
             const detail = scrollEvent.detail;
             if (!detail) {
-                console.log('[ProfileAnalysis] Early return: no detail in scrollEvent');
                 return;
             }
             const scrollTop = detail.scrollTop || 0;
@@ -73296,27 +73362,14 @@ class SymphiqProfileAnalysisDashboardComponent {
                 this.headerScrollService.isScrolled.set(false);
             }
             const scrollElement = this.scrollElement();
-            console.log('[ProfileAnalysis] Scroll progress calculation', {
-                scrollTop,
-                hasScrollElement: !!scrollElement,
-                scrollHeight: scrollElement?.scrollHeight,
-                clientHeight: scrollElement?.clientHeight
-            });
             if (scrollElement) {
                 const scrollHeight = scrollElement.scrollHeight || 0;
                 const clientHeight = scrollElement.clientHeight || 0;
                 const maxScroll = scrollHeight - clientHeight;
                 if (maxScroll > 0) {
                     const progress = (scrollTop / maxScroll) * 100;
-                    console.log('[ProfileAnalysis] Setting scrollProgress', { maxScroll, progress: Math.min(100, Math.max(0, progress)) });
                     this.scrollProgress.set(Math.min(100, Math.max(0, progress)));
                 }
-                else {
-                    console.log('[ProfileAnalysis] maxScroll <= 0, not updating progress', { maxScroll });
-                }
-            }
-            else {
-                console.log('[ProfileAnalysis] No scrollElement available');
             }
         }, ...(ngDevMode ? [{ debugName: "embeddedScrollEffect" }] : []));
         // Signal version of funnelAnalysis for reactive computed signals
@@ -73618,13 +73671,21 @@ class SymphiqProfileAnalysisDashboardComponent {
                 modal.setMetricsAndInsights(this.allMetrics(), [], this.allCharts());
             }
         });
+        // Update ProfileItemLookupService when profile changes
+        // This enables competitor and focus area chip lookups in business insights
+        effect(() => {
+            const profileValue = this.profile();
+            console.log('[ProfileAnalysisDashboard] profile effect triggered:', {
+                hasProfile: !!profileValue,
+                hasProfileStructured: !!profileValue?.profileStructured,
+                hasSections: !!profileValue?.profileStructured?.sections
+            });
+            if (profileValue) {
+                this.profileItemLookupService.setProfile(profileValue);
+            }
+        });
     }
     onWindowScroll() {
-        console.log('[ProfileAnalysis] onWindowScroll fired', {
-            embedded: this.embedded(),
-            windowScrollY: window.scrollY,
-            docHeight: document.documentElement.scrollHeight - window.innerHeight
-        });
         this.headerScrollService.handleScroll(this.embedded());
         if (!this.embedded()) {
             const scrollTop = window.scrollY;