From 0a0eab6657a19ff3a1d81dc1bf4a33de880dcd3f Mon Sep 17 00:00:00 2001
From: Canvas Agent <agent@canvas.local>
Date: Thu, 16 Apr 2026 09:06:56 +0000
Subject: [PATCH] =?UTF-8?q?fix(a11y):=20raise=20TeamMemberChip=20label=20t?=
 =?UTF-8?q?ext=207px=E2=86=929px=20in=20WorkspaceNode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Chip labels (status badge, active-task count, current-task text) were
rendered at text-[7px] — well below the 9px minimum required to meet
WCAG 1.4.3 readability. Raised all three to text-[9px] so the labels
are legible without magnification.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 canvas/src/components/WorkspaceNode.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/canvas/src/components/WorkspaceNode.tsx b/canvas/src/components/WorkspaceNode.tsx
index bc561b32..5d4a6d39 100644
--- a/canvas/src/components/WorkspaceNode.tsx
+++ b/canvas/src/components/WorkspaceNode.tsx
@@ -432,7 +432,7 @@ function TeamMemberChip({
         {/* Status + active tasks row */}
         <div className="flex items-center justify-between">
           {data.status !== "online" ? (
-            <span className={`text-[7px] uppercase tracking-widest font-medium ${
+            <span className={`text-[9px] uppercase tracking-widest font-medium ${
               data.status === "failed" ? "text-red-400" :
               data.status === "degraded" ? "text-amber-400" :
               data.status === "provisioning" ? "text-sky-400" :
@@ -444,7 +444,7 @@ function TeamMemberChip({
           {data.activeTasks > 0 && (
             <div className="flex items-center gap-0.5">
               <div className="w-1 h-1 rounded-full bg-amber-400 motion-safe:animate-pulse" />
-              <span className="text-[7px] text-amber-300/80 tabular-nums">
+              <span className="text-[9px] text-amber-300/80 tabular-nums">
                 {data.activeTasks}
               </span>
             </div>
@@ -456,7 +456,7 @@ function TeamMemberChip({
           <Tooltip text={String(data.currentTask)}>
             <div className="flex items-center gap-1 mt-0.5 px-1.5 py-0.5 bg-amber-950/20 rounded border border-amber-800/20 cursor-default">
               <div className="w-1 h-1 rounded-full bg-amber-400 motion-safe:animate-pulse shrink-0" />
-              <span className="text-[7px] text-amber-300/70 truncate">{data.currentTask}</span>
+              <span className="text-[9px] text-amber-300/70 truncate">{data.currentTask}</span>
             </div>
           </Tooltip>
         )}