- DESIGN.md: Complete visual design specification for TBFF - FlowCanvas: Main React Flow canvas with interactive demo - SourceNode: Treasury/funding source visualization - RecipientNode: Project recipient with threshold progress - ThresholdGate: Visual gate showing open/locked state - AnimatedFlowEdge: Animated particles showing fund flow - Real-time flow simulation (balances update live) Visual features: - Particle animation along flow paths - Threshold progress bars with color states - Dark theme optimized for data visualization - Mini-map and zoom controls Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| globals.css | ||
| layout.tsx | ||
| page.tsx | ||