@naniteninja/profile-comparison-lib 1.0.21 → 1.0.23

package/index.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, OnInit, AfterViewInit, OnChanges, EventEmitter, ElementRef, Renderer2, ChangeDetectorRef, SimpleChanges } from '@angular/core';
+import { InjectionToken, OnInit, AfterViewInit, OnChanges, OnDestroy, EventEmitter, ElementRef, Renderer2, ChangeDetectorRef, NgZone, SimpleChanges } from '@angular/core';
+import { SimulationNodeDatum, SimulationLinkDatum } from 'd3-force';
 import { Observable, BehaviorSubject } from 'rxjs';
 import * as i2 from '@angular/common';
 import * as i3 from '@angular/common/http';
@@ -10,7 +11,7 @@ import * as i4 from '@angular/forms';
 declare enum BackendMode {
     /** Use the real deployed backend (default). */
     Real = 0,
-    /** Use a local mock server at localhost:3000. */
+    /** Use a local mock server at localhost:44101. */
     Mock = 1
 }
 declare const BACKEND_MODE_URLS: Record<BackendMode, string>;
@@ -174,7 +175,7 @@ interface IEnvironment {
     openaiApiKey: string;
     apiFaceplusKey?: string;
     apiFaceplusSecret?: string;
-    /** Base URL for local mock server (e.g. http://localhost:3000/api). Used when backend mode is "mock". */
+    /** Base URL for local mock server (e.g. http://localhost:44101/api). Used when backend mode is "mock". */
     backendApiUrlMock?: string;
     /** Base URL for real deployed backend (e.g. AWS). Used when backend mode is "real". */
     backendApiUrlReal?: string;
@@ -403,12 +404,30 @@ declare class ProfileComparisonBackendService {
     static ɵprov: i0.ɵɵInjectableDeclaration<ProfileComparisonBackendService>;
 }
 
-declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, OnChanges {
+/** Node type for the force-directed chip layout. */
+interface ForceChipNode extends SimulationNodeDatum {
+    id: string;
+    label: string;
+    group: 'p1' | 'shared' | 'p2';
+    targetX?: number;
+    targetY?: number;
+    originalFx?: number;
+    originalFy?: number;
+}
+interface ForceChipLink extends SimulationLinkDatum<ForceChipNode> {
+    kind: 'cross' | 'intra';
+    strength: number;
+    distance: number;
+    similarity: number;
+}
+declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
     private backendService;
     private renderer;
     private fileConversionService;
     private imageCompressionService;
     private cdr;
+    private ngZone;
+    private hostRef;
     private getVerboseLogging?;
     private static readonly DEFAULT_OBJECT_POSITION;
     private static readonly DEFAULT_EYE_ALIGNMENT_BIAS_PX;
@@ -486,6 +505,8 @@ declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, On
     person3Interests: string[];
     user1Image: string;
     user2Image: string;
+    get user1ImageSrc(): string;
+    get user2ImageSrc(): string;
     private baseConfig;
     displayPerson1Interests: string[];
     displayPerson2Interests: string[];
@@ -508,6 +529,33 @@ declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, On
     similarity: number;
     similarityMatrixCsv: string;
     matrixData: IMatrixData | null;
+    private static readonly SPRING_THRESHOLD;
+    private static readonly CROSS_LINK_MIN_SIMILARITY;
+    private static readonly INTRA_GROUP_THRESHOLD;
+    private static readonly SHARED_PROMOTION_THRESHOLD;
+    private static readonly MAX_CROSS_LINKS_PER_NODE;
+    private static readonly MIN_CROSS_LINKS_PER_NODE;
+    private static readonly MAX_INTRA_LINKS_PER_NODE;
+    private static readonly MAX_RELEVANT_INTERESTS_PER_SIDE;
+    private static readonly CHIP_RADIUS;
+    private static readonly CHIP_COLLISION_BORDER_PADDING;
+    private static readonly MAX_LINK_DISTANCE;
+    private static readonly CANVAS_PADDING;
+    forceNodes: ForceChipNode[];
+    forceLinks: ForceChipLink[];
+    forceCanvasHeight: number;
+    chipFontSizePx: number;
+    chipPaddingXPx: number;
+    chipPaddingYPx: number;
+    chipLineHeight: number;
+    hoveredNode: ForceChipNode | null;
+    clickedNode: ForceChipNode | null;
+    draggedNode: ForceChipNode | null;
+    isDragging: boolean;
+    private simulation;
+    private layoutRebuildRaf;
+    private nodeDragBounds;
+    get activeNode(): ForceChipNode | null;
     /** When false, backend URL is not provided — show "Configure backend". */
     backendConfigured: boolean;
     /** The resolved backend URL computed from inputs and legacy token. */
@@ -528,11 +576,13 @@ declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, On
     shapeTextLeft: ElementRef<HTMLElement>;
     shapeTextRight: ElementRef<HTMLElement>;
     shapeTextCenter: ElementRef<HTMLElement>;
-    constructor(backendService: ProfileComparisonBackendService, renderer: Renderer2, fileConversionService: FileConversionService, imageCompressionService: ImageCompressionService, cdr: ChangeDetectorRef, getVerboseLogging?: (() => boolean) | undefined);
+    chipsGrid: ElementRef<HTMLElement>;
+    constructor(backendService: ProfileComparisonBackendService, renderer: Renderer2, fileConversionService: FileConversionService, imageCompressionService: ImageCompressionService, cdr: ChangeDetectorRef, ngZone: NgZone, hostRef: ElementRef<HTMLElement>, getVerboseLogging?: (() => boolean) | undefined);
     private log;
     anchorSide: 'left' | 'right';
     rawLLMOutput: string;
     ngOnInit(): void;
+    ngOnDestroy(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     /** Use for template: hide left/right item when it's a shared (center) item. Compares case-insensitively. */
@@ -547,7 +597,21 @@ declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, On
     private setOverlapSizeCssPx;
     waitForImagesAndInitDrag(): void;
     initDrag(): void;
+    private normalizeSimilarityToken;
+    private findLegendEntry;
+    private lookupSimilarity;
     private getSimilarity;
+    private orderBySemanticBarycenter;
+    private orderSharedBySemanticPull;
+    private canLinkNodes;
+    private getLinkNodeId;
+    private getLinkPairKey;
+    private selectLinksWithCaps;
+    private filterCenterItemsByThreshold;
+    private scheduleForceGraphRebuild;
+    onWindowResize(): void;
+    private buildForceGraph;
+    private selectTopSharedInterestsPerSide;
     private reorderInterestsByMatrix;
     onViewProfile(side: 'left' | 'right'): void;
     getPerson1UniqueInterests(): string[];
@@ -576,7 +640,40 @@ declare class ProfileComparisonLibComponent implements OnInit, AfterViewInit, On
     calculateFaceAlignment(user1Data: FaceDetectionData, user2Data: FaceDetectionData): void;
     applyDefaultAlignment(): void;
     isValidFaceData(face: IBoundingBox): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProfileComparisonLibComponent, [null, null, null, null, null, { optional: true; }]>;
+    onNodeMouseEnter(node: ForceChipNode): void;
+    onNodeMouseLeave(node: ForceChipNode): void;
+    onNodeClick(node: ForceChipNode, event: MouseEvent): void;
+    onDocumentClick(): void;
+    /**
+     * Installs (or removes) a custom d3 force that pulls every linked node toward
+     * the anchor, stopping at an orbit radius scaled by similarity:
+     *   highest-sim → MIN_ORBIT (touches anchor), lowest-sim → MAX_ORBIT.
+     *
+     * While active, the xTarget/yTarget restoring forces are muted so they don't
+     * fight the attraction. They are restored the moment attraction is cleared.
+     */
+    private updateAttractionForce;
+    isNodeConnected(node: ForceChipNode): boolean;
+    isLinkConnectedToActive(link: any): boolean;
+    /**
+     * Returns true if the link connects a p1 node to a p2 node (a direct left↔right match),
+     * as opposed to a connection involving a shared-pool chip.
+     */
+    isCrossGroupLink(link: any): boolean;
+    /**
+     * All force links sorted so secondary (shared-chip) links render first and
+     * primary (p1↔p2 direct match) links render last — SVG paints last-child on top.
+     */
+    get sortedForceLinks(): any[];
+    getLinkSourceX(link: any): number;
+    getLinkSourceY(link: any): number;
+    getLinkTargetX(link: any): number;
+    getLinkTargetY(link: any): number;
+    private findNode;
+    onNodeDragStart(node: ForceChipNode, event: MouseEvent | TouchEvent): void;
+    onDocumentDragMove(event: MouseEvent | TouchEvent): void;
+    onDocumentDragEnd(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProfileComparisonLibComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ProfileComparisonLibComponent, "lib-profile-comparison", never, { "config": { "alias": "config"; "required": false; }; "user1File": { "alias": "user1File"; "required": false; }; "user2File": { "alias": "user2File"; "required": false; }; "backendMode": { "alias": "backendMode"; "required": false; }; "backendUrl": { "alias": "backendUrl"; "required": false; }; "fadeAllEdges": { "alias": "fadeAllEdges"; "required": false; }; "person1Name": { "alias": "person1Name"; "required": false; }; "person2Name": { "alias": "person2Name"; "required": false; }; "imageProxyPath": { "alias": "imageProxyPath"; "required": false; }; }, { "matrixDataChange": "matrixDataChange"; "rawLLMOutputChange": "rawLLMOutputChange"; "viewProfileClick": "viewProfileClick"; }, never, never, false, never>;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@naniteninja/profile-comparison-lib",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0"