Topology View

Topology View

The Topology tab renders a dynamic, column-based React Flow map of your cluster's resource relationships.

What You See

• Ingress rules connected to Services
• Services connected to Deployments (derived programmatically by finding shared Pods)
• Deployments connected to Pods
• ConfigMaps and Secrets linked to their consumers

Interaction

• Drag to reposition rearrange nodes to your liking
• Zoom and Pan navigate large clusters with custom controls
• Filter search hides non-matching nodes and their connections
• Reset View restores default layout, zoom, and node positions

Visual Design

• Dark tech-grid canvas (dark mode) or slate styling (light mode)
• Custom K8sNode cards with compact sizing, hexagonal icon badges, and status-colored accent stripes
• Animated SVG bezier connection lines
• Column-based layout organized by resource type