feat(KB-050): move progress bar to top of task card

- Move progress bar before task title for improved visual hierarchy

- Make task completion status more prominent at first glance

- Add changeset documenting the UI improvement
This commit is contained in:
gsxdsm
2026-03-29 19:53:26 -07:00
parent 3b71d032a6
commit b7dfeb1b34
2 changed files with 8 additions and 3 deletions

View File

@@ -370,9 +370,6 @@ export function TaskCard({
</button>
)}
</div>
<div className="card-title">
{task.title || (task.description ? task.description.slice(0, 60) + (task.description.length > 60 ? "…" : "") : task.id)}
</div>
{task.steps.length > 0 && (() => {
const completedSteps = task.steps.filter(s => s.status === "done").length;
const totalSteps = task.steps.length;
@@ -424,6 +421,9 @@ export function TaskCard({
</>
);
})()}
<div className="card-title">
{task.title || (task.description ? task.description.slice(0, 60) + (task.description.length > 60 ? "…" : "") : task.id)}
</div>
{((task.dependencies && task.dependencies.length > 0) || queued || task.status === "queued" || task.blockedBy) && (
<div className="card-meta">
{task.dependencies && task.dependencies.length > 0 && (