flow-funding

Commit Graph

Author	SHA1	Message	Date
Jeff Emmett	6bf9b0ed19	Replace rectangular nodes with funnel visualizations n8n-style interface now uses funnel-shaped threshold nodes: - Funnel shape with narrowing bottom (critical zone) - Straight walls between MIN and MAX (healthy zone) - Overflow zone at top with animated particles spilling over sides - Vertical flow layout: Source (top) → Funnels (middle) → Recipients (bottom) - Inflow enters via top handle (blue) - Outflow exits via bottom handle (pink) - Overflow exits via side handles (amber) when above MAX - Interactive MIN/MAX sliders on each funnel - Color-coded zones: amber (overflow), green (healthy), red (critical) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>	2026-01-29 18:45:03 +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

Author

SHA1

Message

Date

Jeff Emmett

6bf9b0ed19

Replace rectangular nodes with funnel visualizations

n8n-style interface now uses funnel-shaped threshold nodes:
- Funnel shape with narrowing bottom (critical zone)
- Straight walls between MIN and MAX (healthy zone)
- Overflow zone at top with animated particles spilling over sides
- Vertical flow layout: Source (top) → Funnels (middle) → Recipients (bottom)
- Inflow enters via top handle (blue)
- Outflow exits via bottom handle (pink)
- Overflow exits via side handles (amber) when above MAX
- Interactive MIN/MAX sliders on each funnel
- Color-coded zones: amber (overflow), green (healthy), red (critical)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

2026-01-29 18:45:03 +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

2 Commits