{label}
+{value}
+ {trend === 'up' && ▲} + {trend === 'down' && ▼} +All clear
+Nothing urgent right now.
+Needs your attention
+ {top3.map((item, i) => ( +{item.title}
+{item.subtitle}
+{item.metric}
+ )} +No pending obligations
+{ob.payee}
++ {ob.category} — {ob.status === 'overdue' + ? `${Math.abs(days)}d overdue` + : `Due ${formatDate(ob.due_date)}`} +
+{formatCurrency(ob.amount_due)}
+ {ob.status !== 'paid' && ( + + )} +No active disputes
+{d.title}
+vs {d.counterparty}
+{formatCurrency(d.amount_at_stake)}
+ )} + {d.next_action && ( + {d.next_action} + )} +{dl.title}
+{dl.case_ref}
++ {days > 0 ? `${days}d` : days === 0 ? 'TODAY' : `${Math.abs(days)}d ago`} +
+{formatDate(dl.deadline_date)}
+{rec.title}
+{rec.reasoning}
+Failed to load dashboard
+{error}
+{error}
; + + const filters = ['', 'pending', 'overdue', 'paid']; + + return ( +{ob.payee}
++ {ob.category} + {ob.due_date && ( + <> — {days !== null && days < 0 + ? {Math.abs(days)}d late + : days === 0 + ? Due today + : `Due ${formatDate(ob.due_date)}` + } + )} +
+{formatCurrency(ob.amount_due)}
+ + {ob.status} + + {ob.status !== 'paid' && ( +No obligations found
+ )} +{dl.title}
+{dl.case_ref}
++ {days > 0 ? `${days}d` : days === 0 ? 'TODAY' : `${Math.abs(days)}d ago`} +
+{formatDate(dl.deadline_date)}
+No active disputes
+{d.title}
+vs {d.counterparty}
+{formatCurrency(d.amount_at_stake)}
+ )} + {d.next_action && ( + {d.next_action} + )} +All clear
+Nothing urgent right now.
+Needs your attention
+ {top3.map((item) => ( +{item.title}
+{item.subtitle}
+{item.metric}
+ )} +No pending obligations
+{ob.payee}
++ {ob.category} — {ob.status === 'overdue' + ? `${Math.abs(days)}d overdue` + : `Due ${formatDate(ob.due_date)}`} +
+{formatCurrency(ob.amount_due)}
+ {ob.status !== 'paid' && ( + + )} +{rec.title}
+{rec.reasoning}
+{label}
+{value}
+ {trend === 'up' && ▲} + {trend === 'down' && ▼} +{error}
; + if (error) return{error}
; const grouped = accounts.reduce{a.account_name}
-{a.institution}
+{a.account_name}
+{a.institution}
+
{formatCurrency(a.current_balance)}
+
{formatCurrency(a.current_balance)} / {formatCurrency(a.credit_limit)}
No accounts configured
+No accounts configured
)}{error}
; + if (error) return{error}
; + + const filters = ['', 'pending', 'overdue', 'paid']; return (| Payee | -Category | -Amount | -Due Date | -Status | -Urgency | -Actions | -
|---|---|---|---|---|---|---|
| {ob.payee} | -{ob.category} | -{formatCurrency(ob.amount_due)} | -
- {ob.due_date ? (
-
- {formatDate(ob.due_date)}
- {days !== null && ({days > 0 ? `${days}d` : days === 0 ? 'today' : `${Math.abs(days)}d late`})}
+
+ {obligations.map((ob) => {
+ const days = ob.due_date ? daysUntil(ob.due_date) : null;
+ return (
+
+
+ {ob.payee} ++ {ob.category} + {ob.due_date && ( + + {' — '} + {days !== null && days < 0 + ? {Math.abs(days)}d late + : days === 0 + ? Due today + : `Due ${formatDate(ob.due_date)}` + } - ) : ( - — - )} - |
- - - {ob.status} - - | -- - {ob.urgency_score ?? '—'} - - | -- {ob.status !== 'paid' && ( - )} - | -
{formatCurrency(ob.amount_due)}
+ + {ob.status} + + {ob.status !== 'paid' && ( +No obligations found
+No obligations found
)}Failed to load cash flow data
-{error}
- -Failed to load cash flow data
+{error}
+No projections yet.
- + {summary && ( +No projections yet.
+{formatDate(entry.date)}
-{formatCurrency(entry.balance)}
- {entry.inflow > 0 &&+{formatCurrency(entry.inflow)} in
} - {entry.outflow > 0 &&-{formatCurrency(entry.outflow)} out
} - {entry.obligations.map((o, j) => ( -{o}
- ))} -{Math.round(entry.confidence * 100)}% confidence
-| Date | -Obligations | -Outflow | -Balance After | -Confidence | +
|---|---|---|---|---|
| Date | +Outflow | +Balance After | ||
| {formatDate(entry.date)} | -{entry.obligations.join(', ') || '-'} | --{formatCurrency(entry.outflow)} | -+ {chartData.filter((e) => e.outflow > 0).slice(0, 15).map((entry) => ( + | |
| {entry.date} | +-{formatCurrency(entry.outflow)} | +{formatCurrency(entry.balance)} | -{Math.round(entry.confidence * 100)}% |
Select obligations to defer and see the impact on your cash position.
+ {/* Scenario Panel */} +Select obligations to defer and see the impact on your cash position.
Failed to load dashboard
-{error}
-Make sure the API is running: npm run dev
Failed to load dashboard
+{error}
- {obligations.urgent[0].payee} — {formatCurrency(obligations.urgent[0].amount_due)} -
-- {obligations.urgent[0].status === 'overdue' - ? `OVERDUE ${Math.abs(daysUntil(obligations.urgent[0].due_date))} days` - : `Due ${formatDate(obligations.urgent[0].due_date)}`} -
-{ob.payee}
-{ob.category} {ob.due_date ? `- Due ${formatDate(ob.due_date)}` : ''}
-{formatCurrency(ob.amount_due)}
- - {ob.status} - -No pending obligations
- )} -{d.title}
-vs {d.counterparty}
-Next: {d.next_action}
- )} -No active disputes
- )} -{dl.title}
-{dl.case_ref}
-- {days > 0 ? `${days}d` : days === 0 ? 'TODAY' : `${Math.abs(days)}d ago`} -
-{formatDate(dl.deadline_date)}
-No upcoming deadlines
- )} -{rec.reasoning}
- {rec.action_type && ( - - )} -No recommendations yet — AI triage will generate these
- )} -{label}
-{value}
-{error}
; + if (error) return{error}
; - const priorityColor = (p: number) => { - if (p <= 1) return 'bg-red-600'; - if (p <= 3) return 'bg-orange-600'; - return 'bg-yellow-600'; + const priorityUrgency = (p: number): 'red' | 'amber' | 'green' => { + if (p <= 1) return 'red'; + if (p <= 3) return 'amber'; + return 'green'; }; return ( -vs {d.counterparty}
+vs {d.counterparty}
At Stake
-{formatCurrency(d.amount_at_stake)}
+At Stake
+{formatCurrency(d.amount_at_stake)}
{d.description}
+{d.description}
)} {d.next_action && ( -Next Action
-{d.next_action}
+Next Action
+{d.next_action}
{d.next_action_date && ( -By {formatDate(d.next_action_date)}
+By {formatDate(d.next_action_date)}
)}{panelError}
+ )} {correspondenceList.length > 0 ? ({c.subject}
} - {c.content &&{c.content}
} + {c.subject &&{c.subject}
} + {c.content &&{c.content}
}No correspondence yet
+No correspondence yet
)}