From d0de886f11b6fc37775944dd1b374e9e2ffe0981 Mon Sep 17 00:00:00 2001 From: gsxdsm Date: Wed, 17 Jun 2026 01:34:40 -0700 Subject: [PATCH] FN-6529: reduce list task active highlights List-view active task rows now use a calmer static highlight instead of the animated glow. - Replace desktop list-row glow animation with a subtle background and inset border. - Match the mobile list-card active styling to the toned-down static highlight. - Rename the ListView test case to document the expected static highlight styling. Files changed: packages/dashboard/app/components/ListView.css | 16 ++++++++-------- .../dashboard/app/components/__tests__/ListView.test.tsx | 2 +- 2 files changed, 9 insertions(+), 9 deletions(-) Fusion-Task-Id: FN-6529 Fusion-Task-Lineage: 67286eee-0360-41dd-be78-592b40eb5bee --- packages/dashboard/app/components/ListView.css | 16 ++++++++-------- .../app/components/__tests__/ListView.test.tsx | 2 +- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/dashboard/app/components/ListView.css b/packages/dashboard/app/components/ListView.css index 71d5bacc62..494c2f935e 100644 --- a/packages/dashboard/app/components/ListView.css +++ b/packages/dashboard/app/components/ListView.css @@ -537,12 +537,14 @@ background: color-mix(in srgb, var(--triage) 8%, transparent); } +/* +FNXC:ListView 2026-06-16-00:00: +FN-6529 requires list-view agent-active tasks to use a simple static highlight instead of the animated board-card glow, so the list row keeps a flat inset indicator and subtle background without referencing agent-glow. +*/ .list-row.agent-active { border-color: var(--in-progress); - box-shadow: - 0 0 var(--space-sm) color-mix(in srgb, var(--in-progress) 40%, transparent), - 0 0 calc(var(--space-xl) - var(--space-xs)) color-mix(in srgb, var(--in-progress) 15%, transparent); - animation: agent-glow 2.5s ease-in-out infinite; + background: color-mix(in srgb, var(--in-progress) 8%, transparent); + box-shadow: inset 0 0 0 calc(var(--space-xs) / 4) var(--in-progress); } /* Table cells */ @@ -989,10 +991,8 @@ .list-card.agent-active { border-color: var(--in-progress); - box-shadow: - 0 0 var(--space-sm) color-mix(in srgb, var(--in-progress) 40%, transparent), - 0 0 calc(var(--space-xl) - var(--space-xs)) color-mix(in srgb, var(--in-progress) 15%, transparent); - animation: agent-glow 2.5s ease-in-out infinite; + background: color-mix(in srgb, var(--in-progress) 8%, transparent); + box-shadow: inset 0 0 0 calc(var(--space-xs) / 4) var(--in-progress); } .list-card-row { diff --git a/packages/dashboard/app/components/__tests__/ListView.test.tsx b/packages/dashboard/app/components/__tests__/ListView.test.tsx index 96984ef971..92058b8def 100644 --- a/packages/dashboard/app/components/__tests__/ListView.test.tsx +++ b/packages/dashboard/app/components/__tests__/ListView.test.tsx @@ -972,7 +972,7 @@ describe("ListView", () => { it.each([ { status: "executing", column: "in-progress" as const, label: "executing" }, { status: "merging-fix", column: "in-review" as const, label: "Merging fixes…" }, - ])("renders agent-active tasks with glow styling for $status", ({ status, column, label }) => { + ])("renders agent-active tasks with static highlight styling for $status", ({ status, column, label }) => { const tasks = [ createMockTask({ id: "FN-001",