refactor: migrate dashboard components to Design System v4

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Michael Chihlas
2026-03-22 02:00:35 -04:00
parent 56ff792f8e
commit 96a4130c0e
18 changed files with 116 additions and 116 deletions

View File

@@ -41,15 +41,15 @@ export function RecentFlowPilotSessions() {
if (sessions.length === 0) return null
return (
<div className="glass-card-static">
<div className="card-flat">
<div
className="flex items-center justify-between px-5 py-3"
style={{ borderBottom: '1px solid var(--glass-border)' }}
>
<h3 className="font-heading text-sm font-bold text-foreground">Recent Sessions</h3>
<h3 className="font-heading text-sm font-bold text-[#e2e5eb]">Recent Sessions</h3>
<Link
to="/sessions"
className="flex items-center gap-1 text-[0.6875rem] text-muted-foreground hover:text-foreground transition-colors"
className="flex items-center gap-1 text-[0.6875rem] text-[#848b9b] hover:text-[#e2e5eb] transition-colors"
>
History <ArrowRight size={10} />
</Link>
@@ -69,11 +69,11 @@ export function RecentFlowPilotSessions() {
>
<StatusIcon size={14} style={{ color: config.color }} className="shrink-0" />
<div className="flex-1 min-w-0">
<p className="text-sm text-foreground truncate">
<p className="text-sm text-[#e2e5eb] truncate">
{session.problem_summary || 'Session'}
</p>
</div>
<span className="shrink-0 font-label text-[0.625rem] text-muted-foreground">
<span className="shrink-0 font-sans text-xs text-[#848b9b]">
{timeAgo(session.resolved_at || session.created_at)}
</span>
</button>