From 53ebf03bf4c78d62b283511840c6937f8d7ae5b5 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Tue, 31 Mar 2026 14:08:50 +0200
Subject: [PATCH 1/9] feature ok / needs to be tested

---
 src/apps/competitions/tasks.py                |  62 +-
 src/celery_config.py                          |   9 +
 src/routing.py                                |   3 +
 .../riot/competitions/detail/detail.tag       | 837 ++++++++++++------
 src/urls.py                                   |   1 -
 src/utils/consumers.py                        |  72 ++
 6 files changed, 731 insertions(+), 253 deletions(-)
 create mode 100644 src/utils/consumers.py

diff --git a/src/apps/competitions/tasks.py b/src/apps/competitions/tasks.py
index d72e9191a..95c30fd35 100644
--- a/src/apps/competitions/tasks.py
+++ b/src/apps/competitions/tasks.py
@@ -32,6 +32,9 @@
 from utils.data import make_url_sassy
 from utils.email import codalab_send_markdown_email
 
+from channels.layers import get_channel_layer
+from asgiref.sync import async_to_sync
+
 import logging
 logger = logging.getLogger(__name__)
 
@@ -784,9 +787,66 @@ def submission_status_cleanup():
     submissions = Submission.objects.filter(status=Submission.RUNNING, has_children=False).select_related('phase', 'parent')
 
     for sub in submissions:
-        # Check if the submission has been running for 24 hours longer than execution_time_limit
         if sub.started_when < now() - timedelta(milliseconds=(3600000 * 24) + sub.phase.execution_time_limit):
             if sub.parent is not None:
                 sub.parent.cancel(status=Submission.FAILED)
             else:
                 sub.cancel(status=Submission.FAILED)
+
+
+def _broadcast_worker_state(payload):
+    channel_layer = get_channel_layer()
+    if not channel_layer:
+        return
+
+    async_to_sync(channel_layer.group_send)(
+        "compute_workers",
+        {
+            "type": "worker.health",
+            "worker": payload,
+        },
+    )
+
+
+@app.task(queue="site-worker", soft_time_limit=60)
+def refresh_compute_worker_health():
+    celery_app = app_or_default()
+    inspector = celery_app.control.inspect(timeout=1)
+
+    if inspector is None:
+        logger.warning("Celery inspect returned None")
+        return
+
+    try:
+        stats = inspector.stats() or {}
+        active = inspector.active() or {}
+        reserved = inspector.reserved() or {}
+    except Exception:
+        logger.exception("Unable to inspect Celery workers")
+        return
+
+    for worker_name in stats.keys():
+        if not worker_name.startswith("compute-worker"):
+            continue
+
+        raw_running_jobs = len(active.get(worker_name, [])) + len(reserved.get(worker_name, []))
+        status = "busy" if raw_running_jobs > 0 else "available"
+
+        payload = {
+            "hostname": worker_name,
+            "status": status,
+            "running_jobs": raw_running_jobs,
+            "timestamp": now().timestamp(),
+        }
+
+        r.set(f"worker:{worker_name}:heartbeat", json.dumps(payload), ex=35)
+        r.hset(
+            WORKERS_REGISTRY_KEY,
+            worker_name,
+            json.dumps({
+                "hostname": worker_name,
+                "last_seen": payload["timestamp"],
+            }),
+        )
+
+        _broadcast_worker_state(payload)
\ No newline at end of file
diff --git a/src/celery_config.py b/src/celery_config.py
index 760614783..995103fcc 100644
--- a/src/celery_config.py
+++ b/src/celery_config.py
@@ -36,3 +36,12 @@ def app_for_vhost(vhost):
         vhost_app.conf.task_queues = app.conf.task_queues
         _vhost_apps[vhost] = vhost_app
     return _vhost_apps[vhost]
+
+
+
+app.conf.beat_schedule = {
+    "refresh-compute-worker-health": {
+        "task": "chemin.vers.refresh_compute_worker_health",
+        "schedule": 5.0,
+    },
+}
\ No newline at end of file
diff --git a/src/routing.py b/src/routing.py
index 2ef280e73..adf3f44cc 100644
--- a/src/routing.py
+++ b/src/routing.py
@@ -1,7 +1,10 @@
 from django.urls import re_path
 from apps.competitions.consumers import SubmissionIOConsumer, SubmissionOutputConsumer
+from utils.consumers import ComputeWorkersConsumer
+
 
 websocket_urlpatterns = [
     re_path(r'submission_input/(?P<user_pk>\d+)/(?P<submission_id>\d+)/(?P<secret>[^/]+)/$', SubmissionIOConsumer.as_asgi()),
     re_path(r'submission_output/$', SubmissionOutputConsumer.as_asgi()),
+    re_path(r"ws/workers/$", ComputeWorkersConsumer.as_asgi()),
 ]
diff --git a/src/static/riot/competitions/detail/detail.tag b/src/static/riot/competitions/detail/detail.tag
index f971675b3..f1dce44fa 100644
--- a/src/static/riot/competitions/detail/detail.tag
+++ b/src/static/riot/competitions/detail/detail.tag
@@ -6,25 +6,13 @@
             <comp-tabs class="comp-detail-paragraph-text" competition="{ competition }"></comp-tabs>
         </div>
 
-        <button
-            if="{ canViewWorkersPanel }"
-            class="ui button primary workers-toggle-btn"
-            onclick="{ toggleWorkersPanel }">
-            <i class="server icon"></i>
-            { showWorkersPanel ? 'Hide workers' : 'Show workers' }
-        </button>
-
-        <aside if="{ canViewWorkersPanel && showWorkersPanel }"
-               class="workers-panel"
-               style="left: { panelLeft }px; top: { panelTop }px;">
+        <aside class="workers-panel" style="left: { panelLeft }px; top: { panelTop }px;">
             <div class="workers-card">
                 <div class="workers-header workers-drag-handle" onmousedown="{ startPanelDrag }">
                     <div class="workers-title">
                         <i class="server icon"></i>
                         <div class="workers-title-text">
                             Compute Workers
-                            </br>
-                            <small><small><small>displayed only for competition organizers</small></small></small>
                             <div class="workers-subtitle">
                                 <span class="workers-connection { wsState }">{ connectionLabel() }</span>
                                 <span class="workers-separator">•</span>
@@ -32,7 +20,10 @@
                             </div>
                         </div>
                     </div>
-                    <div class="workers-drag-hint">Drag to move</div>
+
+                    <div class="workers-drag-hint">
+                        Drag to move
+                    </div>
                 </div>
 
                 <div class="workers-stats">
@@ -64,18 +55,29 @@
                                 <th class="col-lastseen">Last seen</th>
                             </tr>
                         </thead>
+
                         <tbody>
-                            <tr each="{ worker in sortedWorkers() }">
-                                <td><strong>{ worker.hostname }</strong></td>
-                                <td>
+                            <tr each="{worker in sortedWorkers()}">
+                                <td class="worker-hostname">
+                                    <strong>{ worker.hostname }</strong>
+                                </td>
+
+                                <td class="worker-status-cell">
                                     <span class="ui tiny label worker-status { getStatusClass(worker) }">
                                         <i class="{ getStatusIcon(worker) } icon"></i>
                                         { getStatusText(worker) }
-                                    </span>
+                            return        </span>
+                                </td>
+
+                                <td class="worker-jobs">
+                                    <span class="ui circular label">{ worker.running_jobs || 0 }</span>
+                                </td>
+
+                                <td class="worker-lastseen">
+                                    { formatLastSeen(worker.timestamp) }
                                 </td>
-                                <td><span class="ui circular label">{ worker.running_jobs || 0 }</span></td>
-                                <td>{ formatLastSeen(worker.timestamp) }</td>
                             </tr>
+
                             <tr if="{ sortedWorkers().length === 0 }">
                                 <td colspan="4" class="center aligned">
                                     <div class="workers-empty">
@@ -98,95 +100,76 @@
     <script>
         var self = this;
 
-        self.competition = {};
-        self.workers = [];
-        self.ws = null;
-        self.wsReconnectTimer = null;
-        self.wsState = 'disconnected';
-        self.lastSyncAt = null;
-
-        self.canViewWorkersPanel = (self.opts.can_view_workers_panel === 'true');
-        self.showWorkersPanel = false
-
-        self.canViewWorkersPanel = String(self.opts.can_view_workers_panel || 'false') === 'true'
-        self.panelLeft = 24;
-        self.panelTop = 24;
-        self.panelWidth = 375;
-        self.draggingPanel = false;
-        self.dragOffsetX = 0;
-        self.dragOffsetY = 0;
-        self.panelStorageKey = 'codabench_workers_panel_position';
-        self.resizeListenerAttached = false;
-
-        self.toggleWorkersPanel = function () {
-            self.showWorkersPanel = !self.showWorkersPanel
-
-            if (self.showWorkersPanel) {
-                self.loadPanelPosition()
-                self.connect_workers_socket()
-            } else {
-                self.close_workers_socket()
-            }
-
-            self.update()
-        }
+        self.competition = {}
+        self.workers = []
+        self.ws = null
+        self.wsReconnectTimer = null
+        self.wsState = 'disconnected'
+        self.lastSyncAt = null
+
+        self.panelLeft = 24
+        self.panelTop = 24
+        self.panelWidth = 500
+        self.panelHeight = 120
+        self.draggingPanel = false
+        self.dragOffsetX = 0
+        self.dragOffsetY = 0
+        self.panelStorageKey = 'codabench_workers_panel_position'
 
         self.one('mount', function () {
-            $('.menu .item', self.root).tab();
-            self.update_competition_data();
-            if (self.canViewWorkersPanel) {
-                self.loadPanelPosition();
-                self.attachResizeListener();
-            }
-        });
+            $('.menu .item', self.root).tab()
+            self.loadPanelPosition()
+            self.update_competition_data()
+            self.connect_workers_socket()
+            window.addEventListener('resize', self.onWindowResize)
+        })
+
+        self.one('unmount', function () {
+            window.removeEventListener('resize', self.onWindowResize)
+            window.removeEventListener('mousemove', self.onPanelDragMove)
+            window.removeEventListener('mouseup', self.stopPanelDrag)
 
-        self.close_workers_socket = function () {
             if (self.wsReconnectTimer) {
                 clearTimeout(self.wsReconnectTimer)
                 self.wsReconnectTimer = null
             }
 
             if (self.ws) {
-                self.ws.onclose = null
-
                 try { self.ws.close() } catch (e) {}
                 self.ws = null
             }
 
-            self.wsState = 'disconnected'
-        }
-
-        self.one('unmount', function () {
-            self.detachResizeListener();
-            if (self.wsReconnectTimer) {
-                clearTimeout(self.wsReconnectTimer);
-                self.wsReconnectTimer = null;
-            }
-            if (self.ws) {
-                try { self.ws.close(); } catch(e) {}
-                self.ws = null;
-            }
-            document.body.classList.remove('workers-panel-dragging');
-        });
+            document.body.classList.remove('workers-panel-dragging')
+        })
 
         self.update_competition_data = function () {
             CODALAB.api.get_competition(self.opts.competition_pk, self.opts.secret_key)
                 .done(function (data) {
-                    self.competition = data;
-                    CODALAB.events.trigger('competition_loaded', self.competition);
-
-                    let currentPhase = _.find(self.competition.phases, { status: 'Current' });
-                    let selectedPhaseId = currentPhase ? currentPhase.id : null;
-                    if (selectedPhaseId === null) {
-                        let finalPhase = _.find(self.competition.phases, { is_final_phase: true });
-                        selectedPhaseId = finalPhase ? finalPhase.id : null;
+                    self.competition = data
+
+                    CODALAB.events.trigger('competition_loaded', self.competition)
+
+                    let selected_phase_index = _.get(
+                        _.find(self.competition.phases, { 'status': 'Current' }),
+                        'id'
+                    )
+
+                    if (selected_phase_index == null) {
+                        selected_phase_index = _.get(
+                            _.find(self.competition.phases, { is_final_phase: true }),
+                            'id'
+                        )
                     }
+
                     CODALAB.events.trigger(
                         'phase.selected',
-                        (_.find(self.competition.phases, { id: selectedPhaseId }))
-                    );
+                        (_.find(self.competition.phases, { id: selected_phase_index }))
+                    )
 
-                    self.update();
+                    self.update()
+                })
+                .fail(function () {
+                    toastr.error('Could not find benchmark')
                 })
                 .fail(function () {
                     toastr.error("Could not find competition");
@@ -456,193 +439,545 @@
             max-height: calc(100vh - 48px);
         }
 
-        .workers-card {
-            background: #fff;
-            border: 1px solid rgba(0,0,0,0.1);
-            border-radius: 16px;
-            box-shadow: 0 8px 24px rgba(0,0,0,0.08);
-            padding: 12px;
-        }
-        .workers-header { margin-bottom: 12px; }
-        .workers-title { display: flex; align-items: flex-start; gap: 10px; }
-        .workers-title .icon { margin-top: 2px; }
-        .workers-title-text { font-size: 18px; font-weight: 700; color: #1f2937; line-height: 1.2; }
-        .workers-subtitle {
-            margin-top: 4px;
-            font-size: 12px;
-            color: #6b7280;
-            display: flex;
-            align-items: center;
-            gap: 6px;
-        }
+        self.loadPanelPosition = function () {
+            try {
+                var raw = localStorage.getItem(self.panelStorageKey)
+                if (!raw) return
 
-        .workers-toggle-btn
-            z-index 10
-            position relative
-            top 10%
-            right 100vh
-            background #576671 !important
-            color white !important
-            
-        .workers-connection {
-            display: inline-flex;
-            align-items: center;
-            padding: 3px 8px;
-            border-radius: 999px;
-            font-weight: 700;
-            font-size: 11px;
-            text-transform: uppercase;
-            background: #f3f4f6;
-            color: #6b7280;
-        }
-        .workers-connection.connected {
-            background: rgba(33,186,69,.12);
-            color: #21ba45;
-        }
-        .workers-connection.connecting {
-            background: rgba(251,189,8,.14);
-            color: #b58105;
-        }
-        .workers-connection.error {
-            background: rgba(219,40,40,.12);
-            color: #db2828;
+                var pos = JSON.parse(raw)
+                if (typeof pos.left === 'number') self.panelLeft = pos.left
+                if (typeof pos.top === 'number') self.panelTop = pos.top
+
+                self.clampPanelPosition()
+            } catch (e) {
+                console.warn('Could not load panel position', e)
+            }
         }
-        .workers-connection.disconnected {
-            background: rgba(219,40,40,.12);
-            color: #db2828;
+
+        self.savePanelPosition = function () {
+            try {
+                localStorage.setItem(self.panelStorageKey, JSON.stringify({
+                    left: self.panelLeft,
+                    top: self.panelTop
+                }))
+            } catch (e) {
+                console.warn('Could not save panel position', e)
+            }
         }
-        .workers-separator { opacity: .6; }
-        .workers-drag-hint { margin-top: 4px; font-size: 11px; color: #9ca3af; white-space: nowrap; }
-
-        .workers-stats {
-            display: grid;
-            grid-template-columns: repeat(4, 1fr);
-            gap: 8px;
-            margin: 10px 0 15px 0 !important;
+
+        self.clampPanelPosition = function () {
+            var minLeft = 8
+            var minTop = 8
+            var maxLeft = Math.max(minLeft, window.innerWidth - self.panelWidth - 8)
+            var maxTop = Math.max(minTop, window.innerHeight - 80)
+
+            self.panelLeft = Math.min(Math.max(minLeft, self.panelLeft), maxLeft)
+            self.panelTop = Math.min(Math.max(minTop, self.panelTop), maxTop)
         }
-        .stat-card {
-            background: #f9fafb;
-            border: 1px solid rgba(0,0,0,0.06);
-            border-radius: 12px;
-            padding: 10px 8px;
-            text-align: center;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
+
+        self.onWindowResize = function () {
+            self.clampPanelPosition()
+            self.update()
         }
-        .stat-value {
-            font-size: 18px;
-            font-weight: 800;
-            color: #111827;
-            margin-bottom: 4px;
-            min-width: 1ch;
+
+        self.startPanelDrag = function (e) {
+            if (e.button !== 0) return
+
+            var panel = self.root.querySelector('.workers-panel')
+            if (!panel) return
+
+            var rect = panel.getBoundingClientRect()
+
+            self.draggingPanel = true
+            self.dragOffsetX = e.clientX - rect.left
+            self.dragOffsetY = e.clientY - rect.top
+
+            document.body.classList.add('workers-panel-dragging')
+            window.addEventListener('mousemove', self.onPanelDragMove)
+            window.addEventListener('mouseup', self.stopPanelDrag)
+
+            e.preventDefault()
+            e.stopPropagation()
         }
-        .stat-green { color: #21ba45; }
-        .stat-yellow { color: #b58105; }
-        .stat-red { color: #db2828; }
-        .stat-label {
-            font-size: 11px;
-            font-weight: 700;
-            text-transform: uppercase;
-            color: #6b7280;
-            letter-spacing: .04em;
+
+        self.onPanelDragMove = function (e) {
+            if (!self.draggingPanel) return
+
+            var minLeft = 8
+            var minTop = 8
+            var maxLeft = Math.max(minLeft, window.innerWidth - self.panelWidth - 8)
+            var maxTop = Math.max(minTop, window.innerHeight - 80)
+
+            var newLeft = e.clientX - self.dragOffsetX
+            var newTop = e.clientY - self.dragOffsetY
+
+            self.panelLeft = Math.min(Math.max(minLeft, newLeft), maxLeft)
+            self.panelTop = Math.min(Math.max(minTop, newTop), maxTop)
+
+            self.update()
         }
 
-        .workers-table-wrap {
-            max-height: calc(100vh - 240px);
-            overflow: auto;
-            border-radius: 12px;
+        self.stopPanelDrag = function () {
+            if (!self.draggingPanel) return
+
+            self.draggingPanel = false
+            document.body.classList.remove('workers-panel-dragging')
+
+            window.removeEventListener('mousemove', self.onPanelDragMove)
+            window.removeEventListener('mouseup', self.stopPanelDrag)
+
+            self.savePanelPosition()
+            self.update()
         }
-        .workers-table {
-            margin: 0 !important;
-            width: 100%;
-            table-layout: auto;
-            font-size: 13px;
+
+        self.connect_workers_socket = function () {
+            if (self.ws) {
+                try { self.ws.close() } catch (e) {}
+                self.ws = null
+            }
+
+            var scheme = window.location.protocol === 'https:' ? 'wss' : 'ws'
+            var url = scheme + '://' + window.location.host + '/ws/workers/'
+
+            self.wsState = 'connecting'
+            self.update()
+
+            self.ws = new WebSocket(url)
+
+            self.ws.onopen = function () {
+                self.wsState = 'connected'
+                self.update()
+            }
+
+            self.ws.onmessage = function (event) {
+                var message = null
+
+                try {
+                    message = JSON.parse(event.data)
+                } catch (e) {
+                    console.error('Invalid websocket payload:', event.data)
+                    return
+                }
+
+                if (message.type === 'workers.snapshot') {
+                    self.workers = self.normalizeWorkers(message.workers || [])
+                    self.lastSyncAt = Date.now()
+                    self.update()
+                    return
+                }
+
+                if (message.type === 'worker.health' && message.worker) {
+                    self.upsertWorker(message.worker)
+                    self.lastSyncAt = Date.now()
+                    self.update()
+                }
+            }
+
+            self.ws.onerror = function () {
+                self.wsState = 'error'
+                self.update()
+            }
+
+            self.ws.onclose = function () {
+                self.wsState = 'disconnected'
+                self.update()
+
+                if (self.wsReconnectTimer) {
+                    clearTimeout(self.wsReconnectTimer)
+                }
+
+                self.wsReconnectTimer = setTimeout(function () {
+                    self.connect_workers_socket()
+                }, 2000)
+            }
         }
-        .workers-table thead th {
-            position: sticky;
-            top: 0;
-            background: #f8fafc !important;
-            color: #374151 !important;
-            font-weight: 700 !important;
-            font-size: 12px;
-            text-transform: uppercase;
+
+        self.normalizeWorker = function (worker) {
+            worker = worker || {}
+
+            return {
+                hostname: worker.hostname || 'unknown',
+                status: worker.status || 'unavailable',
+                running_jobs: typeof worker.running_jobs === 'number' ? worker.running_jobs : 0,
+                timestamp: worker.timestamp || null
+            }
         }
-        .workers-table td, .workers-table th {
-            vertical-align: middle !important;
+
+        self.normalizeWorkers = function (workers) {
+            return (workers || [])
+                .filter(function (worker) {
+                    return worker && worker.hostname
+                })
+                .map(function (worker) {
+                    return self.normalizeWorker(worker)
+                })
         }
-        .worker-hostname {
-            font-size: 13px;
-            font-weight: 700;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
+
+        self.upsertWorker = function (worker) {
+            worker = self.normalizeWorker(worker)
+
+            if (!worker.hostname || worker.hostname === 'unknown') return
+
+            var idx = _.findIndex(self.workers, { hostname: worker.hostname })
+
+            if (idx === -1) {
+                self.workers.push(worker)
+            } else {
+                self.workers[idx] = worker
+            }
+
+            self.workers = self.workers.slice()
         }
-        .worker-jobs {
-            text-align: center;
+
+        self.sortedWorkers = function () {
+            var order = {
+                available: 0,
+                busy: 1,
+                unavailable: 2
+            }
+
+            return (self.workers || []).slice().sort(function (a, b) {
+                var sa = self.displayStatus(a)
+                var sb = self.displayStatus(b)
+
+                var oa = order.hasOwnProperty(sa) ? order[sa] : 99
+                var ob = order.hasOwnProperty(sb) ? order[sb] : 99
+
+                if (oa !== ob) return oa - ob
+                if ((b.running_jobs || 0) !== (a.running_jobs || 0)) {
+                    return (b.running_jobs || 0) - (a.running_jobs || 0)
+                }
+
+                return (a.hostname || '').localeCompare(b.hostname || '')
+            })
         }
-        .worker-lastseen {
-            color: #6b7280;
-            font-size: 12px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
+
+        self.displayStatus = function (worker) {
+            return worker && worker.status ? worker.status : 'unavailable'
         }
-        .worker-status {
-            border-radius: 999px !important;
-            font-weight: 700 !important;
-            display: inline-flex !important;
-            align-items: center;
-            gap: 6px;
-            white-space: nowrap;
+
+        self.getStatusClass = function (worker) {
+            var status = self.displayStatus(worker)
+            if (status === 'available') return 'green'
+            if (status === 'busy') return 'yellow'
+            return 'red'
         }
-        .workers-empty {
-            padding: 24px 12px;
-            text-align: center;
-            color: #6b7280;
+
+        self.getStatusIcon = function (worker) {
+            var status = self.displayStatus(worker)
+            if (status === 'available') return 'check circle'
+            if (status === 'busy') return 'clock'
+            return 'times circle'
         }
-        .workers-empty .header {
-            font-weight: 700;
-            color: #374151;
-            margin-bottom: 4px;
+
+        self.getStatusText = function (worker) {
+            var status = self.displayStatus(worker)
+            if (status === 'available') return 'Available'
+            if (status === 'busy') return 'Busy'
+            return 'Unavailable'
         }
-        .workers-footer {
-            margin-top: 12px;
-            font-size: 12px;
-            color: #6b7280;
+
+        self.formatLastSeen = function (timestamp) {
+            if (!timestamp) return '—'
+
+            var age = Math.max(0, Math.round((Date.now() / 1000) - timestamp))
+            if (age < 5) return 'just now'
+            if (age < 60) return age + 's ago'
+
+            var minutes = Math.floor(age / 60)
+            if (minutes < 60) return minutes + 'm ago'
+
+            var hours = Math.floor(minutes / 60)
+            return hours + 'h ago'
         }
-        .ui.label.green {
-            background-color: #21ba45 !important;
-            color: white !important;
+
+        self.lastSyncLabel = function () {
+            if (!self.lastSyncAt) return 'never'
+
+            var age = Math.max(0, Math.round((Date.now() - self.lastSyncAt) / 1000))
+            if (age < 5) return 'just now'
+            if (age < 60) return age + 's ago'
+
+            var minutes = Math.floor(age / 60)
+            return minutes + 'm ago'
         }
-        .ui.label.yellow {
-            background-color: #f2c037 !important;
-            color: black !important;
+
+        self.totalCount = function () {
+            return (self.workers || []).length
         }
-        .ui.label.red {
-            background-color: #db2828 !important;
-            color: white !important;
+
+        self.availableCount = function () {
+            return (self.workers || []).filter(function (worker) {
+                return self.displayStatus(worker) === 'available'
+            }).length
         }
-        body.workers-panel-dragging {
-            user-select: none;
+
+        self.busyCount = function () {
+            return (self.workers || []).filter(function (worker) {
+                return self.displayStatus(worker) === 'busy'
+            }).length
         }
 
-        @media (max-width: 1400px) {
-            .workers-panel {
-                position: static;
-                width: 100%;
-                max-height: none;
-                margin-top: 16px;
-            }
-            .workers-table-wrap {
-                max-height: none;
-            }
+        self.unavailableCount = function () {
+            return (self.workers || []).filter(function (worker) {
+                return self.displayStatus(worker) === 'unavailable'
+            }).length
         }
-        @media (max-width: 768px) {
-            .workers-stats {
-                grid-template-columns: repeat(2, 1fr);
-            }
+
+        self.connectionLabel = function () {
+            if (self.wsState === 'connected') return 'Connected'
+            if (self.wsState === 'connecting') return 'Connecting'
+            if (self.wsState === 'error') return 'Error'
+            return 'Disconnected'
         }
+
+        CODALAB.events.on('new_submission_created', function () {
+            self.update_competition_data()
+        })
+    </script>
+
+    <style type="text/stylus">
+        .comp-detail-paragraph-text
+            font-size 16px !important
+            line-height 20px !important
+
+        :scope
+            display block
+            width 100%
+            height 100%
+
+        .layout
+            display block
+            position relative
+
+        .comp-content
+            min-width 0
+            padding-right 0
+
+        .workers-panel
+            position fixed
+            top 24px
+            right 24px
+            width 375px
+            z-index 25
+            max-height calc(100vh - 48px)
+            overflow auto
+
+        .workers-card
+            background #fff
+            border 1px solid rgba(34, 36, 38, .12)
+            border-radius 16px
+            box-shadow 0 8px 24px rgba(16, 24, 40, .08)
+            padding 12px
+
+        .workers-drag-handle
+            cursor move
+            user-select none
+            touch-action none
+
+        .workers-header
+            margin-bottom 12px
+
+        .workers-title
+            display flex
+            align-items flex-start
+            gap 10px
+
+        .workers-title .icon
+            margin-top 2px
+
+        .workers-title-text
+            font-size 18px
+            font-weight 700
+            color #1f2937
+            line-height 1.2
+
+        .workers-subtitle
+            margin-top 4px
+            font-size 12px
+            color #6b7280
+            display flex
+            align-items center
+            flex-wrap wrap
+            gap 6px
+
+        .workers-connection
+            display inline-flex
+            align-items center
+            padding 3px 8px
+            border-radius 999px
+            font-weight 700
+            font-size 11px
+            text-transform uppercase
+            letter-spacing .04em
+            background #f3f4f6
+            color #6b7280
+
+        .workers-connection.connected
+            background rgba(33, 186, 69, .12)
+            color #21ba45
+
+        .workers-connection.connecting
+            background rgba(251, 189, 8, .14)
+            color #b58105
+
+        .workers-connection.error
+            background rgba(219, 40, 40, .12)
+            color #db2828
+
+        .workers-connection.disconnected
+            background rgba(219, 40, 40, .12)
+            color #db2828
+
+        .workers-separator
+            opacity .6
+
+        .workers-drag-hint
+            margin-top 4px
+            font-size 11px
+            color #9ca3af
+            white-space nowrap
+
+        .workers-stats
+            display grid
+            grid-template-columns repeat(4, minmax(0, 1fr))
+            gap 8px
+            margin 10px 0 15px 0 !important
+from channels.layers import get_channel_layer
+from asgiref.sync import async_to_sync
+        .stat-card
+            background #f9fafb
+            border 1px solid rgba(17, 24, 39, .06)
+            border-radius 12px
+            padding 10px 8px
+            text-align center
+            min-width 0
+            display flex
+            flex-direction column
+            align-items center
+            justify-content center
+
+        .stat-value
+            font-size 18px
+            font-weight 800
+            line-height 1
+            color #111827
+            margin-bottom 4px
+            min-width 1ch
+            text-align center
+
+        .stat-green
+            color #21ba45
+
+        .stat-yellow
+            color #b58105
+
+        .stat-red
+            color #db2828
+
+        .stat-label
+            font-size 11px
+            font-weight 700
+            text-transform uppercase
+            letter-spacing .04em
+            color #6b7280
+            line-height 1.1
+            text-align center
+            white-space nowrap
+
+        .workers-table-wrap
+            max-height calc(100vh - 240px)
+            overflow auto
+            border-radius 12px
+
+        .workers-table
+            margin 0 !important
+            width :autofill
+            table-layout auto
+            font-size 13px
+
+        .workers-table thead th
+            position sticky
+            top 0
+            z-index 2
+            background #f8fafc !important
+            color #374151 !important
+            font-weight 700 !important
+            font-size 12px
+            text-transform uppercase
+            letter-spacing .03em
+
+        .workers-table td,
+        .workers-table th
+            vertical-align middle !important
+
+        .worker-hostname
+            font-size 13px
+            font-weight 700
+            white-space nowrap
+            overflow hidden
+            text-overflow ellipsis
+
+        .worker-jobs
+            text-align center
+
+        .worker-lastseen
+            color #6b7280
+            font-size 12px
+            white-space nowrap
+            overflow hidden
+            text-overflow ellipsis
+
+        .worker-status
+            border-radius 999px !important
+            font-weight 700 !important
+            display inline-flex !important
+            align-items center
+            gap 6px
+            white-space nowrap
+
+        .workers-empty
+            padding 24px 12px
+            text-align center
+            color #6b7280
+
+        .workers-empty .header
+            font-weight 700
+            color #374151
+            margin-bottom 4px
+
+        .workers-footer
+            margin-top 12px
+            font-size 12px
+            color #6b7280
+
+        .ui.label.green
+            background-color #21ba45 !important
+            color white !important
+
+        .ui.label.yellow
+            background-color #f2c037 !important
+            color black !important
+
+        .ui.label.red
+            background-color #db2828 !important
+            color white !important
+
+        body.workers-panel-dragging
+            user-select none
+
+        @media (max-width: 1400px)
+            .workers-panel
+                position static
+                width 100%
+                max-height none
+                margin-top 16px
+
+            .workers-table-wrap
+                max-height none
+
+        @media (max-width: 768px)
+            .workers-stats
+                grid-template-columns repeat(2, minmax(0, 1fr))
     </style>
-</competition-detail>
+</competition-detail>
\ No newline at end of file
diff --git a/src/urls.py b/src/urls.py
index 2634d19d6..88013d5a7 100644
--- a/src/urls.py
+++ b/src/urls.py
@@ -33,7 +33,6 @@
 
 ]
 
-
 if settings.DEBUG:
     # Static files for local dev, so we don't have to collectstatic and such
     urlpatterns += staticfiles_urlpatterns()
diff --git a/src/utils/consumers.py b/src/utils/consumers.py
new file mode 100644
index 000000000..817b85342
--- /dev/null
+++ b/src/utils/consumers.py
@@ -0,0 +1,72 @@
+import asyncio
+import time
+
+from asgiref.sync import sync_to_async
+from channels.generic.websocket import AsyncJsonWebsocketConsumer
+from celery._state import app_or_default
+
+
+class ComputeWorkersConsumer(AsyncJsonWebsocketConsumer):
+    async def connect(self):
+        await self.accept()
+        self._running = True
+        self._task = asyncio.create_task(self._push_workers_loop())
+
+    async def disconnect(self, close_code):
+        self._running = False
+        if hasattr(self, "_task"):
+            self._task.cancel()
+
+    async def _push_workers_loop(self):
+        while self._running:
+            workers = await sync_to_async(self._load_snapshot)()
+            await self.send_json({
+                "type": "workers.snapshot",
+                "workers": workers,
+            })
+            await asyncio.sleep(3)
+
+    def _load_snapshot(self):
+        celery_app = app_or_default()
+        inspector = celery_app.control.inspect(timeout=2)
+
+        if inspector is None:
+            return []
+
+        try:
+            stats = inspector.stats() or {}
+            active = inspector.active() or {}
+            reserved = inspector.reserved() or {}
+            active_queues = inspector.active_queues() or {}
+        except Exception:
+            return []
+
+        workers = []
+
+        for worker_name in stats.keys():
+            queues = active_queues.get(worker_name, []) or []
+            queue_names = []
+            for q in queues:
+                if isinstance(q, dict) and q.get("name"):
+                    queue_names.append(q["name"])
+
+            is_compute_worker = (
+                "compute-worker" in queue_names
+                or worker_name.startswith("compute-worker")
+                or worker_name.startswith("CW")
+            )
+
+            if not is_compute_worker:
+                continue
+
+            running_jobs = len(active.get(worker_name, [])) + len(reserved.get(worker_name, []))
+            status = "busy" if running_jobs > 0 else "available"
+
+            workers.append({
+                "hostname": worker_name,
+                "status": status,
+                "running_jobs": running_jobs,
+                "timestamp": time.time(),
+            })
+
+        return workers
\ No newline at end of file

From d3013debc7e3ba1af71f4c568718b8d766543fd9 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 2 Apr 2026 13:43:14 +0200
Subject: [PATCH 2/9] feature deactivated by default + hiden behind a button by
 default + visibile only by admin or comp organizer or collaborators

---
 .../riot/competitions/detail/detail.tag       | 833 ++++++------------
 src/templates/competitions/detail.html        |   8 +-
 src/utils/consumers.py                        |   5 +
 3 files changed, 259 insertions(+), 587 deletions(-)

diff --git a/src/static/riot/competitions/detail/detail.tag b/src/static/riot/competitions/detail/detail.tag
index f1dce44fa..812327502 100644
--- a/src/static/riot/competitions/detail/detail.tag
+++ b/src/static/riot/competitions/detail/detail.tag
@@ -6,7 +6,17 @@
             <comp-tabs class="comp-detail-paragraph-text" competition="{ competition }"></comp-tabs>
         </div>
 
-        <aside class="workers-panel" style="left: { panelLeft }px; top: { panelTop }px;">
+        <button
+            if="{ canViewWorkersPanel }"
+            class="ui button primary workers-toggle-btn"
+            onclick="{ toggleWorkersPanel }">
+            <i class="server icon"></i>
+            { showWorkersPanel ? 'Hide workers' : 'Show workers' }
+        </button>
+
+        <aside if="{ canViewWorkersPanel && showWorkersPanel }"
+               class="workers-panel"
+               style="left: { panelLeft }px; top: { panelTop }px;">
             <div class="workers-card">
                 <div class="workers-header workers-drag-handle" onmousedown="{ startPanelDrag }">
                     <div class="workers-title">
@@ -20,10 +30,7 @@
                             </div>
                         </div>
                     </div>
-
-                    <div class="workers-drag-hint">
-                        Drag to move
-                    </div>
+                    <div class="workers-drag-hint">Drag to move</div>
                 </div>
 
                 <div class="workers-stats">
@@ -55,29 +62,18 @@
                                 <th class="col-lastseen">Last seen</th>
                             </tr>
                         </thead>
-
                         <tbody>
-                            <tr each="{worker in sortedWorkers()}">
-                                <td class="worker-hostname">
-                                    <strong>{ worker.hostname }</strong>
-                                </td>
-
-                                <td class="worker-status-cell">
+                            <tr each="{ worker in sortedWorkers() }">
+                                <td><strong>{ worker.hostname }</strong></td>
+                                <td>
                                     <span class="ui tiny label worker-status { getStatusClass(worker) }">
                                         <i class="{ getStatusIcon(worker) } icon"></i>
                                         { getStatusText(worker) }
                             return        </span>
                                 </td>
-
-                                <td class="worker-jobs">
-                                    <span class="ui circular label">{ worker.running_jobs || 0 }</span>
-                                </td>
-
-                                <td class="worker-lastseen">
-                                    { formatLastSeen(worker.timestamp) }
-                                </td>
+                                <td><span class="ui circular label">{ worker.running_jobs || 0 }</span></td>
+                                <td>{ formatLastSeen(worker.timestamp) }</td>
                             </tr>
-
                             <tr if="{ sortedWorkers().length === 0 }">
                                 <td colspan="4" class="center aligned">
                                     <div class="workers-empty">
@@ -100,76 +96,95 @@
     <script>
         var self = this;
 
-        self.competition = {}
-        self.workers = []
-        self.ws = null
-        self.wsReconnectTimer = null
-        self.wsState = 'disconnected'
-        self.lastSyncAt = null
-
-        self.panelLeft = 24
-        self.panelTop = 24
-        self.panelWidth = 500
-        self.panelHeight = 120
-        self.draggingPanel = false
-        self.dragOffsetX = 0
-        self.dragOffsetY = 0
-        self.panelStorageKey = 'codabench_workers_panel_position'
+        self.competition = {};
+        self.workers = [];
+        self.ws = null;
+        self.wsReconnectTimer = null;
+        self.wsState = 'disconnected';
+        self.lastSyncAt = null;
+
+        self.canViewWorkersPanel = (self.opts.can_view_workers_panel === 'true');
+        self.showWorkersPanel = false
+
+        self.canViewWorkersPanel = String(self.opts.can_view_workers_panel || 'false') === 'true'
+        self.panelLeft = 24;
+        self.panelTop = 24;
+        self.panelWidth = 375;
+        self.draggingPanel = false;
+        self.dragOffsetX = 0;
+        self.dragOffsetY = 0;
+        self.panelStorageKey = 'codabench_workers_panel_position';
+        self.resizeListenerAttached = false;
+
+        self.toggleWorkersPanel = function () {
+            self.showWorkersPanel = !self.showWorkersPanel
+
+            if (self.showWorkersPanel) {
+                self.loadPanelPosition()
+                self.connect_workers_socket()
+            } else {
+                self.close_workers_socket()
+            }
 
-        self.one('mount', function () {
-            $('.menu .item', self.root).tab()
-            self.loadPanelPosition()
-            self.update_competition_data()
-            self.connect_workers_socket()
-            window.addEventListener('resize', self.onWindowResize)
-        })
+            self.update()
+        }
 
-        self.one('unmount', function () {
-            window.removeEventListener('resize', self.onWindowResize)
-            window.removeEventListener('mousemove', self.onPanelDragMove)
-            window.removeEventListener('mouseup', self.stopPanelDrag)
+        self.one('mount', function () {
+            $('.menu .item', self.root).tab();
+            self.update_competition_data();
+            if (self.canViewWorkersPanel) {
+                self.loadPanelPosition();
+                self.attachResizeListener();
+            }
+        });
 
+        self.close_workers_socket = function () {
             if (self.wsReconnectTimer) {
                 clearTimeout(self.wsReconnectTimer)
                 self.wsReconnectTimer = null
             }
 
             if (self.ws) {
+                self.ws.onclose = null
+
                 try { self.ws.close() } catch (e) {}
                 self.ws = null
             }
 
-            document.body.classList.remove('workers-panel-dragging')
-        })
+            self.wsState = 'disconnected'
+        }
+
+        self.one('unmount', function () {
+            self.detachResizeListener();
+            if (self.wsReconnectTimer) {
+                clearTimeout(self.wsReconnectTimer);
+                self.wsReconnectTimer = null;
+            }
+            if (self.ws) {
+                try { self.ws.close(); } catch(e) {}
+                self.ws = null;
+            }
+            document.body.classList.remove('workers-panel-dragging');
+        });
 
         self.update_competition_data = function () {
             CODALAB.api.get_competition(self.opts.competition_pk, self.opts.secret_key)
                 .done(function (data) {
-                    self.competition = data
-
-                    CODALAB.events.trigger('competition_loaded', self.competition)
-
-                    let selected_phase_index = _.get(
-                        _.find(self.competition.phases, { 'status': 'Current' }),
-                        'id'
-                    )
-
-                    if (selected_phase_index == null) {
-                        selected_phase_index = _.get(
-                            _.find(self.competition.phases, { is_final_phase: true }),
-                            'id'
-                        )
+                    self.competition = data;
+                    CODALAB.events.trigger('competition_loaded', self.competition);
+
+                    let currentPhase = _.find(self.competition.phases, { status: 'Current' });
+                    let selectedPhaseId = currentPhase ? currentPhase.id : null;
+                    if (selectedPhaseId === null) {
+                        let finalPhase = _.find(self.competition.phases, { is_final_phase: true });
+                        selectedPhaseId = finalPhase ? finalPhase.id : null;
                     }
-
                     CODALAB.events.trigger(
                         'phase.selected',
-                        (_.find(self.competition.phases, { id: selected_phase_index }))
-                    )
+                        (_.find(self.competition.phases, { id: selectedPhaseId }))
+                    );
 
-                    self.update()
-                })
-                .fail(function () {
-                    toastr.error('Could not find benchmark')
+                    self.update();
                 })
                 .fail(function () {
                     toastr.error("Could not find competition");
@@ -439,545 +454,193 @@
             max-height: calc(100vh - 48px);
         }
 
-        self.loadPanelPosition = function () {
-            try {
-                var raw = localStorage.getItem(self.panelStorageKey)
-                if (!raw) return
-
-                var pos = JSON.parse(raw)
-                if (typeof pos.left === 'number') self.panelLeft = pos.left
-                if (typeof pos.top === 'number') self.panelTop = pos.top
-
-                self.clampPanelPosition()
-            } catch (e) {
-                console.warn('Could not load panel position', e)
-            }
+        .workers-card {
+            background: #fff;
+            border: 1px solid rgba(0,0,0,0.1);
+            border-radius: 16px;
+            box-shadow: 0 8px 24px rgba(0,0,0,0.08);
+            padding: 12px;
         }
-
-        self.savePanelPosition = function () {
-            try {
-                localStorage.setItem(self.panelStorageKey, JSON.stringify({
-                    left: self.panelLeft,
-                    top: self.panelTop
-                }))
-            } catch (e) {
-                console.warn('Could not save panel position', e)
-            }
+        .workers-header { margin-bottom: 12px; }
+        .workers-title { display: flex; align-items: flex-start; gap: 10px; }
+        .workers-title .icon { margin-top: 2px; }
+        .workers-title-text { font-size: 18px; font-weight: 700; color: #1f2937; line-height: 1.2; }
+        .workers-subtitle {
+            margin-top: 4px;
+            font-size: 12px;
+            color: #6b7280;
+            display: flex;
+            align-items: center;
+            gap: 6px;
         }
 
-        self.clampPanelPosition = function () {
-            var minLeft = 8
-            var minTop = 8
-            var maxLeft = Math.max(minLeft, window.innerWidth - self.panelWidth - 8)
-            var maxTop = Math.max(minTop, window.innerHeight - 80)
-
-            self.panelLeft = Math.min(Math.max(minLeft, self.panelLeft), maxLeft)
-            self.panelTop = Math.min(Math.max(minTop, self.panelTop), maxTop)
+        .workers-toggle-btn
+            position fixed
+            top 74px
+            right 24px
+            z-index 30
+            background #576671 !important
+            color white !important
+            
+        .workers-connection {
+            display: inline-flex;
+            align-items: center;
+            padding: 3px 8px;
+            border-radius: 999px;
+            font-weight: 700;
+            font-size: 11px;
+            text-transform: uppercase;
+            background: #f3f4f6;
+            color: #6b7280;
         }
-
-        self.onWindowResize = function () {
-            self.clampPanelPosition()
-            self.update()
+        .workers-connection.connected {
+            background: rgba(33,186,69,.12);
+            color: #21ba45;
         }
-
-        self.startPanelDrag = function (e) {
-            if (e.button !== 0) return
-
-            var panel = self.root.querySelector('.workers-panel')
-            if (!panel) return
-
-            var rect = panel.getBoundingClientRect()
-
-            self.draggingPanel = true
-            self.dragOffsetX = e.clientX - rect.left
-            self.dragOffsetY = e.clientY - rect.top
-
-            document.body.classList.add('workers-panel-dragging')
-            window.addEventListener('mousemove', self.onPanelDragMove)
-            window.addEventListener('mouseup', self.stopPanelDrag)
-
-            e.preventDefault()
-            e.stopPropagation()
+        .workers-connection.connecting {
+            background: rgba(251,189,8,.14);
+            color: #b58105;
         }
-
-        self.onPanelDragMove = function (e) {
-            if (!self.draggingPanel) return
-
-            var minLeft = 8
-            var minTop = 8
-            var maxLeft = Math.max(minLeft, window.innerWidth - self.panelWidth - 8)
-            var maxTop = Math.max(minTop, window.innerHeight - 80)
-
-            var newLeft = e.clientX - self.dragOffsetX
-            var newTop = e.clientY - self.dragOffsetY
-
-            self.panelLeft = Math.min(Math.max(minLeft, newLeft), maxLeft)
-            self.panelTop = Math.min(Math.max(minTop, newTop), maxTop)
-
-            self.update()
+        .workers-connection.error {
+            background: rgba(219,40,40,.12);
+            color: #db2828;
         }
-
-        self.stopPanelDrag = function () {
-            if (!self.draggingPanel) return
-
-            self.draggingPanel = false
-            document.body.classList.remove('workers-panel-dragging')
-
-            window.removeEventListener('mousemove', self.onPanelDragMove)
-            window.removeEventListener('mouseup', self.stopPanelDrag)
-
-            self.savePanelPosition()
-            self.update()
+        .workers-connection.disconnected {
+            background: rgba(219,40,40,.12);
+            color: #db2828;
         }
-
-        self.connect_workers_socket = function () {
-            if (self.ws) {
-                try { self.ws.close() } catch (e) {}
-                self.ws = null
-            }
-
-            var scheme = window.location.protocol === 'https:' ? 'wss' : 'ws'
-            var url = scheme + '://' + window.location.host + '/ws/workers/'
-
-            self.wsState = 'connecting'
-            self.update()
-
-            self.ws = new WebSocket(url)
-
-            self.ws.onopen = function () {
-                self.wsState = 'connected'
-                self.update()
-            }
-
-            self.ws.onmessage = function (event) {
-                var message = null
-
-                try {
-                    message = JSON.parse(event.data)
-                } catch (e) {
-                    console.error('Invalid websocket payload:', event.data)
-                    return
-                }
-
-                if (message.type === 'workers.snapshot') {
-                    self.workers = self.normalizeWorkers(message.workers || [])
-                    self.lastSyncAt = Date.now()
-                    self.update()
-                    return
-                }
-
-                if (message.type === 'worker.health' && message.worker) {
-                    self.upsertWorker(message.worker)
-                    self.lastSyncAt = Date.now()
-                    self.update()
-                }
-            }
-
-            self.ws.onerror = function () {
-                self.wsState = 'error'
-                self.update()
-            }
-
-            self.ws.onclose = function () {
-                self.wsState = 'disconnected'
-                self.update()
-
-                if (self.wsReconnectTimer) {
-                    clearTimeout(self.wsReconnectTimer)
-                }
-
-                self.wsReconnectTimer = setTimeout(function () {
-                    self.connect_workers_socket()
-                }, 2000)
-            }
+        .workers-separator { opacity: .6; }
+        .workers-drag-hint { margin-top: 4px; font-size: 11px; color: #9ca3af; white-space: nowrap; }
+
+        .workers-stats {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: 8px;
+            margin: 10px 0 15px 0 !important;
         }
-
-        self.normalizeWorker = function (worker) {
-            worker = worker || {}
-
-            return {
-                hostname: worker.hostname || 'unknown',
-                status: worker.status || 'unavailable',
-                running_jobs: typeof worker.running_jobs === 'number' ? worker.running_jobs : 0,
-                timestamp: worker.timestamp || null
-            }
+        .stat-card {
+            background: #f9fafb;
+            border: 1px solid rgba(0,0,0,0.06);
+            border-radius: 12px;
+            padding: 10px 8px;
+            text-align: center;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
         }
-
-        self.normalizeWorkers = function (workers) {
-            return (workers || [])
-                .filter(function (worker) {
-                    return worker && worker.hostname
-                })
-                .map(function (worker) {
-                    return self.normalizeWorker(worker)
-                })
+        .stat-value {
+            font-size: 18px;
+            font-weight: 800;
+            color: #111827;
+            margin-bottom: 4px;
+            min-width: 1ch;
         }
-
-        self.upsertWorker = function (worker) {
-            worker = self.normalizeWorker(worker)
-
-            if (!worker.hostname || worker.hostname === 'unknown') return
-
-            var idx = _.findIndex(self.workers, { hostname: worker.hostname })
-
-            if (idx === -1) {
-                self.workers.push(worker)
-            } else {
-                self.workers[idx] = worker
-            }
-
-            self.workers = self.workers.slice()
+        .stat-green { color: #21ba45; }
+        .stat-yellow { color: #b58105; }
+        .stat-red { color: #db2828; }
+        .stat-label {
+            font-size: 11px;
+            font-weight: 700;
+            text-transform: uppercase;
+            color: #6b7280;
+            letter-spacing: .04em;
         }
 
-        self.sortedWorkers = function () {
-            var order = {
-                available: 0,
-                busy: 1,
-                unavailable: 2
-            }
-
-            return (self.workers || []).slice().sort(function (a, b) {
-                var sa = self.displayStatus(a)
-                var sb = self.displayStatus(b)
-
-                var oa = order.hasOwnProperty(sa) ? order[sa] : 99
-                var ob = order.hasOwnProperty(sb) ? order[sb] : 99
-
-                if (oa !== ob) return oa - ob
-                if ((b.running_jobs || 0) !== (a.running_jobs || 0)) {
-                    return (b.running_jobs || 0) - (a.running_jobs || 0)
-                }
-
-                return (a.hostname || '').localeCompare(b.hostname || '')
-            })
+        .workers-table-wrap {
+            max-height: calc(100vh - 240px);
+            overflow: auto;
+            border-radius: 12px;
         }
-
-        self.displayStatus = function (worker) {
-            return worker && worker.status ? worker.status : 'unavailable'
+        .workers-table {
+            margin: 0 !important;
+            width: 100%;
+            table-layout: auto;
+            font-size: 13px;
         }
-
-        self.getStatusClass = function (worker) {
-            var status = self.displayStatus(worker)
-            if (status === 'available') return 'green'
-            if (status === 'busy') return 'yellow'
-            return 'red'
+        .workers-table thead th {
+            position: sticky;
+            top: 0;
+            background: #f8fafc !important;
+            color: #374151 !important;
+            font-weight: 700 !important;
+            font-size: 12px;
+            text-transform: uppercase;
         }
-
-        self.getStatusIcon = function (worker) {
-            var status = self.displayStatus(worker)
-            if (status === 'available') return 'check circle'
-            if (status === 'busy') return 'clock'
-            return 'times circle'
+        .workers-table td, .workers-table th {
+            vertical-align: middle !important;
         }
-
-        self.getStatusText = function (worker) {
-            var status = self.displayStatus(worker)
-            if (status === 'available') return 'Available'
-            if (status === 'busy') return 'Busy'
-            return 'Unavailable'
+        .worker-hostname {
+            font-size: 13px;
+            font-weight: 700;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
-
-        self.formatLastSeen = function (timestamp) {
-            if (!timestamp) return '—'
-
-            var age = Math.max(0, Math.round((Date.now() / 1000) - timestamp))
-            if (age < 5) return 'just now'
-            if (age < 60) return age + 's ago'
-
-            var minutes = Math.floor(age / 60)
-            if (minutes < 60) return minutes + 'm ago'
-
-            var hours = Math.floor(minutes / 60)
-            return hours + 'h ago'
+        .worker-jobs {
+            text-align: center;
         }
-
-        self.lastSyncLabel = function () {
-            if (!self.lastSyncAt) return 'never'
-
-            var age = Math.max(0, Math.round((Date.now() - self.lastSyncAt) / 1000))
-            if (age < 5) return 'just now'
-            if (age < 60) return age + 's ago'
-
-            var minutes = Math.floor(age / 60)
-            return minutes + 'm ago'
+        .worker-lastseen {
+            color: #6b7280;
+            font-size: 12px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
-
-        self.totalCount = function () {
-            return (self.workers || []).length
+        .worker-status {
+            border-radius: 999px !important;
+            font-weight: 700 !important;
+            display: inline-flex !important;
+            align-items: center;
+            gap: 6px;
+            white-space: nowrap;
         }
-
-        self.availableCount = function () {
-            return (self.workers || []).filter(function (worker) {
-                return self.displayStatus(worker) === 'available'
-            }).length
+        .workers-empty {
+            padding: 24px 12px;
+            text-align: center;
+            color: #6b7280;
         }
-
-        self.busyCount = function () {
-            return (self.workers || []).filter(function (worker) {
-                return self.displayStatus(worker) === 'busy'
-            }).length
+        .workers-empty .header {
+            font-weight: 700;
+            color: #374151;
+            margin-bottom: 4px;
         }
-
-        self.unavailableCount = function () {
-            return (self.workers || []).filter(function (worker) {
-                return self.displayStatus(worker) === 'unavailable'
-            }).length
+        .workers-footer {
+            margin-top: 12px;
+            font-size: 12px;
+            color: #6b7280;
         }
-
-        self.connectionLabel = function () {
-            if (self.wsState === 'connected') return 'Connected'
-            if (self.wsState === 'connecting') return 'Connecting'
-            if (self.wsState === 'error') return 'Error'
-            return 'Disconnected'
+        .ui.label.green {
+            background-color: #21ba45 !important;
+            color: white !important;
+        }
+        .ui.label.yellow {
+            background-color: #f2c037 !important;
+            color: black !important;
+        }
+        .ui.label.red {
+            background-color: #db2828 !important;
+            color: white !important;
+        }
+        body.workers-panel-dragging {
+            user-select: none;
         }
 
-        CODALAB.events.on('new_submission_created', function () {
-            self.update_competition_data()
-        })
-    </script>
-
-    <style type="text/stylus">
-        .comp-detail-paragraph-text
-            font-size 16px !important
-            line-height 20px !important
-
-        :scope
-            display block
-            width 100%
-            height 100%
-
-        .layout
-            display block
-            position relative
-
-        .comp-content
-            min-width 0
-            padding-right 0
-
-        .workers-panel
-            position fixed
-            top 24px
-            right 24px
-            width 375px
-            z-index 25
-            max-height calc(100vh - 48px)
-            overflow auto
-
-        .workers-card
-            background #fff
-            border 1px solid rgba(34, 36, 38, .12)
-            border-radius 16px
-            box-shadow 0 8px 24px rgba(16, 24, 40, .08)
-            padding 12px
-
-        .workers-drag-handle
-            cursor move
-            user-select none
-            touch-action none
-
-        .workers-header
-            margin-bottom 12px
-
-        .workers-title
-            display flex
-            align-items flex-start
-            gap 10px
-
-        .workers-title .icon
-            margin-top 2px
-
-        .workers-title-text
-            font-size 18px
-            font-weight 700
-            color #1f2937
-            line-height 1.2
-
-        .workers-subtitle
-            margin-top 4px
-            font-size 12px
-            color #6b7280
-            display flex
-            align-items center
-            flex-wrap wrap
-            gap 6px
-
-        .workers-connection
-            display inline-flex
-            align-items center
-            padding 3px 8px
-            border-radius 999px
-            font-weight 700
-            font-size 11px
-            text-transform uppercase
-            letter-spacing .04em
-            background #f3f4f6
-            color #6b7280
-
-        .workers-connection.connected
-            background rgba(33, 186, 69, .12)
-            color #21ba45
-
-        .workers-connection.connecting
-            background rgba(251, 189, 8, .14)
-            color #b58105
-
-        .workers-connection.error
-            background rgba(219, 40, 40, .12)
-            color #db2828
-
-        .workers-connection.disconnected
-            background rgba(219, 40, 40, .12)
-            color #db2828
-
-        .workers-separator
-            opacity .6
-
-        .workers-drag-hint
-            margin-top 4px
-            font-size 11px
-            color #9ca3af
-            white-space nowrap
-
-        .workers-stats
-            display grid
-            grid-template-columns repeat(4, minmax(0, 1fr))
-            gap 8px
-            margin 10px 0 15px 0 !important
-from channels.layers import get_channel_layer
-from asgiref.sync import async_to_sync
-        .stat-card
-            background #f9fafb
-            border 1px solid rgba(17, 24, 39, .06)
-            border-radius 12px
-            padding 10px 8px
-            text-align center
-            min-width 0
-            display flex
-            flex-direction column
-            align-items center
-            justify-content center
-
-        .stat-value
-            font-size 18px
-            font-weight 800
-            line-height 1
-            color #111827
-            margin-bottom 4px
-            min-width 1ch
-            text-align center
-
-        .stat-green
-            color #21ba45
-
-        .stat-yellow
-            color #b58105
-
-        .stat-red
-            color #db2828
-
-        .stat-label
-            font-size 11px
-            font-weight 700
-            text-transform uppercase
-            letter-spacing .04em
-            color #6b7280
-            line-height 1.1
-            text-align center
-            white-space nowrap
-
-        .workers-table-wrap
-            max-height calc(100vh - 240px)
-            overflow auto
-            border-radius 12px
-
-        .workers-table
-            margin 0 !important
-            width :autofill
-            table-layout auto
-            font-size 13px
-
-        .workers-table thead th
-            position sticky
-            top 0
-            z-index 2
-            background #f8fafc !important
-            color #374151 !important
-            font-weight 700 !important
-            font-size 12px
-            text-transform uppercase
-            letter-spacing .03em
-
-        .workers-table td,
-        .workers-table th
-            vertical-align middle !important
-
-        .worker-hostname
-            font-size 13px
-            font-weight 700
-            white-space nowrap
-            overflow hidden
-            text-overflow ellipsis
-
-        .worker-jobs
-            text-align center
-
-        .worker-lastseen
-            color #6b7280
-            font-size 12px
-            white-space nowrap
-            overflow hidden
-            text-overflow ellipsis
-
-        .worker-status
-            border-radius 999px !important
-            font-weight 700 !important
-            display inline-flex !important
-            align-items center
-            gap 6px
-            white-space nowrap
-
-        .workers-empty
-            padding 24px 12px
-            text-align center
-            color #6b7280
-
-        .workers-empty .header
-            font-weight 700
-            color #374151
-            margin-bottom 4px
-
-        .workers-footer
-            margin-top 12px
-            font-size 12px
-            color #6b7280
-
-        .ui.label.green
-            background-color #21ba45 !important
-            color white !important
-
-        .ui.label.yellow
-            background-color #f2c037 !important
-            color black !important
-
-        .ui.label.red
-            background-color #db2828 !important
-            color white !important
-
-        body.workers-panel-dragging
-            user-select none
-
-        @media (max-width: 1400px)
-            .workers-panel
-                position static
-                width 100%
-                max-height none
-                margin-top 16px
-
-            .workers-table-wrap
-                max-height none
-
-        @media (max-width: 768px)
-            .workers-stats
-                grid-template-columns repeat(2, minmax(0, 1fr))
+        @media (max-width: 1400px) {
+            .workers-panel {
+                position: static;
+                width: 100%;
+                max-height: none;
+                margin-top: 16px;
+            }
+            .workers-table-wrap {
+                max-height: none;
+            }
+        }
+        @media (max-width: 768px) {
+            .workers-stats {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
     </style>
-</competition-detail>
\ No newline at end of file
+</competition-detail>
diff --git a/src/templates/competitions/detail.html b/src/templates/competitions/detail.html
index 43a2228db..8e011f45f 100644
--- a/src/templates/competitions/detail.html
+++ b/src/templates/competitions/detail.html
@@ -1,7 +1,11 @@
 {% extends "base.html" %}
 
-{% block title %}{{ competition.title }} - Codabench{% endblock %}
+{% block title %}{{ competition.title }} – Codabench{% endblock %}
 
 {% block content %}
-    <competition-detail competition_pk="{{ object.pk }}" secret_key="{{ secret_key }}"></competition-detail>
+<competition-detail
+    competition_pk="{{ object.pk }}"
+    secret_key="{{ secret_key }}"
+    can_view_workers_panel="{% if request.user.is_authenticated and request.user == competition.created_by or request.user in competition.collaborators.all or request.user.is_superuser %}true{% else %}false{% endif %}">
+</competition-detail>
 {% endblock %}
\ No newline at end of file
diff --git a/src/utils/consumers.py b/src/utils/consumers.py
index 817b85342..108cd61ef 100644
--- a/src/utils/consumers.py
+++ b/src/utils/consumers.py
@@ -8,6 +8,11 @@
 
 class ComputeWorkersConsumer(AsyncJsonWebsocketConsumer):
     async def connect(self):
+        user = self.scope["user"]
+
+        if user is None or user.is_anonymous:
+            await self.close()
+            return
         await self.accept()
         self._running = True
         self._task = asyncio.create_task(self._push_workers_loop())

From f8fc51e61a9d4203dd59a2de565adf5ffb9c3d20 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 2 Apr 2026 14:07:29 +0200
Subject: [PATCH 3/9] worker monitoring button behind user menu

---
 src/static/riot/competitions/detail/detail.tag | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/static/riot/competitions/detail/detail.tag b/src/static/riot/competitions/detail/detail.tag
index 812327502..abbf42743 100644
--- a/src/static/riot/competitions/detail/detail.tag
+++ b/src/static/riot/competitions/detail/detail.tag
@@ -475,10 +475,10 @@
         }
 
         .workers-toggle-btn
+            z-index 0
             position fixed
             top 74px
             right 24px
-            z-index 30
             background #576671 !important
             color white !important
             

From a0b6fed52fa685a1bc84bb2ff985255da3729491 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 2 Apr 2026 15:54:14 +0200
Subject: [PATCH 4/9] files blacked for fixing the formatting issues

---
 pyproject.toml                 |   1 +
 src/apps/competitions/tasks.py | 567 +++++++++++++++++++--------------
 src/celery_config.py           |  14 +-
 src/utils/consumers.py         |  30 +-
 uv.lock                        |  65 ++++
 5 files changed, 425 insertions(+), 252 deletions(-)

diff --git a/pyproject.toml b/pyproject.toml
index 8d308a843..a1ac98575 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -67,6 +67,7 @@ dependencies = [
     "django-cors-headers==4.9.0",
     "nh3==0.3.3",
     "configobj==5.0.9",
+    "black>=26.3.1",
 ]
 
 [tool.uv]
diff --git a/src/apps/competitions/tasks.py b/src/apps/competitions/tasks.py
index 95c30fd35..31b43d774 100644
--- a/src/apps/competitions/tasks.py
+++ b/src/apps/competitions/tasks.py
@@ -21,8 +21,14 @@
 from rest_framework.exceptions import ValidationError
 
 from celery_config import app
-from competitions.models import Submission, CompetitionCreationTaskStatus, SubmissionDetails, Competition, \
-    CompetitionDump, Phase
+from competitions.models import (
+    Submission,
+    CompetitionCreationTaskStatus,
+    SubmissionDetails,
+    Competition,
+    CompetitionDump,
+    Phase,
+)
 from competitions.unpackers.utils import CompetitionUnpackingException
 from competitions.unpackers.v1 import V15Unpacker
 from competitions.unpackers.v2 import V2Unpacker
@@ -36,6 +42,7 @@
 from asgiref.sync import async_to_sync
 
 import logging
+
 logger = logging.getLogger(__name__)
 
 COMPETITION_FIELDS = [
@@ -55,35 +62,35 @@
     "reward",
     "contact_email",
     "fact_sheet",
-    "forum_enabled"
+    "forum_enabled",
 ]
 
 TASK_FIELDS = [
-    'name',
-    'description',
-    'key',
-    'is_public',
+    "name",
+    "description",
+    "key",
+    "is_public",
 ]
 SOLUTION_FIELDS = [
-    'name',
-    'description',
-    'tasks',
-    'key',
+    "name",
+    "description",
+    "tasks",
+    "key",
 ]
 
 PHASE_FIELDS = [
-    'index',
-    'name',
-    'description',
-    'start',
-    'end',
-    'max_submissions_per_day',
-    'max_submissions_per_person',
-    'execution_time_limit',
-    'auto_migrate_to_this_phase',
-    'hide_output',
-    'hide_prediction_output',
-    'hide_score_output',
+    "index",
+    "name",
+    "description",
+    "start",
+    "end",
+    "max_submissions_per_day",
+    "max_submissions_per_person",
+    "execution_time_limit",
+    "auto_migrate_to_this_phase",
+    "hide_output",
+    "hide_prediction_output",
+    "hide_score_output",
 ]
 PHASE_FILES = [
     "input_data",
@@ -93,15 +100,12 @@
     "public_data",
     "starting_kit",
 ]
-PAGE_FIELDS = [
-    "title"
-]
+PAGE_FIELDS = ["title"]
 LEADERBOARD_FIELDS = [
-    'title',
-    'key',
-    'hidden',
-    'submission_rule',
-
+    "title",
+    "key",
+    "hidden",
+    "submission_rule",
     # For later
     # 'force_submission_to_leaderboard',
     # 'force_best_submission_to_leaderboard',
@@ -109,16 +113,18 @@
 ]
 
 COLUMN_FIELDS = [
-    'title',
-    'key',
-    'index',
-    'sorting',
-    'computation',
-    'computation_indexes',
-    'hidden',
-    'precision',
+    "title",
+    "key",
+    "index",
+    "sorting",
+    "computation",
+    "computation_indexes",
+    "hidden",
+    "precision",
 ]
-MAX_EXECUTION_TIME_LIMIT = int(os.environ.get('MAX_EXECUTION_TIME_LIMIT', 600))  # time limit of the default queue
+MAX_EXECUTION_TIME_LIMIT = int(
+    os.environ.get("MAX_EXECUTION_TIME_LIMIT", 600)
+)  # time limit of the default queue
 
 
 def _send_to_compute_worker(submission, is_scoring):
@@ -127,59 +133,75 @@ def _send_to_compute_worker(submission, is_scoring):
         "submissions_api_url": settings.SUBMISSIONS_API_URL,
         "secret": submission.secret,
         "docker_image": submission.phase.competition.docker_image,
-        "execution_time_limit": min(MAX_EXECUTION_TIME_LIMIT, submission.phase.execution_time_limit),
+        "execution_time_limit": min(
+            MAX_EXECUTION_TIME_LIMIT, submission.phase.execution_time_limit
+        ),
         "id": submission.pk,
         "is_scoring": is_scoring,
     }
 
-    if not submission.detailed_result.name and submission.phase.competition.enable_detailed_results:
-        submission.detailed_result.save('detailed_results.html', ContentFile(''.encode()))  # must encode here for GCS
-        submission.save(update_fields=['detailed_result'])
+    if (
+        not submission.detailed_result.name
+        and submission.phase.competition.enable_detailed_results
+    ):
+        submission.detailed_result.save(
+            "detailed_results.html", ContentFile("".encode())
+        )  # must encode here for GCS
+        submission.save(update_fields=["detailed_result"])
     if not submission.prediction_result.name:
-        submission.prediction_result.save('prediction_result.zip', ContentFile(''.encode()))  # must encode here for GCS
-        submission.save(update_fields=['prediction_result'])
+        submission.prediction_result.save(
+            "prediction_result.zip", ContentFile("".encode())
+        )  # must encode here for GCS
+        submission.save(update_fields=["prediction_result"])
     if not submission.scoring_result.name:
-        submission.scoring_result.save('scoring_result.zip', ContentFile(''.encode()))  # must encode here for GCS
-        submission.save(update_fields=['scoring_result'])
+        submission.scoring_result.save(
+            "scoring_result.zip", ContentFile("".encode())
+        )  # must encode here for GCS
+        submission.save(update_fields=["scoring_result"])
 
     submission = Submission.objects.get(id=submission.id)
     task = submission.task
 
     if not is_scoring:
-        run_args['prediction_result'] = make_url_sassy(
-            path=submission.prediction_result.name,
-            permission='w'
+        run_args["prediction_result"] = make_url_sassy(
+            path=submission.prediction_result.name, permission="w"
         )
     else:
         if submission.phase.competition.enable_detailed_results:
-            run_args['detailed_results_url'] = make_url_sassy(
+            run_args["detailed_results_url"] = make_url_sassy(
                 path=submission.detailed_result.name,
-                permission='w',
-                content_type='text/html'
+                permission="w",
+                content_type="text/html",
             )
-        run_args['prediction_result'] = make_url_sassy(
-            path=submission.prediction_result.name,
-            permission='r'
+        run_args["prediction_result"] = make_url_sassy(
+            path=submission.prediction_result.name, permission="r"
         )
-        run_args['scoring_result'] = make_url_sassy(
-            path=submission.scoring_result.name,
-            permission='w'
+        run_args["scoring_result"] = make_url_sassy(
+            path=submission.scoring_result.name, permission="w"
         )
 
     if task.ingestion_program:
-        if (task.ingestion_only_during_scoring and is_scoring) or (not task.ingestion_only_during_scoring and not is_scoring):
-            run_args['ingestion_program'] = make_url_sassy(task.ingestion_program.data_file.name)
+        if (task.ingestion_only_during_scoring and is_scoring) or (
+            not task.ingestion_only_during_scoring and not is_scoring
+        ):
+            run_args["ingestion_program"] = make_url_sassy(
+                task.ingestion_program.data_file.name
+            )
 
     if task.input_data and (not is_scoring or task.ingestion_only_during_scoring):
-        run_args['input_data'] = make_url_sassy(task.input_data.data_file.name)
+        run_args["input_data"] = make_url_sassy(task.input_data.data_file.name)
 
     if is_scoring and task.reference_data:
-        run_args['reference_data'] = make_url_sassy(task.reference_data.data_file.name)
+        run_args["reference_data"] = make_url_sassy(task.reference_data.data_file.name)
 
-    run_args['ingestion_only_during_scoring'] = task.ingestion_only_during_scoring
+    run_args["ingestion_only_during_scoring"] = task.ingestion_only_during_scoring
 
-    run_args['program_data'] = make_url_sassy(
-        path=submission.data.data_file.name if not is_scoring else task.scoring_program.data_file.name
+    run_args["program_data"] = make_url_sassy(
+        path=(
+            submission.data.data_file.name
+            if not is_scoring
+            else task.scoring_program.data_file.name
+        )
     )
 
     if not is_scoring:
@@ -197,9 +219,13 @@ def _send_to_compute_worker(submission, is_scoring):
     time_padding = 60 * 20  # 20 minutes
     time_limit = submission.phase.execution_time_limit + time_padding
 
-    if submission.phase.competition.queue:  # if the competition is running on a custom queue, not the default queue
+    if (
+        submission.phase.competition.queue
+    ):  # if the competition is running on a custom queue, not the default queue
         submission.queue = submission.phase.competition.queue
-        run_args['execution_time_limit'] = submission.phase.execution_time_limit  # use the competition time limit
+        run_args["execution_time_limit"] = (
+            submission.phase.execution_time_limit
+        )  # use the competition time limit
         submission.save(update_fields=["queue"])
     if submission.status == Submission.SUBMITTING:
         # Don't want to mark an already-prepared submission as "submitted" again, so
@@ -214,20 +240,22 @@ def _enqueue_after_commit():
         if submission.phase.competition.queue:
             celery_app = app_or_default()
             with celery_app.connection() as new_connection:
-                new_connection.virtual_host = str(submission.phase.competition.queue.vhost)
+                new_connection.virtual_host = str(
+                    submission.phase.competition.queue.vhost
+                )
                 task = celery_app.send_task(
-                    'compute_worker_run',
+                    "compute_worker_run",
                     args=(run_args,),
-                    queue='compute-worker',
+                    queue="compute-worker",
                     soft_time_limit=time_limit,
                     connection=new_connection,
                     priority=priority,
                 )
         else:
             task = app.send_task(
-                'compute_worker_run',
+                "compute_worker_run",
                 args=(run_args,),
-                queue='compute-worker',
+                queue="compute-worker",
                 soft_time_limit=time_limit,
                 priority=priority,
             )
@@ -239,8 +267,12 @@ def _enqueue_after_commit():
 
 def create_detailed_output_file(detail_name, submission):
     # Detail logs like stdout/etc.
-    new_details = SubmissionDetails.objects.create(submission=submission, name=detail_name)
-    new_details.data_file.save(f'{detail_name}.txt', ContentFile(''.encode()))  # must encode here for GCS
+    new_details = SubmissionDetails.objects.create(
+        submission=submission, name=detail_name
+    )
+    new_details.data_file.save(
+        f"{detail_name}.txt", ContentFile("".encode())
+    )  # must encode here for GCS
     return make_url_sassy(new_details.data_file.name, permission="w")
 
 
@@ -251,47 +283,49 @@ def run_submission(submission_pk, tasks=None, is_scoring=False):
 
 def send_submission_message(submission, data):
     from channels.layers import get_channel_layer
+
     channel_layer = get_channel_layer()
     user = submission.owner
-    asyncio.get_event_loop().run_until_complete(channel_layer.group_send(f"submission_listening_{user.pk}", {
-        'type': 'submission.message',
-        'text': data,
-        'submission_id': submission.pk,
-    }))
+    asyncio.get_event_loop().run_until_complete(
+        channel_layer.group_send(
+            f"submission_listening_{user.pk}",
+            {
+                "type": "submission.message",
+                "text": data,
+                "submission_id": submission.pk,
+            },
+        )
+    )
 
 
 def send_parent_status(submission):
     """Helper function we can mock in tests, instead of having to do async mocks"""
-    send_submission_message(submission, {
-        "kind": "status_update",
-        "status": "Running"
-    })
+    send_submission_message(submission, {"kind": "status_update", "status": "Running"})
 
 
 def send_child_id(submission, child_id):
     """Helper function we can mock in tests, instead of having to do async mocks"""
-    send_submission_message(submission, {
-        "kind": "child_update",
-        "child_id": child_id
-    })
+    send_submission_message(submission, {"kind": "child_update", "child_id": child_id})
 
 
-@app.task(queue='site-worker', soft_time_limit=60)
+@app.task(queue="site-worker", soft_time_limit=60)
 def _run_submission(submission_pk, task_pks=None, is_scoring=False):
     """This function is wrapped so that when we run tests we can run this function not
     via celery"""
     select_models = (
-        'phase',
-        'phase__competition',
+        "phase",
+        "phase__competition",
     )
     prefetch_models = (
-        'details',
-        'phase__tasks__input_data',
-        'phase__tasks__reference_data',
-        'phase__tasks__scoring_program',
-        'phase__tasks__ingestion_program',
+        "details",
+        "phase__tasks__input_data",
+        "phase__tasks__reference_data",
+        "phase__tasks__scoring_program",
+        "phase__tasks__ingestion_program",
+    )
+    qs = Submission.objects.select_related(*select_models).prefetch_related(
+        *prefetch_models
     )
-    qs = Submission.objects.select_related(*select_models).prefetch_related(*prefetch_models)
     submission = qs.get(pk=submission_pk)
 
     if submission.is_specific_task_re_run:
@@ -302,7 +336,7 @@ def _run_submission(submission_pk, task_pks=None, is_scoring=False):
     else:
         tasks = submission.phase.tasks.filter(pk__in=task_pks)
 
-    tasks = tasks.order_by('pk')
+    tasks = tasks.order_by("pk")
 
     if len(tasks) > 1:
         # The initial submission object becomes the parent submission and we create children for each task
@@ -320,7 +354,7 @@ def _run_submission(submission_pk, task_pks=None, is_scoring=False):
                 participant=submission.participant,
                 parent=submission,
                 task=task,
-                fact_sheet_answers=submission.fact_sheet_answers
+                fact_sheet_answers=submission.fact_sheet_answers,
             )
             child_sub.save(ignore_submission_limit=True)
             _send_to_compute_worker(child_sub, is_scoring=False)
@@ -333,7 +367,7 @@ def _run_submission(submission_pk, task_pks=None, is_scoring=False):
         _send_to_compute_worker(submission, is_scoring)
 
 
-@app.task(queue='site-worker', soft_time_limit=60 * 60)  # 1 hour timeout
+@app.task(queue="site-worker", soft_time_limit=60 * 60)  # 1 hour timeout
 def unpack_competition(status_pk):
     logger.info(f"Starting unpack with status pk = {status_pk}")
     status = CompetitionCreationTaskStatus.objects.get(pk=status_pk)
@@ -354,8 +388,12 @@ def mark_status_as_failed_and_delete_dataset(competition_creation_status, detail
             # Extract bundle
             try:
                 with NamedTemporaryFile(mode="w+b") as temp_file:
-                    logger.info(f"Download competition bundle: {competition_dataset.data_file.name}")
-                    competition_bundle_url = make_url_sassy(competition_dataset.data_file.url)
+                    logger.info(
+                        f"Download competition bundle: {competition_dataset.data_file.name}"
+                    )
+                    competition_bundle_url = make_url_sassy(
+                        competition_dataset.data_file.url
+                    )
                     try:
                         with requests.get(competition_bundle_url, stream=True) as r:
                             r.raise_for_status()
@@ -363,12 +401,14 @@ def mark_status_as_failed_and_delete_dataset(competition_creation_status, detail
                                 temp_file.write(chunk)
                             r.close()
                     except requests.exceptions.RequestException as e:
-                        raise CompetitionUnpackingException(f"Failed to download bundle from storage: {e}")
+                        raise CompetitionUnpackingException(
+                            f"Failed to download bundle from storage: {e}"
+                        )
 
                     # seek back to the start of the tempfile after writing to it..
                     temp_file.seek(0)
 
-                    with zipfile.ZipFile(temp_file.name, 'r') as zip_pointer:
+                    with zipfile.ZipFile(temp_file.name, "r") as zip_pointer:
                         zip_pointer.extractall(temp_directory)
             except zipfile.BadZipFile:
                 raise CompetitionUnpackingException("Bad zip file uploaded.")
@@ -385,20 +425,24 @@ def mark_status_as_failed_and_delete_dataset(competition_creation_status, detail
                 with open(yaml_path) as f:
                     competition_yaml = yaml.safe_load(f.read())
             except yaml.YAMLError as e:
-                raise CompetitionUnpackingException(f"Error parsing competition.yaml: {e}")
+                raise CompetitionUnpackingException(
+                    f"Error parsing competition.yaml: {e}"
+                )
             except Exception as e:
-                raise CompetitionUnpackingException(f"Failed to read competition.yaml: {e}")
+                raise CompetitionUnpackingException(
+                    f"Failed to read competition.yaml: {e}"
+                )
 
-            yaml_version = str(competition_yaml.get('version', '1'))
+            yaml_version = str(competition_yaml.get("version", "1"))
 
             logger.info(f"The YAML version is: {yaml_version}")
-            if yaml_version in ['1', '1.5']:
+            if yaml_version in ["1", "1.5"]:
                 unpacker_class = V15Unpacker
-            elif yaml_version == '2':
+            elif yaml_version == "2":
                 unpacker_class = V2Unpacker
             else:
                 raise CompetitionUnpackingException(
-                    'A suitable version could not be found for this competition. Make sure one is supplied in the yaml.'
+                    "A suitable version could not be found for this competition. Make sure one is supplied in the yaml."
                 )
 
             unpacker = unpacker_class(
@@ -411,6 +455,7 @@ def mark_status_as_failed_and_delete_dataset(competition_creation_status, detail
             try:
                 competition = unpacker.save()
             except ValidationError as e:
+
                 def _get_error_string(error_dict):
                     """Helps us nicely print out a ValidationError"""
                     for key, errors in error_dict.items():
@@ -452,7 +497,7 @@ def _get_error_string(error_dict):
         mark_status_as_failed_and_delete_dataset(status, message)
 
 
-@app.task(queue='site-worker', soft_time_limit=60 * 10)
+@app.task(queue="site-worker", soft_time_limit=60 * 10)
 def create_competition_dump(competition_pk, keys_instead_of_files=False):
     yaml_data = {"version": "2"}
     try:
@@ -461,7 +506,7 @@ def create_competition_dump(competition_pk, keys_instead_of_files=False):
         logger.info(f"Finding competition {competition_pk}")
         comp = Competition.objects.get(pk=competition_pk)
         zip_buffer = BytesIO()
-        current_date_time = datetime.today().strftime('%Y-%m-%d %H:%M:%S')
+        current_date_time = datetime.today().strftime("%Y-%m-%d %H:%M:%S")
         zip_name = f"{comp.title}-{current_date_time}.zip"
         zip_file = zipfile.ZipFile(zip_buffer, "w")
 
@@ -469,14 +514,14 @@ def create_competition_dump(competition_pk, keys_instead_of_files=False):
         for field in COMPETITION_FIELDS:
             if hasattr(comp, field):
                 value = getattr(comp, field, "")
-                if field == 'queue' and value is not None:
+                if field == "queue" and value is not None:
                     value = str(value.vhost)
                 yaml_data[field] = value
         if comp.logo:
             logger.info("Checking logo")
             try:
-                yaml_data['image'] = re.sub(r'.*/', '', comp.logo.name)
-                zip_file.writestr(yaml_data['image'], comp.logo.read())
+                yaml_data["image"] = re.sub(r".*/", "", comp.logo.name)
+                zip_file.writestr(yaml_data["image"], comp.logo.read())
                 logger.info(f"Logo found for competition {comp.pk}")
             except OSError:
                 logger.warning(
@@ -485,25 +530,25 @@ def create_competition_dump(competition_pk, keys_instead_of_files=False):
 
         # -------- Competition Terms -------
         if comp.terms:
-            yaml_data['terms'] = 'terms.md'
-            zip_file.writestr('terms.md', comp.terms)
+            yaml_data["terms"] = "terms.md"
+            zip_file.writestr("terms.md", comp.terms)
 
         # -------- Competition Pages -------
-        yaml_data['pages'] = []
+        yaml_data["pages"] = []
         for page in comp.pages.all():
             temp_page_data = {}
             for field in PAGE_FIELDS:
                 if hasattr(page, field):
                     temp_page_data[field] = getattr(page, field, "")
             page_file_name = f"{slugify(page.title)}-{page.pk}.md"
-            temp_page_data['file'] = page_file_name
-            yaml_data['pages'].append(temp_page_data)
-            zip_file.writestr(temp_page_data['file'], page.content)
+            temp_page_data["file"] = page_file_name
+            yaml_data["pages"].append(temp_page_data)
+            zip_file.writestr(temp_page_data["file"], page.content)
 
         # -------- Competition Tasks/Solutions -------
 
-        yaml_data['tasks'] = []
-        yaml_data['solutions'] = []
+        yaml_data["tasks"] = []
+        yaml_data["solutions"] = []
 
         task_solution_pairs = {}
         tasks = [task for phase in comp.phases.all() for task in phase.tasks.all()]
@@ -514,23 +559,18 @@ def create_competition_dump(competition_pk, keys_instead_of_files=False):
         for index, task in enumerate(tasks):
 
             task_solution_pairs[task.id] = {
-                'index': index,
-                'solutions': {
-                    'ids': [],
-                    'indexes': []
-                }
+                "index": index,
+                "solutions": {"ids": [], "indexes": []},
             }
 
-            temp_task_data = {
-                'index': index
-            }
+            temp_task_data = {"index": index}
 
             for field in TASK_FIELDS:
                 data = getattr(task, field, "")
                 # If keys_instead of files is not true and field is key, then skip this filed
-                if not keys_instead_of_files and field == 'key':
+                if not keys_instead_of_files and field == "key":
                     continue
-                if field == 'key':
+                if field == "key":
                     data = str(data)
                 temp_task_data[field] = data
 
@@ -543,116 +583,136 @@ def create_competition_dump(competition_pk, keys_instead_of_files=False):
                                 temp_task_data[file_type] = str(temp_dataset.key)
                             else:
                                 try:
-                                    temp_task_data[file_type] = f"{file_type}-{task.pk}.zip"
-                                    zip_file.writestr(temp_task_data[file_type], temp_dataset.data_file.read())
+                                    temp_task_data[file_type] = (
+                                        f"{file_type}-{task.pk}.zip"
+                                    )
+                                    zip_file.writestr(
+                                        temp_task_data[file_type],
+                                        temp_dataset.data_file.read(),
+                                    )
                                 except OSError:
                                     logger.error(
                                         f"The file field is set, but no actual"
                                         f" file was found for dataset: {temp_dataset.pk} with name {temp_dataset.name}"
                                     )
                         else:
-                            logger.warning(f"Could not find data file for dataset object: {temp_dataset.pk}")
+                            logger.warning(
+                                f"Could not find data file for dataset object: {temp_dataset.pk}"
+                            )
             # Now for all of our solutions for the tasks, write those too
             for solution in task.solutions.all():
                 # for index_two, solution in enumerate(task.solutions.all()):
                 #     temp_index = index_two
                 # IF OUR SOLUTION WAS ALREADY ADDED
-                if solution.id in task_solution_pairs[task.id]['solutions']['ids']:
-                    for solution_data in yaml_data['solutions']:
-                        if solution_data['key'] == solution.key:
-                            solution_data['tasks'].append(task.id)
+                if solution.id in task_solution_pairs[task.id]["solutions"]["ids"]:
+                    for solution_data in yaml_data["solutions"]:
+                        if solution_data["key"] == solution.key:
+                            solution_data["tasks"].append(task.id)
                             break
                     break
                 # Else if our index is already taken
-                elif index_two in task_solution_pairs[task.id]['solutions']['indexes']:
+                elif index_two in task_solution_pairs[task.id]["solutions"]["indexes"]:
                     index_two += 1
-                task_solution_pairs[task.id]['solutions']['indexes'].append(index_two)
-                task_solution_pairs[task.id]['solutions']['ids'].append(solution.id)
+                task_solution_pairs[task.id]["solutions"]["indexes"].append(index_two)
+                task_solution_pairs[task.id]["solutions"]["ids"].append(solution.id)
 
-                temp_solution_data = {
-                    'index': index_two
-                }
+                temp_solution_data = {"index": index_two}
                 for field in SOLUTION_FIELDS:
                     if hasattr(solution, field):
                         data = getattr(solution, field, "")
-                        if field == 'key':
+                        if field == "key":
                             data = str(data)
                         temp_solution_data[field] = data
                 if solution.data:
-                    temp_dataset = getattr(solution, 'data')
+                    temp_dataset = getattr(solution, "data")
                     if temp_dataset:
                         if temp_dataset.data_file:
                             try:
-                                temp_solution_data['path'] = f"solution-{solution.pk}.zip"
-                                zip_file.writestr(temp_solution_data['path'], temp_dataset.data_file.read())
+                                temp_solution_data["path"] = (
+                                    f"solution-{solution.pk}.zip"
+                                )
+                                zip_file.writestr(
+                                    temp_solution_data["path"],
+                                    temp_dataset.data_file.read(),
+                                )
                             except OSError:
                                 logger.error(
                                     f"The file field is set, but no actual"
                                     f" file was found for dataset: {temp_dataset.pk} with name {temp_dataset.name}"
                                 )
                         else:
-                            logger.warning(f"Could not find data file for dataset object: {temp_dataset.pk}")
+                            logger.warning(
+                                f"Could not find data file for dataset object: {temp_dataset.pk}"
+                            )
                 # TODO: Make sure logic here is right. Needs to be outputted as a list, but what others can we tie to?
-                temp_solution_data['tasks'] = [index]
-                yaml_data['solutions'].append(temp_solution_data)
+                temp_solution_data["tasks"] = [index]
+                yaml_data["solutions"].append(temp_solution_data)
                 index_two += 1
             # End for loop for solutions; Append tasks data
-            yaml_data['tasks'].append(temp_task_data)
+            yaml_data["tasks"].append(temp_task_data)
 
         # -------- Competition Phases -------
 
-        yaml_data['phases'] = []
+        yaml_data["phases"] = []
         for phase in comp.phases.all():
             temp_phase_data = {}
             for field in PHASE_FIELDS:
                 if hasattr(phase, field):
-                    if field == 'start' or field == 'end':
+                    if field == "start" or field == "end":
                         temp_date = getattr(phase, field)
                         if not temp_date:
                             continue
                         temp_date = temp_date.strftime("%Y-%m-%d")
                         temp_phase_data[field] = temp_date
-                    elif field == 'max_submissions_per_person':
-                        temp_phase_data['max_submissions'] = getattr(phase, field)
+                    elif field == "max_submissions_per_person":
+                        temp_phase_data["max_submissions"] = getattr(phase, field)
                     else:
                         temp_phase_data[field] = getattr(phase, field, "")
-            task_indexes = [task_solution_pairs[task.id]['index'] for task in phase.tasks.all()]
-            temp_phase_data['tasks'] = task_indexes
+            task_indexes = [
+                task_solution_pairs[task.id]["index"] for task in phase.tasks.all()
+            ]
+            temp_phase_data["tasks"] = task_indexes
             temp_phase_solutions = []
             for task in phase.tasks.all():
-                temp_phase_solutions += task_solution_pairs[task.id]['solutions']['indexes']
-            temp_phase_data['solutions'] = temp_phase_solutions
-            yaml_data['phases'].append(temp_phase_data)
-        yaml_data['phases'] = sorted(yaml_data['phases'], key=lambda phase: phase['index'])
+                temp_phase_solutions += task_solution_pairs[task.id]["solutions"][
+                    "indexes"
+                ]
+            temp_phase_data["solutions"] = temp_phase_solutions
+            yaml_data["phases"].append(temp_phase_data)
+        yaml_data["phases"] = sorted(
+            yaml_data["phases"], key=lambda phase: phase["index"]
+        )
 
         # -------- Leaderboards -------
 
-        yaml_data['leaderboards'] = []
+        yaml_data["leaderboards"] = []
         # Have to grab leaderboards from phases
-        leaderboards = Leaderboard.objects.filter(id__in=comp.phases.all().values_list('leaderboard', flat=True))
+        leaderboards = Leaderboard.objects.filter(
+            id__in=comp.phases.all().values_list("leaderboard", flat=True)
+        )
         for index, leaderboard in enumerate(leaderboards):
-            ldb_data = {
-                'index': index
-            }
+            ldb_data = {"index": index}
             for field in LEADERBOARD_FIELDS:
                 if hasattr(leaderboard, field):
                     ldb_data[field] = getattr(leaderboard, field, "")
-            ldb_data['columns'] = []
+            ldb_data["columns"] = []
             for column in leaderboard.columns.all():
                 col_data = {}
                 for field in COLUMN_FIELDS:
                     if hasattr(column, field):
                         value = getattr(column, field, "")
-                        if field == 'computation_indexes' and value is not None:
-                            value = value.split(',')
+                        if field == "computation_indexes" and value is not None:
+                            value = value.split(",")
                         if value is not None:
                             col_data[field] = value
-                ldb_data['columns'].append(col_data)
-            yaml_data['leaderboards'].append(ldb_data)
+                ldb_data["columns"].append(col_data)
+            yaml_data["leaderboards"].append(ldb_data)
 
         # ------- Finalize --------
         logger.info(f"YAML data to be written is: {yaml_data}")
-        comp_yaml = yaml.safe_dump(yaml_data, default_flow_style=False, allow_unicode=True, encoding="utf-8")
+        comp_yaml = yaml.safe_dump(
+            yaml_data, default_flow_style=False, allow_unicode=True, encoding="utf-8"
+        )
         logger.info(f"YAML output: {comp_yaml}")
         zip_file.writestr("competition.yaml", comp_yaml)
         zip_file.close()
@@ -663,8 +723,8 @@ def create_competition_dump(competition_pk, keys_instead_of_files=False):
         temp_dataset_bundle = Data.objects.create(
             created_by=comp.created_by,
             name=f"{comp.title} Dump #{bundle_count} Created {current_date_time}",
-            type='competition_bundle',
-            description='Automatically created competition dump',
+            type="competition_bundle",
+            description="Automatically created competition dump",
             # 'data_file'=,
         )
         logger.info("Saving zip to Competition Bundle")
@@ -673,61 +733,74 @@ def create_competition_dump(competition_pk, keys_instead_of_files=False):
         temp_comp_dump = CompetitionDump.objects.create(
             dataset=temp_dataset_bundle,
             status="Finished",
-            details="Competition Bundle {0} for Competition {1}".format(temp_dataset_bundle.pk, comp.pk),
-            competition=comp
+            details="Competition Bundle {0} for Competition {1}".format(
+                temp_dataset_bundle.pk, comp.pk
+            ),
+            competition=comp,
+        )
+        logger.info(
+            f"Finished creating competition dump: {temp_comp_dump.pk} for competition: {comp.pk}"
         )
-        logger.info(f"Finished creating competition dump: {temp_comp_dump.pk} for competition: {comp.pk}")
     except ObjectDoesNotExist:
-        logger.error("Could not find competition with pk {} to create a competition dump".format(competition_pk))
+        logger.error(
+            "Could not find competition with pk {} to create a competition dump".format(
+                competition_pk
+            )
+        )
 
 
-@app.task(queue='site-worker', soft_time_limit=60 * 5)
+@app.task(queue="site-worker", soft_time_limit=60 * 5)
 def do_phase_migrations():
     # Update phase statuses
-    previous_subquery = Phase.objects.filter(
-        competition=OuterRef('competition'),
-        end__lte=now()
-    ).order_by('-index').values('index')[:1]
+    previous_subquery = (
+        Phase.objects.filter(competition=OuterRef("competition"), end__lte=now())
+        .order_by("-index")
+        .values("index")[:1]
+    )
 
     current_subquery = Phase.objects.filter(
-        competition=OuterRef('competition'),
+        competition=OuterRef("competition"),
         start__lte=now(),
         end__gt=now(),
-    ).values('index')[:1]
+    ).values("index")[:1]
 
-    next_subquery = Phase.objects.filter(
-        competition=OuterRef('competition'),
-        start__gt=now()
-    ).order_by('index').values('index')[:1]
+    next_subquery = (
+        Phase.objects.filter(competition=OuterRef("competition"), start__gt=now())
+        .order_by("index")
+        .values("index")[:1]
+    )
 
     Phase.objects.annotate(
         previous_index=Subquery(previous_subquery),
         current_index=Subquery(current_subquery),
         next_index=Subquery(next_subquery),
-    ).update(status=Case(
-        When(index=F('previous_index'), then=Value(Phase.PREVIOUS)),
-        When(index=F('current_index'), then=Value(Phase.CURRENT)),
-        When(index=F('next_index'), then=Value(Phase.NEXT)),
-        default=None
-    ))
+    ).update(
+        status=Case(
+            When(index=F("previous_index"), then=Value(Phase.PREVIOUS)),
+            When(index=F("current_index"), then=Value(Phase.CURRENT)),
+            When(index=F("next_index"), then=Value(Phase.NEXT)),
+            default=None,
+        )
+    )
 
     # Updating Competitions whose phases have finished migrating to `is_migrating=False`
-    completed_statuses = [Submission.FINISHED, Submission.FAILED, Submission.CANCELLED, Submission.NONE]
-
-    running_subs_query = Submission.objects.filter(
-        created_by_migration=OuterRef('pk')
-    ).exclude(
-        status__in=completed_statuses
-    ).values_list('pk')[:1]
+    completed_statuses = [
+        Submission.FINISHED,
+        Submission.FAILED,
+        Submission.CANCELLED,
+        Submission.NONE,
+    ]
+
+    running_subs_query = (
+        Submission.objects.filter(created_by_migration=OuterRef("pk"))
+        .exclude(status__in=completed_statuses)
+        .values_list("pk")[:1]
+    )
 
     Competition.objects.filter(
-        pk__in=Phase.objects.annotate(
-            running_subs=Count(Subquery(running_subs_query))
-        ).filter(
-            running_subs=0,
-            competition__is_migrating=True,
-            status=Phase.PREVIOUS
-        ).values_list('competition__pk', flat=True)
+        pk__in=Phase.objects.annotate(running_subs=Count(Subquery(running_subs_query)))
+        .filter(running_subs=0, competition__is_migrating=True, status=Phase.PREVIOUS)
+        .values_list("competition__pk", flat=True)
     ).update(is_migrating=False)
 
     # Checking for new phases to start migrating
@@ -735,7 +808,7 @@ def do_phase_migrations():
         auto_migrate_to_this_phase=True,
         start__lte=now(),
         competition__is_migrating=False,
-        has_been_migrated=False
+        has_been_migrated=False,
     )
 
     logger.info(f"Checking {len(new_phases)} phases for phase migrations.")
@@ -744,50 +817,70 @@ def do_phase_migrations():
         p.check_future_phase_submissions()
 
 
-@app.task(queue='site-worker', soft_time_limit=60 * 5)
+@app.task(queue="site-worker", soft_time_limit=60 * 5)
 def manual_migration(phase_id):
     try:
         source_phase = Phase.objects.get(id=phase_id)
     except Phase.DoesNotExist:
-        logger.error(f'Could not manually migrate phase with id: {phase_id}. Phase could not be found.')
+        logger.error(
+            f"Could not manually migrate phase with id: {phase_id}. Phase could not be found."
+        )
         return
 
     try:
-        destination_phase = source_phase.competition.phases.get(index=source_phase.index + 1)
+        destination_phase = source_phase.competition.phases.get(
+            index=source_phase.index + 1
+        )
     except Phase.DoesNotExist:
-        logger.error(f'Could not manually migrate phase with id: {phase_id}. The next phase could not be found.')
+        logger.error(
+            f"Could not manually migrate phase with id: {phase_id}. The next phase could not be found."
+        )
         return
-    destination_phase.competition.apply_phase_migration(source_phase, destination_phase, force_migration=True)
+    destination_phase.competition.apply_phase_migration(
+        source_phase, destination_phase, force_migration=True
+    )
 
 
-@app.task(queue='site-worker', soft_time_limit=60 * 5)
+@app.task(queue="site-worker", soft_time_limit=60 * 5)
 def batch_send_email(comp_id, content):
     try:
-        competition = Competition.objects.prefetch_related('participants__user').get(id=comp_id)
+        competition = Competition.objects.prefetch_related("participants__user").get(
+            id=comp_id
+        )
     except Competition.DoesNotExist:
-        logger.error(f'Not sending emails because competition with id {comp_id} could not be found')
+        logger.error(
+            f"Not sending emails because competition with id {comp_id} could not be found"
+        )
         return
 
     codalab_send_markdown_email(
-        subject=f'A message from the admins of {competition.title}',
+        subject=f"A message from the admins of {competition.title}",
         markdown_content=content,
-        recipient_list=[participant.user.email for participant in competition.participants.all()]
+        recipient_list=[
+            participant.user.email for participant in competition.participants.all()
+        ],
     )
 
 
-@app.task(queue='site-worker', soft_time_limit=60 * 5)
+@app.task(queue="site-worker", soft_time_limit=60 * 5)
 def update_phase_statuses():
-    competitions = Competition.objects.exclude(phases__in=Phase.objects.filter(is_final_phase=True, end__lt=now()))
+    competitions = Competition.objects.exclude(
+        phases__in=Phase.objects.filter(is_final_phase=True, end__lt=now())
+    )
     for comp in competitions:
         comp.update_phase_statuses()
 
 
-@app.task(queue='site-worker')
+@app.task(queue="site-worker")
 def submission_status_cleanup():
-    submissions = Submission.objects.filter(status=Submission.RUNNING, has_children=False).select_related('phase', 'parent')
+    submissions = Submission.objects.filter(
+        status=Submission.RUNNING, has_children=False
+    ).select_related("phase", "parent")
 
     for sub in submissions:
-        if sub.started_when < now() - timedelta(milliseconds=(3600000 * 24) + sub.phase.execution_time_limit):
+        if sub.started_when < now() - timedelta(
+            milliseconds=(3600000 * 24) + sub.phase.execution_time_limit
+        ):
             if sub.parent is not None:
                 sub.parent.cancel(status=Submission.FAILED)
             else:
@@ -829,7 +922,9 @@ def refresh_compute_worker_health():
         if not worker_name.startswith("compute-worker"):
             continue
 
-        raw_running_jobs = len(active.get(worker_name, [])) + len(reserved.get(worker_name, []))
+        raw_running_jobs = len(active.get(worker_name, [])) + len(
+            reserved.get(worker_name, [])
+        )
         status = "busy" if raw_running_jobs > 0 else "available"
 
         payload = {
@@ -843,10 +938,12 @@ def refresh_compute_worker_health():
         r.hset(
             WORKERS_REGISTRY_KEY,
             worker_name,
-            json.dumps({
-                "hostname": worker_name,
-                "last_seen": payload["timestamp"],
-            }),
+            json.dumps(
+                {
+                    "hostname": worker_name,
+                    "last_seen": payload["timestamp"],
+                }
+            ),
         )
 
-        _broadcast_worker_state(payload)
\ No newline at end of file
+        _broadcast_worker_state(payload)
diff --git a/src/celery_config.py b/src/celery_config.py
index 995103fcc..cfc989d69 100644
--- a/src/celery_config.py
+++ b/src/celery_config.py
@@ -8,11 +8,16 @@
 
 from django.conf import settings  # noqa
 
-app.config_from_object('django.conf:settings', namespace='CELERY')
+app.config_from_object("django.conf:settings", namespace="CELERY")
 app.autodiscover_tasks(lambda: settings.INSTALLED_APPS)
 app.conf.task_queues = [
     # Mostly defining queue here so we can set x-max-priority
-    Queue('compute-worker', Exchange('compute-worker'), routing_key='compute-worker', queue_arguments={'x-max-priority': 10}),
+    Queue(
+        "compute-worker",
+        Exchange("compute-worker"),
+        routing_key="compute-worker",
+        queue_arguments={"x-max-priority": 10},
+    ),
 ]
 
 _vhost_apps = {}
@@ -32,16 +37,15 @@ def app_for_vhost(vhost):
         # Copy the settings so we can modify the broker url to include the vhost
         django_settings = copy.copy(settings)
         django_settings.CELERY_BROKER_URL = broker_url
-        vhost_app.config_from_object(django_settings, namespace='CELERY')
+        vhost_app.config_from_object(django_settings, namespace="CELERY")
         vhost_app.conf.task_queues = app.conf.task_queues
         _vhost_apps[vhost] = vhost_app
     return _vhost_apps[vhost]
 
 
-
 app.conf.beat_schedule = {
     "refresh-compute-worker-health": {
         "task": "chemin.vers.refresh_compute_worker_health",
         "schedule": 5.0,
     },
-}
\ No newline at end of file
+}
diff --git a/src/utils/consumers.py b/src/utils/consumers.py
index 108cd61ef..90ea1422e 100644
--- a/src/utils/consumers.py
+++ b/src/utils/consumers.py
@@ -25,10 +25,12 @@ async def disconnect(self, close_code):
     async def _push_workers_loop(self):
         while self._running:
             workers = await sync_to_async(self._load_snapshot)()
-            await self.send_json({
-                "type": "workers.snapshot",
-                "workers": workers,
-            })
+            await self.send_json(
+                {
+                    "type": "workers.snapshot",
+                    "workers": workers,
+                }
+            )
             await asyncio.sleep(3)
 
     def _load_snapshot(self):
@@ -64,14 +66,18 @@ def _load_snapshot(self):
             if not is_compute_worker:
                 continue
 
-            running_jobs = len(active.get(worker_name, [])) + len(reserved.get(worker_name, []))
+            running_jobs = len(active.get(worker_name, [])) + len(
+                reserved.get(worker_name, [])
+            )
             status = "busy" if running_jobs > 0 else "available"
 
-            workers.append({
-                "hostname": worker_name,
-                "status": status,
-                "running_jobs": running_jobs,
-                "timestamp": time.time(),
-            })
+            workers.append(
+                {
+                    "hostname": worker_name,
+                    "status": status,
+                    "running_jobs": running_jobs,
+                    "timestamp": time.time(),
+                }
+            )
 
-        return workers
\ No newline at end of file
+        return workers
diff --git a/uv.lock b/uv.lock
index 41ca175d6..492a6e3be 100644
--- a/uv.lock
+++ b/uv.lock
@@ -138,6 +138,28 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/cb/87/8bab77b323f16d67be364031220069f79159117dd5e43eeb4be2fef1ac9b/billiard-4.2.4-py3-none-any.whl", hash = "sha256:525b42bdec68d2b983347ac312f892db930858495db601b5836ac24e6477cde5", size = 87070, upload-time = "2025-11-30T13:28:47.016Z" },
 ]
 
+[[package]]
+name = "black"
+version = "26.3.1"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "click" },
+    { name = "mypy-extensions" },
+    { name = "packaging" },
+    { name = "pathspec" },
+    { name = "platformdirs" },
+    { name = "pytokens" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/e1/c5/61175d618685d42b005847464b8fb4743a67b1b8fdb75e50e5a96c31a27a/black-26.3.1.tar.gz", hash = "sha256:2c50f5063a9641c7eed7795014ba37b0f5fa227f3d408b968936e24bc0566b07", size = 666155, upload-time = "2026-03-12T03:36:03.593Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/f5/77/5728052a3c0450c53d9bb3945c4c46b91baa62b2cafab6801411b6271e45/black-26.3.1-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:855822d90f884905362f602880ed8b5df1b7e3ee7d0db2502d4388a954cc8c54", size = 1895034, upload-time = "2026-03-12T03:40:21.813Z" },
+    { url = "https://files.pythonhosted.org/packages/52/73/7cae55fdfdfbe9d19e9a8d25d145018965fe2079fa908101c3733b0c55a0/black-26.3.1-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:8a33d657f3276328ce00e4d37fe70361e1ec7614da5d7b6e78de5426cb56332f", size = 1718503, upload-time = "2026-03-12T03:40:23.666Z" },
+    { url = "https://files.pythonhosted.org/packages/e1/87/af89ad449e8254fdbc74654e6467e3c9381b61472cc532ee350d28cfdafb/black-26.3.1-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:f1cd08e99d2f9317292a311dfe578fd2a24b15dbce97792f9c4d752275c1fa56", size = 1793557, upload-time = "2026-03-12T03:40:25.497Z" },
+    { url = "https://files.pythonhosted.org/packages/43/10/d6c06a791d8124b843bf325ab4ac7d2f5b98731dff84d6064eafd687ded1/black-26.3.1-cp313-cp313-win_amd64.whl", hash = "sha256:c7e72339f841b5a237ff14f7d3880ddd0fc7f98a1199e8c4327f9a4f478c1839", size = 1422766, upload-time = "2026-03-12T03:40:27.14Z" },
+    { url = "https://files.pythonhosted.org/packages/59/4f/40a582c015f2d841ac24fed6390bd68f0fc896069ff3a886317959c9daf8/black-26.3.1-cp313-cp313-win_arm64.whl", hash = "sha256:afc622538b430aa4c8c853f7f63bc582b3b8030fd8c80b70fb5fa5b834e575c2", size = 1232140, upload-time = "2026-03-12T03:40:28.882Z" },
+    { url = "https://files.pythonhosted.org/packages/8e/0d/52d98722666d6fc6c3dd4c76df339501d6efd40e0ff95e6186a7b7f0befd/black-26.3.1-py3-none-any.whl", hash = "sha256:2bd5aa94fc267d38bb21a70d7410a89f1a1d318841855f698746f8e7f51acd1b", size = 207542, upload-time = "2026-03-12T03:36:01.668Z" },
+]
+
 [[package]]
 name = "blessed"
 version = "1.38.0"
@@ -371,6 +393,7 @@ dependencies = [
     { name = "argh" },
     { name = "azure-storage-blob" },
     { name = "azure-storage-common" },
+    { name = "black" },
     { name = "blessings" },
     { name = "boto3" },
     { name = "botocore" },
@@ -441,6 +464,7 @@ requires-dist = [
     { name = "argh", specifier = "==0.31.3" },
     { name = "azure-storage-blob", specifier = ">=12,<13" },
     { name = "azure-storage-common", specifier = "==2.1.0" },
+    { name = "black", specifier = ">=26.3.1" },
     { name = "blessings", specifier = "==1.7" },
     { name = "boto3", specifier = "==1.42.50" },
     { name = "botocore", specifier = "==1.42.50" },
@@ -1272,6 +1296,15 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/e5/db/0314e4e2db56ebcf450f277904ffd84a7988b9e5da8d0d61ab2d057df2b6/msgpack-1.1.2-cp313-cp313-win_arm64.whl", hash = "sha256:e69b39f8c0aa5ec24b57737ebee40be647035158f14ed4b40e6f150077e21a84", size = 64118, upload-time = "2025-10-08T09:15:23.402Z" },
 ]
 
+[[package]]
+name = "mypy-extensions"
+version = "1.1.0"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/a2/6e/371856a3fb9d31ca8dac321cda606860fa4548858c0cc45d9d1d4ca2628b/mypy_extensions-1.1.0.tar.gz", hash = "sha256:52e68efc3284861e772bbcd66823fde5ae21fd2fdb51c62a211403730b916558", size = 6343, upload-time = "2025-04-22T14:54:24.164Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/79/7b/2c79738432f5c924bef5071f933bcc9efd0473bac3b4aa584a6f7c1c8df8/mypy_extensions-1.1.0-py3-none-any.whl", hash = "sha256:1be4cccdb0f2482337c4743e60421de3a356cd97508abadd57d47403e94f5505", size = 4963, upload-time = "2025-04-22T14:54:22.983Z" },
+]
+
 [[package]]
 name = "nh3"
 version = "0.3.3"
@@ -1335,6 +1368,15 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/b6/61/fae042894f4296ec49e3f193aff5d7c18440da9e48102c3315e1bc4519a7/parso-0.8.6-py2.py3-none-any.whl", hash = "sha256:2c549f800b70a5c4952197248825584cb00f033b29c692671d3bf08bf380baff", size = 106894, upload-time = "2026-02-09T15:45:21.391Z" },
 ]
 
+[[package]]
+name = "pathspec"
+version = "1.0.4"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/fa/36/e27608899f9b8d4dff0617b2d9ab17ca5608956ca44461ac14ac48b44015/pathspec-1.0.4.tar.gz", hash = "sha256:0210e2ae8a21a9137c0d470578cb0e595af87edaa6ebf12ff176f14a02e0e645", size = 131200, upload-time = "2026-01-27T03:59:46.938Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/ef/3c/2c197d226f9ea224a9ab8d197933f9da0ae0aac5b6e0f884e2b8d9c8e9f7/pathspec-1.0.4-py3-none-any.whl", hash = "sha256:fb6ae2fd4e7c921a165808a552060e722767cfa526f99ca5156ed2ce45a5c723", size = 55206, upload-time = "2026-01-27T03:59:45.137Z" },
+]
+
 [[package]]
 name = "pexpect"
 version = "4.9.0"
@@ -1380,6 +1422,15 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/00/a4/285f12aeacbe2d6dc36c407dfbbe9e96d4a80b0fb710a337f6d2ad978c75/pillow-12.2.0-cp313-cp313t-win_arm64.whl", hash = "sha256:2e5a76d03a6c6dcef67edabda7a52494afa4035021a79c8558e14af25313d453", size = 2465765, upload-time = "2026-04-01T14:44:45.996Z" },
 ]
 
+[[package]]
+name = "platformdirs"
+version = "4.9.4"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/19/56/8d4c30c8a1d07013911a8fdbd8f89440ef9f08d07a1b50ab8ca8be5a20f9/platformdirs-4.9.4.tar.gz", hash = "sha256:1ec356301b7dc906d83f371c8f487070e99d3ccf9e501686456394622a01a934", size = 28737, upload-time = "2026-03-05T18:34:13.271Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/63/d7/97f7e3a6abb67d8080dd406fd4df842c2be0efaf712d1c899c32a075027c/platformdirs-4.9.4-py3-none-any.whl", hash = "sha256:68a9a4619a666ea6439f2ff250c12a853cd1cbd5158d258bd824a7df6be2f868", size = 21216, upload-time = "2026-03-05T18:34:12.172Z" },
+]
+
 [[package]]
 name = "pluggy"
 version = "1.6.0"
@@ -1552,6 +1603,20 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/e0/a5/c6ba13860bdf5525f1ab01e01cc667578d6f1efc8a1dba355700fb04c29b/python3_openid-3.2.0-py3-none-any.whl", hash = "sha256:6626f771e0417486701e0b4daff762e7212e820ca5b29fcc0d05f6f8736dfa6b", size = 133681, upload-time = "2020-06-29T12:15:47.502Z" },
 ]
 
+[[package]]
+name = "pytokens"
+version = "0.4.1"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/b6/34/b4e015b99031667a7b960f888889c5bd34ef585c85e1cb56a594b92836ac/pytokens-0.4.1.tar.gz", hash = "sha256:292052fe80923aae2260c073f822ceba21f3872ced9a68bb7953b348e561179a", size = 23015, upload-time = "2026-01-30T01:03:45.924Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/cb/dc/08b1a080372afda3cceb4f3c0a7ba2bde9d6a5241f1edb02a22a019ee147/pytokens-0.4.1-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:8bdb9d0ce90cbf99c525e75a2fa415144fd570a1ba987380190e8b786bc6ef9b", size = 160720, upload-time = "2026-01-30T01:03:13.843Z" },
+    { url = "https://files.pythonhosted.org/packages/64/0c/41ea22205da480837a700e395507e6a24425151dfb7ead73343d6e2d7ffe/pytokens-0.4.1-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:5502408cab1cb18e128570f8d598981c68a50d0cbd7c61312a90507cd3a1276f", size = 254204, upload-time = "2026-01-30T01:03:14.886Z" },
+    { url = "https://files.pythonhosted.org/packages/e0/d2/afe5c7f8607018beb99971489dbb846508f1b8f351fcefc225fcf4b2adc0/pytokens-0.4.1-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:29d1d8fb1030af4d231789959f21821ab6325e463f0503a61d204343c9b355d1", size = 268423, upload-time = "2026-01-30T01:03:15.936Z" },
+    { url = "https://files.pythonhosted.org/packages/68/d4/00ffdbd370410c04e9591da9220a68dc1693ef7499173eb3e30d06e05ed1/pytokens-0.4.1-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:970b08dd6b86058b6dc07efe9e98414f5102974716232d10f32ff39701e841c4", size = 266859, upload-time = "2026-01-30T01:03:17.458Z" },
+    { url = "https://files.pythonhosted.org/packages/a7/c9/c3161313b4ca0c601eeefabd3d3b576edaa9afdefd32da97210700e47652/pytokens-0.4.1-cp313-cp313-win_amd64.whl", hash = "sha256:9bd7d7f544d362576be74f9d5901a22f317efc20046efe2034dced238cbbfe78", size = 103520, upload-time = "2026-01-30T01:03:18.652Z" },
+    { url = "https://files.pythonhosted.org/packages/c6/78/397db326746f0a342855b81216ae1f0a32965deccfd7c830a2dbc66d2483/pytokens-0.4.1-py3-none-any.whl", hash = "sha256:26cef14744a8385f35d0e095dc8b3a7583f6c953c2e3d269c7f82484bf5ad2de", size = 13729, upload-time = "2026-01-30T01:03:45.029Z" },
+]
+
 [[package]]
 name = "pytz"
 version = "2026.1.post1"

From ede9585e84a04f6625f821635dd8690a4bc21ebc Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 2 Apr 2026 17:06:04 +0200
Subject: [PATCH 5/9] fixing synthax and format

---
 src/apps/competitions/tasks.py | 59 +++++++++++++++++++++++++---------
 src/celery_config.py           |  7 ++--
 src/utils/consumers.py         | 26 +++++++++++----
 3 files changed, 67 insertions(+), 25 deletions(-)

diff --git a/src/apps/competitions/tasks.py b/src/apps/competitions/tasks.py
index 31b43d774..98a23e076 100644
--- a/src/apps/competitions/tasks.py
+++ b/src/apps/competitions/tasks.py
@@ -3,15 +3,16 @@
 import re
 import traceback
 import zipfile
+import json
 from datetime import timedelta, datetime
-
+from django.conf import settings
 from io import BytesIO
 from tempfile import TemporaryDirectory, NamedTemporaryFile
 
 import oyaml as yaml
 import requests
 from celery._state import app_or_default
-from django.conf import settings
+from django_redis import get_redis_connection
 from django.core.exceptions import ObjectDoesNotExist
 from django.core.files.base import ContentFile
 from django.db.models import Subquery, OuterRef, Count, Case, When, Value, F
@@ -42,9 +43,12 @@
 from asgiref.sync import async_to_sync
 
 import logging
-
 logger = logging.getLogger(__name__)
 
+r = get_redis_connection("default")
+WORKERS_REGISTRY_KEY = "compute_workers_registry"
+WORKER_HEARTBEAT_TTL = 35
+
 COMPETITION_FIELDS = [
     "title",
     "description",
@@ -914,36 +918,61 @@ def refresh_compute_worker_health():
         stats = inspector.stats() or {}
         active = inspector.active() or {}
         reserved = inspector.reserved() or {}
+        active_queues = inspector.active_queues() or {}
     except Exception:
         logger.exception("Unable to inspect Celery workers")
         return
 
     for worker_name in stats.keys():
-        if not worker_name.startswith("compute-worker"):
+        queues = active_queues.get(worker_name, []) or []
+        queue_names = []
+
+        for q in queues:
+            if isinstance(q, dict) and q.get("name"):
+                queue_names.append(q["name"])
+
+        is_compute_worker = (
+            "compute-worker" in queue_names
+            or worker_name.startswith("compute-worker")
+            or worker_name.startswith("CW")
+        )
+
+        if not is_compute_worker:
             continue
 
-        raw_running_jobs = len(active.get(worker_name, [])) + len(
-            reserved.get(worker_name, [])
+        running_jobs = (
+            len(active.get(worker_name, []))
+            + len(reserved.get(worker_name, []))
         )
-        status = "busy" if raw_running_jobs > 0 else "available"
+        status = "busy" if running_jobs > 0 else "available"
 
         payload = {
             "hostname": worker_name,
             "status": status,
-            "running_jobs": raw_running_jobs,
+            "running_jobs": running_jobs,
             "timestamp": now().timestamp(),
         }
 
-        r.set(f"worker:{worker_name}:heartbeat", json.dumps(payload), ex=35)
+        heartbeat_key = f"worker:{worker_name}:heartbeat"
+
+        r.set(
+            heartbeat_key,
+            json.dumps(payload),
+            ex=WORKER_HEARTBEAT_TTL,
+        )
+
         r.hset(
             WORKERS_REGISTRY_KEY,
             worker_name,
-            json.dumps(
-                {
-                    "hostname": worker_name,
-                    "last_seen": payload["timestamp"],
-                }
-            ),
+            json.dumps({
+                "hostname": worker_name,
+                "status": status,
+                "running_jobs": running_jobs,
+                "last_seen": payload["timestamp"],
+            }),
         )
 
         _broadcast_worker_state(payload)
+        logger.info(
+            f"[WORKER-HEALTH] {worker_name} status={status} jobs={running_jobs}"
+        )
\ No newline at end of file
diff --git a/src/celery_config.py b/src/celery_config.py
index cfc989d69..2a768ce31 100644
--- a/src/celery_config.py
+++ b/src/celery_config.py
@@ -42,10 +42,9 @@ def app_for_vhost(vhost):
         _vhost_apps[vhost] = vhost_app
     return _vhost_apps[vhost]
 
-
 app.conf.beat_schedule = {
     "refresh-compute-worker-health": {
-        "task": "chemin.vers.refresh_compute_worker_health",
-        "schedule": 5.0,
+        "task": "apps.competitions.tasks.refresh_compute_worker_health",
+        "schedule": 3.0,
     },
-}
+}
\ No newline at end of file
diff --git a/src/utils/consumers.py b/src/utils/consumers.py
index 90ea1422e..cf5d9d28f 100644
--- a/src/utils/consumers.py
+++ b/src/utils/consumers.py
@@ -5,22 +5,33 @@
 from channels.generic.websocket import AsyncJsonWebsocketConsumer
 from celery._state import app_or_default
 
+import logging
+
+logger = logging.getLogger(__name__)
+
 
 class ComputeWorkersConsumer(AsyncJsonWebsocketConsumer):
     async def connect(self):
-        user = self.scope["user"]
+        user = self.scope.get("user")
 
         if user is None or user.is_anonymous:
             await self.close()
             return
+
         await self.accept()
         self._running = True
         self._task = asyncio.create_task(self._push_workers_loop())
 
     async def disconnect(self, close_code):
         self._running = False
-        if hasattr(self, "_task"):
-            self._task.cancel()
+
+        task = getattr(self, "_task", None)
+        if task:
+            task.cancel()
+            try:
+                await task
+            except asyncio.CancelledError:
+                pass
 
     async def _push_workers_loop(self):
         while self._running:
@@ -46,6 +57,7 @@ def _load_snapshot(self):
             reserved = inspector.reserved() or {}
             active_queues = inspector.active_queues() or {}
         except Exception:
+            logger.exception("Unable to inspect Celery workers")
             return []
 
         workers = []
@@ -53,6 +65,7 @@ def _load_snapshot(self):
         for worker_name in stats.keys():
             queues = active_queues.get(worker_name, []) or []
             queue_names = []
+
             for q in queues:
                 if isinstance(q, dict) and q.get("name"):
                     queue_names.append(q["name"])
@@ -66,8 +79,9 @@ def _load_snapshot(self):
             if not is_compute_worker:
                 continue
 
-            running_jobs = len(active.get(worker_name, [])) + len(
-                reserved.get(worker_name, [])
+            running_jobs = (
+                len(active.get(worker_name, []))
+                + len(reserved.get(worker_name, []))
             )
             status = "busy" if running_jobs > 0 else "available"
 
@@ -80,4 +94,4 @@ def _load_snapshot(self):
                 }
             )
 
-        return workers
+        return workers
\ No newline at end of file

From b5dee7f5ec049541d37ef4e8c44f5a05a3cf7e31 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 2 Apr 2026 17:14:17 +0200
Subject: [PATCH 6/9] fixing synthax and format

---
 src/apps/competitions/tasks.py | 22 ++++++++++++----------
 src/celery_config.py           |  3 ++-
 src/utils/consumers.py         |  7 +++----
 3 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/apps/competitions/tasks.py b/src/apps/competitions/tasks.py
index 98a23e076..7cb3859e5 100644
--- a/src/apps/competitions/tasks.py
+++ b/src/apps/competitions/tasks.py
@@ -43,6 +43,7 @@
 from asgiref.sync import async_to_sync
 
 import logging
+
 logger = logging.getLogger(__name__)
 
 r = get_redis_connection("default")
@@ -940,9 +941,8 @@ def refresh_compute_worker_health():
         if not is_compute_worker:
             continue
 
-        running_jobs = (
-            len(active.get(worker_name, []))
-            + len(reserved.get(worker_name, []))
+        running_jobs = len(active.get(worker_name, [])) + len(
+            reserved.get(worker_name, [])
         )
         status = "busy" if running_jobs > 0 else "available"
 
@@ -964,15 +964,17 @@ def refresh_compute_worker_health():
         r.hset(
             WORKERS_REGISTRY_KEY,
             worker_name,
-            json.dumps({
-                "hostname": worker_name,
-                "status": status,
-                "running_jobs": running_jobs,
-                "last_seen": payload["timestamp"],
-            }),
+            json.dumps(
+                {
+                    "hostname": worker_name,
+                    "status": status,
+                    "running_jobs": running_jobs,
+                    "last_seen": payload["timestamp"],
+                }
+            ),
         )
 
         _broadcast_worker_state(payload)
         logger.info(
             f"[WORKER-HEALTH] {worker_name} status={status} jobs={running_jobs}"
-        )
\ No newline at end of file
+        )
diff --git a/src/celery_config.py b/src/celery_config.py
index 2a768ce31..9eee884e4 100644
--- a/src/celery_config.py
+++ b/src/celery_config.py
@@ -42,9 +42,10 @@ def app_for_vhost(vhost):
         _vhost_apps[vhost] = vhost_app
     return _vhost_apps[vhost]
 
+
 app.conf.beat_schedule = {
     "refresh-compute-worker-health": {
         "task": "apps.competitions.tasks.refresh_compute_worker_health",
         "schedule": 3.0,
     },
-}
\ No newline at end of file
+}
diff --git a/src/utils/consumers.py b/src/utils/consumers.py
index cf5d9d28f..10541c35a 100644
--- a/src/utils/consumers.py
+++ b/src/utils/consumers.py
@@ -79,9 +79,8 @@ def _load_snapshot(self):
             if not is_compute_worker:
                 continue
 
-            running_jobs = (
-                len(active.get(worker_name, []))
-                + len(reserved.get(worker_name, []))
+            running_jobs = len(active.get(worker_name, [])) + len(
+                reserved.get(worker_name, [])
             )
             status = "busy" if running_jobs > 0 else "available"
 
@@ -94,4 +93,4 @@ def _load_snapshot(self):
                 }
             )
 
-        return workers
\ No newline at end of file
+        return workers

From 0ca947fb6f999b361ce0851e0e2fd30d927fadf0 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 2 Apr 2026 17:18:21 +0200
Subject: [PATCH 7/9] fixing synthax and format

---
 src/apps/competitions/tasks.py | 44 ++++++++++++++++------------------
 src/celery_config.py           |  7 +++---
 src/utils/consumers.py         |  5 ++--
 3 files changed, 27 insertions(+), 29 deletions(-)

diff --git a/src/apps/competitions/tasks.py b/src/apps/competitions/tasks.py
index 7cb3859e5..78de4cf5a 100644
--- a/src/apps/competitions/tasks.py
+++ b/src/apps/competitions/tasks.py
@@ -1,49 +1,47 @@
 import asyncio
+import json
+import logging
 import os
 import re
 import traceback
 import zipfile
-import json
-from datetime import timedelta, datetime
-from django.conf import settings
+from datetime import datetime, timedelta
 from io import BytesIO
-from tempfile import TemporaryDirectory, NamedTemporaryFile
+from tempfile import NamedTemporaryFile, TemporaryDirectory
 
 import oyaml as yaml
 import requests
+from asgiref.sync import async_to_sync
 from celery._state import app_or_default
-from django_redis import get_redis_connection
-from django.core.exceptions import ObjectDoesNotExist
-from django.core.files.base import ContentFile
-from django.db.models import Subquery, OuterRef, Count, Case, When, Value, F
-from django.db import transaction
-from django.utils.text import slugify
-from django.utils.timezone import now
-from rest_framework.exceptions import ValidationError
-
-from celery_config import app
+from channels.layers import get_channel_layer
 from competitions.models import (
-    Submission,
-    CompetitionCreationTaskStatus,
-    SubmissionDetails,
     Competition,
+    CompetitionCreationTaskStatus,
     CompetitionDump,
     Phase,
+    Submission,
+    SubmissionDetails,
 )
 from competitions.unpackers.utils import CompetitionUnpackingException
 from competitions.unpackers.v1 import V15Unpacker
 from competitions.unpackers.v2 import V2Unpacker
+from datasets.models import Data
+from django.conf import settings
+from django.core.exceptions import ObjectDoesNotExist
+from django.core.files.base import ContentFile
+from django.db import transaction
+from django.db.models import Case, Count, F, OuterRef, Subquery, Value, When
+from django.utils.text import slugify
+from django.utils.timezone import now
+from django_redis import get_redis_connection
 from leaderboards.models import Leaderboard
+from rest_framework.exceptions import ValidationError
 from tasks.models import Task
-from datasets.models import Data
+
+from celery_config import app
 from utils.data import make_url_sassy
 from utils.email import codalab_send_markdown_email
 
-from channels.layers import get_channel_layer
-from asgiref.sync import async_to_sync
-
-import logging
-
 logger = logging.getLogger(__name__)
 
 r = get_redis_connection("default")
diff --git a/src/celery_config.py b/src/celery_config.py
index 9eee884e4..a4e3299f7 100644
--- a/src/celery_config.py
+++ b/src/celery_config.py
@@ -1,8 +1,9 @@
+import copy
+import urllib.parse
+
 from celery import Celery
-from kombu import Queue, Exchange
 from django.conf import settings
-import urllib.parse
-import copy
+from kombu import Exchange, Queue
 
 app = Celery()
 
diff --git a/src/utils/consumers.py b/src/utils/consumers.py
index 10541c35a..42d192ef4 100644
--- a/src/utils/consumers.py
+++ b/src/utils/consumers.py
@@ -1,11 +1,10 @@
 import asyncio
+import logging
 import time
 
 from asgiref.sync import sync_to_async
-from channels.generic.websocket import AsyncJsonWebsocketConsumer
 from celery._state import app_or_default
-
-import logging
+from channels.generic.websocket import AsyncJsonWebsocketConsumer
 
 logger = logging.getLogger(__name__)
 

From cc8272125be4ca3e71327b505f070b2765d80e66 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Tue, 7 Apr 2026 15:58:47 +0200
Subject: [PATCH 8/9] feature in progress

---
 src/static/riot/competitions/detail/detail.tag | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/static/riot/competitions/detail/detail.tag b/src/static/riot/competitions/detail/detail.tag
index abbf42743..9753ee753 100644
--- a/src/static/riot/competitions/detail/detail.tag
+++ b/src/static/riot/competitions/detail/detail.tag
@@ -23,6 +23,8 @@
                         <i class="server icon"></i>
                         <div class="workers-title-text">
                             Compute Workers
+                            </br>
+                            <small><small><small>displayed only for competition organizers</small></small></small>
                             <div class="workers-subtitle">
                                 <span class="workers-connection { wsState }">{ connectionLabel() }</span>
                                 <span class="workers-separator">•</span>
@@ -475,10 +477,10 @@
         }
 
         .workers-toggle-btn
-            z-index 0
-            position fixed
-            top 74px
-            right 24px
+            z-index 10
+            position relative
+            top 150%
+            right 1%
             background #576671 !important
             color white !important
             

From 8a2b9d1d061db22a62915262fc6a30dbbfa1f029 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Wed, 6 May 2026 17:54:08 +0200
Subject: [PATCH 9/9] new file for monitoring implentation imported into
 frontend

---
 pyproject.toml                                |   1 +
 .../riot/competitions/detail/_header.tag      |   7 +
 .../riot/competitions/detail/detail.tag       |   8 +-
 .../detail/worker-monitor-toggle.tag          | 637 ++++++++++++++++++
 uv.lock                                       |  14 +
 5 files changed, 663 insertions(+), 4 deletions(-)
 create mode 100644 src/static/riot/competitions/detail/worker-monitor-toggle.tag

diff --git a/pyproject.toml b/pyproject.toml
index a1ac98575..7b20a47f2 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -68,6 +68,7 @@ dependencies = [
     "nh3==0.3.3",
     "configobj==5.0.9",
     "black>=26.3.1",
+    "redis-cli>=1.0.1",
 ]
 
 [tool.uv]
diff --git a/src/static/riot/competitions/detail/_header.tag b/src/static/riot/competitions/detail/_header.tag
index f8b020377..bfa95ae51 100644
--- a/src/static/riot/competitions/detail/_header.tag
+++ b/src/static/riot/competitions/detail/_header.tag
@@ -35,6 +35,13 @@
                         <button class="ui small button" onclick="{show_modal.bind(this, '.migration.modal')}">
                             Migrate
                         </button>
+
+                        <worker-monitor-toggle
+                            if="{competition.admin}"
+                            can_view_workers_panel="true">
+                        </worker-monitor-toggle>
+
+
                     </div>
                     <div class="row">
                         <div class="column">
diff --git a/src/static/riot/competitions/detail/detail.tag b/src/static/riot/competitions/detail/detail.tag
index 9753ee753..7bed78b29 100644
--- a/src/static/riot/competitions/detail/detail.tag
+++ b/src/static/riot/competitions/detail/detail.tag
@@ -71,7 +71,7 @@
                                     <span class="ui tiny label worker-status { getStatusClass(worker) }">
                                         <i class="{ getStatusIcon(worker) } icon"></i>
                                         { getStatusText(worker) }
-                            return        </span>
+                                    </span>
                                 </td>
                                 <td><span class="ui circular label">{ worker.running_jobs || 0 }</span></td>
                                 <td>{ formatLastSeen(worker.timestamp) }</td>
@@ -479,8 +479,8 @@
         .workers-toggle-btn
             z-index 10
             position relative
-            top 150%
-            right 1%
+            top 10%
+            right 100vh
             background #576671 !important
             color white !important
             
@@ -645,4 +645,4 @@
             }
         }
     </style>
-</competition-detail>
+</competition-detail>
\ No newline at end of file
diff --git a/src/static/riot/competitions/detail/worker-monitor-toggle.tag b/src/static/riot/competitions/detail/worker-monitor-toggle.tag
new file mode 100644
index 000000000..2eba21662
--- /dev/null
+++ b/src/static/riot/competitions/detail/worker-monitor-toggle.tag
@@ -0,0 +1,637 @@
+<worker-monitor-toggle>
+    <button
+        if="{ canViewWorkersPanel }"
+        class="ui small button"
+        onclick="{ toggleWorkersPanel }">
+        { showWorkersPanel ? 'Hide workers' : 'Show workers' }
+    </button>
+
+    <aside
+        if="{ canViewWorkersPanel && showWorkersPanel }"
+        class="workers-panel"
+        style="left: { panelLeft }px; top: { panelTop }px; width: { panelWidth }px;">
+        <div class="workers-card">
+            <div class="workers-header workers-drag-handle" onmousedown="{ startPanelDrag }">
+                <div class="workers-title">
+                    <i class="server icon"></i>
+                    <div class="workers-title-text">
+                        Compute Workers
+                        <div class="workers-subtitle">
+                            <span class="workers-connection { wsState }">{ connectionLabel() }</span>
+                            <span class="workers-separator">•</span>
+                            Last update: { lastSyncLabel() }
+                        </div>
+                    </div>
+                </div>
+                <div class="workers-drag-hint">Drag to move</div>
+            </div>
+
+            <div class="workers-stats">
+                <div class="stat-card">
+                    <div class="stat-value">{ totalCount() }</div>
+                    <div class="stat-label">Total</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-value stat-green">{ availableCount() }</div>
+                    <div class="stat-label">Available</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-value stat-yellow">{ busyCount() }</div>
+                    <div class="stat-label">Busy</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-value stat-red">{ unavailableCount() }</div>
+                    <div class="stat-label">Down</div>
+                </div>
+            </div>
+
+            <div class="workers-section">
+                <div class="workers-section-title">Default compute workers</div>
+
+                <div class="workers-table-wrap">
+                    <table class="ui very compact selectable striped table workers-table">
+                        <thead>
+                            <tr>
+                                <th>Worker</th>
+                                <th>Status</th>
+                                <th>Jobs</th>
+                                <th>Last seen</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr each="{ worker in sortedWorkers() }">
+                                <td>
+                                    <strong>{ worker.hostname }</strong>
+                                </td>
+                                <td>
+                                    <span class="ui tiny label worker-status { getStatusClass(worker) }">
+                                        <i class="{ getStatusIcon(worker) } icon"></i>
+                                        { getStatusText(worker) }
+                                    </span>
+                                </td>
+                                <td>{ worker.running_jobs || 0 }</td>
+                                <td>{ formatLastSeen(worker.timestamp) }</td>
+                            </tr>
+                            <tr if="{ sortedWorkers().length === 0 }">
+                                <td colspan="4" class="center aligned">
+                                    <div class="workers-empty">
+                                        <div class="header">No compute workers detected</div>
+                                        <div class="description">Waiting for the first websocket snapshot.</div>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+
+            <div class="workers-section" if="{ sortedPrivateWorkers().length }">
+                <div class="workers-section-title">Private queues</div>
+
+                <div class="workers-table-wrap">
+                    <table class="ui very compact selectable striped table workers-table">
+                        <thead>
+                            <tr>
+                                <th>Competition</th>
+                                <th>Queue</th>
+                                <th>Status</th>
+                                <th>Jobs</th>
+                                <th>Last seen</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr each="{ worker in sortedPrivateWorkers() }">
+                                <td>
+                                    <strong>{ worker.hostname || worker.competition_title || 'Private competition' }</strong>
+                                </td>
+                                <td>{ worker.queue_name || '—' }</td>
+                                <td>
+                                    <span class="ui tiny label worker-status { getStatusClass(worker) }">
+                                        <i class="{ getStatusIcon(worker) } icon"></i>
+                                        { getStatusText(worker) }
+                                    </span>
+                                </td>
+                                <td>{ worker.running_jobs || 0 }</td>
+                                <td>{ formatLastSeen(worker.timestamp) }</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+
+            <div class="workers-footer">
+                Green = available, yellow = busy, red = unavailable
+            </div>
+        </div>
+    </aside>
+
+    <script>
+        var self = this
+
+        self.workers = []
+        self.privateWorkers = []
+        self.ws = null
+        self.wsReconnectTimer = null
+        self.wsState = 'disconnected'
+        self.lastSyncAt = null
+
+        self.canViewWorkersPanel =
+            String(self.opts.can_view_workers_panel || 'false') === 'true'
+
+        self.showWorkersPanel = false
+        self.panelLeft = 24
+        self.panelTop = 24
+        self.panelWidth = 460
+
+        self.draggingPanel = false
+        self.dragOffsetX = 0
+        self.dragOffsetY = 0
+
+        self.toggleWorkersPanel = function () {
+            self.showWorkersPanel = !self.showWorkersPanel
+
+            if (self.showWorkersPanel) {
+                self.loadPanelPosition()
+                self.connect_workers_socket()
+            } else {
+                self.close_workers_socket()
+            }
+
+            self.update()
+        }
+
+        self.close_workers_socket = function () {
+            if (self.wsReconnectTimer) {
+                clearTimeout(self.wsReconnectTimer)
+                self.wsReconnectTimer = null
+            }
+
+            if (self.ws) {
+                try {
+                    self.ws.close()
+                } catch (e) {}
+                self.ws = null
+            }
+
+            self.wsState = 'disconnected'
+        }
+
+        self.connect_workers_socket = function () {
+            if (self.ws) {
+                try {
+                    self.ws.close()
+                } catch (e) {}
+                self.ws = null
+            }
+
+            var scheme = window.location.protocol === 'https:' ? 'wss' : 'ws'
+            var url = scheme + '://' + window.location.host + '/ws/workers/'
+
+            self.wsState = 'connecting'
+            self.update()
+
+            self.ws = new WebSocket(url)
+
+            self.ws.onopen = function () {
+                self.wsState = 'connected'
+                self.update()
+            }
+
+            self.ws.onmessage = function (event) {
+                var message = null
+
+                try {
+                    message = JSON.parse(event.data)
+                } catch (e) {
+                    console.error('Invalid websocket payload:', event.data)
+                    return
+                }
+
+                if (message.type === 'workers.snapshot') {
+                    self.workers = message.workers || []
+                    self.privateWorkers = message.private_workers || []
+                    self.lastSyncAt = Date.now()
+                    self.update()
+                }
+            }
+
+            self.ws.onclose = function () {
+                self.wsState = 'disconnected'
+                self.update()
+            }
+        }
+
+        self.startPanelDrag = function (e) {
+            if (e.button !== 0) return
+
+            var panel = self.root.querySelector('.workers-panel')
+            if (!panel) return
+
+            var rect = panel.getBoundingClientRect()
+
+            self.draggingPanel = true
+            self.dragOffsetX = e.clientX - rect.left
+            self.dragOffsetY = e.clientY - rect.top
+
+            document.body.classList.add('workers-panel-dragging')
+
+            window.addEventListener('mousemove', self.onPanelDragMove)
+            window.addEventListener('mouseup', self.stopPanelDrag)
+
+            e.preventDefault()
+        }
+
+        self.onPanelDragMove = function (e) {
+            if (!self.draggingPanel) return
+
+            var minLeft = 8
+            var minTop = 8
+            var maxLeft = Math.max(minLeft, window.innerWidth - self.panelWidth - 8)
+            var maxTop = Math.max(minTop, window.innerHeight - 80)
+
+            var newLeft = e.clientX - self.dragOffsetX
+            var newTop = e.clientY - self.dragOffsetY
+
+            self.panelLeft = Math.min(Math.max(minLeft, newLeft), maxLeft)
+            self.panelTop = Math.min(Math.max(minTop, newTop), maxTop)
+
+            self.update()
+        }
+
+        self.stopPanelDrag = function () {
+            if (!self.draggingPanel) return
+
+            self.draggingPanel = false
+            document.body.classList.remove('workers-panel-dragging')
+
+            window.removeEventListener('mousemove', self.onPanelDragMove)
+            window.removeEventListener('mouseup', self.stopPanelDrag)
+        }
+
+        self.one('mount', function () {
+            self.loadPanelPosition()
+        })
+
+        self.one('unmount', function () {
+            window.removeEventListener('mousemove', self.onPanelDragMove)
+            window.removeEventListener('mouseup', self.stopPanelDrag)
+            self.close_workers_socket()
+            document.body.classList.remove('workers-panel-dragging')
+        })
+
+        self.loadPanelPosition = function () {
+            try {
+                var raw = localStorage.getItem(self.panelStorageKey)
+                if (!raw) return
+
+                var pos = JSON.parse(raw)
+                if (typeof pos.left === 'number') self.panelLeft = pos.left
+                if (typeof pos.top === 'number') self.panelTop = pos.top
+
+                self.clampPanelPosition()
+            } catch (e) {
+                console.warn('Could not load panel position', e)
+            }
+        }
+
+        self.savePanelPosition = function () {
+            try {
+                localStorage.setItem(self.panelStorageKey, JSON.stringify({
+                    left: self.panelLeft,
+                    top: self.panelTop
+                }))
+            } catch (e) {
+                console.warn('Could not save panel position', e)
+            }
+        }
+
+        self.clampPanelPosition = function () {
+            var minLeft = 8
+            var minTop = 8
+            var maxLeft = Math.max(minLeft, window.innerWidth - self.panelWidth - 8)
+            var maxTop = Math.max(minTop, window.innerHeight - 80)
+
+            self.panelLeft = Math.min(Math.max(minLeft, self.panelLeft), maxLeft)
+            self.panelTop = Math.min(Math.max(minTop, self.panelTop), maxTop)
+        }
+
+        self.sortedWorkers = function () {
+            var order = { available: 0, busy: 1, unavailable: 2 }
+
+            return (self.workers || []).slice().sort(function (a, b) {
+                var sa = self.displayStatus(a)
+                var sb = self.displayStatus(b)
+
+                var oa = order[sa] != null ? order[sa] : 99
+                var ob = order[sb] != null ? order[sb] : 99
+
+                if (oa !== ob) return oa - ob
+
+                if ((b.running_jobs || 0) !== (a.running_jobs || 0)) {
+                    return (b.running_jobs || 0) - (a.running_jobs || 0)
+                }
+
+                return (a.hostname || '').localeCompare(b.hostname || '')
+            })
+        }
+
+        self.sortedPrivateWorkers = function () {
+            var order = { available: 0, busy: 1, unavailable: 2 }
+
+            return (self.privateWorkers || []).slice().sort(function (a, b) {
+                var sa = self.displayStatus(a)
+                var sb = self.displayStatus(b)
+
+                var oa = order[sa] != null ? order[sa] : 99
+                var ob = order[sb] != null ? order[sb] : 99
+
+                if (oa !== ob) return oa - ob
+
+                if ((b.running_jobs || 0) !== (a.running_jobs || 0)) {
+                    return (b.running_jobs || 0) - (a.running_jobs || 0)
+                }
+
+                var an = a.competition_title || a.queue_name || a.hostname || ''
+                var bn = b.competition_title || b.queue_name || b.hostname || ''
+                return an.localeCompare(bn)
+            })
+        }
+
+        self.displayStatus = function (worker) {
+            return worker && worker.status ? worker.status : 'unavailable'
+        }
+
+        self.getStatusClass = function (worker) {
+            if (self.displayStatus(worker) === 'available') return 'green'
+            if (self.displayStatus(worker) === 'busy') return 'yellow'
+            return 'red'
+        }
+
+        self.getStatusIcon = function (worker) {
+            if (self.displayStatus(worker) === 'available') return 'check circle'
+            if (self.displayStatus(worker) === 'busy') return 'clock'
+            return 'times circle'
+        }
+
+        self.getStatusText = function (worker) {
+            if (self.displayStatus(worker) === 'available') return 'Available'
+            if (self.displayStatus(worker) === 'busy') return 'Busy'
+            return 'Unavailable'
+        }
+
+        self.formatLastSeen = function (timestamp) {
+            if (!timestamp) return '—'
+
+            var age = Math.round((Date.now() / 1000) - timestamp)
+            if (age < 5) return 'just now'
+            if (age < 60) return age + 's ago'
+
+            var minutes = Math.floor(age / 60)
+            if (minutes < 60) return minutes + 'm ago'
+
+            return Math.floor(minutes / 60) + 'h ago'
+        }
+
+        self.lastSyncLabel = function () {
+            if (!self.lastSyncAt) return 'never'
+
+            var age = Math.round((Date.now() - self.lastSyncAt) / 1000)
+            if (age < 5) return 'just now'
+            if (age < 60) return age + 's ago'
+
+            var minutes = Math.floor(age / 60)
+            return minutes + 'm ago'
+        }
+
+        self.totalCount = function () {
+            return (self.workers || []).length
+        }
+
+        self.availableCount = function () {
+            return (self.workers || []).filter(function (w) {
+                return self.displayStatus(w) === 'available'
+            }).length
+        }
+
+        self.busyCount = function () {
+            return (self.workers || []).filter(function (w) {
+                return self.displayStatus(w) === 'busy'
+            }).length
+        }
+
+        self.unavailableCount = function () {
+            return (self.workers || []).filter(function (w) {
+                return self.displayStatus(w) === 'unavailable'
+            }).length
+        }
+
+        self.connectionLabel = function () {
+            if (self.wsState === 'connected') return 'Connected'
+            if (self.wsState === 'connecting') return 'Connecting'
+            if (self.wsState === 'error') return 'Error'
+            return 'Disconnected'
+        }
+
+        self.panelStorageKey = 'codabench_workers_panel_position'
+
+        window.addEventListener('resize', function () {
+            if (!self.showWorkersPanel) return
+            self.clampPanelPosition()
+            self.update()
+        })
+    </script>
+
+    <style type="text/stylus">
+        .workers-panel
+            position fixed
+            z-index 25
+            max-height calc(100vh - 48px)
+            overflow auto
+
+        .workers-card
+            width 100%
+            background #fff
+            border 1px solid rgba(0,0,0,.1)
+            border-radius 16px
+            box-shadow 0 8px 24px rgba(0,0,0,.08)
+            padding 14px
+
+        .workers-header
+            margin-bottom 12px
+
+        .workers-drag-handle
+            cursor move
+            user-select none
+            touch-action none
+
+        .workers-title
+            display flex
+            align-items flex-start
+            gap 10px
+
+        .workers-title .icon
+            margin-top 2px
+
+        .workers-title-text
+            font-size 18px
+            font-weight 700
+            color #1f2937
+            line-height 1.2
+
+        .workers-subtitle
+            margin-top 4px
+            font-size 12px
+            color #6b7280
+            display flex
+            align-items center
+            flex-wrap wrap
+            gap 6px
+
+        .workers-connection
+            display inline-flex
+            align-items center
+            padding 3px 8px
+            border-radius 999px
+            font-weight 700
+            font-size 11px
+            text-transform uppercase
+            letter-spacing .04em
+            background #f3f4f6
+            color #6b7280
+
+        .workers-connection.connected
+            background rgba(33, 186, 69, .12)
+            color #21ba45
+
+        .workers-connection.connecting
+            background rgba(251, 189, 8, .14)
+            color #b58105
+
+        .workers-connection.error
+            background rgba(219, 40, 40, .12)
+            color #db2828
+
+        .workers-connection.disconnected
+            background rgba(219, 40, 40, .12)
+            color #db2828
+
+        .workers-separator
+            opacity .6
+
+        .workers-drag-hint
+            margin-top 4px
+            font-size 11px
+            color #9ca3af
+            white-space nowrap
+
+        .workers-stats
+            display grid
+            grid-template-columns repeat(4, minmax(0, 1fr))
+            gap 8px
+            margin 10px 0 15px 0 !important
+
+        .stat-card
+            background #f9fafb
+            border 1px solid rgba(0,0,0,.06)
+            border-radius 12px
+            padding 10px 8px
+            text-align center
+            display flex
+            flex-direction column
+            align-items center
+            justify-content center
+
+        .stat-value
+            font-size 18px
+            font-weight 800
+            color #111827
+            margin-bottom 4px
+            min-width 1ch
+
+        .stat-green
+            color #21ba45
+
+        .stat-yellow
+            color #b58105
+
+        .stat-red
+            color #db2828
+
+        .stat-label
+            font-size 11px
+            font-weight 700
+            text-transform uppercase
+            color #6b7280
+            letter-spacing .04em
+
+        .workers-section
+            margin-top 16px
+
+        .workers-section-title
+            margin 12px 0 8px 0
+            font-size 12px
+            font-weight 700
+            text-transform uppercase
+            letter-spacing .04em
+            color #6b7280
+
+        .workers-table-wrap
+            max-height calc(100vh - 240px)
+            overflow auto
+            border-radius 12px
+
+        .workers-table
+            margin 0 !important
+            width 100%
+            table-layout auto
+            font-size 13px
+
+        .workers-table thead th
+            position sticky
+            top 0
+            background #f8fafc !important
+            color #374151 !important
+            font-weight 700 !important
+            font-size 12px
+            text-transform uppercase
+
+        .workers-table td
+        .workers-table th
+            vertical-align middle !important
+
+        .worker-status
+            border-radius 999px !important
+            font-weight 700 !important
+            display inline-flex !important
+            align-items center
+            gap 6px
+            white-space nowrap
+
+        .workers-empty
+            padding 24px 12px
+            text-align center
+            color #6b7280
+
+        .workers-empty .header
+            font-weight 700
+            color #374151
+            margin-bottom 4px
+
+        .workers-footer
+            margin-top 12px
+            font-size 12px
+            color #6b7280
+
+        body.workers-panel-dragging
+            user-select none
+
+        @media (max-width: 1400px)
+            .workers-panel
+                width calc(100vw - 32px)
+                max-width 520px
+
+        @media (max-width: 768px)
+            .workers-stats
+                grid-template-columns repeat(2, minmax(0, 1fr))
+    </style>
+</worker-monitor-toggle>
\ No newline at end of file
diff --git a/uv.lock b/uv.lock
index 492a6e3be..3d6d3e220 100644
--- a/uv.lock
+++ b/uv.lock
@@ -435,6 +435,7 @@ dependencies = [
     { name = "python-dateutil" },
     { name = "pytz" },
     { name = "pyyaml" },
+    { name = "redis-cli" },
     { name = "requests" },
     { name = "s3transfer" },
     { name = "setuptools" },
@@ -506,6 +507,7 @@ requires-dist = [
     { name = "python-dateutil", specifier = "==2.9.0" },
     { name = "pytz", specifier = ">=2025.2" },
     { name = "pyyaml", specifier = "==6.0.3" },
+    { name = "redis-cli", specifier = ">=1.0.1" },
     { name = "requests", specifier = "==2.33.1" },
     { name = "s3transfer", specifier = "==0.16.0" },
     { name = "setuptools", specifier = "==82.0.0" },
@@ -1662,6 +1664,18 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/74/3a/95deec7db1eb53979973ebd156f3369a72732208d1391cd2e5d127062a32/redis-7.4.0-py3-none-any.whl", hash = "sha256:a9c74a5c893a5ef8455a5adb793a31bb70feb821c86eccb62eebef5a19c429ec", size = 409772, upload-time = "2026-03-24T09:14:35.968Z" },
 ]
 
+[[package]]
+name = "redis-cli"
+version = "1.0.1"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "redis" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/85/7a/464077bce2a14cd8399776ae0c694e7c240b58ffe4b231413013f2fb48fe/redis-cli-1.0.1.tar.gz", hash = "sha256:6be46d8e6ae638fec27cb425d499b7f25b1592402c74d5d17f5b85b5e7f988a0", size = 5958, upload-time = "2023-10-02T05:58:36.407Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/7b/29/33cbdafefd22613cc003f837b6f0295462b2e91696180f06c5210f576a1b/redis_cli-1.0.1-py3-none-any.whl", hash = "sha256:e9f6af4a8b7591d8bfd1e23be89bdd9666ce824df881748fb02b88dd30575dc8", size = 5851, upload-time = "2023-10-02T05:58:32.924Z" },
+]
+
 [[package]]
 name = "referencing"
 version = "0.37.0"