diff --git a/packages/dashboard/app/components/TaskCard.css b/packages/dashboard/app/components/TaskCard.css index 6fc6a01834..b4c9bd9edf 100644 --- a/packages/dashboard/app/components/TaskCard.css +++ b/packages/dashboard/app/components/TaskCard.css @@ -264,6 +264,10 @@ Lock the id to the same chip-height row as .card-header-actions so the task id, margin-inline-start: calc(var(--space-xs) / 2); } +.card-status-badge--queued-with-reason { + padding-inline-end: calc(var(--space-xs) / 2); +} + /* FNXC:WorkflowBoard 2026-06-29-00:00: Aggregate Board cards need a compact workflow-name badge so operators can identify each card's source workflow while shared columns combine multiple workflows. The badge is opt-in metadata from Board and uses neutral card tokens so non-board TaskCard callers do not render empty workflow shells. diff --git a/packages/dashboard/app/components/TaskCard.tsx b/packages/dashboard/app/components/TaskCard.tsx index 53cf572435..a2891ec5f4 100644 --- a/packages/dashboard/app/components/TaskCard.tsx +++ b/packages/dashboard/app/components/TaskCard.tsx @@ -3557,7 +3557,7 @@ function TaskCardComponent({ )} {(showStatusBadge || showQueuedToPlanBadge || showQueuedBadge) && ( { const badge = screen.getByText("Queued").closest(".card-status-badge") as HTMLElement; expect(badge).toHaveTextContent(/^Queued$/); + expect(badge).toHaveClass("card-status-badge--queued-with-reason"); const icon = badge.querySelector(`[data-testid="${expectedIcon}-${queuedTask.id}"]`); expect(icon).not.toBeNull(); expect(icon).toHaveClass("card-queued-reason-icon");