[Feat/UI]: Scaffold High-Fidelity Network Interceptor Stream Visualizer with Floating Node Anchors

Problem

Showing standard text metrics logs for backend reverse proxy routing paths fails to capture our zero-code-intrusion network interception depth [1.5, 1.6]. Reviewers need a high-fidelity visual translation tracking the active byte streams passing through our transport proxy.

Proposed Solution

Design an intensive micro-visualizer layout node widget (TransportInterceptor) inside components/ebpf/:

1. The Dynamic Data Transport Animation: Build a live vector pipeline showing glowing micro-particles sliding along Bezier paths between floating visual nodes representing the Client -> Gateway -> Proxy Layer -> Standby Worker.
2. Real-Time Action Flag Modals: When a container anomaly occurs, make particle pathways dynamically shift color and route tracks instantly (e.g., Worker-01 captured -> INTERCEPT -> Redirecting to Worker-03 -> REDIRECT), utilizing fluid transitions.

Use Case

Establishes an absolute visual edge that no standard monitoring layout possesses, giving Silicon Valley engineers unmistakable, real-time proof that we own the underlying transport plumbing layers natively [1.5, 1.6].

Start by inspecting the components/ebpf/ directory and locating the proposed TransportInterceptor widget. Review how that area currently represents transport or routing data, then define the visualizer's scope from the listed Client → Gateway → Proxy Layer → Standby Worker flow and anomaly rerouting behavior. Done means the requested live stream visualization and action-state transitions are implemented in that component.