Group overview job states into a single lifecycle summary

[dukesteen]

Summary

Replaces the nine equal-weight metric cards on the Overview page with one JobStateSummary panel that groups states by lifecycle stage:

• Queue: Pending, Scheduled, Active
• Waiting: Awaiting continuation, Awaiting parameters
• Finished: Succeeded, Failed, Cancelled, Skipped

Each group shows a total, a stacked distribution bar and one row per state. Each row links to the Jobs list filtered to that state (/invocations?state=…).

UX changes

• Zero counts are muted, so non-zero states stand out instead of every card shouting in color.
• Every state now has a color. Previously Awaiting*, Cancelled and Skipped fell back to plain white. The awaiting states use a new --pause token (violet), with light and dark variants.
• The layout is three columns and collapses to stacked sections on narrow screens.

Cleanup

• Removed MetricCard.vue and its CSS; the overview was its only user.
• Replaced the MetricCard test with a JobStateSummary test that covers grouping, totals, labels, links and empty styling.

Summary by CodeRabbit

• New Features
  • Added an overview dashboard that groups jobs by lifecycle stage, with counts, totals, and proportional status bars.
  • State rows link to jobs filtered by the selected state, and the layout adapts to smaller screens.

[coderabbitai]

Navigate logical layers of code changes, visualize relationships, and explore their blast radius.

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: afe27a2f-3176-4184-a3f0-4215bbadf063

📥 Commits

Reviewing files that changed from the base of the PR and between 8137276 and 8845154.

📒 Files selected for processing (5)

• src/Immediate.Jobs.Dashboard/DashboardClient/src/components/JobStateSummary.vue
• src/Immediate.Jobs.Dashboard/DashboardClient/src/components/MetricCard.vue
• src/Immediate.Jobs.Dashboard/DashboardClient/src/styles.css
• src/Immediate.Jobs.Dashboard/DashboardClient/src/views/OverviewView.vue
• src/Immediate.Jobs.Dashboard/DashboardClient/tests/components.test.ts

💤 Files with no reviewable changes (1)

• src/Immediate.Jobs.Dashboard/DashboardClient/src/components/MetricCard.vue

Included review availability: This review used your included allowance. Your plan provides up to 1 included review per hour; 0 remain after this review.

---

📝 Walkthrough

Walkthrough

The dashboard overview replaces individual job-state metric cards with Queue, Waiting, and Finished summaries. Each summary displays state counts, a total, a proportional bar, and links filtered by state. The overview also changes selected-job navigation to the job-detail route.

Changes

Job-state summary

Layer / File(s)	Summary
Build the grouped state summary src/Immediate.Jobs.Dashboard/DashboardClient/src/components/JobStateSummary.vue, src/Immediate.Jobs.Dashboard/DashboardClient/src/styles.css	The new component groups job states and displays per-state counts, totals, proportional bars, and filtered-job links. Styles provide state colors and responsive layout.
Use the summary in the overview src/Immediate.Jobs.Dashboard/DashboardClient/src/views/OverviewView.vue, src/Immediate.Jobs.Dashboard/DashboardClient/src/components/MetricCard.vue, src/Immediate.Jobs.Dashboard/DashboardClient/tests/components.test.ts	The overview passes snapshot counts to the new component and routes selected jobs to job-detail. The old metric card is removed. Tests cover grouping, totals, links, and row styling.

Priority: ⬇️ Low

Estimated code review effort: 2 (Simple) | ~10 minutes

Change: Feature

Suggested reviewers: viceroypenguin

Merge Risk: ⚪ Minimal · up to 88451

The grouped overview preserves job-state counts and navigation, with no actionable merge-blocking issue identified. Merge after normal checks.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly summarizes the main change: grouping overview job states into a single lifecycle summary.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 1…
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

📝 Generate docstrings

• Commit to this branch
• Create a new PR

🧪 Generate unit tests (beta)

• Commit to this branch
• Create a new PR

• Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Autopilot is currently an internal CodeRabbit preview.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[coveralls]

Coverage Report for CI Build 36736643233

Coverage decreased (-0.001%) to 88.955%

Details

• Coverage decreased (-0.001%) from the base build.
• Patch coverage: No coverable lines changed in this PR.
• No coverage regressions found.

Uncovered Changes

No uncovered changes found.

Coverage Regressions

No coverage regressions found.

---

Coverage Stats

Relevant Lines:	13409
Covered Lines:	11928
Line Coverage:	88.96%
Coverage Strength:	2.88 hits per line

---

💛 - Coveralls