v0.1.45 — feat: add per-agent-type left-border accent to AgentJobCards
Release v0.1.45: Agent-Type Visual Accents for Pipeline Cards
What changed
Agent job cards in the pipeline detail page now show a unique colored left-border accent per agent type. Each of the 12 supported agent types (research, design, implementation, testing, release, marketing, documentation, security, uiux, dependency, migration, branch_sync) has its own color — violet, blue, cyan, yellow, green, pink, orange, red, purple, teal, indigo, and sky.
Why it matters
When a pipeline run has 7+ cards, scanning the list by agent type becomes tedious. The left-border accent lets you distinguish agent types at a glance without reading labels. Status-based styling (running, failed, completed) is preserved — the accent only affects the left edge.
Technical notes
The STAGE_BORDER_COLOURS map uses full Tailwind class names for JIT compiler compatibility. Unknown agent types default to a neutral border-l-slate-400 to maintain visual consistency.
Release Notes
Successfully merged PR #462 and published release v0.1.45.
PR #462 — feat: add per-agent-type left-border accent to AgentJobCards
- Squash-merged to
main(commit: 653882c) - 1 file changed:
src/components/live-pipeline-detail.tsx(+28 / -2)
Release v0.1.45
- Tag:
v0.1.45 - URL: https://github.com/Jugg-ai/Jugg-ai.jugg-ai/releases/tag/v0.1.45
- Type: patch (UI enhancement, no breaking changes)
What shipped: Each AgentJobCard in the pipeline detail page now shows a unique coloured left-border accent per agent type (12 agent types covered: research, design, implementation, testing, release, marketing, documentation, security, uiux, dependency, migration, branch_sync). This improves visual scanning of busy pipeline runs without touching any status-based styling.