API CONNECTIONS

Purple (#7c3aed) - API Endpoints (default for API view)

Hot Pink (#BC13FE) - High Impact Nodes (critical connections, overrides other colors)

Neon Cyan (#00F0FF) - Files view default, Python files (.py)

Cyber Red (#FF003C) - Functions view default, DELETE methods

Amber (#F59E0B) - JavaScript files (.js)

API Method Colors: GET (Blue #3b82f6), POST (Mint #00FF94), PUT (Yellow #FFE600), PATCH (Cyan #00F0FF), OPTIONS/HEAD (Gray #6b7280)

File Type Colors: TypeScript (#3178c6), React/JSX (#61dafb), Go (#00add8), Java (#ed8b00), Ruby (#cc342d), PHP (#777bb4), C# (#239120), Rust (#ce422b), C/C++ (#00599c), Unknown (#6b7280)

White Lines (15% opacity) - Normal connections showing relationships (API calls, dependencies, imports)

White Lines (100% opacity) - Highlighted connections when a node is selected

▶ Mint Green Arrows (#00ff94) - Show direction of connection (from source to target node)

Icosahedron (20-sided sphere) - API view nodes

Dodecahedron (12-sided gem) - Functions view nodes

Box (Building) - Files/Dependencies view nodes (2D city layout)

Single Click - Select a node to highlight its connections. Other nodes dim.

Double Click - Open details modal showing node name, method, and connected nodes list.

Click Background - Deselect and reset all highlights.

Drag - Pan the view around.

Scroll - Zoom in/out.

Type in the search box to filter nodes by name. If only one node matches, it will be automatically selected and highlighted.

APIs - Shows API endpoints (functions that define endpoints) and API calls (functions that call APIs). Nodes are Icosahedrons. Default color: Purple. Colors based on HTTP method (GET=Blue, POST=Mint, PUT=Yellow, DELETE=Red, PATCH=Cyan).

Dependencies (Files) - Shows file dependencies and imports. Nodes are Boxes (buildings) in a 2D city layout. Default color: Neon Cyan. Colors based on file extension (Python=Cyan, JavaScript=Amber, TypeScript=Blue, etc.).

Functions - Shows function call dependencies (which functions call which other functions). Nodes are Dodecahedrons. Default color: Cyber Red.

Nodes use force-directed physics to organize themselves. Connected nodes are attracted to each other, while unconnected nodes repel. This creates a natural, readable layout.

The center node (with most connections) is fixed, and other nodes arrange around it in a spiral pattern.