From 97bfdb961827a4c2bfc40f0d46b3d644a4236411 Mon Sep 17 00:00:00 2001
From: Kelly <kelly@cannabrands.com>
Date: Fri, 12 Dec 2025 22:37:40 -0700
Subject: [PATCH] fix: Show worker friendly names in Live Activity panel

---
 cannaiq/src/pages/WorkersDashboard.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/cannaiq/src/pages/WorkersDashboard.tsx b/cannaiq/src/pages/WorkersDashboard.tsx
index 970d1a1c..2b0b6dc3 100644
--- a/cannaiq/src/pages/WorkersDashboard.tsx
+++ b/cannaiq/src/pages/WorkersDashboard.tsx
@@ -626,11 +626,19 @@ function getWorkerShortName(workerId: string | null): string {
 // Live Activity Panel - shows recent task completions and failures
 function LiveActivityPanel({
   recentTasks,
-  runningTasks
+  runningTasks,
+  workers
 }: {
   recentTasks: Task[];
   runningTasks: Task[];
+  workers: Worker[];
 }) {
+  // Create lookup map for worker friendly names
+  const workerNameMap = new Map(workers.map(w => [w.worker_id, w.friendly_name]));
+  const getWorkerName = (workerId: string | null): string => {
+    if (!workerId) return 'Unknown';
+    return workerNameMap.get(workerId) || workerId.split('-').pop() || 'Unknown';
+  };
   // Combine running and recent completed/failed, sort by most recent activity
   const allActivity = [
     ...runningTasks.map(t => ({ ...t, activityType: 'running' as const })),
@@ -700,7 +708,7 @@ function LiveActivityPanel({
           allActivity.map((task) => {
             const config = getStatusConfig(task.activityType);
             const duration = getTaskDuration(task);
-            const workerName = getWorkerShortName(task.worker_id);
+            const workerName = getWorkerName(task.worker_id);
 
             return (
               <div
@@ -1046,7 +1054,7 @@ export function WorkersDashboard() {
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
           {/* Live Activity Panel - Takes 1/3 width on large screens */}
           <div className="lg:col-span-1">
-            <LiveActivityPanel recentTasks={recentTasks} runningTasks={tasks} />
+            <LiveActivityPanel recentTasks={recentTasks} runningTasks={tasks} workers={workers} />
           </div>
 
           {/* Worker Pods Visualization - Takes 2/3 width on large screens */}