screencastgen

Dashboard Page

Job list with status filtering and auto-refresh.

Source: web/frontend/src/pages/Dashboard.tsx Route: /

---

Features

• Status filters: All, Running, Completed, Failed
• Auto-refresh: Fetches job list every 5 seconds
• Job count: Shows total matching jobs
• Empty state: “Create your first job” CTA linking to NewJob Page
• Grid layout: Renders JobCard components

---

State

State	Type	Description
jobs	Job[]	Current job list
total	number	Total matching count
filter	string \| undefined	Active status filter
loading	boolean	Fetch in progress

---

API Calls

• listJobs(filter) from Jobs API — called on mount and every 5 seconds

---

Components Used

• JobCard — Renders each job as a clickable card
• Navbar — Via Layout wrapper

---

See Also

• Jobs API — API client
• JobCard — Job summary component
• NewJob Page — Create new job
• JobDetail Page — View job details

This site is open source. Improve this page.