Add RuView interactive web explorer for WiFi DensePose

[ewprpwe2]

Summary

This PR introduces RuView, a self-contained single-page web application that serves as an interactive explorer and learning platform for the WiFi DensePose project. The webapp runs entirely in the browser with mock data, requiring no backend or hardware dependencies.

Key Changes

• New webapp application (ui/webapp/app.js): A 1,100+ line self-contained SPA featuring:

  • 8 interactive pages covering overview, architecture, crate explorer, live pose detection demo, signal lab, API playground, and getting started guides
  • Mock data generators for CSI frames and pose keypoints
  • Real-time canvas visualizations for pose wireframes and signal processing
  • Interactive API endpoint explorer with mock responses
  • Comprehensive documentation and code examples

• Styling system (ui/webapp/style.css): Complete dark-themed design system with:

  • CSS custom properties for consistent theming
  • Responsive grid layouts and component styles
  • Terminal emulator styling for code examples
  • Canvas container styling for visualizations
  • Mobile-responsive design with sidebar collapse

• HTML entry point (ui/webapp/index.html): Minimal HTML structure with:

  • Sidebar navigation with 8 main sections
  • Content container for dynamic page rendering
  • Status indicator showing mock mode is active

• Deployment script (ui/webapp/serve.sh): Bash script to serve the webapp on port 3001 using Python's built-in HTTP server

Notable Implementation Details

• No external dependencies: The entire app is vanilla JavaScript, HTML, and CSS—no frameworks or build tools required
• Mock data architecture: Includes realistic data structures for 15 Rust crates, 14 RuvSense signal processing modules, 17-keypoint skeleton definitions, and 14 API endpoints
• Interactive visualizations: Canvas-based rendering for pose detection (with skeleton wireframes) and CSI signal heatmaps
• Educational focus: Includes terminal-style code examples, architecture diagrams, and step-by-step guides for building with the API
• Responsive design: Fully functional on mobile with sidebar toggle and adaptive grid layouts

The webapp serves as both a learning resource and interactive demo platform, allowing users to explore the WiFi DensePose architecture, understand the signal processing pipeline, and experiment with API endpoints—all without requiring any backend infrastructure.

https://claude.ai/code/session_01PDmD4WiMK9tfWYhMHmRx9e