root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dashboard): balance queued badge icon spacing

Browse Source
This commit is contained in:
gsxdsm
2026-08-01 00:39:12 -07:00
parent 9b82ff29e1
commit 22da0f2341
3 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/dashboard/app/components/TaskCard.css
View File

@@ -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.

2
packages/dashboard/app/components/TaskCard.tsx
View File

@@ -3557,7 +3557,7 @@ function TaskCardComponent({
)}
{(showStatusBadge || showQueuedToPlanBadge || showQueuedBadge) && (
<span
className={`card-status-badge card-status-badge--${task.column}${showQueuedToPlanBadge ? " queued-to-plan" : ""}${isAwaitingApproval ? " awaiting-approval" : ""}${isPlanReviewReplanCapApproval ? " awaiting-approval--plan-review-replan-cap" : ""}${isAwaitingInput ? " awaiting-input" : ""}${isAgentActive ? " pulsing" : ""}${isFailed ? " failed" : ""}${isStuck ? " stuck" : ""}`}
className={`card-status-badge card-status-badge--${task.column}${showQueuedToPlanBadge ? " queued-to-plan" : ""}${showQueuedBadge && (task.overlapBlockedBy || task.blockedBy) ? " card-status-badge--queued-with-reason" : ""}${isAwaitingApproval ? " awaiting-approval" : ""}${isPlanReviewReplanCapApproval ? " awaiting-approval--plan-review-replan-cap" : ""}${isAwaitingInput ? " awaiting-input" : ""}${isAgentActive ? " pulsing" : ""}${isFailed ? " failed" : ""}${isStuck ? " stuck" : ""}`}
title={
isPlanReviewReplanCapApproval
? t(

1
packages/dashboard/app/components/__tests__/TaskCard.test.tsx
View File

@@ -4892,6 +4892,7 @@ describe("TaskCard", () => {
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");