@naniteninja/dashboard-components-lib 2.1.15 → 2.1.16

package/fesm2022/naniteninja-dashboard-components-lib.mjs

@@ -10729,11 +10729,97 @@ class MatcherViewportComponent {
         ];
         this.traitVisualPrefWeights = [...this.traitVisualAttrWeights];
         this.traitVisualPrefWeights[0] = Math.max(0, this.traitVisualPrefWeights[0] - 0.05);
-        // 2. Filter Nodes based on manager selection
-        const selectedIds = new Set(this.prefMatchManagerItems.filter(i => i.selected).map(i => i.id));
-        // Always keep the Central Node
-        const baseNodes = this.config?.traitVisualNodes ?? defaultMatcherViewportConfig.traitVisualNodes ?? [];
-        this.traitVisualNodes = baseNodes.filter(node => node.isSupermassiveBlackhole || node.name === 'Central Node' || selectedIds.has(String(node.id)));
+        const selectedPairs = this.prefMatchManagerItems
+            .filter((item) => item.selected)
+            .map((item) => {
+            const match = this.clientMatches.find((m) => m._id === item.id || m.id === item.id);
+            if (!match) {
+                return null;
+            }
+            const prospectAge = match.prospectData?.prospectAge ??
+                match.prospectAge;
+            if (typeof prospectAge === 'number' && Number.isFinite(prospectAge)) {
+                if (prospectAge < this.prefMatchManagerMinAge || prospectAge > this.prefMatchManagerMaxAge) {
+                    return null;
+                }
+            }
+            return { item, match };
+        })
+            .filter((pair) => !!pair);
+        if (!selectedPairs.length) {
+            this.traitVisualNodes = [
+                {
+                    id: 0,
+                    name: 'Central Node',
+                    initialPosition: [0, 0, 0],
+                    isSupermassiveBlackhole: true,
+                    color: '#00001e',
+                    attributes: { attr1: 50, attr2: 50, attr3: 50, attr4: 50, attr5: 50, attr6: 50, attr7: 50, attr8: 50 },
+                    preferences: { attr1: 0, attr2: 50, attr3: 0, attr4: 50, attr5: 0, attr6: 50, attr7: 0, attr8: 50 },
+                },
+            ];
+            this.traitVisualConfig = {
+                nodeData: this.traitVisualNodes,
+                attributeWeights: this.traitVisualAttrWeights,
+                preferenceWeights: this.traitVisualPrefWeights,
+                defaultZoomLevel: 1.75,
+                backgroundColor: 'transparent',
+                primaryColor: '#c300ff',
+                secondaryColor: '#ff3366',
+                blackholeRepulsion: 1.0,
+                simulationSpeed: 3.25,
+                pairwiseRepulsionMain: 52,
+                pairwiseRepulsionSecondary: 42,
+                dissimilarityRepulsionExponent: 2.0,
+                minDistanceWidths: 0.25,
+                maxDistanceWidths: 4.5,
+                particleSizeScale: 1.0,
+                particleDepth: 1.0,
+                title: this.config?.toastInfo?.[this.alertStatusFields.compatibilityProfileTrait]?.title || this.translate.instant('CLIENT_DASHBOARD.ALERT_POPUP.FORCE_GRAPH_COMPATIBILITY.TITLE'),
+                description: this.config?.toastInfo?.[this.alertStatusFields.compatibilityProfileTrait]?.description || this.translate.instant('CLIENT_DASHBOARD.ALERT_POPUP.FORCE_GRAPH_COMPATIBILITY.DESCRIPTION')
+            };
+            this.traitVisualVisible = false;
+            this.cdr.markForCheck();
+            setTimeout(() => {
+                this.traitVisualVisible = true;
+                this.cdr.markForCheck();
+            }, 50);
+            return;
+        }
+        const nodes = [
+            {
+                id: 0,
+                name: 'Central Node',
+                initialPosition: [0, 0, 0],
+                isSupermassiveBlackhole: true,
+                color: '#00001e',
+                attributes: { attr1: 50, attr2: 50, attr3: 50, attr4: 50, attr5: 50, attr6: 50, attr7: 50, attr8: 50 },
+                preferences: { attr1: 0, attr2: 50, attr3: 0, attr4: 50, attr5: 0, attr6: 50, attr7: 0, attr8: 50 },
+            },
+        ];
+        const radius = 5;
+        selectedPairs.forEach((pair, index) => {
+            const { item } = pair;
+            const angle = (index * 2 * Math.PI) / selectedPairs.length;
+            const x = radius * Math.cos(angle);
+            const z = radius * Math.sin(angle);
+            const attributes = {
+                attr1: 50, attr2: 0, attr3: 50, attr4: 0, attr5: 50, attr6: 0, attr7: 50, attr8: 0,
+            };
+            const preferences = {
+                attr1: 0, attr2: 50, attr3: 0, attr4: 50, attr5: 0, attr6: 50, attr7: 0, attr8: 50,
+            };
+            nodes.push({
+                id: index + 1,
+                name: item.name,
+                initialPosition: [x, 0, z],
+                isSupermassiveBlackhole: false,
+                color: '#00001e',
+                attributes,
+                preferences,
+            });
+        });
+        this.traitVisualNodes = nodes;
         // Update stable config object for the visual canvas
         this.traitVisualConfig = {
             nodeData: this.traitVisualNodes,