[Feat/UI]: Build Speculative Workflow Prediction Engine Grid with Parallel Branch Confidence Ripple Animations

Problem

Traditional monitoring consoles display sequential process flows linearly [1.5]. They completely fail to visually illustrate our parallel workflow path predictions, speculative branch weights execution, or how the local control plane speculative scheduler makes line-rate routing decisions dynamically [1.5, 1.6].

Proposed Solution

Scaffold a hyper-advanced, canvas-driven graphical workspace block (SpeculativeEngine) inside components/simulation/:

1. The Parallel Speculative Branches Topology: Render a multi-threaded canvas branching path system showcasing real-time status trackers (e.g., Primary Execution: RUNNING (96% Confidence), Speculative Branch A: SPECULATIVE (82% Confidence), Rollback Branch: READY (31% Confidence)).
2. The Cybernetic Ripple Ripple Routine: Deploy lightweight SVG scaling ripple animation keyframes to dynamically animate the best path selections loops on-the-fly, showing how alternate nodes stand by natively.

Use Case

Creates a jaw-dropping visual experience for enterprise customers during Demo sequences, proving that FaultPlane doesn't just catch failure reactively—it speculatively predicts and shields the data transit lines ahead of crunch events [1.5, 1.6].

Start by inspecting the components/simulation/ directory and the existing application entry points to understand how UI work is organized. Confirm how a canvas workspace and SVG animations are handled before defining the topology, status labels, confidence values, and branch-selection animation that would demonstrate the requested speculative workflow.