[FEAT/UI]: Design Dynamic SVG Liquid Wave Gauge Graphing Real-Time Token Capital Saved Margins

Problem

Plain numerical data text readouts fail to deliver an emotional, immediate realization of the massive computing budgets preserved through our failure-masking transport reverse proxies.

Proposed Solution

Implement a high-fidelity visual telemetry widget under ui/app/dashboard/components/CapitalWaveGauge.tsx:

1. The Liquid Volume Float Tracker: Code an interactive SVG sine-wave canvas fluid animation tracking aggregated dollar value metrics salvaged from token context losses.
2. The Inflation Pulse Trigger: When a hot-swap transaction closes, trigger a green illumination wave surge animation that increases the volume ceiling metric (e.g., $4,821.40 Preserved Total ▲ 14%), confirming product-led cost metrics optimization instantly.

Use Case

The ultimate B2B corporate value hook. Procurement directors can visually track rescued cloud spending capital, positioning FaultPlane as a highly interactive financial asset tier.

Start by reading ui/app/dashboard/components/CapitalWaveGauge.tsx and inspect the dashboard context around it. Identify how aggregated dollar-value metrics and hot-swap transaction completion are exposed before designing the SVG wave and illumination behavior. Done means the widget visibly tracks preserved totals and reacts to completed hot-swaps with the specified metric and surge animation.