Add context menu for renderer, debug, and animation controls

[seveibar]

Motivation

• Provide a compact context menu to the left of the breadcrumbs with the same look-and-feel used in the autorouter UI for quick rendering and debug controls.
• Allow switching between Vector and Canvas renderer modes and wire the Canvas option to the existing InteractiveGraphicsCanvas component.
• Add an easy way to download the current visualization and let users choose animation speed presets from the toolbar.
• Persist renderer choice to localStorage so the selection survives refreshes.

Description

• Added a context-menu UI inside GenericSolverToolbar.tsx with three entries: Renderer, Debug, and Animation, implemented with native buttons and Tailwind styling to match the repo style.
• Extended the toolbar API with props renderer, onRendererChange, onAnimationSpeedChange, and onDownloadVisualization and added openMenu state and animation speed options in GenericSolverToolbar.
• Updated GenericSolverDebugger.tsx to manage renderer state (persisted in localStorage), import InteractiveGraphicsCanvas, switch between InteractiveGraphics and InteractiveGraphicsCanvas based on renderer, and provide handleDownloadVisualization and animation-speed wiring.
• Improved the animation loop to use a controllable interval and restart it when the selected animation speed changes.

Testing

• Ran type-checking with bunx tsc --noEmit, which succeeded.
• Ran project formatter with bun run format, which succeeded.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
solver-utils	Ready	Preview, Comment	Jan 4, 2026 6:21pm

[tscircuitbot]

---

Thank you for your contribution! 🎉

PR Rating: ⭐⭐⭐
Impact: Major

Track your contributions and see the leaderboard at: tscircuit Contribution Tracker

---