Creationshop/cannaiq
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Show worker friendly names in Live Activity panel

Browse Source
This commit is contained in:
Kelly
2025-12-12 22:37:40 -07:00
parent 6f49c5e84a
commit 97bfdb9618
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
cannaiq/src/pages/WorkersDashboard.tsx
View File

@@ -626,11 +626,19 @@ function getWorkerShortName(workerId: string | null): string {
// Live Activity Panel - shows recent task completions and failures // Live Activity Panel - shows recent task completions and failures
function LiveActivityPanel({ function LiveActivityPanel({
recentTasks, recentTasks,
runningTasks runningTasks,
workers
}: { }: {
recentTasks: Task[]; recentTasks: Task[];
runningTasks: 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 // Combine running and recent completed/failed, sort by most recent activity
const allActivity = [ const allActivity = [
...runningTasks.map(t => ({ ...t, activityType: 'running' as const })), ...runningTasks.map(t => ({ ...t, activityType: 'running' as const })),
@@ -700,7 +708,7 @@ function LiveActivityPanel({
allActivity.map((task) => { allActivity.map((task) => {
const config = getStatusConfig(task.activityType); const config = getStatusConfig(task.activityType);
const duration = getTaskDuration(task); const duration = getTaskDuration(task);
const workerName = getWorkerShortName(task.worker_id); const workerName = getWorkerName(task.worker_id);
return ( return (
<div <div
@@ -1046,7 +1054,7 @@ export function WorkersDashboard() {
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6"> <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
{/* Live Activity Panel - Takes 1/3 width on large screens */} {/* Live Activity Panel - Takes 1/3 width on large screens */}
<div className="lg:col-span-1"> <div className="lg:col-span-1">
<LiveActivityPanel recentTasks={recentTasks} runningTasks={tasks} /> <LiveActivityPanel recentTasks={recentTasks} runningTasks={tasks} workers={workers} />
</div> </div>
{/* Worker Pods Visualization - Takes 2/3 width on large screens */} {/* Worker Pods Visualization - Takes 2/3 width on large screens */}