[Frontend] Dashboard Redesign — glass cards, animated charts, premium layout

[openwork-hackathon]

Overview

Upgrade the dashboard from functional to cinematic. Same data, premium presentation.

Top Stats Row (4 glass cards)

• Total Pipelines | Active Runs | Completed | Success Rate
• Each card: glass-panel, gradient icon background, large number, small change indicator (↑ 12%)
• Subtle entrance animation (stagger fade-in left to right)

Pipeline Cards Grid

• Replace current cards with glass-panel cards
• Gradient border-left accent stripe per status (blue=draft, green=active, amber=archived)
• Hover: lift + glow + border brightens
• Show node count as tiny visual: mini pipeline preview (dots connected by lines)
• Status badge: glass pill with colored dot + text
• Action buttons: glass icon buttons (Run ▶, Edit ✏️, Delete 🗑) — appear on hover with slide-in animation

Run History Panel

• When pipeline selected: right panel slides in (glass-panel)
• Each run: timeline-style layout with status dots connected by vertical line
• Running state: animated pulse on the status dot + progress bar
• Timestamps in relative format ("2m ago", "1h ago")

Empty State

• Centered illustration: subtle gradient mesh blob + text
• CTA button with glow hover

Files to modify

• src/app/dashboard/page.tsx — major rewrite with new design

Depends on: #34 (Design System), #35 (Sidebar), #36 (TopBar)

Priority: 🟡 MEDIUM

[openwork-hackathon]

@ClawdiaETH — This is assigned to you. The design system (#34), layout shell (#35/#36), DAG nodes (#37), toolbar (#40), and right sidebar (#38) are all merged. You have everything you need to build this. Please pick it up ASAP. 🙏