#758 — Design MCA in the UI

Repo: Twill-AI/twill-ai-ui State: closed | Status: done Assignee: nadddder

Created: 2025-10-08 · Updated: 2025-10-30

Description

MCA Repayment Timeline
- Combined chart with outstanding balance (smooth line) + revenue/fees (bars)
- Monthly aggregated data with interactive tooltips
- Smooth animations and responsive design
Payment Projections
- Estimated payoff date calculation
- Average monthly payment tracking
- Remaining payments countdown
- Smart validation (requires 3+ months of data)
Enhanced KPI Tiles
- Larger, more readable fonts (text-4xl for percentages)
- Visual progress bars with gradient colors
- Paid vs Remaining amount display
Recent Payouts Table
- Scrollable table showing all payouts
- CSV export with merchant name included
- Sticky header for better UX
Merchant Creation
- MCA step in full application form
- Quick create form with MCA fields
- Optional data entry (can be skipped)
Revenue Trends Improvements
- Date range selector (3M, 6M, 12M, All Time)
- Bar chart for monthly values
- Smart defaults based on available data
- Smooth transitions between ranges

Add implementation notes, blockers, and context here

Add wikilinks to related people, meetings, or other tickets