chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

refactor: migrate dashboard components to Design System v4

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/dashboard/SessionsPanel.tsx
View File

@@ -21,14 +21,14 @@ export function SessionsPanel({ sessions, delay = 200 }: SessionsPanelProps) {
if (sessions.length === 0) return null
return (
<div className="glass-card-static fade-in" style={{ animationDelay: `${delay}ms` }}>
<div className="card-flat fade-in" style={{ animationDelay: `${delay}ms` }}>
<div className="flex items-center justify-between px-4 py-3" style={{ borderBottom: '1px solid var(--glass-border)' }}>
<h3 className="font-heading text-sm font-semibold text-foreground">Recent Sessions</h3>
<Link to="/sessions" className="text-[0.6875rem] text-muted-foreground hover:text-foreground transition-colors">
<h3 className="font-heading text-sm font-semibold text-[#e2e5eb]">Recent Sessions</h3>
<Link to="/sessions" className="text-[0.6875rem] text-[#848b9b] hover:text-[#e2e5eb] transition-colors">
View All
</Link>
</div>
<div className="divide-y divide-border">
<div className="divide-y divide-[#1e2130]">
{sessions.map(session => (
<Link
key={session.id}
@@ -42,15 +42,15 @@ export function SessionsPanel({ sessions, delay = 200 }: SessionsPanelProps) {
'h-2 w-2 rounded-full',
session.status === 'completed' ? 'bg-green-500' :
session.status === 'in_progress' ? 'bg-amber-500' :
'bg-muted-foreground'
'bg-[#848b9b]'
)}
/>
{/* Name */}
<span className="text-sm text-foreground truncate">{session.treeName}</span>
<span className="text-sm text-[#e2e5eb] truncate">{session.treeName}</span>
{/* Progress */}
<span className="text-[0.6875rem] text-muted-foreground truncate">
<span className="text-[0.6875rem] text-[#848b9b] truncate">
{session.status === 'completed'
? '✓ Resolved'
: session.stepNumber && session.totalSteps
@@ -59,7 +59,7 @@ export function SessionsPanel({ sessions, delay = 200 }: SessionsPanelProps) {
</span>
{/* Ticket */}
<span className="font-label text-[0.6875rem] text-muted-foreground truncate">
<span className="font-sans text-xs text-[0.6875rem] text-[#848b9b] truncate">
{session.ticketNumber || '—'}
</span>