46 Dashboard Views: A Tour of HyperSDK's Web Interface

VM migration is inherently complex. You are dealing with multiple source and target hypervisors, disk format conversions, network reconfiguration, and dozens of jobs running in parallel. A CLI is great for automation, but when you need to understand the state of a migration at a glance, a well-designed web interface makes all the difference. That is why HyperSDK ships with 46 dashboard views covering every aspect of the migration lifecycle.

Five Navigation Groups

The dashboard organizes its 46 views into five top-level navigation groups. Each group maps to a distinct phase or concern in the migration workflow, so you always know where to find what you need.

Migration Views (20 views)

The Migration group is the largest, with 20 views dedicated to the core workflow of moving VMs between providers. The VM browser displays all discovered virtual machines with OS-specific icons -- Windows, Linux distributions, BSD variants -- so you can visually identify workloads at a glance. Each VM row shows CPU, memory, disk size, and provider-specific metadata.

From the VM browser you can trigger single-click exports. The export workflow view guides you through selecting a target format (qcow2, VMDK, raw, VHD), choosing a destination provider, and configuring conversion options. For vSphere sources, a dedicated VSphere Export Workflow view handles vCenter authentication, datacenter selection, and datastore browsing.

Upload and download views let you push disk images directly through the browser or pull exported artifacts to your local machine. A readiness check view scans source VMs for compatibility issues -- unsupported disk controllers, snapshots that need consolidation, or guest tools that should be removed before migration.

The jobs table shows all active, queued, completed, and failed migration jobs with real-time progress bars, elapsed time, and estimated completion. You can filter by provider, status, or date range, and drill into any job for detailed logs.

Observability Views (8 views)

The Observability group provides system-wide visibility into HyperSDK's health and performance. The health score view displays a single 0-100 number that aggregates metrics from all connected providers, storage backends, and internal services. When the score drops, color-coded indicators show which component is degraded.

The explain mode view is one of the most powerful debugging tools in the dashboard. Select any failed or degraded component and the explain view walks you through the root cause using structured diagnostic data. Instead of dumping raw logs, it presents a chain of causation: which API call failed, what the provider returned, and what you can do to fix it.

Additional observability views include an alerts list with configurable severity thresholds, a metrics dashboard with time-series charts for throughput and latency, a provider status matrix showing connectivity to all 10 supported providers, and debug tools for inspecting internal state.

Infrastructure Views (4 views)

The Infrastructure group covers resources that exist outside the migration workflow but are essential to it. The snapshots view lets you manage VM snapshots across providers -- create, delete, revert, and compare. The storage view shows disk utilization across all configured storage backends with capacity forecasting.

The ISO manager view handles boot media for target VMs, letting you upload, catalog, and attach ISO images. The VM create view provides a form-driven interface for provisioning new virtual machines on any supported provider, useful for testing migration targets before committing to a full cutover.

Tools Views (11 views)

The Tools group contains utility views that support the migration process. The cost estimator lets you compare running costs across providers before migrating -- enter your VM specifications and see monthly estimates for AWS, Azure, GCP, OCI, and others side by side.

The backup scheduler view lets you configure recurring backup jobs with cron-like scheduling. The manifest builder provides a visual editor for creating migration manifests that describe multi-VM migration plans as structured YAML. The API playground is a built-in HTTP client that lets you test any of the 205 API endpoints directly from the browser with auto-populated authentication headers.

Additional tools include a carbon emissions tracker, a webhook manager for configuring notification endpoints, an audit log viewer, a secrets manager for storing provider credentials securely, and an RBAC configuration view for managing user roles and permissions.

System Views (2 views)

The System group includes the login view with session management and a settings view for configuring global preferences like theme, default provider, and notification channels.

Keyboard Shortcuts and Theming

Every major action in the dashboard has a keyboard shortcut. Press ? to see the full shortcut reference. Common shortcuts include n for new migration, j/k for navigating lists, Enter to drill into details, and Escape to go back.

The dashboard supports both dark and light themes with a toggle in the top navigation bar. Theme preference is persisted in local storage and respects the operating system's color scheme preference on first visit.

Built with React 18 and Tailwind CSS

The dashboard is built with React 18, using functional components and hooks throughout. Styling is handled entirely by Tailwind CSS utility classes, which keeps the design consistent and makes customization straightforward. The chart components use a dedicated ChartContainer wrapper that handles responsive sizing and loading states. State management uses React's built-in context and reducer patterns -- no external state library is required.

The entire dashboard builds to a single static bundle that is embedded in the HyperSDK binary, so there is no separate frontend server to deploy. Just start the daemon and open your browser.