Arena Playground
The Arena is a React Flow sandbox canvas where you visually design Kubernetes architectures.
How It Works
- Drag blocks from the toolbox — Pods, Services, Deployments, ConfigMaps, Secrets, Ingress, StatefulSets
- Connect them by drawing wires between ports to model network relationships
- Edit configurations in side drawers — forms or raw YAML tabs
- Apply your design directly to the cluster
Canvas Features
- Pan and Zoom Navigate large architectures with mouse controls
- Snap Grid Blocks align automatically for clean layouts
- Minimap Full canvas overview in corner
- Auto-Generated YAML Visual design renders as valid Kubernetes manifests
- Custom K8sNode Compact sizing with hexagonal icon badges and color-coded accent stripes
- Toolbox Sidebar Collapsible for more canvas space
Persistence
Canvas state saved to sessionStorage — survives browser refreshes.
Onboarding
First-time users see a helpful overlay guide ("Start with Empty Arena") shown once per session.