Module view

Why this view exists

A flat force graph mixes file-level and function-level nodes, functions float far from their parent files. Module view fixes that: each file is a rectangle, and its functions are listed inside it. This matches how developers actually think about code.

What you see in each box

• File name at the top, with language badge
• Functions as green text lines with ⚡ icon and line number
• Classes as blue text lines with ◆ icon and line number
• Up to 7 symbols visible; rest collapsed as "+N more"

Edges

Function-level call edges are aggregated to file-level. Edge thickness scales with the number of underlying calls. contains edges are dropped (containment is shown visually).

Folder clustering

Files in the same top-level folder are pulled toward a shared center. A convex hull is drawn around groups of 2+ files. Each folder gets a unique color from a 12-color palette.

Interactions

• Click a file box → side panel with file details
• Click a function line → side panel scoped to that function
• Hover anywhere → tooltip with name, type, file path, dead-code warning
• Drag a box to reposition
• Scroll or use zoom buttons to zoom