jeffemmett
/
flow-funding
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
17 Commits 1 Branch 0 Tags 186 KiB
Commit Graph

3 Commits

Author SHA1 Message Date
Jeff Emmett fb220642de Restructure flows: overflow sideways, spending downward 
- Overflow allocations now flow SIDEWAYS to other funnels (amber)
- Spending allocations flow DOWN to outcome nodes (blue/pink)
- Added OutcomeNode component for deliverables/outputs
- Double-click funnels to open edit modal for min/max thresholds
- Separate pie chart for spending, bar chart for overflow
- Particle animations show overflow flying sideways, spending dripping down

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
 2026-01-29 19:24:41 +00:00
Jeff Emmett 531eb7d373 Unified funnel system with pie charts and proportional edges 
- All nodes now use single FunnelNode type
- Dual-handle range slider for min/max on one line
- Min cannot exceed max (constrained)
- Pie chart showing outflow allocations
- Edge thickness proportional to allocation percentage
- Removed old SourceNode, RecipientNode, ThresholdNode

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
 2026-01-29 19:14:42 +00:00
Jeff Emmett 8e43f9e383 Rebuild with n8n-style node-based interface 
Clean, modern interface using React Flow:
- SourceNode: Blue header, shows balance and flow rate
- ThresholdNode: Purple header with min/max slider controls
- RecipientNode: Shows funding progress with visual bar
- Animated edges showing flow direction
- Light theme matching n8n aesthetic
- Simulation toggle (pause/play)
- Legend panel explaining node types
- Zustand for state management

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
 2026-01-29 18:30:34 +00:00