From c353b5d77844c3ff19e7b399e9a0471477974c39 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Wed, 13 May 2026 11:50:34 +0200
Subject: [PATCH 01/19] backend & frontend OK / TODO: site worker and
 leaderboad

---
 src/apps/competitions/admin.py                |  48 +-
 src/apps/competitions/models.py               |   5 +-
 src/apps/competitions/urls.py                 |   5 +
 src/apps/competitions/views.py                | 268 +++++-
 src/apps/profiles/models.py                   |  16 +-
 .../competitions/editor/_participation.tag    | 783 +++++++++++++++---
 src/templates/competitions/form.html          |  17 +
 7 files changed, 1013 insertions(+), 129 deletions(-)

diff --git a/src/apps/competitions/admin.py b/src/apps/competitions/admin.py
index dc5f489c0..b13b703cd 100644
--- a/src/apps/competitions/admin.py
+++ b/src/apps/competitions/admin.py
@@ -1,9 +1,13 @@
 from django.contrib import admin
+from django import forms
+from django.contrib.admin.widgets import FilteredSelectMultiple
+from django.contrib.auth.models import Group
+
 from django.utils.translation import gettext_lazy as _
 import json
 import csv
 from django.http import HttpResponse
-from profiles.models import User
+from profiles.models import CustomGroup, User
 from . import models
 
 
@@ -409,3 +413,45 @@ class PhaseExpansion(admin.ModelAdmin):
 admin.site.register(models.Page, PageExpansion)
 admin.site.register(models.Phase, PhaseExpansion)
 admin.site.register(models.Submission, SubmissionExpansion)
+
+
+class CustomGroupAdminForm(forms.ModelForm):
+    users = forms.ModelMultipleChoiceField(
+        queryset=User.objects.all(),
+        required=False,
+        widget=FilteredSelectMultiple("Users", is_stacked=False),
+        help_text="Add/Remove users for this group."
+    )
+
+    class Meta:
+        model = CustomGroup
+        fields = ('name', 'permissions', 'queue', 'users')
+
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+        if self.instance and self.instance.pk:
+            self.fields['users'].initial = self.instance.user_set.all()
+
+
+@admin.register(CustomGroup)
+class CustomGroupAdmin(admin.ModelAdmin):
+    form = CustomGroupAdminForm
+    list_display = ('name', 'queue')
+    search_fields = ('name',)
+    filter_horizontal = ('permissions',)
+    fieldsets = (
+        (None, {'fields': ('name',)}),
+        ('Permissions', {'fields': ('permissions',)}),
+        ('Utilisateurs', {'fields': ('users',)}),
+        ('Options', {'fields': ('queue',)}),
+    )
+
+    def save_model(self, request, obj, form, change):
+        super().save_model(request, obj, form, change)
+
+    def save_related(self, request, form, formsets, change):
+        super().save_related(request, form, formsets, change)
+        form.instance.user_set.set(form.cleaned_data['users'])
+
+
+admin.site.unregister(Group)
diff --git a/src/apps/competitions/models.py b/src/apps/competitions/models.py
index 34e739e5d..87b0b5513 100644
--- a/src/apps/competitions/models.py
+++ b/src/apps/competitions/models.py
@@ -13,7 +13,7 @@
 
 from celery_config import app, app_for_vhost
 from leaderboards.models import SubmissionScore
-from profiles.models import User, Organization
+from profiles.models import CustomGroup, User, Organization
 from utils.data import PathWrapper
 from utils.storage import BundleStorage
 from PIL import Image
@@ -55,6 +55,9 @@ class Competition(models.Model):
     make_programs_available = models.BooleanField(default=False)
     make_input_data_available = models.BooleanField(default=False)
 
+    participant_groups = models.ManyToManyField(CustomGroup, blank=True, related_name='competitions', verbose_name="group of participants",
+                                                help_text="Competition owner being able to create groups of users.")
+
     queue = models.ForeignKey('queues.Queue', on_delete=models.SET_NULL, null=True, blank=True,
                               related_name='competitions')
 
diff --git a/src/apps/competitions/urls.py b/src/apps/competitions/urls.py
index 705c1d77c..b4b1a90ac 100644
--- a/src/apps/competitions/urls.py
+++ b/src/apps/competitions/urls.py
@@ -13,4 +13,9 @@
     path('upload/', views.CompetitionUpload.as_view(), name="upload"),
     path('public/', views.CompetitionPublic.as_view(), name="public"),
     path('<int:pk>/detailed_results/<int:submission_id>/', views.CompetitionDetailedResults.as_view(), name="detailed_results"),
+
+    #   Groups
+    path('<int:pk>/groups/create/', views.competition_create_group, name='competition_create_group'),
+    path('<int:pk>/groups/<int:group_id>/update/', views.competition_update_group),
+    path('<int:pk>/groups/<int:group_id>/delete/', views.competition_delete_group),
 ]
diff --git a/src/apps/competitions/views.py b/src/apps/competitions/views.py
index 33d4b7a78..1b43bf074 100644
--- a/src/apps/competitions/views.py
+++ b/src/apps/competitions/views.py
@@ -1,8 +1,24 @@
+import json
+from django.db.models import Q
+
 from django.contrib.auth.mixins import LoginRequiredMixin
-from django.http import Http404
+from django.http import Http404, JsonResponse, HttpResponseForbidden, HttpResponseBadRequest, HttpResponseRedirect
 from django.views.generic import TemplateView, DetailView
+from django.core.serializers.json import DjangoJSONEncoder
+
+from django.contrib.auth.decorators import login_required
+from django.views.decorators.http import require_POST
+from django.shortcuts import get_object_or_404
+
+from profiles.models import CustomGroup, User
 
 from .models import Competition, CompetitionParticipant
+from django.db import transaction
+from django.urls import reverse
+from django.contrib import messages
+
+from queues.models import Queue
+from django.core.exceptions import PermissionDenied
 
 
 class CompetitionManagement(LoginRequiredMixin, TemplateView):
@@ -21,6 +37,49 @@ class CompetitionUpdateForm(LoginRequiredMixin, DetailView):
     template_name = 'competitions/form.html'
     queryset = Competition.objects.all()
 
+    def get_context_data(self, **kwargs):
+        ctx = super().get_context_data(**kwargs)
+        comp = self.object
+
+        groups_qs = comp.participant_groups.select_related('queue').prefetch_related('user_set')
+
+        participant_user_ids = list(
+            CompetitionParticipant.objects.filter(competition=comp)
+            .values_list('user_id', flat=True)
+        )
+
+        participant_user_ids_set = set(participant_user_ids)
+        
+        ctx['available_groups_json'] = json.dumps([
+            {
+                'id': g.id,
+                'name': g.name,
+                'queue': g.queue.name if g.queue else None,
+                'members': [u.username for u in g.user_set.all() if u.pk in participant_user_ids_set],
+            }
+            for g in groups_qs
+        ], cls=DjangoJSONEncoder)
+
+        ctx['selected_group_ids_json'] = json.dumps(
+            list(comp.participant_groups.values_list('id', flat=True)),
+            cls=DjangoJSONEncoder
+        )
+
+        ctx['available_queues_json'] = json.dumps(
+            list(Queue.objects.all().values('id', 'name')),
+            cls=DjangoJSONEncoder
+        )
+
+        ctx['available_users_json'] = json.dumps(
+            list(
+                User.objects
+                    .filter(pk__in=participant_user_ids, is_active=True)
+                    .values('id', 'username', 'email')
+            ),
+            cls=DjangoJSONEncoder
+        )
+        return ctx
+
     def get_object(self, *args, **kwargs):
         competition = super().get_object(*args, **kwargs)
 
@@ -104,3 +163,210 @@ def get_context_data(self, **kwargs):
 
 class CompetitionDetailedResults(TemplateView):
     template_name = 'competitions/detailed_results.html'
+
+
+#   Group feature  ----------------------
+@login_required
+@require_POST
+def competition_create_group(request, pk):
+    competition = get_object_or_404(Competition, pk=pk)
+
+    user = request.user
+    if not (user.is_superuser or user == competition.created_by or user in competition.collaborators.all()):
+        return HttpResponseForbidden("Not allowed")
+
+    if request.content_type == 'application/json':
+        try:
+            payload = json.loads(request.body.decode())
+        except Exception:
+            return HttpResponseBadRequest("Invalid JSON")
+        name = (payload.get('name') or '').strip()
+        queue_id = payload.get('queue_id')
+        user_ids = payload.get('user_ids') or []
+    else:
+        name = (request.POST.get('name') or '').strip()
+        queue_id = request.POST.get('queue_id') or None
+        user_ids = request.POST.getlist('user_ids[]') or []
+        if not user_ids and request.POST.get('user_ids'):
+            user_ids = [u.strip() for u in request.POST.get('user_ids').split(',') if u.strip()]
+
+    if not name:
+        return HttpResponseBadRequest("Missing name")
+
+    allowed_user_ids = set(
+        CompetitionParticipant.objects.filter(competition=competition)
+        .values_list('user_id', flat=True)
+    )
+
+    try:
+        with transaction.atomic():
+            group = CustomGroup(name=name)
+            if queue_id:
+                try:
+                    queue = Queue.objects.get(pk=queue_id)
+                    group.queue = queue
+                except Queue.DoesNotExist:
+                    group.queue = None
+            group.save()
+
+            user_ids_int = []
+            try:
+                user_ids_int = [int(u) for u in user_ids]
+            except Exception:
+                user_ids_int = []
+
+            if user_ids_int:
+                invalid = [uid for uid in user_ids_int if uid not in allowed_user_ids]
+                if invalid:
+                    raise ValueError(f"Some users are not participants of this competition: {invalid}")
+
+                users_qs = User.objects.filter(pk__in=user_ids_int)
+                group.user_set.set(users_qs)
+
+            competition.participant_groups.add(group)
+
+            members = list(group.user_set.values_list('username', flat=True))
+
+            group_data = {
+                'id': group.id,
+                'name': group.name,
+                'queue': group.queue.name if group.queue else None,
+                'queue_id': group.queue.pk if group.queue else None,
+                'members': members,
+            }
+
+    except ValueError as e:
+        return HttpResponseBadRequest(str(e))
+    except Exception as e:
+        return HttpResponseBadRequest("Error creating group: %s" % str(e))
+
+    if (
+        request.content_type.startswith('application/json')
+        or request.headers.get('x-requested-with') == 'XMLHttpRequest'
+        or 'application/json' in request.headers.get('accept', '')
+    ):
+        return JsonResponse({'status': 'ok', 'group': group_data})
+
+    messages.success(request, "Groupe créé")
+    return HttpResponseRedirect(reverse('competitions:edit', kwargs={'pk': competition.pk}))
+
+
+@login_required
+@require_POST
+def competition_update_group(request, pk, group_id):
+    competition = get_object_or_404(Competition, pk=pk)
+    group = get_object_or_404(CustomGroup, pk=group_id)
+
+    user = request.user
+    if not (user.is_superuser or user == competition.created_by or user in competition.collaborators.all()):
+        return HttpResponseForbidden("Not allowed")
+
+    if not competition.participant_groups.filter(pk=group.pk).exists():
+        return HttpResponseBadRequest("Group does not belong to this competition")
+
+    if request.content_type == 'application/json':
+        try:
+            payload = json.loads(request.body.decode())
+        except Exception:
+            return HttpResponseBadRequest("Invalid JSON")
+        name = (payload.get('name') or '').strip()
+        queue_id = payload.get('queue_id')
+        user_ids = payload.get('user_ids', []) or []
+    else:
+        name = (request.POST.get('name') or '').strip()
+        queue_id = request.POST.get('queue_id') or None
+        user_ids = request.POST.getlist('user_ids[]') or []
+
+    if not name:
+        return HttpResponseBadRequest("Missing name")
+
+    allowed_user_ids = set(
+        CompetitionParticipant.objects.filter(competition=competition)
+        .values_list('user_id', flat=True)
+    )
+
+    try:
+        with transaction.atomic():
+            group.name = name
+            if queue_id:
+                group.queue = Queue.objects.filter(pk=queue_id).first()
+            else:
+                group.queue = None
+            group.save()
+
+            try:
+                user_ids_int = [int(u) for u in user_ids]
+            except Exception:
+                user_ids_int = []
+
+            if user_ids_int:
+                invalid = [uid for uid in user_ids_int if uid not in allowed_user_ids]
+                if invalid:
+                    raise ValueError(f"Some users are not participants of this competition: {invalid}")
+
+            group.user_set.set(User.objects.filter(pk__in=user_ids_int))
+    except ValueError as e:
+        return HttpResponseBadRequest(str(e))
+    except Exception as e:
+        return HttpResponseBadRequest("Error updating group: %s" % str(e))
+
+    resp = {
+        'status': 'ok',
+        'group': {
+            'id': group.id,
+            'name': group.name,
+            'queue': group.queue.name if group.queue else None,
+            'queue_id': group.queue.pk if group.queue else None,  # manquant
+            'members': list(group.user_set.values_list('username', flat=True)),
+        }
+    }
+
+    if (
+        request.content_type.startswith('application/json')
+        or request.headers.get('x-requested-with') == 'XMLHttpRequest'
+        or 'application/json' in request.headers.get('accept', '')
+    ):
+        return JsonResponse(resp)
+
+    messages.success(request, "Groupe modifié")
+    return HttpResponseRedirect(reverse('competitions:edit', kwargs={'pk': competition.pk}))
+
+
+@login_required
+@require_POST
+def competition_delete_group(request, pk, group_id):
+    competition = get_object_or_404(Competition, pk=pk)
+
+    user = request.user
+    if not (
+        user.is_superuser
+        or user == competition.created_by
+        or user in competition.collaborators.all()
+    ):
+        raise PermissionDenied("Not allowed")
+
+    group = get_object_or_404(
+        CustomGroup,
+        pk=group_id,
+        competitions=competition
+    )
+
+    try:
+        with transaction.atomic():
+            competition.participant_groups.remove(group)
+            group.delete()
+
+    except Exception as e:
+        return HttpResponseBadRequest(f"Error deleting group: {str(e)}")
+
+    if (
+        request.content_type.startswith("application/json")
+        or request.headers.get("x-requested-with") == "XMLHttpRequest"
+        or "application/json" in request.headers.get("accept", "")
+    ):
+        return JsonResponse({"status": "ok", "group_id": group_id})
+
+    messages.success(request, "Groupe supprimé")
+    return HttpResponseRedirect(
+        reverse("competitions:edit", kwargs={"pk": competition.pk})
+    )
diff --git a/src/apps/profiles/models.py b/src/apps/profiles/models.py
index 042c7d0a1..dee26644d 100644
--- a/src/apps/profiles/models.py
+++ b/src/apps/profiles/models.py
@@ -1,6 +1,7 @@
+from queues.models import Queue
 import uuid
 
-from django.contrib.auth.models import PermissionsMixin, AbstractBaseUser, UserManager
+from django.contrib.auth.models import Group, PermissionsMixin, AbstractBaseUser, UserManager
 from django.db import models
 from django.utils.timezone import now
 from django.utils.text import slugify
@@ -343,3 +344,16 @@ class Membership(models.Model):
 
     class Meta:
         ordering = ["date_joined"]
+
+
+class CustomGroup(Group):
+
+    queue = models.ForeignKey(Queue, null=True, blank=True, on_delete=models.SET_NULL, related_name='custom_groups', verbose_name="Groups_for_queue",
+                              help_text="Queue Foreign Key on group model for multiple submissions routing.")
+
+    class Meta:
+        verbose_name = "Group"
+        verbose_name_plural = "Groups"
+
+    def __str__(self):
+        return self.name
diff --git a/src/static/riot/competitions/editor/_participation.tag b/src/static/riot/competitions/editor/_participation.tag
index 2a5463527..afde7e1bb 100644
--- a/src/static/riot/competitions/editor/_participation.tag
+++ b/src/static/riot/competitions/editor/_participation.tag
@@ -1,150 +1,683 @@
 <competition-participation>
-    <form class="ui form">
-        <div class="field required">
-            <label>Terms</label>
-            <textarea class="markdown-editor" ref="terms" name="terms"></textarea>
-        </div>
-         <div class="field">
-            <div class="ui checkbox">
-                <input selenium="auto-approve" type="checkbox" name="registration_auto_approve" ref="registration_auto_approve" onchange="{form_updated}">
-                <label>Auto approve registration requests
-                    <span data-tooltip="If left unchecked, registration requests must be manually approved by the benchmark creator or collaborators"
-                          data-inverted=""
-                          data-position="bottom center">
-                    <i class="help icon circle"></i></span>
-                </label>
+  <form class="ui form">
+    <div class="field required">
+      <label>Terms</label>
+      <textarea class="markdown-editor" ref="terms" name="terms"></textarea>
+    </div>
+    <div class="field">
+      <div class="ui checkbox">
+        <input selenium="auto-approve" type="checkbox" name="registration_auto_approve" ref="registration_auto_approve" onchange="{form_updated}">
+        <label>Auto approve registration requests
+          <span data-tooltip="If left unchecked, registration requests must be manually approved by the benchmark creator or collaborators"
+                data-inverted=""
+                data-position="bottom center">
+          <i class="help icon circle"></i></span>
+        </label>
+      </div>
+    </div>
+    <div class="field">
+      <div class="ui checkbox">
+          <input type="checkbox" name="allow_robot_submissions" ref="allow_robot_submissions" onchange="{form_updated}">
+          <label>Allow robot submissions
+              <span data-tooltip="If left unchecked, robot users will have to be manually approved by the benchmark creator or collaborators. This can be changed later."
+                    data-inverted=""
+                    data-position="bottom center">
+              <i class="help icon circle"></i></span>
+          </label>
+      </div>
+    </div>
+
+    <!--  Whitelist emails list  -->
+    <!--  Emails of users who do not require admin approval to enter the competition  -->
+    <div class="field">
+      <label>Whitelist Emails</label>
+      <p>A list of emails (one per line) of users who do not require competition organizer's approval to enter this competition.</p>
+      <div class="ui yellow message">
+          <span><b>Note:</b></span><br>
+          Only valid emails are allowed<br>
+          Empty lines are not allowed
+      </div>
+      <textarea class="markdown-editor" ref="whitelist_emails" name="whitelist_emails"></textarea>
+      <div class="error-message" style="color: red;"></div>
+    </div>
+
+
+    <!-- Participant Groups -->
+    <div class="field">
+      <label>Groups</label>
+      <div style="margin-bottom:8px;">
+        <button type="button" class="ui tiny primary button" onclick="{ open_create_group }">
+          <i class="plus icon"></i> New participant group
+        </button>
+      </div>
+
+      <div class="ui cards">
+        <div class="card" each="{ group in available_groups }">
+          <div class="content">
+            <div class="header">
+              <label>{ group.name }</label>
+            </div>
+
+            <div class="meta group-meta" style="margin-top:0.4em;">
+              <div class="group-labels">
+                <span class="ui grey label">Queue: { group.queue || "Aucune" }</span>
+                <span class="ui grey label">Membres: { group.members && group.members.length > 0 ? group.members.length : 0 }</span>
+              </div>
+
+              <div class="members-chips" if="{ group.members && group.members.length }">
+                <span class="ui tiny label" each="{m in group.members}">
+                  { m }
+                </span>
+              </div>
+
+              <div class="group-actions">
+                <button class="ui mini icon basic button edit-btn" title="Modifier" onclick="{ open_edit_group.bind(this, group) }">
+                  <i class="edit icon"></i>
+                </button>
+                <button class="ui mini icon basic red button delete-btn" title="Supprimer" onclick="{ delete_group.bind(this, group) }">
+                  <i class="trash icon"></i>
+                </button>
+              </div>
             </div>
+
+          </div>
         </div>
+      </div>
+    </div>
+
+  </form>
+
+    <!-- CREATE / EDIT GROUP MODAL -->
+  <div ref="group_modal" class="ui small modal" style="display:none;">
+    <i class="close icon" onclick="{ close_group_modal }"></i>
+    <div class="header">
+     { editing_group ? 'Edit participant group' : 'Create participant group' }
+    </div>
+
+    <div class="content">
+      <div class="ui form">
+        <div class="field required">
+          <label>Group name</label>
+          <input type="text" ref="group_name" placeholder="e.g. Students – GPU queue">
+        </div>
+
         <div class="field">
-            <div class="ui checkbox">
-                <input type="checkbox" name="allow_robot_submissions" ref="allow_robot_submissions" onchange="{form_updated}">
-                <label>Allow robot submissions
-                    <span data-tooltip="If left unchecked, robot users will have to be manually approved by the benchmark creator or collaborators. This can be changed later."
-                          data-inverted=""
-                          data-position="bottom center">
-                    <i class="help icon circle"></i></span>
-                </label>
-            </div>
+          <label>Queue (optional)</label>
+          <select ref="group_queue" class="ui dropdown">
+            <option value="">None</option>
+            <option each="{ q in available_queues }" value="{ q.id }">{ q.name }</option>
+          </select>
         </div>
 
-        <!--  Whitelist emails list  -->
-        <!--  Emails of users who do not require admin approval to enter the competition  -->
         <div class="field">
-            <label>Whitelist Emails</label>
-            <p>A list of emails (one per line) of users who do not require competition organizer's approval to enter this competition.</p>
-            <div class="ui yellow message">
-                <span><b>Note:</b></span><br>
-                Only valid emails are allowed<br>
-                Empty lines are not allowed
+          <label>Select group members</label>
+
+          <div style="display:flex; gap:.5rem; margin-bottom:.5rem; align-items:center;">
+            <button type="button" class="ui mini button" onclick="{ select_all_users }">Select all</button>
+            <button type="button" class="ui mini basic button" onclick="{ clear_user_selection }">Clear</button>
+            <div class="ui right floated meta" style="margin-left:auto;">
+              <span class="ui tiny basic label">Selected: <span ref="selected_count">0</span></span>
             </div>
-            <textarea class="markdown-editor" ref="whitelist_emails" name="whitelist_emails"></textarea>
-            <div class="error-message" style="color: red;"></div>
+          </div>
+
+          <select ref="group_user_select" multiple class="ui fluid multiple search selection dropdown" style="width:100%;">
+            <option each="{ u in available_users }" value="{ u.id }">{ u.username } &lt;{ u.email }&gt;</option>
+          </select>
+
+          <div class="ui segment" style="margin-top:.5rem;">
+            <small class="muted">You can search and select multiple participants</small>
+          </div>
         </div>
-    </form>
 
-    <script>
-        let self = this
+        <div class="ui error message" ref="group_modal_error" style="display:none;"></div>
+      </div>
+    </div>
+
+    <div class="actions">
+      <div class="ui cancel button" onclick="{ close_group_modal }">Cancel</div>
+      <div class="ui primary button" onclick="{ submit_group }">{ editing_group ? 'Edit' : 'Create' }</div>
+    </div>
+  </div>
+
+  <script>
+    let self = this
+
+    self.data = {}
+    self.available_groups = []
+    self.selected_group_ids = []
+    self.available_queues = []
+    self.available_users = []
+    self.editing_group = null
+    self._scheduledUpdate = false
+
+    const initUI = () => {
+      try { $('.ui.checkbox', self.root).checkbox() } catch(e) {}
+      try { $('.ui.dropdown', self.root).dropdown() } catch(e) {}
+
+      try {
+        if (self.refs && self.refs.group_user_select) {
+          $(self.refs.group_user_select).dropdown({
+            allowAdditions: false,
+            forceSelection: true,
+            fullTextSearch: true,
+            onChange: (value) => {
+              const arr = (value || '').toString().trim()
+              let count = 0
+              if (arr.length) count = (arr + '').split(',').filter(Boolean).length
+              try { self.refs.selected_count.textContent = count } catch(e){}
+            }
+          })
+        }
+      } catch(e) {}
+    }
+
+    const compPk = () => {
+      try {
+        if (self && self.opts) {
+          if (self.opts.competition_id) return String(self.opts.competition_id)
+          if (self.opts.competition_pk) return String(self.opts.competition_pk)
+        }
+      } catch(e){}
+      try {
+        const a = self.root && (self.root.getAttribute('competition_id') || self.root.getAttribute('competition-pk') || self.root.getAttribute('competition_pk'))
+        if (a) return String(a)
+      } catch(e){}
+      const dom = document.getElementById('competition-id')
+      if (dom && dom.dataset && dom.dataset.id) return String(dom.dataset.id)
+      try {
+        const cf = document.querySelector('competition-form[competition_id], competition-form[competition-pk], competition-form[competition_pk]')
+        if (cf) {
+          const v = cf.getAttribute('competition_id') || cf.getAttribute('competition-pk') || cf.getAttribute('competition_pk')
+          if (v) return String(v)
+        }
+      } catch(e){}
+      try {
+        const parts = window.location.pathname.split('/').filter(Boolean)
+        for (let i = 0; i < parts.length; i++) {
+          if (/^\d+$/.test(parts[i])) return parts[i]
+        }
+      } catch(e){}
+      return null
+    }
+
 
-        self.data = {}
+    const parseJsonScriptElement = id => {
+      const el = document.getElementById(id)
+      if (!el || !el.textContent) return []
+      try { return JSON.parse(el.textContent) } catch (err) { console.warn('Invalid JSON in #' + id, err); return [] }
+    }
 
-        self.on('mount', () => {
-            self.markdown_editor = create_easyMDE(self.refs.terms)
-            self.markdown_editor_whitelist = create_easyMDE(self.refs.whitelist_emails, false, false, '200px')
+    self.on('mount', () => {
 
-            $(':input', self.root).not('[type="file"]').not('button').not('[readonly]').each(function (i, field) {
-                this.addEventListener('keyup', self.form_updated)
-            })
+      const form = self.root.querySelector('form')
+      if (form) {
+        form.addEventListener('submit', function(e){
+          e.preventDefault()
+          e.stopPropagation()
+          return false
         })
+      }
+
+      let participants = parseJsonScriptElement('available-participants')
+      if (!participants || !participants.length) {
+        participants = parseJsonScriptElement('available-users')
+      }
 
-        self.form_updated = () => {
-            self.data.registration_auto_approve = $(self.refs.registration_auto_approve).prop('checked')
-            self.data.allow_robot_submissions = $(self.refs.allow_robot_submissions).prop('checked')
-            self.data.terms = self.markdown_editor.value()
-
-            // Get the content of the whitelist-emails textarea and split it into an array of email addresses
-            let whitelist_emails_content = self.markdown_editor_whitelist.value()
-            let email_addresses = whitelist_emails_content.trim() === '' ? [] : whitelist_emails_content.split('\n').map(email => email.trim())
-
-            // Check for problematic emails
-            let problematicEmailIndexes = []
-            email_addresses.forEach((email, index) => {
-                if (!self.isValidEmail(email)) {
-                    // If an email is invalid, store its index
-                    problematicEmailIndexes.push(index);
-                }
-            })
-
-            // Email errors
-            const errorDiv = self.root.querySelector('.error-message')
-            if (problematicEmailIndexes.length > 0) {
-                // Show an error message if there are invalid emails
-                errorDiv.classList.add('ui', 'red', 'message')
-
-                const errorMessage = document.createElement('strong')
-                errorMessage.textContent = 'One or more email addresses are invalid'
-                errorDiv.innerHTML = '' // Clear existing content
-                errorDiv.appendChild(errorMessage)
-
-                // Create an unordered list for error details
-                const errorList = document.createElement('ul')
-
-                problematicEmailIndexes.forEach((index) => {
-                    const problematicEmail = email_addresses[index]
-                    // Create a list item for each problematic email
-                    const listItem = document.createElement('li')
-                    listItem.textContent = `${problematicEmail}`
-                    errorList.appendChild(listItem)
-                })
-
-                // Append the error details (unordered list) to the 'error-message' div
-                errorDiv.appendChild(errorList)
-            } else {
-                // Clear the error message and remove the classes if all emails are valid
-                errorDiv.classList.remove('ui', 'red', 'message')
-                errorDiv.textContent = ''
+      self.available_groups = parseJsonScriptElement('available-groups') || []
+      self.selected_group_ids = parseJsonScriptElement('selected-group-ids') || []
+      self.available_queues = parseJsonScriptElement('available-queues') || []
+      self.available_users = participants || []
+
+
+      self.markdown_editor = create_easyMDE(self.refs.terms)
+      self.markdown_editor_whitelist = create_easyMDE(self.refs.whitelist_emails, false, false, '200px')
+
+      try {
+        if (self._pending_competition && self._pending_competition.terms) {
+          try {
+            if (self.markdown_editor && typeof self.markdown_editor.value === 'function') {
+              self.markdown_editor.value(self._pending_competition.terms || '')
+            }
+            if (self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function') {
+              self.markdown_editor_whitelist.value(Array.isArray(self._pending_competition.whitelist_emails) && self._pending_competition.whitelist_emails.length > 0 ? self._pending_competition.whitelist_emails.join('\n') : '')
             }
-            
-            // Add to whitelist_emails when there is not problematic email address
-            if(problematicEmailIndexes.length == 0){
-                self.data.whitelist_emails = email_addresses
+            if (self.markdown_editor && self.markdown_editor.codemirror && typeof self.markdown_editor.codemirror.refresh === 'function') {
+              self.markdown_editor.codemirror.refresh()
             }
-            
-            // set a boolean to true if all emails are valid
-            let is_valid_emails = problematicEmailIndexes.length == 0
-            let is_valid_terms = !!self.data.terms
-            
-            // set a valid boolean to true when all email are valid and terms are valid
-            is_valid = is_valid_terms && is_valid_emails
-
-            CODALAB.events.trigger('competition_is_valid_update', 'participation', is_valid)
-
-            if (is_valid) {
-                CODALAB.events.trigger('competition_data_update', self.data)
+          } catch(e) { console.warn('apply pending competition to editors failed', e) }
+          delete self._pending_competition
+          try { self.update(); self.form_updated() } catch(e){}
+        }
+      } catch(e) { console.warn('checking _pending_competition failed', e) }
+
+      $(':input', self.root).not('[type="file"]').not('button').not('[readonly]').each(function (i, field) {
+          this.addEventListener('keyup', self.form_updated)
+      })
+      self.update()
+      setTimeout(initUI, 0)
+    })
+
+    self.toggle_group = (group_id) => {
+      const idx = self.selected_group_ids.indexOf(group_id)
+      if (idx === -1) self.selected_group_ids.push(group_id)
+      else self.selected_group_ids.splice(idx, 1)
+
+      self.data = self.data || {}
+      self.data.participant_groups = self.selected_group_ids.slice()
+
+      CODALAB.events.trigger('competition_data_update', self.data)
+      self.update()
+    }
+
+    self.form_updated = () => {
+      self.data.registration_auto_approve = $(self.refs.registration_auto_approve).prop('checked')
+      self.data.allow_robot_submissions = $(self.refs.allow_robot_submissions).prop('checked')
+      self.data.terms = (self.markdown_editor && self.markdown_editor.value()) || (self.refs.terms && self.refs.terms.value) || ''
+
+
+      // Get the content of the whitelist-emails textarea and split it into an array of email addresses
+      let whitelist_emails_content = self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function' ? self.markdown_editor_whitelist.value() : (self.refs.whitelist_emails && self.refs.whitelist_emails.value) || ''
+      let email_addresses = whitelist_emails_content.trim() === '' ? [] : whitelist_emails_content.split('\n').map(email => email.trim())
+
+      // Check for problematic emails
+      let problematicEmailIndexes = []
+      email_addresses.forEach((email, index) => {
+        if (!self.isValidEmail(email)) {
+            // If an email is invalid, store its index
+            problematicEmailIndexes.push(index);
+        }
+      })
+
+      // Email errors
+      const errorDiv = self.root.querySelector('.error-message')
+      if (problematicEmailIndexes.length > 0) {
+        // Show an error message if there are invalid emails
+        errorDiv.classList.add('ui', 'red', 'message')
+
+        const errorMessage = document.createElement('strong')
+        errorMessage.textContent = 'One or more email addresses are invalid'
+        errorDiv.innerHTML = '' // Clear existing content
+        errorDiv.appendChild(errorMessage)
+
+        // Create an unordered list for error details
+        const errorList = document.createElement('ul')
+
+        problematicEmailIndexes.forEach((index) => {
+            const problematicEmail = email_addresses[index]
+            // Create a list item for each problematic email
+            const listItem = document.createElement('li')
+            listItem.textContent = `${problematicEmail}`
+            errorList.appendChild(listItem)
+        })
+
+        // Append the error details (unordered list) to the 'error-message' div
+        errorDiv.appendChild(errorList)
+      } else {
+          // Clear the error message and remove the classes if all emails are valid
+          errorDiv.classList.remove('ui', 'red', 'message')
+          errorDiv.textContent = ''
+      }
+      
+      // Add to whitelist_emails when there is not problematic email address
+      if(problematicEmailIndexes.length == 0){
+          self.data.whitelist_emails = email_addresses
+      }
+      
+      // set a boolean to true if all emails are valid
+      let is_valid_emails = problematicEmailIndexes.length == 0
+      let is_valid_terms = !!self.data.terms
+      
+      // set a valid boolean to true when all email are valid and terms are valid
+      is_valid = is_valid_terms && is_valid_emails
+
+      CODALAB.events.trigger('competition_is_valid_update', 'participation', is_valid)
+
+      if (is_valid) {
+          CODALAB.events.trigger('competition_data_update', self.data)
+      }
+    }
+
+    // Function to validate an email address
+    self.isValidEmail = function (email) {
+      // Regular expression pattern to match a valid email address
+      const emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/
+
+      // Test the email against the pattern and return the result (boolean)
+      return emailPattern.test(email)
+    }
+
+    self.open_create_group = () => {
+      self.editing_group = null
+      try { self.refs.group_name.value = '' } catch(e){}
+      try { $(self.refs.group_queue).dropdown('clear') } catch(e){}
+      try { $(self.refs.group_user_select).dropdown('clear') } catch(e){}
+      try { self.refs.selected_count.textContent = '0' } catch(e){}
+      try { $(self.refs.group_modal).modal({closable:true}).modal('show') } catch(e) { self.refs.group_modal.style.display = 'block' }
+      setTimeout(initUI, 0)
+    }
+
+    const membersToIds = (membersArr) => {
+      // membersArr can contain ids, usernames or emails; return matching ids as strings
+      if (!membersArr || !membersArr.length) return []
+      const ids = []
+      const users = self.available_users || []
+      membersArr.forEach(m => {
+        const byId = users.find(u => String(u.id) === String(m))
+        if (byId) { ids.push(String(byId.id)); return }
+        const byUsername = users.find(u => String(u.username) === String(m))
+        if (byUsername) { ids.push(String(byUsername.id)); return }
+        const byEmail = users.find(u => String(u.email) === String(m))
+        if (byEmail) { ids.push(String(byEmail.id)); return }
+      })
+      return ids
+    }
+
+    self.open_edit_group = (group) => {
+      self.editing_group = group
+      try { self.refs.group_name.value = group.name || '' } catch(e){}
+      try {
+        let queueId = null
+        if (group.queue_id) queueId = group.queue_id
+        else if (group.queue) {
+          const qFound = (self.available_queues || []).find(x => x.name === group.queue)
+          if (qFound) queueId = qFound.id
+        }
+        if (queueId) $(self.refs.group_queue).dropdown('set selected', queueId)
+        else $(self.refs.group_queue).dropdown('clear')
+      } catch(e){}
+
+      try {
+        const memberIds = membersToIds(group.members || [])
+        if (memberIds.length) {
+          $(self.refs.group_user_select).dropdown('set selected', memberIds)
+          try { self.refs.selected_count.textContent = memberIds.length } catch(e){}
+        } else {
+          $(self.refs.group_user_select).dropdown('clear')
+          try { self.refs.selected_count.textContent = '0' } catch(e){}
+        }
+      } catch(e){ console.warn('prefill members failed', e) }
+
+      try { $(self.refs.group_modal).modal({closable:true}).modal('show') } catch(e) { self.refs.group_modal.style.display = 'block' }
+      setTimeout(initUI, 0)
+    }
+
+    self.select_all_users = () => {
+      try {
+        const ids = (self.available_users || []).map(u => String(u.id))
+        $(self.refs.group_user_select).dropdown('set selected', ids)
+        try { self.refs.selected_count.textContent = ids.length } catch(e){}
+      } catch(e){ console.warn('select all failed', e) }
+    }
+
+    self.clear_user_selection = () => {
+      try {
+        $(self.refs.group_user_select).dropdown('clear')
+        try { self.refs.selected_count.textContent = '0' } catch(e){}
+      } catch(e){ console.warn('clear selection failed', e) }
+    }
+
+    self.close_group_modal = () => {
+      try { $(self.refs.group_modal).modal('hide') } catch(e) { self.refs.group_modal.style.display = 'none' }
+    }
+
+    self.submit_group = () => {
+      const name = (self.refs.group_name && self.refs.group_name.value || '').trim()
+      if (!name) {
+        if (self.refs.group_modal_error) {
+          self.refs.group_modal_error.style.display = 'block'
+          self.refs.group_modal_error.textContent = 'Group name is required'
+        }
+        return
+      }
+
+      let queue_id = null
+      try { queue_id = $(self.refs.group_queue).dropdown('get value') || null } catch(e) { queue_id = (self.refs.group_queue && self.refs.group_queue.value) || null }
+
+      let user_ids = []
+      try {
+        const val = $(self.refs.group_user_select).dropdown('get value')
+        if (Array.isArray(val)) user_ids = val.map(String)
+        else if (typeof val === 'string' && val.length) user_ids = val.split(',').map(String)
+      } catch(e) {
+        try {
+          const sel = self.refs.group_user_select
+          for (let i = 0; i < sel.options.length; i++) if (sel.options[i].selected) user_ids.push(String(sel.options[i].value))
+        } catch(e2){}
+      }
+
+      const pk = compPk()
+      if (!pk) {
+        if (self.refs.group_modal_error) {
+          self.refs.group_modal_error.style.display = 'block'
+          self.refs.group_modal_error.textContent = "Competition id not found."
+        }
+        return
+      }
+
+      let url = '/competitions/' + pk + '/groups/create/'
+      if (self.editing_group && self.editing_group.id) url = '/competitions/' + pk + '/groups/' + self.editing_group.id + '/update/'
+
+      const form = new FormData()
+      form.append('name', name)
+      if (queue_id) form.append('queue_id', queue_id)
+      for (let i = 0; i < user_ids.length; i++) form.append('user_ids[]', user_ids[i])
+
+      fetch(url, {
+        method: 'POST',
+        headers: {
+          'X-CSRFToken': getCookie('csrftoken'),
+          'X-Requested-With': 'XMLHttpRequest'
+        },
+        body: form
+      }).then(resp => {
+        if (!resp.ok) throw resp
+        return resp.json()
+      }).then(data => {
+        if (data && data.status === 'ok' && data.group) {
+          const g = data.group
+          if (!self.editing_group) {
+            const selectedUsers = (self.available_users || [])
+              .filter(u => user_ids.includes(String(u.id)))
+              .map(u => u.username)
+              g.members = selectedUsers
+          }
+
+          let found = false
+          for (let i = 0; i < self.available_groups.length; i++) {
+            if (self.available_groups[i].id === g.id) {
+              self.available_groups[i] = g
+              found = true
+              break
             }
+          }
+          if (!found) {
+            self.available_groups.push(g)
+            if (self.selected_group_ids.indexOf(g.id) === -1) self.selected_group_ids.push(g.id)
+          }
+
+          self.data = self.data || {}
+          self.data.participant_groups = self.selected_group_ids.slice()
+          CODALAB.events.trigger('competition_data_update', self.data)
+
+          self.close_group_modal()
+          self.update()
+        } else {
+          const err = (data && data.error) ? data.error : 'Error creation/modification'
+          if (self.refs.group_modal_error) {
+            self.refs.group_modal_error.style.display = 'block'
+            self.refs.group_modal_error.textContent = err
+          }
+        }
+      }).catch(err => {
+        console.error('group create/update error', err)
+        if (self.refs.group_modal_error) {
+          self.refs.group_modal_error.style.display = 'block'
+          self.refs.group_modal_error.textContent = 'Error on group cretion/modification.'
         }
+      })
+    }
 
-        // Function to validate an email address
-        self.isValidEmail = function (email) {
-            // Regular expression pattern to match a valid email address
-            const emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/
-
-            // Test the email against the pattern and return the result (boolean)
-            return emailPattern.test(email)
-}
-
-        CODALAB.events.on('competition_loaded', function (competition) {
-            self.refs.registration_auto_approve.checked = competition.registration_auto_approve
-            self.refs.allow_robot_submissions.checked = competition.allow_robot_submissions
-            self.markdown_editor.value(competition.terms || '')
-            // Set whitelist emails in the textarea 
-            self.markdown_editor_whitelist.value(Array.isArray(competition.whitelist_emails) && competition.whitelist_emails.length > 0 ? competition.whitelist_emails.join('\n') : '')
+    self.delete_group = (group) => {
+      if (!confirm('Delete group "' + group.name + '" ?')) return
+      const pk = compPk()
+      if (!pk) return
+      const url = '/competitions/' + pk + '/groups/' + group.id + '/delete/'
+
+      const form = new FormData()
+      form.append('dummy', '1')
+
+      fetch(url, {
+        method: 'POST',
+        headers: {
+          'X-CSRFToken': getCookie('csrftoken'),
+          'X-Requested-With': 'XMLHttpRequest'
+        },
+        body: form
+      }).then(resp => {
+        if (!resp.ok) throw resp
+        return resp.json()
+      }).then(data => {
+        self.available_groups = self.available_groups.filter(x => x.id !== group.id)
+        self.selected_group_ids = self.selected_group_ids.filter(x => x !== group.id)
+
+        self.data = self.data || {}
+        self.data.participant_groups = self.selected_group_ids.slice()
+        CODALAB.events.trigger('competition_data_update', self.data)
+        self.update()
+      }).catch(err => {
+        console.error('delete group error', err)
+        alert('Erreur delete group.')
+      })
+    }
+
+    CODALAB.events.on('competition_loaded', function (competition) {
+      try {
+        if (self.refs) {
+          if (self.refs.registration_auto_approve) self.refs.registration_auto_approve.checked = competition.registration_auto_approve
+          if (self.refs.allow_robot_submissions) self.refs.allow_robot_submissions.checked = competition.allow_robot_submissions
+        }
+      } catch(e){ console.warn('setting checkboxes failed', e) }
+
+      try {
+        if (self.markdown_editor && self.markdown_editor.codemirror && typeof self.markdown_editor.codemirror.refresh === 'function') {
+          try {
+            if (typeof self.markdown_editor.value === 'function') self.markdown_editor.value(competition.terms || '')
+            if (self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function') {
+              self.markdown_editor_whitelist.value(Array.isArray(competition.whitelist_emails) && competition.whitelist_emails.length > 0 ? competition.whitelist_emails.join('\n') : '')
+            }
             self.markdown_editor.codemirror.refresh()
             self.update()
             self.form_updated()
-        })
+          } catch(e){ console.warn('apply competition_loaded to editors failed', e) }
+          return
+        }
+      } catch(e){
+      }
 
-        CODALAB.events.on('update_codemirror', () => {
-            self.markdown_editor.codemirror.refresh()
-        })
-    </script>
+      self._pending_competition = competition
+    })
+
+    CODALAB.events.on('update_codemirror', () => {
+      try {
+        if (self.markdown_editor && self.markdown_editor.codemirror && typeof self.markdown_editor.codemirror.refresh === 'function') {
+          self.markdown_editor.codemirror.refresh()
+        }
+      } catch(e) { console.warn('update_codemirror failed', e) }
+    })
+  </script>
+
+
+  <style>
+    .ui.cards .card {
+      width: 100%;
+      margin-bottom: 1em;
+    }
+    .ui.cards .content .meta, .ui.cards .content .description {
+      margin-top: 0.5em;
+    }
+
+    .group-meta {
+      display: flex;
+      align-items: center;
+      gap: 0.6rem;
+      flex-wrap: wrap;
+    }
+
+    .group-labels {
+      display:flex;
+      gap:0.5rem;
+      align-items:center;
+    }
+
+    .members-chips {
+      display:flex;
+      gap:0.35rem;
+      flex-wrap:wrap;
+      margin-left:0.5rem;
+    }
+
+    .members-chips .ui.tiny.label {
+      background: #f3f4f5;
+      border: 1px solid rgba(34,36,38,0.04);
+      color: #333;
+      padding: .25rem .45rem;
+      font-size: 0.95rem;
+    }
+
+    .group-actions {
+      margin-left: auto;
+      display: flex;
+      gap: 0.45rem;
+      justify-content: flex-end;
+      padding: 0.15rem 0.2rem;
+    }
+
+    .group-actions .ui.mini.icon.button {
+      padding: 0.28em 0.36em;
+      min-width: 2.3rem;
+      min-height: 2.3rem;
+      border-radius: 0.35rem;
+      opacity: 0.98;
+      box-shadow: none;
+      line-height: 1;
+      background-color: rgba(255,255,255,0.96);
+      border: 1px solid rgba(34,36,38,0.06);
+      transition: background-color .12s ease, transform .08s ease, box-shadow .12s ease;
+      color: #333;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .group-actions .ui.mini.icon.button .icon {
+      font-size: 0.95rem !important;
+    }
+
+    .group-actions .ui.mini.icon.button:hover {
+      transform: translateY(-2px);
+      background-color: rgba(0,0,0,0.06);
+      box-shadow: 0 1px 3px rgba(0,0,0,0.06);
+      opacity: 1;
+    }
+
+    .group-actions .ui.mini.icon.basic.button {
+      background-color: rgba(250,250,250,0.92);
+      border: 1px solid rgba(34,36,38,0.06);
+    }
+
+    .group-actions .delete-btn {
+      color: #9f3a38;
+    }
+    .group-actions .edit-btn {
+      color: #2b6f9e;
+    }
+
+    .group-actions .ui.mini.icon.button:focus {
+      outline: 2px solid rgba(43,111,158,0.18);
+      outline-offset: 2px;
+    }
+
+    .ui.dropdown.multiple { width: 100% !important; }
+    .ui.modal { z-index: 10000; }
+  </style>
 </competition-participation>
diff --git a/src/templates/competitions/form.html b/src/templates/competitions/form.html
index a3b9d9ccb..a4c614382 100644
--- a/src/templates/competitions/form.html
+++ b/src/templates/competitions/form.html
@@ -4,6 +4,23 @@
     <competition-form competition_id="{{ object.pk }}">
     </competition-form>
 
+    <script id="available-groups" type="application/json">
+        {{ available_groups_json|default:"[]"|safe }}
+    </script>
+
+    <script id="selected-group-ids" type="application/json">
+        {{ selected_group_ids_json|default:"[]"|safe }}
+    </script>
+
+    <script id="available-queues" type="application/json">
+        {{ available_queues_json|default:"[]"|safe }}
+    </script>
+
+    <script id="available-users" type="application/json">
+        {{ available_users_json|default:"[]"|safe }}
+    </script>
+
+
     {# NOTE: First added for phase task sorting, SemanticUI does not come with sorting..! #}
     <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
 {% endblock %}

From a102764a6f8241218caaaceab62732b23980b44b Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Wed, 13 May 2026 16:21:44 +0200
Subject: [PATCH 02/19] site worker sending submissions to group queue OK

---
 src/apps/competitions/tasks.py | 80 +++++++++++++++++++++++-----------
 1 file changed, 55 insertions(+), 25 deletions(-)

diff --git a/src/apps/competitions/tasks.py b/src/apps/competitions/tasks.py
index eeaa2ffae..91f0bb129 100644
--- a/src/apps/competitions/tasks.py
+++ b/src/apps/competitions/tasks.py
@@ -127,6 +127,24 @@
 MAX_EXECUTION_TIME_LIMIT = int(os.environ.get('MAX_EXECUTION_TIME_LIMIT', 600))  # time limit of the default queue
 
 
+def _get_user_group_queues(user, competition):
+    """
+    Group feature method, returns a list of queues from groups of the competition for the user
+    """
+    groups = competition.participant_groups.filter(
+        user__pk=user.pk,
+        queue__isnull=False
+    ).select_related('queue').distinct()
+
+    seen_ids = set()
+    queues = []
+    for group in groups:
+        if group.queue_id not in seen_ids:
+            seen_ids.add(group.queue_id)
+            queues.append(group.queue)
+    return queues
+
+
 def _send_to_compute_worker(submission, is_scoring):
     run_args = {
         "user_pk": submission.owner.pk,
@@ -208,24 +226,24 @@ 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
-        submission.queue = submission.phase.competition.queue
-        run_args['execution_time_limit'] = submission.phase.execution_time_limit  # use the competition time limit
-        submission.save(update_fields=["queue"])
+    effective_queue = submission.queue or submission.phase.competition.queue #  New way of managing queues
+
+    if effective_queue:
+        run_args['execution_time_limit'] = submission.phase.execution_time_limit
+        if submission.queue != effective_queue:
+            submission.queue = effective_queue
+            submission.save(update_fields=["queue"])
+
     if submission.status == Submission.SUBMITTING:
-        # Don't want to mark an already-prepared submission as "submitted" again, so
-        # only do this if we were previously "SUBMITTING"
         submission.status = Submission.SUBMITTED
         submission.save(update_fields=["status"])
 
     def _enqueue_after_commit():
-        # priority of scoring tasks is higher, we don't want to wait around for
-        # many submissions to be scored while we're waiting for results
         priority = 10 if is_scoring else 0
-        if submission.phase.competition.queue:
+        if effective_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(effective_queue.vhost)
                 task = celery_app.send_task(
                     'compute_worker_run',
                     args=(run_args,),
@@ -289,12 +307,7 @@ def send_child_id(submission, child_id):
 
 @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',
-    )
+    select_models = ('phase', 'phase__competition')
     prefetch_models = (
         'details',
         'phase__tasks__input_data',
@@ -306,24 +319,35 @@ def _run_submission(submission_pk, task_pks=None, is_scoring=False):
     submission = qs.get(pk=submission_pk)
 
     if submission.is_specific_task_re_run:
-        # Should only be one task for a specified task submission
         tasks = Task.objects.filter(pk__in=task_pks)
     elif task_pks is None:
         tasks = submission.phase.tasks.all()
     else:
         tasks = submission.phase.tasks.filter(pk__in=task_pks)
+    tasks = list(tasks.order_by('pk'))
+
+    if submission.parent is None and not is_scoring:
+        group_queues = _get_user_group_queues(submission.owner, submission.phase.competition)
+    else:
+        group_queues = []
 
-    tasks = tasks.order_by('pk')
+    is_multi_task = len(tasks) > 1
+    is_multi_queue = len(group_queues) > 1
+
+    if is_multi_task or is_multi_queue:
+        if is_multi_task and is_multi_queue:
+            combos = [(task, queue) for task in tasks for queue in group_queues]
+        elif is_multi_task:
+            override = group_queues[0] if group_queues else None
+            combos = [(task, override) for task in tasks]
+        else:
+            combos = [(tasks[0], queue) for queue in group_queues]
 
-    if len(tasks) > 1:
-        # The initial submission object becomes the parent submission and we create children for each task
         submission.has_children = True
         submission.save()
-
         send_parent_status(submission)
 
-        for task in tasks:
-            # TODO: make a duplicate submission method and use it here
+        for task, queue in combos:
             child_sub = Submission(
                 owner=submission.owner,
                 phase=submission.phase,
@@ -331,16 +355,22 @@ 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,
+                queue=queue,
             )
             child_sub.save(ignore_submission_limit=True)
             _send_to_compute_worker(child_sub, is_scoring=False)
             send_child_id(submission, child_sub.id)
+
     else:
-        # The initial submission object is the only submission
         if not submission.task:
             submission.task = tasks[0]
             submission.save()
+
+        if group_queues and submission.queue != group_queues[0]:
+            submission.queue = group_queues[0]
+            submission.save(update_fields=['queue'])
+
         _send_to_compute_worker(submission, is_scoring)
 
 

From 7e8aae6615449932981514e0fa3eaa81791bf621 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Wed, 20 May 2026 18:01:44 +0200
Subject: [PATCH 03/19] leaderboad group feature

---
 src/apps/api/serializers/leaderboards.py      |  2 +-
 .../api/serializers/submission_leaderboard.py | 29 +++++-
 src/apps/api/views/competitions.py            | 53 +++++++++--
 .../riot/competitions/detail/leaderboards.tag | 88 ++++++++-----------
 4 files changed, 113 insertions(+), 59 deletions(-)

diff --git a/src/apps/api/serializers/leaderboards.py b/src/apps/api/serializers/leaderboards.py
index 41f61b168..cf6c56dbd 100644
--- a/src/apps/api/serializers/leaderboards.py
+++ b/src/apps/api/serializers/leaderboards.py
@@ -112,7 +112,7 @@ def get_submissions(self, instance):
                 leaderboard=instance,
                 is_specific_task_re_run=False
             )
-            .select_related('owner')
+            .select_related('owner', 'queue')
             .prefetch_related('scores')
             .annotate(primary_col=Sum('scores__score', filter=Q(scores__column=primary_col)))
         )
diff --git a/src/apps/api/serializers/submission_leaderboard.py b/src/apps/api/serializers/submission_leaderboard.py
index 5e86fd3fc..28407acba 100644
--- a/src/apps/api/serializers/submission_leaderboard.py
+++ b/src/apps/api/serializers/submission_leaderboard.py
@@ -26,11 +26,38 @@ class SubmissionLeaderBoardSerializer(serializers.ModelSerializer):
     slug_url = serializers.CharField(source='owner.slug_url')
     organization = SimpleOrganizationSerializer(allow_null=True)
     created_when = serializers.DateTimeField()
+    queue_name = serializers.SerializerMethodField()
+    queue_id = serializers.SerializerMethodField()
+    queue_name = serializers.SerializerMethodField()
+
+    def _get_effective_queue(self, obj):
+        if obj.queue:
+            return obj.queue
+
+        if obj.parent and obj.parent.queue:
+            return obj.parent.queue
+
+        if (
+            obj.phase
+            and obj.phase.competition
+            and obj.phase.competition.queue
+        ):
+            return obj.phase.competition.queue
+
+        return None
+
+    def get_queue_name(self, obj):
+        queue = self._get_effective_queue(obj)
+        return queue.name if queue else None
+
+    def get_queue_id(self, obj):
+        queue = self._get_effective_queue(obj)
+        return queue.id if queue else None
 
     class Meta:
         model = Submission
         fields = (
             'id', 'parent', 'owner', 'leaderboard_id', 'fact_sheet_answers',
             'task', 'scores', 'display_name', 'slug_url', 'organization',
-            'detailed_result', 'created_when'
+            'detailed_result', 'created_when', 'queue_name', 'queue_id', 'queue_name',
         )
diff --git a/src/apps/api/views/competitions.py b/src/apps/api/views/competitions.py
index 53b9d2193..7e1c117c9 100644
--- a/src/apps/api/views/competitions.py
+++ b/src/apps/api/views/competitions.py
@@ -1,7 +1,7 @@
 import zipfile
 import json
 import csv
-from collections import OrderedDict
+from collections import Counter, OrderedDict
 from io import StringIO
 from django.http import HttpResponse
 from tempfile import SpooledTemporaryFile
@@ -792,21 +792,55 @@ def get_leaderboard(self, request, pk):
             'submissions': [],
             'tasks': [],
             'fact_sheet_keys': fact_sheet_keys or None,
-            'primary_index': query['leaderboard']['primary_index']
+            'primary_index': query['leaderboard']['primary_index'],
+            'has_group_queues': False,
         }
 
         columns = [col for col in query['columns']]
         submissions_keys = {}
         submission_detailed_results = {}
 
+        group_name_by_user_queue = {}
+        for group in phase.competition.participant_groups.filter(
+            queue__isnull=False
+        ).select_related('queue').prefetch_related('user_set'):
+            for user in group.user_set.all():
+                group_name_by_user_queue[(user.username, group.queue_id)] = group.name
+
+        parent_ids = {s['parent'] for s in query['submissions'] if s['parent'] is not None}
+        parent_task_counts = Counter(
+            (s['parent'], s['task'])
+            for s in query['submissions']
+            if s['parent'] is not None
+        )
+
         for submission in query['submissions']:
-            submission_key = f"{submission['owner']}{submission['parent'] or submission['id']}"
+            if submission['id'] in parent_ids:
+                continue
+
+            queue_name = submission.get('queue_name') or ''
+            queue_id = submission.get('queue_id')
+            group_name = group_name_by_user_queue.get(
+                (submission['owner'], queue_id)
+            ) if queue_id else None
+
+            display_group = group_name or queue_name or None
+
+            parent_id = submission['parent']
+            task_id = submission.get('task')
+            is_multi_group_null_queue = (
+                parent_id is not None
+                and not queue_name
+                and parent_task_counts.get((parent_id, task_id), 0) > 1
+            )
+
+            if is_multi_group_null_queue:
+                submission_key = f"{submission['owner']}{parent_id}_{submission['id']}"
+            else:
+                submission_key = f"{submission['owner']}{submission['parent'] or submission['id']}_{queue_name}"
+
             # gather detailed result from submissions for each task
-            # detailed_results are gathered based on submission key
-            # `id` is used to fetch the right detailed result in detailed results page
-            # `detailed_result` url is not needed
             submission_detailed_results.setdefault(submission_key, []).append({
-                # 'detailed_result': submission['detailed_result'],
                 'task': submission['task'],
                 'id': submission['id']
             })
@@ -821,8 +855,11 @@ def get_leaderboard(self, request, pk):
                     'fact_sheet_answers': submission['fact_sheet_answers'],
                     'slug_url': submission['slug_url'],
                     'organization': submission['organization'],
-                    'created_when': submission['created_when']
+                    'created_when': submission['created_when'],
+                    'queue_name': display_group,
                 })
+                if queue_name or is_multi_group_null_queue:
+                    response['has_group_queues'] = True
 
             for score in submission['scores']:
 
diff --git a/src/static/riot/competitions/detail/leaderboards.tag b/src/static/riot/competitions/detail/leaderboards.tag
index aabc566f5..563d351f1 100644
--- a/src/static/riot/competitions/detail/leaderboards.tag
+++ b/src/static/riot/competitions/detail/leaderboards.tag
@@ -28,7 +28,7 @@
         </tr>
         <tr class="task-row">
             <th>Task:</th>
-            <th colspan=3></th>
+            <th colspan="{ has_group_queues ? 4 : 3 }"></th>
             <th each="{ task in filtered_tasks }" class="center aligned" colspan="{ task.colWidth }">{ task.name }</th>
         </tr>
         <tr>
@@ -36,6 +36,7 @@
             <th>Participant</th>
             <th>Date</th>
             <th>ID</th>
+            <th if="{ has_group_queues }">Queue</th>
             <th each="{ column in filtered_columns }" colspan="1">{column.title}</th>
         </tr>
         </thead>
@@ -46,7 +47,6 @@
                     <em>No submissions have been added to this leaderboard yet!</em>
                 </td>
             </tr>
-
             <tr each="{ submission, index in paginated_submissions}">
                 <td class="collapsing index-column center aligned">
                     <gold-medal if="{get_row_number(index) === 1}"></gold-medal>
@@ -74,24 +74,20 @@
             </tr>
         </tbody>
     </table>
-
     <div class="ui pagination menu" style="display:flex; align-items:center; justify-content:space-between; margin-top: 12px;">
         <div style="display:flex; align-items:center; gap:8px;">
             <button class="ui button" onclick="{ go_to_page.bind(this, page - 1) }" disabled="{ page <= 1 }">
                 <i class="icon chevron left"></i> Previous
             </button>
-
             <div style="display:flex; align-items:center; gap:6px;">
                 <span>Page</span>
                 <input type="number" min="1" value="{ page }" onkeydown="{ handle_page_enter }" style="width:70px; text-align:center;" />
                 <span> / { total_pages || 1 }</span>
             </div>
-
             <button class="ui button" onclick="{ go_to_page.bind(this, page + 1) }" disabled="{ page >= total_pages }">
                 Next <i class="icon chevron right"></i>
             </button>
         </div>
-
         <div style="display:flex; align-items:center; gap:8px;">
             <label>Per page</label>
             <select class="ui dropdown" value="{ page_size }" onchange="{ change_page_size.bind(this) }">
@@ -100,14 +96,11 @@
                 <option value="500">500</option>
                 <option value="all">all</option>
             </select>
-
             <div style="margin-right: 10px; color: #8c8c8c;">
                 <small>{ total_count || 0 } total</small>
             </div>
         </div>
     </div>
-
-
     <script>
         let self = this
         self.selected_leaderboard = {}
@@ -118,41 +111,32 @@
         self.competition_id = null
         self.enable_detailed_results = false
         self.show_detailed_results_in_leaderboard = false
-
+        self.has_group_queues = false
         self.page = 1
         self.page_size = 50
         self.total_count = 0
         self.total_pages = 1
         self.paginated_submissions = []
-
         self.get_page_size_value = function () {
             if (String(self.page_size).toLowerCase() === 'all') {
                 return self.total_count || 1
             }
-
             var n = parseInt(self.page_size, 10)
             if (isNaN(n) || n <= 0) {
                 return 50
             }
-
             return n
         }
-
         self.get_row_number = function (index) {
             if (String(self.page_size).toLowerCase() === 'all') {
                 return index + 1
             }
-
             return ((self.page - 1) * self.get_page_size_value()) + index + 1
         }
-
         self.update_pagination = function () {
             var submissions = _.get(self.selected_leaderboard, 'submissions', [])
-
             self.total_count = parseInt(_.get(self.selected_leaderboard, 'count', submissions.length), 10) || submissions.length
-
             var raw_page_size = _.get(self.selected_leaderboard, 'page_size', self.page_size)
-
             if (String(raw_page_size).toLowerCase() === 'all') {
                 self.page_size = 'all'
                 self.total_pages = 1
@@ -162,46 +146,36 @@
                 if (isNaN(page_size_value) || page_size_value <= 0) {
                     page_size_value = self.get_page_size_value()
                 }
-
                 self.page_size = page_size_value
                 self.total_pages = Math.max(1, Math.ceil(self.total_count / page_size_value))
-
                 if (self.page > self.total_pages) {
                     self.page = self.total_pages
                 }
             }
-
             self.paginated_submissions = submissions
         }
-
         self.go_to_page = function (p) {
             if (String(self.page_size).toLowerCase() === 'all') {
                 return
             }
-
             var newPage = parseInt(p, 10)
             if (isNaN(newPage) || newPage < 1) newPage = 1
             if (newPage > self.total_pages) newPage = self.total_pages
             if (newPage === self.page) return
-
             self.page = newPage
             self.update_leaderboard()
         }
-
         self.handle_page_enter = function (e) {
             if (e.key !== 'Enter' && e.keyCode !== 13) {
                 return
             }
-
             e.preventDefault()
             self.go_to_page(e.target.value)
         }
-
         self.change_page_size = function (e) {
             var raw = (e && e.target && typeof e.target.value !== 'undefined')
                 ? String(e.target.value).toLowerCase()
                 : String(self.page_size).toLowerCase()
-
             if (raw === 'all') {
                 self.page_size = 'all'
             } else {
@@ -210,11 +184,9 @@
                 if ([50, 100, 500].indexOf(val) === -1) return
                 self.page_size = val
             }
-
             self.page = 1
             self.update_leaderboard()
         }
-
         self.pretty_date = function (date_string) {
             if (!!date_string) {
                 return luxon.DateTime.fromISO(date_string).toFormat('yyyy-MM-dd HH:mm')
@@ -222,12 +194,12 @@
                 return ''
             }
         }
-
         self.sort_date_value = function (date_string) {
             if (!date_string) return 0
             const dt = luxon.DateTime.fromISO(date_string)
             return dt.isValid ? dt.toMillis() : 0
         }
+<<<<<<< HEAD
 
         self.get_score_sort_value = function(column, submission) {
             if (column.task_id === -1) {
@@ -241,6 +213,8 @@
             return (score !== null && typeof score !== 'undefined' && score !== '') ? score : ''
         }
 
+=======
+>>>>>>> ba0e679c (leaderboad group feature)
         self.bold_class = function(column, submission){
             return_class = ''
             if(column.task_id != -1){
@@ -253,7 +227,6 @@
             }
             return return_class
         }
-
         self.get_score = function(column, submission) {
             if(column.task_id === -1){
                 return _.get(submission, 'fact_sheet_answers[' + column.key + ']', 'n/a')
@@ -265,7 +238,6 @@
             }
             return 'n/a'
         }
-
         self.on("mount", function () {
             this.refs.leaderboardFilter.onkeyup = function (e) {
                 self.filter_columns()
@@ -275,11 +247,9 @@
             })
             $('#leaderboardTable').tablesort()
         })
-
         self.filter_columns = () => {
             let search_key = self.refs.leaderboardFilter.value.toLowerCase()
             self.filtered_tasks = JSON.parse(JSON.stringify(self.selected_leaderboard.tasks || []))
-
             if (search_key) {
                 self.filtered_columns = []
                 for (const column of self.columns) {
@@ -296,19 +266,28 @@
             } else {
                 self.filtered_columns = self.columns
             }
-
             self.update()
         }
-
         self.update_leaderboard = () => {
+            console.log('[LEADERBOARD] update_leaderboard called, phase_id =', self.phase_id)
+
             CODALAB.api.get_leaderboard_for_render(self.phase_id, {
                 page: self.page,
                 page_size: self.page_size
             })
             .done(responseData => {
+                console.log('[LEADERBOARD] raw responseData =', responseData)
+
                 self.selected_leaderboard = responseData
+                self.has_group_queues = responseData.has_group_queues || false
+                self.available_queues = responseData.available_queues || []
                 self.columns = []
 
+                console.log('[LEADERBOARD] has_group_queues =', self.has_group_queues)
+                console.log('[LEADERBOARD] available_queues =', self.available_queues)
+                console.log('[LEADERBOARD] tasks =', self.selected_leaderboard.tasks)
+                console.log('[LEADERBOARD] submissions =', self.selected_leaderboard.submissions)
+
                 if (self.selected_leaderboard.fact_sheet_keys) {
                     let fake_metadata_task = {
                         id: -1,
@@ -316,21 +295,37 @@
                         columns: [],
                         name: "Fact Sheet Answers"
                     }
-                    for (question of self.selected_leaderboard.fact_sheet_keys) {
+
+                    for (let question of self.selected_leaderboard.fact_sheet_keys) {
                         fake_metadata_task.columns.push({
                             key: question[0],
                             title: question[1],
                         })
                     }
+
                     self.selected_leaderboard.tasks.unshift(fake_metadata_task)
                 }
 
-                for (task of self.selected_leaderboard.tasks) {
-                    for (column of task.columns) {
-                        column.task_id = task.id
-                        self.columns.push(column)
+                for (let task of self.selected_leaderboard.tasks) {
+                    if (self.available_queues.length > 0) {
+                        for (let queue_name of self.available_queues) {
+                            for (let column of task.columns) {
+                                let clonedColumn = Object.assign({}, column)
+                                clonedColumn.task_id = task.id
+                                clonedColumn.queue_name = queue_name
+                                clonedColumn.title = `${column.title} (${queue_name})`
+                                self.columns.push(clonedColumn)
+                            }
+                        }
+                    } else {
+                        for (let column of task.columns) {
+                            let clonedColumn = Object.assign({}, column)
+                            clonedColumn.task_id = task.id
+                            self.columns.push(clonedColumn)
+                        }
                     }
-                    if (self.enable_detailed_results & self.show_detailed_results_in_leaderboard & task.id != -1) {
+
+                    if (self.enable_detailed_results && self.show_detailed_results_in_leaderboard && task.id != -1) {
                         self.columns.push({
                             task_id: task.id,
                             title: "Detailed Results"
@@ -345,7 +340,6 @@
                 self.update()
             })
         }
-
         self.get_detailed_result_submisison_id = function(column, submisison){
             for (index in submisison.detailed_results) {
                 if (column.task_id == submisison.detailed_results[index].task) {
@@ -353,13 +347,11 @@
                 }
             }
         }
-
         CODALAB.events.on('phase_selected', data => {
             self.phase_id = data.id
             self.page = 1
             self.update_leaderboard()
         })
-
         CODALAB.events.on('competition_loaded', (competition) => {
             self.competition_id = competition.id
             self.participant_status = competition.participant_status
@@ -367,7 +359,6 @@
             self.enable_detailed_results = competition.enable_detailed_results
             self.show_detailed_results_in_leaderboard = competition.show_detailed_results_in_leaderboard
         })
-
         CODALAB.events.on('submission_changed_on_leaderboard', self.update_leaderboard)
     </script>
     
@@ -378,7 +369,6 @@
             height: 100%
         .celled.table.selectable
             margin 1em 0
-
         table tbody .center.aligned td
             color #8c8c8c
         .index-column

From abedf654e9716d4d3dd7c07133f05c80baa34cf0 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 21 May 2026 09:59:46 +0200
Subject: [PATCH 04/19] logs removed

---
 src/static/riot/competitions/detail/leaderboards.tag | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/src/static/riot/competitions/detail/leaderboards.tag b/src/static/riot/competitions/detail/leaderboards.tag
index 563d351f1..c57a4a414 100644
--- a/src/static/riot/competitions/detail/leaderboards.tag
+++ b/src/static/riot/competitions/detail/leaderboards.tag
@@ -269,25 +269,16 @@
             self.update()
         }
         self.update_leaderboard = () => {
-            console.log('[LEADERBOARD] update_leaderboard called, phase_id =', self.phase_id)
-
             CODALAB.api.get_leaderboard_for_render(self.phase_id, {
                 page: self.page,
                 page_size: self.page_size
             })
             .done(responseData => {
-                console.log('[LEADERBOARD] raw responseData =', responseData)
-
                 self.selected_leaderboard = responseData
                 self.has_group_queues = responseData.has_group_queues || false
                 self.available_queues = responseData.available_queues || []
                 self.columns = []
 
-                console.log('[LEADERBOARD] has_group_queues =', self.has_group_queues)
-                console.log('[LEADERBOARD] available_queues =', self.available_queues)
-                console.log('[LEADERBOARD] tasks =', self.selected_leaderboard.tasks)
-                console.log('[LEADERBOARD] submissions =', self.selected_leaderboard.submissions)
-
                 if (self.selected_leaderboard.fact_sheet_keys) {
                     let fake_metadata_task = {
                         id: -1,

From a5014d299b9a9aba2887a733ac5f28ce89aa9893 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 21 May 2026 16:15:09 +0200
Subject: [PATCH 05/19] fix json leaderboard

---
 src/apps/api/views/competitions.py            | 36 ++++++++++++++-----
 .../riot/competitions/detail/leaderboards.tag |  2 +-
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/src/apps/api/views/competitions.py b/src/apps/api/views/competitions.py
index 7e1c117c9..178a41bf0 100644
--- a/src/apps/api/views/competitions.py
+++ b/src/apps/api/views/competitions.py
@@ -411,6 +411,7 @@ def email_all_participants(self, request, pk):
         batch_send_email.apply_async((comp.pk, content))
         return Response({}, status=status.HTTP_200_OK)
 
+
     def collect_leaderboard_data(self, competition, phase_pk=None):
         if phase_pk:
             phase = get_object_or_404(competition.phases.all(), id=phase_pk)
@@ -424,26 +425,43 @@ def collect_leaderboard_data(self, competition, phase_pk=None):
             phase_id = phases[0].id
 
         leaderboard = Leaderboard.objects.prefetch_related('columns').get(phases=phase_id)
-        leaderboard_titles = {phase['id']: f'{leaderboard.title} - {phase["name"]}({phase["id"]})' for phase in submission_query}
+        leaderboard_titles = {
+            phase['id']: f'{leaderboard.title} - {phase["name"]}({phase["id"]})'
+            for phase in submission_query
+        }
         leaderboard_data = {title: {} for title in leaderboard_titles.values()}
 
         for phase in submission_query:
             generated_columns = OrderedDict()
             for task in phase['tasks']:
                 for col in leaderboard.columns.all():
-                    generated_columns.update({f'{col.key}-{task["id"]}': f'{task["name"]}({task["id"]})-{col.title}'})
+                    generated_columns.update({
+                        f'{col.key}-{task["id"]}': f'{task["name"]}({task["id"]})-{col.title}'
+                    })
+
             for submission in phase['submissions']:
-                submission_key = f'{submission["owner"]}-{submission["parent"] or submission["id"]}'
-                if submission_key not in leaderboard_data[leaderboard_titles[phase['id']]].keys():
-                    leaderboard_data[leaderboard_titles[phase['id']]].update({submission_key: OrderedDict()})
-                    if 'fact_sheet_answers' in submission.keys() and submission['fact_sheet_answers']:
-                        leaderboard_data[leaderboard_titles[phase['id']]][submission_key]\
-                            .update({'fact_sheet_answers': submission['fact_sheet_answers']})
+                queue_name = submission.get('queue_name') or ''
+                submission_key = f'{submission["owner"]}-{submission["id"]}'
+                if queue_name:
+                    submission_key = f'{submission_key}-{queue_name}'
+
+                if submission_key not in leaderboard_data[leaderboard_titles[phase['id']]]:
+                    leaderboard_data[leaderboard_titles[phase['id']]][submission_key] = OrderedDict()
+
+                    if submission.get('fact_sheet_answers'):
+                        leaderboard_data[leaderboard_titles[phase['id']]][submission_key].update({
+                            'fact_sheet_answers': submission['fact_sheet_answers']
+                        })
+
                     for col_title in generated_columns.values():
                         leaderboard_data[leaderboard_titles[phase['id']]][submission_key].update({col_title: ""})
+
                 for score in submission['scores']:
                     score_column = generated_columns[f'{score["column_key"]}-{submission["task"]}']
-                    leaderboard_data[leaderboard_titles[phase['id']]][submission_key].update({score_column: score['score']})
+                    leaderboard_data[leaderboard_titles[phase['id']]][submission_key].update({
+                        score_column: score['score']
+                    })
+
         return leaderboard_data
 
     @action(detail=True, methods=['GET'], renderer_classes=[JSONRenderer, CSVRenderer, ZipRenderer])
diff --git a/src/static/riot/competitions/detail/leaderboards.tag b/src/static/riot/competitions/detail/leaderboards.tag
index c57a4a414..6b4d39b3c 100644
--- a/src/static/riot/competitions/detail/leaderboards.tag
+++ b/src/static/riot/competitions/detail/leaderboards.tag
@@ -36,7 +36,7 @@
             <th>Participant</th>
             <th>Date</th>
             <th>ID</th>
-            <th if="{ has_group_queues }">Queue</th>
+            <th if="{ has_group_queues }">Groups</th>
             <th each="{ column in filtered_columns }" colspan="1">{column.title}</th>
         </tr>
         </thead>

From ceae57671fbc759379a3438558cf5196dbfda9dc Mon Sep 17 00:00:00 2001
From: didayolo <adrien.pavao@gmail.com>
Date: Wed, 15 Apr 2026 14:25:52 +0200
Subject: [PATCH 06/19] Clean up leaderboard ordering logic

---
 src/static/riot/competitions/detail/leaderboards.tag | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/static/riot/competitions/detail/leaderboards.tag b/src/static/riot/competitions/detail/leaderboards.tag
index 6b4d39b3c..ad2913388 100644
--- a/src/static/riot/competitions/detail/leaderboards.tag
+++ b/src/static/riot/competitions/detail/leaderboards.tag
@@ -63,6 +63,11 @@
                     { pretty_date(submission.created_when) }
                 </td>
                 <td>{submission.id}</td>
+                <td if="{ has_group_queues }">
+                    <span if="{ submission.queue_name }">{ submission.queue_name }</span>
+                    <span if="{ !submission.queue_name }" class="ui grey text">—</span>
+                </td>
+                <td each="{ column in filtered_columns }">
                 <td each="{ column in filtered_columns }"
                     data-sort="{ get_score_sort_value(column, submission) }"
                     data-sort-value="{ get_score_sort_value(column, submission) }">
@@ -200,6 +205,9 @@
             return dt.isValid ? dt.toMillis() : 0
         }
 <<<<<<< HEAD
+<<<<<<< HEAD
+=======
+>>>>>>> c462729b (Clean up leaderboard ordering logic)
 
         self.get_score_sort_value = function(column, submission) {
             if (column.task_id === -1) {
@@ -213,8 +221,11 @@
             return (score !== null && typeof score !== 'undefined' && score !== '') ? score : ''
         }
 
+<<<<<<< HEAD
 =======
 >>>>>>> ba0e679c (leaderboad group feature)
+=======
+>>>>>>> c462729b (Clean up leaderboard ordering logic)
         self.bold_class = function(column, submission){
             return_class = ''
             if(column.task_id != -1){

From 9fd863d4f7e5d04f05eb8b4897bb248d7132e874 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Tue, 26 May 2026 10:17:14 +0200
Subject: [PATCH 07/19] competition queue on groups with out queue

---
 src/apps/competitions/tasks.py | 41 +++++++++++++++++++++++++++++-----
 1 file changed, 35 insertions(+), 6 deletions(-)

diff --git a/src/apps/competitions/tasks.py b/src/apps/competitions/tasks.py
index 91f0bb129..e78d1c13c 100644
--- a/src/apps/competitions/tasks.py
+++ b/src/apps/competitions/tasks.py
@@ -129,19 +129,48 @@
 
 def _get_user_group_queues(user, competition):
     """
-    Group feature method, returns a list of queues from groups of the competition for the user
+    Group feature: retourne la liste des queues vers lesquelles router la soumission,
+    en fonction des groupes de la compétition auxquels l'utilisateur appartient.
+
+    Règles :
+    - Groupe avec queue  → sa queue est ajoutée au routage
+    - Groupe sans queue  → la queue de la compétition est ajoutée une seule fois
+                           (None si la compétition n'a pas de queue privée = queue par défaut)
+    - Utilisateur dans des groupes sans queue seulement → [] (soumission unique legacy)
+    - Utilisateur dans aucun groupe → [] (soumission unique legacy)
+    - Déduplication : si une queue de groupe est identique à la queue de la compétition,
+      un seul enfant est créé (pas de doublon)
     """
-    groups = competition.participant_groups.filter(
-        user__pk=user.pk,
-        queue__isnull=False
-    ).select_related('queue').distinct()
+    all_user_groups = list(
+        competition.participant_groups
+        .filter(user__pk=user.pk)
+        .select_related('queue')
+        .distinct()
+    )
+
+    if not all_user_groups:
+        return []
+
+    groups_with_queue = [g for g in all_user_groups if g.queue_id is not None]
+    has_groups_without_queue = any(g.queue_id is None for g in all_user_groups)
+
+    if not groups_with_queue:
+        return []
 
     seen_ids = set()
     queues = []
-    for group in groups:
+    for group in groups_with_queue:
         if group.queue_id not in seen_ids:
             seen_ids.add(group.queue_id)
             queues.append(group.queue)
+
+    if has_groups_without_queue:
+        competition_queue = competition.queue
+        if competition_queue is None:
+            queues.append(None)
+        elif competition_queue.id not in seen_ids:
+            queues.append(competition_queue)
+
     return queues
 
 

From 67041a9c1c0b290dc5a64b3779d1256c63977946 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Tue, 26 May 2026 10:30:10 +0200
Subject: [PATCH 08/19] some bugfix

---
 src/apps/competitions/views.py                | 26 ++++++++++++++-----
 .../competitions/editor/_participation.tag    |  9 +++++++
 2 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/src/apps/competitions/views.py b/src/apps/competitions/views.py
index 1b43bf074..bb513988f 100644
--- a/src/apps/competitions/views.py
+++ b/src/apps/competitions/views.py
@@ -49,12 +49,13 @@ def get_context_data(self, **kwargs):
         )
 
         participant_user_ids_set = set(participant_user_ids)
-        
+
         ctx['available_groups_json'] = json.dumps([
             {
                 'id': g.id,
-                'name': g.name,
+                'name': _group_display_name(g.name, comp.pk),
                 'queue': g.queue.name if g.queue else None,
+                'queue_id': g.queue.pk if g.queue else None,
                 'members': [u.username for u in g.user_set.all() if u.pk in participant_user_ids_set],
             }
             for g in groups_qs
@@ -192,6 +193,8 @@ def competition_create_group(request, pk):
 
     if not name:
         return HttpResponseBadRequest("Missing name")
+    
+    stored_name = _group_stored_name(competition.pk, name)
 
     allowed_user_ids = set(
         CompetitionParticipant.objects.filter(competition=competition)
@@ -200,7 +203,7 @@ def competition_create_group(request, pk):
 
     try:
         with transaction.atomic():
-            group = CustomGroup(name=name)
+            group = CustomGroup(name=stored_name)
             if queue_id:
                 try:
                     queue = Queue.objects.get(pk=queue_id)
@@ -229,7 +232,7 @@ def competition_create_group(request, pk):
 
             group_data = {
                 'id': group.id,
-                'name': group.name,
+                'name': name,
                 'queue': group.queue.name if group.queue else None,
                 'queue_id': group.queue.pk if group.queue else None,
                 'members': members,
@@ -279,6 +282,8 @@ def competition_update_group(request, pk, group_id):
 
     if not name:
         return HttpResponseBadRequest("Missing name")
+    
+    stored_name = _group_stored_name(competition.pk, name)
 
     allowed_user_ids = set(
         CompetitionParticipant.objects.filter(competition=competition)
@@ -287,7 +292,7 @@ def competition_update_group(request, pk, group_id):
 
     try:
         with transaction.atomic():
-            group.name = name
+            group.name = stored_name
             if queue_id:
                 group.queue = Queue.objects.filter(pk=queue_id).first()
             else:
@@ -314,7 +319,7 @@ def competition_update_group(request, pk, group_id):
         'status': 'ok',
         'group': {
             'id': group.id,
-            'name': group.name,
+            'name': name,
             'queue': group.queue.name if group.queue else None,
             'queue_id': group.queue.pk if group.queue else None,  # manquant
             'members': list(group.user_set.values_list('username', flat=True)),
@@ -370,3 +375,12 @@ def competition_delete_group(request, pk, group_id):
     return HttpResponseRedirect(
         reverse("competitions:edit", kwargs={"pk": competition.pk})
     )
+
+def _group_stored_name(competition_pk, user_name):
+    return f"comp{competition_pk}__{user_name}"
+
+def _group_display_name(stored_name, competition_pk):
+    prefix = f"comp{competition_pk}__"
+    if stored_name.startswith(prefix):
+        return stored_name[len(prefix):]
+    return stored_name
\ No newline at end of file
diff --git a/src/static/riot/competitions/editor/_participation.tag b/src/static/riot/competitions/editor/_participation.tag
index afde7e1bb..df5f2734c 100644
--- a/src/static/riot/competitions/editor/_participation.tag
+++ b/src/static/riot/competitions/editor/_participation.tag
@@ -153,6 +153,15 @@
     const initUI = () => {
       try { $('.ui.checkbox', self.root).checkbox() } catch(e) {}
       try { $('.ui.dropdown', self.root).dropdown() } catch(e) {}
+      try {
+        if (self.refs && self.refs.group_queue) {
+            $(self.refs.group_queue).dropdown('destroy')
+            $(self.refs.group_queue).dropdown({
+                clearable: true,
+                placeholder: 'None'
+            })
+        }
+      } catch(e) {}
 
       try {
         if (self.refs && self.refs.group_user_select) {

From 985691e3e182b80b1c3cb0130d842f49929c308b Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Tue, 26 May 2026 10:59:37 +0200
Subject: [PATCH 09/19] UI bugfix

---
 package.json                                  |    2 +-
 .../competitions/editor/_participation.tag    | 1296 +++++++++--------
 2 files changed, 699 insertions(+), 599 deletions(-)

diff --git a/package.json b/package.json
index 11d82838a..c33169f2e 100644
--- a/package.json
+++ b/package.json
@@ -3,12 +3,12 @@
   "version": "0.0.1",
   "dependencies": {
     "jquery": "^4.0.0",
+    "js-beautify": "^1.15.4",
     "npm-watch": "^0.13.0",
     "riot": "^3.13.2",
     "stylus": "^0.64.0",
     "uglify-js": "^3.19.3"
   },
-  "devDependencies": {},
   "watch": {
     "build-stylus": {
       "patterns": [
diff --git a/src/static/riot/competitions/editor/_participation.tag b/src/static/riot/competitions/editor/_participation.tag
index df5f2734c..e9c77bd04 100644
--- a/src/static/riot/competitions/editor/_participation.tag
+++ b/src/static/riot/competitions/editor/_participation.tag
@@ -1,692 +1,792 @@
-<competition-participation>
-  <form class="ui form">
-    <div class="field required">
-      <label>Terms</label>
-      <textarea class="markdown-editor" ref="terms" name="terms"></textarea>
-    </div>
-    <div class="field">
-      <div class="ui checkbox">
-        <input selenium="auto-approve" type="checkbox" name="registration_auto_approve" ref="registration_auto_approve" onchange="{form_updated}">
-        <label>Auto approve registration requests
-          <span data-tooltip="If left unchecked, registration requests must be manually approved by the benchmark creator or collaborators"
-                data-inverted=""
-                data-position="bottom center">
-          <i class="help icon circle"></i></span>
-        </label>
-      </div>
-    </div>
-    <div class="field">
-      <div class="ui checkbox">
-          <input type="checkbox" name="allow_robot_submissions" ref="allow_robot_submissions" onchange="{form_updated}">
-          <label>Allow robot submissions
-              <span data-tooltip="If left unchecked, robot users will have to be manually approved by the benchmark creator or collaborators. This can be changed later."
-                    data-inverted=""
-                    data-position="bottom center">
-              <i class="help icon circle"></i></span>
-          </label>
-      </div>
-    </div>
-
-    <!--  Whitelist emails list  -->
-    <!--  Emails of users who do not require admin approval to enter the competition  -->
-    <div class="field">
-      <label>Whitelist Emails</label>
-      <p>A list of emails (one per line) of users who do not require competition organizer's approval to enter this competition.</p>
-      <div class="ui yellow message">
-          <span><b>Note:</b></span><br>
-          Only valid emails are allowed<br>
-          Empty lines are not allowed
-      </div>
-      <textarea class="markdown-editor" ref="whitelist_emails" name="whitelist_emails"></textarea>
-      <div class="error-message" style="color: red;"></div>
-    </div>
-
-
-    <!-- Participant Groups -->
-    <div class="field">
-      <label>Groups</label>
-      <div style="margin-bottom:8px;">
-        <button type="button" class="ui tiny primary button" onclick="{ open_create_group }">
-          <i class="plus icon"></i> New participant group
-        </button>
-      </div>
-
-      <div class="ui cards">
-        <div class="card" each="{ group in available_groups }">
-          <div class="content">
-            <div class="header">
-              <label>{ group.name }</label>
-            </div>
-
-            <div class="meta group-meta" style="margin-top:0.4em;">
-              <div class="group-labels">
-                <span class="ui grey label">Queue: { group.queue || "Aucune" }</span>
-                <span class="ui grey label">Membres: { group.members && group.members.length > 0 ? group.members.length : 0 }</span>
-              </div>
-
-              <div class="members-chips" if="{ group.members && group.members.length }">
-                <span class="ui tiny label" each="{m in group.members}">
-                  { m }
-                </span>
-              </div>
-
-              <div class="group-actions">
-                <button class="ui mini icon basic button edit-btn" title="Modifier" onclick="{ open_edit_group.bind(this, group) }">
-                  <i class="edit icon"></i>
-                </button>
-                <button class="ui mini icon basic red button delete-btn" title="Supprimer" onclick="{ delete_group.bind(this, group) }">
-                  <i class="trash icon"></i>
-                </button>
-              </div>
-            </div>
-
-          </div>
-        </div>
-      </div>
-    </div>
-
-  </form>
-
-    <!-- CREATE / EDIT GROUP MODAL -->
-  <div ref="group_modal" class="ui small modal" style="display:none;">
-    <i class="close icon" onclick="{ close_group_modal }"></i>
-    <div class="header">
-     { editing_group ? 'Edit participant group' : 'Create participant group' }
-    </div>
-
-    <div class="content">
-      <div class="ui form">
-        <div class="field required">
-          <label>Group name</label>
-          <input type="text" ref="group_name" placeholder="e.g. Students – GPU queue">
-        </div>
-
-        <div class="field">
-          <label>Queue (optional)</label>
-          <select ref="group_queue" class="ui dropdown">
-            <option value="">None</option>
-            <option each="{ q in available_queues }" value="{ q.id }">{ q.name }</option>
-          </select>
-        </div>
-
-        <div class="field">
-          <label>Select group members</label>
-
-          <div style="display:flex; gap:.5rem; margin-bottom:.5rem; align-items:center;">
-            <button type="button" class="ui mini button" onclick="{ select_all_users }">Select all</button>
-            <button type="button" class="ui mini basic button" onclick="{ clear_user_selection }">Clear</button>
-            <div class="ui right floated meta" style="margin-left:auto;">
-              <span class="ui tiny basic label">Selected: <span ref="selected_count">0</span></span>
-            </div>
-          </div>
-
-          <select ref="group_user_select" multiple class="ui fluid multiple search selection dropdown" style="width:100%;">
-            <option each="{ u in available_users }" value="{ u.id }">{ u.username } &lt;{ u.email }&gt;</option>
-          </select>
-
-          <div class="ui segment" style="margin-top:.5rem;">
-            <small class="muted">You can search and select multiple participants</small>
-          </div>
-        </div>
-
-        <div class="ui error message" ref="group_modal_error" style="display:none;"></div>
-      </div>
-    </div>
-
-    <div class="actions">
-      <div class="ui cancel button" onclick="{ close_group_modal }">Cancel</div>
-      <div class="ui primary button" onclick="{ submit_group }">{ editing_group ? 'Edit' : 'Create' }</div>
-    </div>
-  </div>
-
-  <script>
+< competition - participation >
+    <
+    form class = "ui form" >
+    <
+    div class = "field required" >
+    <
+    label > Terms < /label> <
+    textarea class = "markdown-editor"
+ref = "terms"
+name = "terms" > < /textarea> <
+    /div> <
+    div class = "field" >
+    <
+    div class = "ui checkbox" >
+    <
+    input selenium = "auto-approve"
+type = "checkbox"
+name = "registration_auto_approve"
+ref = "registration_auto_approve"
+onchange = "{form_updated}" >
+    <
+    label > Auto approve registration requests <
+    span data - tooltip = "If left unchecked, registration requests must be manually approved by the benchmark creator or collaborators"
+data - inverted = ""
+data - position = "bottom center" >
+    <
+    i class = "help icon circle" > < /i></span >
+    <
+    /label> <
+    /div> <
+    /div> <
+    div class = "field" >
+    <
+    div class = "ui checkbox" >
+    <
+    input type = "checkbox"
+name = "allow_robot_submissions"
+ref = "allow_robot_submissions"
+onchange = "{form_updated}" >
+    <
+    label > Allow robot submissions <
+    span data - tooltip = "If left unchecked, robot users will have to be manually approved by the benchmark creator or collaborators. This can be changed later."
+data - inverted = ""
+data - position = "bottom center" >
+    <
+    i class = "help icon circle" > < /i></span >
+    <
+    /label> <
+    /div> <
+    /div> <
+    !--Whitelist emails list-- >
+    <
+    div class = "field" >
+    <
+    label > Whitelist Emails < /label> <
+    p > A list of emails(one per line) of users who do not require competition organizer 's approval to enter this competition.</p> <
+        div class = "ui yellow message" >
+        <
+        span > < b > Note: < /b></span > < br >
+        Only valid emails are allowed < br >
+        Empty lines are not allowed <
+        /div> <
+        textarea class = "markdown-editor"
+    ref = "whitelist_emails"
+name = "whitelist_emails" > < /textarea> <
+    div class = "error-message"
+style = "color: red;" > < /div> <
+    /div> <
+    !--Participant Groups-- >
+    <
+    div class = "field" >
+    <
+    label > Groups < /label> <
+    div style = "margin-bottom:8px;" >
+    <
+    button type = "button"
+class = "ui tiny primary button"
+onclick = "{ open_create_group }" >
+    <
+    i class = "plus icon" > < /i> New participant group <
+    /button> <
+    /div> <
+    div class = "ui cards" >
+    <
+    div class = "card"
+each = "{ group in available_groups }" >
+    <
+    div class = "content" >
+    <
+    div class = "header" >
+    <
+    label > {
+        group.name
+    } < /label> <
+    /div> <
+    div class = "meta group-meta"
+style = "margin-top:0.4em;" >
+    <
+    div class = "group-labels" >
+    <
+    span class = "ui grey label" > Queue: {
+        group.queue || "Aucune"
+    } < /span> <
+    span class = "ui grey label" > Membres: {
+        group.members && group.members.length > 0 ? group.members.length : 0
+    } < /span> <
+    /div> <
+    div class = "members-chips"
+if = "{ group.members && group.members.length }" >
+<
+span class = "ui tiny label"
+each = "{m in group.members}" > {
+        m
+    } <
+    /span> <
+    /div> <
+    div class = "group-actions" >
+    <
+    button class = "ui mini icon basic button edit-btn"
+title = "Modifier"
+onclick = "{ open_edit_group.bind(this, group) }" >
+    <
+    i class = "edit icon" > < /i> <
+    /button> <
+    button class = "ui mini icon basic red button delete-btn"
+title = "Supprimer"
+onclick = "{ delete_group.bind(this, group) }" >
+    <
+    i class = "trash icon" > < /i> <
+    /button> <
+    /div> <
+    /div> <
+    /div> <
+    /div> <
+    /div> <
+    /div> <
+    /form>
+
+    <
+    !--CREATE / EDIT GROUP MODAL-- >
+    <
+    div ref = "group_modal"
+class = "ui small modal"
+style = "display:none;" >
+    <
+    i class = "close icon"
+onclick = "{ close_group_modal }" > < /i> <
+    div class = "header" > {
+        editing_group ? 'Edit participant group' : 'Create participant group'
+    } <
+    /div> <
+    div class = "content" >
+    <
+    div class = "ui form" >
+    <
+    div class = "field required" >
+    <
+    label > Group name < /label> <
+    input type = "text"
+ref = "group_name"
+placeholder = "e.g. Students – GPU queue" >
+    <
+    /div> <
+    div class = "field" >
+    <
+    label > Queue(optional) < /label> <
+    select ref = "group_queue"
+class = "ui dropdown" >
+<
+option value = "" > None < /option> <
+    option each = "{ q in available_queues }"
+value = "{ q.id }" > {
+        q.name
+    } < /option> <
+    /select> <
+    /div> <
+    div class = "field" >
+    <
+    label > Select group members < /label> <
+    div style = "display:flex; gap:.5rem; margin-bottom:.5rem; align-items:center;" >
+    <
+    button type = "button"
+class = "ui mini button"
+onclick = "{ select_all_users }" > Select all < /button> <
+    button type = "button"
+class = "ui mini basic button"
+onclick = "{ clear_user_selection }" > Clear < /button> <
+    div class = "ui right floated meta"
+style = "margin-left:auto;" >
+    <
+    span class = "ui tiny basic label" > Selected: < span ref = "selected_count" > 0 < /span></span >
+    <
+    /div> <
+    /div> <
+    select ref = "group_user_select"
+multiple class = "ui fluid multiple search selection dropdown"
+style = "width:100%;" >
+    <
+    option each = "{ u in available_users }"
+value = "{ u.id }" > {
+    u.username
+} & lt;
+{
+    u.email
+} & gt; < /option> <
+/select> <
+div class = "ui segment"
+style = "margin-top:.5rem;" >
+    <
+    small class = "muted" > You can search and select multiple participants < /small> <
+    /div> <
+    /div> <
+    div class = "ui error message"
+ref = "group_modal_error"
+style = "display:none;" > < /div> <
+    /div> <
+    /div> <
+    div class = "actions" >
+    <
+    div class = "ui cancel button"
+onclick = "{ close_group_modal }" > Cancel < /div> <
+    div class = "ui primary button"
+onclick = "{ submit_group }" > {
+        editing_group ? 'Edit' : 'Create'
+    } < /div> <
+    /div> <
+    /div>
+
+    <
+    script >
     let self = this
 
-    self.data = {}
-    self.available_groups = []
-    self.selected_group_ids = []
-    self.available_queues = []
-    self.available_users = []
-    self.editing_group = null
-    self._scheduledUpdate = false
+self.data = {}
+self.available_groups = []
+self.selected_group_ids = []
+self.available_queues = []
+self.available_users = []
+self.editing_group = null
+
+const initUI = () => {
+    try {
+        $('.ui.checkbox', self.root).checkbox()
+    } catch (e) {}
 
-    const initUI = () => {
-      try { $('.ui.checkbox', self.root).checkbox() } catch(e) {}
-      try { $('.ui.dropdown', self.root).dropdown() } catch(e) {}
-      try {
+    try {
         if (self.refs && self.refs.group_queue) {
-            $(self.refs.group_queue).dropdown('destroy')
-            $(self.refs.group_queue).dropdown({
-                clearable: true,
-                placeholder: 'None'
-            })
+            const $q = $(self.refs.group_queue)
+            if (!$q.data('dd-init')) {
+                $q.dropdown({
+                    clearable: true,
+                    placeholder: 'None'
+                })
+                $q.data('dd-init', true)
+            }
         }
-      } catch(e) {}
+    } catch (e) {}
+
+    try {
+        let $rest = $('.ui.dropdown', self.root)
+        if (self.refs && self.refs.group_queue) $rest = $rest.not(self.refs.group_queue)
+        if (self.refs && self.refs.group_user_select) $rest = $rest.not(self.refs.group_user_select)
+        $rest.dropdown()
+    } catch (e) {}
 
-      try {
+    try {
         if (self.refs && self.refs.group_user_select) {
-          $(self.refs.group_user_select).dropdown({
-            allowAdditions: false,
-            forceSelection: true,
-            fullTextSearch: true,
-            onChange: (value) => {
-              const arr = (value || '').toString().trim()
-              let count = 0
-              if (arr.length) count = (arr + '').split(',').filter(Boolean).length
-              try { self.refs.selected_count.textContent = count } catch(e){}
+            const $us = $(self.refs.group_user_select)
+            if (!$us.data('dd-init')) {
+                $us.dropdown({
+                    allowAdditions: false,
+                    forceSelection: false,
+                    fullTextSearch: true,
+                    onChange: (value) => {
+                        const arr = (value || '').toString().trim()
+                        let count = 0
+                        if (arr.length) count = (arr + '').split(',').filter(Boolean).length
+                        try {
+                            self.refs.selected_count.textContent = count
+                        } catch (e) {}
+                    }
+                })
+                $us.data('dd-init', true)
             }
-          })
         }
-      } catch(e) {}
-    }
+    } catch (e) {}
+}
+
+const clearModalError = () => {
+    try {
+        if (self.refs.group_modal_error) {
+            self.refs.group_modal_error.style.display = 'none'
+            self.refs.group_modal_error.textContent = ''
+        }
+    } catch (e) {}
+}
 
-    const compPk = () => {
-      try {
+const compPk = () => {
+    try {
         if (self && self.opts) {
-          if (self.opts.competition_id) return String(self.opts.competition_id)
-          if (self.opts.competition_pk) return String(self.opts.competition_pk)
+            if (self.opts.competition_id) return String(self.opts.competition_id)
+            if (self.opts.competition_pk) return String(self.opts.competition_pk)
         }
-      } catch(e){}
-      try {
+    } catch (e) {}
+    try {
         const a = self.root && (self.root.getAttribute('competition_id') || self.root.getAttribute('competition-pk') || self.root.getAttribute('competition_pk'))
         if (a) return String(a)
-      } catch(e){}
-      const dom = document.getElementById('competition-id')
-      if (dom && dom.dataset && dom.dataset.id) return String(dom.dataset.id)
-      try {
+    } catch (e) {}
+    const dom = document.getElementById('competition-id')
+    if (dom && dom.dataset && dom.dataset.id) return String(dom.dataset.id)
+    try {
         const cf = document.querySelector('competition-form[competition_id], competition-form[competition-pk], competition-form[competition_pk]')
         if (cf) {
-          const v = cf.getAttribute('competition_id') || cf.getAttribute('competition-pk') || cf.getAttribute('competition_pk')
-          if (v) return String(v)
+            const v = cf.getAttribute('competition_id') || cf.getAttribute('competition-pk') || cf.getAttribute('competition_pk')
+            if (v) return String(v)
         }
-      } catch(e){}
-      try {
+    } catch (e) {}
+    try {
         const parts = window.location.pathname.split('/').filter(Boolean)
         for (let i = 0; i < parts.length; i++) {
-          if (/^\d+$/.test(parts[i])) return parts[i]
+            if (/^\d+$/.test(parts[i])) return parts[i]
         }
-      } catch(e){}
-      return null
+    } catch (e) {}
+    return null
+}
+
+const parseJsonScriptElement = id => {
+    const el = document.getElementById(id)
+    if (!el || !el.textContent) return []
+    try {
+        return JSON.parse(el.textContent)
+    } catch (err) {
+        console.warn('Invalid JSON in #' + id, err);
+        return []
     }
+}
 
-
-    const parseJsonScriptElement = id => {
-      const el = document.getElementById(id)
-      if (!el || !el.textContent) return []
-      try { return JSON.parse(el.textContent) } catch (err) { console.warn('Invalid JSON in #' + id, err); return [] }
-    }
-
-    self.on('mount', () => {
-
-      const form = self.root.querySelector('form')
-      if (form) {
-        form.addEventListener('submit', function(e){
-          e.preventDefault()
-          e.stopPropagation()
-          return false
+const membersToIds = (membersArr) => {
+    if (!membersArr || !membersArr.length) return []
+    const ids = []
+    const users = self.available_users || []
+    membersArr.forEach(m => {
+        const byId = users.find(u => String(u.id) === String(m))
+        if (byId) {
+            ids.push(String(byId.id));
+            return
+        }
+        const byUsername = users.find(u => String(u.username) === String(m))
+        if (byUsername) {
+            ids.push(String(byUsername.id));
+            return
+        }
+        const byEmail = users.find(u => String(u.email) === String(m))
+        if (byEmail) {
+            ids.push(String(byEmail.id));
+            return
+        }
+    })
+    return ids
+}
+
+self.on('mount', () => {
+    const form = self.root.querySelector('form')
+    if (form) {
+        form.addEventListener('submit', function(e) {
+            e.preventDefault()
+            e.stopPropagation()
+            return false
         })
-      }
-
-      let participants = parseJsonScriptElement('available-participants')
-      if (!participants || !participants.length) {
-        participants = parseJsonScriptElement('available-users')
-      }
+    }
 
-      self.available_groups = parseJsonScriptElement('available-groups') || []
-      self.selected_group_ids = parseJsonScriptElement('selected-group-ids') || []
-      self.available_queues = parseJsonScriptElement('available-queues') || []
-      self.available_users = participants || []
+    let participants = parseJsonScriptElement('available-participants')
+    if (!participants || !participants.length) participants = parseJsonScriptElement('available-users')
 
+    self.available_groups = parseJsonScriptElement('available-groups') || []
+    self.selected_group_ids = parseJsonScriptElement('selected-group-ids') || []
+    self.available_queues = parseJsonScriptElement('available-queues') || []
+    self.available_users = participants || []
 
-      self.markdown_editor = create_easyMDE(self.refs.terms)
-      self.markdown_editor_whitelist = create_easyMDE(self.refs.whitelist_emails, false, false, '200px')
+    self.markdown_editor = create_easyMDE(self.refs.terms)
+    self.markdown_editor_whitelist = create_easyMDE(self.refs.whitelist_emails, false, false, '200px')
 
-      try {
+    try {
         if (self._pending_competition && self._pending_competition.terms) {
-          try {
-            if (self.markdown_editor && typeof self.markdown_editor.value === 'function') {
-              self.markdown_editor.value(self._pending_competition.terms || '')
-            }
-            if (self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function') {
-              self.markdown_editor_whitelist.value(Array.isArray(self._pending_competition.whitelist_emails) && self._pending_competition.whitelist_emails.length > 0 ? self._pending_competition.whitelist_emails.join('\n') : '')
+            try {
+                if (self.markdown_editor && typeof self.markdown_editor.value === 'function')
+                    self.markdown_editor.value(self._pending_competition.terms || '')
+                if (self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function')
+                    self.markdown_editor_whitelist.value(
+                        Array.isArray(self._pending_competition.whitelist_emails) && self._pending_competition.whitelist_emails.length > 0 ?
+                        self._pending_competition.whitelist_emails.join('\n') : '')
+                if (self.markdown_editor && self.markdown_editor.codemirror && typeof self.markdown_editor.codemirror.refresh === 'function')
+                    self.markdown_editor.codemirror.refresh()
+            } catch (e) {
+                console.warn('apply pending competition to editors failed', e)
             }
-            if (self.markdown_editor && self.markdown_editor.codemirror && typeof self.markdown_editor.codemirror.refresh === 'function') {
-              self.markdown_editor.codemirror.refresh()
-            }
-          } catch(e) { console.warn('apply pending competition to editors failed', e) }
-          delete self._pending_competition
-          try { self.update(); self.form_updated() } catch(e){}
+            delete self._pending_competition
+            try {
+                self.update();
+                self.form_updated()
+            } catch (e) {}
         }
-      } catch(e) { console.warn('checking _pending_competition failed', e) }
-
-      $(':input', self.root).not('[type="file"]').not('button').not('[readonly]').each(function (i, field) {
-          this.addEventListener('keyup', self.form_updated)
-      })
-      self.update()
-      setTimeout(initUI, 0)
-    })
-
-    self.toggle_group = (group_id) => {
-      const idx = self.selected_group_ids.indexOf(group_id)
-      if (idx === -1) self.selected_group_ids.push(group_id)
-      else self.selected_group_ids.splice(idx, 1)
-
-      self.data = self.data || {}
-      self.data.participant_groups = self.selected_group_ids.slice()
-
-      CODALAB.events.trigger('competition_data_update', self.data)
-      self.update()
+    } catch (e) {
+        console.warn('checking _pending_competition failed', e)
     }
 
-    self.form_updated = () => {
-      self.data.registration_auto_approve = $(self.refs.registration_auto_approve).prop('checked')
-      self.data.allow_robot_submissions = $(self.refs.allow_robot_submissions).prop('checked')
-      self.data.terms = (self.markdown_editor && self.markdown_editor.value()) || (self.refs.terms && self.refs.terms.value) || ''
-
-
-      // Get the content of the whitelist-emails textarea and split it into an array of email addresses
-      let whitelist_emails_content = self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function' ? self.markdown_editor_whitelist.value() : (self.refs.whitelist_emails && self.refs.whitelist_emails.value) || ''
-      let email_addresses = whitelist_emails_content.trim() === '' ? [] : whitelist_emails_content.split('\n').map(email => email.trim())
-
-      // Check for problematic emails
-      let problematicEmailIndexes = []
-      email_addresses.forEach((email, index) => {
-        if (!self.isValidEmail(email)) {
-            // If an email is invalid, store its index
-            problematicEmailIndexes.push(index);
-        }
-      })
-
-      // Email errors
-      const errorDiv = self.root.querySelector('.error-message')
-      if (problematicEmailIndexes.length > 0) {
-        // Show an error message if there are invalid emails
-        errorDiv.classList.add('ui', 'red', 'message')
-
-        const errorMessage = document.createElement('strong')
-        errorMessage.textContent = 'One or more email addresses are invalid'
-        errorDiv.innerHTML = '' // Clear existing content
-        errorDiv.appendChild(errorMessage)
-
-        // Create an unordered list for error details
-        const errorList = document.createElement('ul')
-
-        problematicEmailIndexes.forEach((index) => {
-            const problematicEmail = email_addresses[index]
-            // Create a list item for each problematic email
-            const listItem = document.createElement('li')
-            listItem.textContent = `${problematicEmail}`
-            errorList.appendChild(listItem)
-        })
-
-        // Append the error details (unordered list) to the 'error-message' div
-        errorDiv.appendChild(errorList)
-      } else {
-          // Clear the error message and remove the classes if all emails are valid
-          errorDiv.classList.remove('ui', 'red', 'message')
-          errorDiv.textContent = ''
-      }
-      
-      // Add to whitelist_emails when there is not problematic email address
-      if(problematicEmailIndexes.length == 0){
-          self.data.whitelist_emails = email_addresses
-      }
-      
-      // set a boolean to true if all emails are valid
-      let is_valid_emails = problematicEmailIndexes.length == 0
-      let is_valid_terms = !!self.data.terms
-      
-      // set a valid boolean to true when all email are valid and terms are valid
-      is_valid = is_valid_terms && is_valid_emails
-
-      CODALAB.events.trigger('competition_is_valid_update', 'participation', is_valid)
-
-      if (is_valid) {
-          CODALAB.events.trigger('competition_data_update', self.data)
-      }
-    }
+    $(':input', self.root).not('[type="file"]').not('button').not('[readonly]').each(function() {
+        this.addEventListener('keyup', self.form_updated)
+    })
 
-    // Function to validate an email address
-    self.isValidEmail = function (email) {
-      // Regular expression pattern to match a valid email address
-      const emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/
+    self.update()
+    setTimeout(initUI, 0)
+})
 
-      // Test the email against the pattern and return the result (boolean)
-      return emailPattern.test(email)
+self.open_create_group = () => {
+    self.editing_group = null
+    clearModalError()
+    try {
+        self.refs.group_name.value = ''
+    } catch (e) {}
+    try {
+        $(self.refs.group_queue).dropdown('clear')
+    } catch (e) {}
+    try {
+        $(self.refs.group_user_select).dropdown('clear')
+    } catch (e) {}
+    try {
+        self.refs.selected_count.textContent = '0'
+    } catch (e) {}
+    try {
+        $(self.refs.group_modal).modal({
+            closable: true
+        }).modal('show')
+    } catch (e) {
+        self.refs.group_modal.style.display = 'block'
     }
+}
 
-    self.open_create_group = () => {
-      self.editing_group = null
-      try { self.refs.group_name.value = '' } catch(e){}
-      try { $(self.refs.group_queue).dropdown('clear') } catch(e){}
-      try { $(self.refs.group_user_select).dropdown('clear') } catch(e){}
-      try { self.refs.selected_count.textContent = '0' } catch(e){}
-      try { $(self.refs.group_modal).modal({closable:true}).modal('show') } catch(e) { self.refs.group_modal.style.display = 'block' }
-      setTimeout(initUI, 0)
-    }
+self.open_edit_group = (group) => {
+    self.editing_group = group
+    clearModalError()
 
-    const membersToIds = (membersArr) => {
-      // membersArr can contain ids, usernames or emails; return matching ids as strings
-      if (!membersArr || !membersArr.length) return []
-      const ids = []
-      const users = self.available_users || []
-      membersArr.forEach(m => {
-        const byId = users.find(u => String(u.id) === String(m))
-        if (byId) { ids.push(String(byId.id)); return }
-        const byUsername = users.find(u => String(u.username) === String(m))
-        if (byUsername) { ids.push(String(byUsername.id)); return }
-        const byEmail = users.find(u => String(u.email) === String(m))
-        if (byEmail) { ids.push(String(byEmail.id)); return }
-      })
-      return ids
-    }
+    try {
+        self.refs.group_name.value = group.name || ''
+    } catch (e) {}
 
-    self.open_edit_group = (group) => {
-      self.editing_group = group
-      try { self.refs.group_name.value = group.name || '' } catch(e){}
-      try {
+    try {
         let queueId = null
         if (group.queue_id) queueId = group.queue_id
         else if (group.queue) {
-          const qFound = (self.available_queues || []).find(x => x.name === group.queue)
-          if (qFound) queueId = qFound.id
+            const qFound = (self.available_queues || []).find(x => x.name === group.queue)
+            if (qFound) queueId = qFound.id
         }
-        if (queueId) $(self.refs.group_queue).dropdown('set selected', queueId)
+        if (queueId) $(self.refs.group_queue).dropdown('set selected', String(queueId))
         else $(self.refs.group_queue).dropdown('clear')
-      } catch(e){}
+    } catch (e) {}
 
-      try {
+    try {
         const memberIds = membersToIds(group.members || [])
         if (memberIds.length) {
-          $(self.refs.group_user_select).dropdown('set selected', memberIds)
-          try { self.refs.selected_count.textContent = memberIds.length } catch(e){}
+            $(self.refs.group_user_select).dropdown('set selected', memberIds)
+            try {
+                self.refs.selected_count.textContent = memberIds.length
+            } catch (e) {}
         } else {
-          $(self.refs.group_user_select).dropdown('clear')
-          try { self.refs.selected_count.textContent = '0' } catch(e){}
+            $(self.refs.group_user_select).dropdown('clear')
+            try {
+                self.refs.selected_count.textContent = '0'
+            } catch (e) {}
         }
-      } catch(e){ console.warn('prefill members failed', e) }
-
-      try { $(self.refs.group_modal).modal({closable:true}).modal('show') } catch(e) { self.refs.group_modal.style.display = 'block' }
-      setTimeout(initUI, 0)
+    } catch (e) {
+        console.warn('prefill members failed', e)
     }
 
-    self.select_all_users = () => {
-      try {
-        const ids = (self.available_users || []).map(u => String(u.id))
-        $(self.refs.group_user_select).dropdown('set selected', ids)
-        try { self.refs.selected_count.textContent = ids.length } catch(e){}
-      } catch(e){ console.warn('select all failed', e) }
-    }
-
-    self.clear_user_selection = () => {
-      try {
-        $(self.refs.group_user_select).dropdown('clear')
-        try { self.refs.selected_count.textContent = '0' } catch(e){}
-      } catch(e){ console.warn('clear selection failed', e) }
+    // Dropdowns are already initialised from mount — no re-init needed here
+    try {
+        $(self.refs.group_modal).modal({
+            closable: true
+        }).modal('show')
+    } catch (e) {
+        self.refs.group_modal.style.display = 'block'
     }
+}
 
-    self.close_group_modal = () => {
-      try { $(self.refs.group_modal).modal('hide') } catch(e) { self.refs.group_modal.style.display = 'none' }
+self.close_group_modal = () => {
+    try {
+        $(self.refs.group_modal).modal('hide')
+    } catch (e) {
+        self.refs.group_modal.style.display = 'none'
     }
+}
 
-    self.submit_group = () => {
-      const name = (self.refs.group_name && self.refs.group_name.value || '').trim()
-      if (!name) {
+self.submit_group = () => {
+    const name = (self.refs.group_name && self.refs.group_name.value || '').trim()
+    if (!name) {
         if (self.refs.group_modal_error) {
-          self.refs.group_modal_error.style.display = 'block'
-          self.refs.group_modal_error.textContent = 'Group name is required'
+            self.refs.group_modal_error.style.display = 'block'
+            self.refs.group_modal_error.textContent = 'Group name is required'
         }
         return
-      }
+    }
 
-      let queue_id = null
-      try { queue_id = $(self.refs.group_queue).dropdown('get value') || null } catch(e) { queue_id = (self.refs.group_queue && self.refs.group_queue.value) || null }
+    let queue_id = null
+    try {
+        queue_id = $(self.refs.group_queue).dropdown('get value') || null
+    } catch (e) {
+        queue_id = (self.refs.group_queue && self.refs.group_queue.value) || null
+    }
 
-      let user_ids = []
-      try {
+    let user_ids = []
+    try {
         const val = $(self.refs.group_user_select).dropdown('get value')
         if (Array.isArray(val)) user_ids = val.map(String)
         else if (typeof val === 'string' && val.length) user_ids = val.split(',').map(String)
-      } catch(e) {
+    } catch (e) {
         try {
-          const sel = self.refs.group_user_select
-          for (let i = 0; i < sel.options.length; i++) if (sel.options[i].selected) user_ids.push(String(sel.options[i].value))
-        } catch(e2){}
-      }
+            const sel = self.refs.group_user_select
+            for (let i = 0; i < sel.options.length; i++)
+                if (sel.options[i].selected) user_ids.push(String(sel.options[i].value))
+        } catch (e2) {}
+    }
 
-      const pk = compPk()
-      if (!pk) {
+    const pk = compPk()
+    if (!pk) {
         if (self.refs.group_modal_error) {
-          self.refs.group_modal_error.style.display = 'block'
-          self.refs.group_modal_error.textContent = "Competition id not found."
+            self.refs.group_modal_error.style.display = 'block'
+            self.refs.group_modal_error.textContent = 'Competition id not found.'
         }
         return
-      }
-
-      let url = '/competitions/' + pk + '/groups/create/'
-      if (self.editing_group && self.editing_group.id) url = '/competitions/' + pk + '/groups/' + self.editing_group.id + '/update/'
-
-      const form = new FormData()
-      form.append('name', name)
-      if (queue_id) form.append('queue_id', queue_id)
-      for (let i = 0; i < user_ids.length; i++) form.append('user_ids[]', user_ids[i])
-
-      fetch(url, {
-        method: 'POST',
-        headers: {
-          'X-CSRFToken': getCookie('csrftoken'),
-          'X-Requested-With': 'XMLHttpRequest'
-        },
-        body: form
-      }).then(resp => {
-        if (!resp.ok) throw resp
-        return resp.json()
-      }).then(data => {
-        if (data && data.status === 'ok' && data.group) {
-          const g = data.group
-          if (!self.editing_group) {
-            const selectedUsers = (self.available_users || [])
-              .filter(u => user_ids.includes(String(u.id)))
-              .map(u => u.username)
-              g.members = selectedUsers
-          }
-
-          let found = false
-          for (let i = 0; i < self.available_groups.length; i++) {
-            if (self.available_groups[i].id === g.id) {
-              self.available_groups[i] = g
-              found = true
-              break
+    }
+
+    let url = '/competitions/' + pk + '/groups/create/'
+    if (self.editing_group && self.editing_group.id) url = '/competitions/' + pk + '/groups/' + self.editing_group.id + '/update/'
+
+    const form = new FormData()
+    form.append('name', name)
+    if (queue_id) form.append('queue_id', queue_id)
+    for (let i = 0; i < user_ids.length; i++) form.append('user_ids[]', user_ids[i])
+
+    fetch(url, {
+            method: 'POST',
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken'),
+                'X-Requested-With': 'XMLHttpRequest'
+            },
+            body: form
+        })
+        .then(resp => {
+            if (!resp.ok) throw resp;
+            return resp.json()
+        })
+        .then(data => {
+            if (data && data.status === 'ok' && data.group) {
+                const g = data.group
+                if (!self.editing_group) {
+                    g.members = (self.available_users || [])
+                        .filter(u => user_ids.includes(String(u.id)))
+                        .map(u => u.username)
+                }
+                let found = false
+                for (let i = 0; i < self.available_groups.length; i++) {
+                    if (self.available_groups[i].id === g.id) {
+                        self.available_groups[i] = g;
+                        found = true;
+                        break
+                    }
+                }
+                if (!found) {
+                    self.available_groups.push(g)
+                    if (self.selected_group_ids.indexOf(g.id) === -1) self.selected_group_ids.push(g.id)
+                }
+                self.data = self.data || {}
+                self.data.participant_groups = self.selected_group_ids.slice()
+                CODALAB.events.trigger('competition_data_update', self.data)
+                self.close_group_modal()
+                self.update()
+            } else {
+                const err = (data && data.error) ? data.error : 'Error on creation/modification'
+                if (self.refs.group_modal_error) {
+                    self.refs.group_modal_error.style.display = 'block'
+                    self.refs.group_modal_error.textContent = err
+                }
             }
-          }
-          if (!found) {
-            self.available_groups.push(g)
-            if (self.selected_group_ids.indexOf(g.id) === -1) self.selected_group_ids.push(g.id)
-          }
-
-          self.data = self.data || {}
-          self.data.participant_groups = self.selected_group_ids.slice()
-          CODALAB.events.trigger('competition_data_update', self.data)
-
-          self.close_group_modal()
-          self.update()
-        } else {
-          const err = (data && data.error) ? data.error : 'Error creation/modification'
-          if (self.refs.group_modal_error) {
-            self.refs.group_modal_error.style.display = 'block'
-            self.refs.group_modal_error.textContent = err
-          }
-        }
-      }).catch(err => {
-        console.error('group create/update error', err)
-        if (self.refs.group_modal_error) {
-          self.refs.group_modal_error.style.display = 'block'
-          self.refs.group_modal_error.textContent = 'Error on group cretion/modification.'
-        }
-      })
+        })
+        .catch(err => {
+            console.error('group create/update error', err)
+            if (self.refs.group_modal_error) {
+                self.refs.group_modal_error.style.display = 'block'
+                self.refs.group_modal_error.textContent = 'Error on group creation/modification.'
+            }
+        })
+}
+
+self.toggle_group = (group_id) => {
+    const idx = self.selected_group_ids.indexOf(group_id)
+    if (idx === -1) self.selected_group_ids.push(group_id)
+    else self.selected_group_ids.splice(idx, 1)
+    self.data = self.data || {}
+    self.data.participant_groups = self.selected_group_ids.slice()
+    CODALAB.events.trigger('competition_data_update', self.data)
+    self.update()
+}
+
+self.delete_group = (group) => {
+    if (!confirm('Delete group "' + group.name + '" ?')) return
+    const pk = compPk()
+    if (!pk) return
+    fetch('/competitions/' + pk + '/groups/' + group.id + '/delete/', {
+            method: 'POST',
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken'),
+                'X-Requested-With': 'XMLHttpRequest'
+            },
+            body: (() => {
+                const f = new FormData();
+                f.append('dummy', '1');
+                return f
+            })()
+        })
+        .then(resp => {
+            if (!resp.ok) throw resp;
+            return resp.json()
+        })
+        .then(() => {
+            self.available_groups = self.available_groups.filter(x => x.id !== group.id)
+            self.selected_group_ids = self.selected_group_ids.filter(x => x !== group.id)
+            self.data = self.data || {}
+            self.data.participant_groups = self.selected_group_ids.slice()
+            CODALAB.events.trigger('competition_data_update', self.data)
+            self.update()
+        })
+        .catch(err => {
+            console.error('delete group error', err);
+            alert('Error deleting group.')
+        })
+}
+
+self.select_all_users = () => {
+    try {
+        const ids = (self.available_users || []).map(u => String(u.id))
+        $(self.refs.group_user_select).dropdown('set selected', ids)
+        try {
+            self.refs.selected_count.textContent = ids.length
+        } catch (e) {}
+    } catch (e) {
+        console.warn('select all failed', e)
+    }
+}
+
+self.clear_user_selection = () => {
+    try {
+        $(self.refs.group_user_select).dropdown('clear')
+        try {
+            self.refs.selected_count.textContent = '0'
+        } catch (e) {}
+    } catch (e) {
+        console.warn('clear selection failed', e)
     }
+}
+
+self.form_updated = () => {
+    self.data.registration_auto_approve = $(self.refs.registration_auto_approve).prop('checked')
+    self.data.allow_robot_submissions = $(self.refs.allow_robot_submissions).prop('checked')
+    self.data.terms = (self.markdown_editor && self.markdown_editor.value()) || (self.refs.terms && self.refs.terms.value) || ''
 
-    self.delete_group = (group) => {
-      if (!confirm('Delete group "' + group.name + '" ?')) return
-      const pk = compPk()
-      if (!pk) return
-      const url = '/competitions/' + pk + '/groups/' + group.id + '/delete/'
-
-      const form = new FormData()
-      form.append('dummy', '1')
-
-      fetch(url, {
-        method: 'POST',
-        headers: {
-          'X-CSRFToken': getCookie('csrftoken'),
-          'X-Requested-With': 'XMLHttpRequest'
-        },
-        body: form
-      }).then(resp => {
-        if (!resp.ok) throw resp
-        return resp.json()
-      }).then(data => {
-        self.available_groups = self.available_groups.filter(x => x.id !== group.id)
-        self.selected_group_ids = self.selected_group_ids.filter(x => x !== group.id)
-
-        self.data = self.data || {}
-        self.data.participant_groups = self.selected_group_ids.slice()
-        CODALAB.events.trigger('competition_data_update', self.data)
-        self.update()
-      }).catch(err => {
-        console.error('delete group error', err)
-        alert('Erreur delete group.')
-      })
+    let whitelist_emails_content = self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function' ?
+        self.markdown_editor_whitelist.value() :
+        (self.refs.whitelist_emails && self.refs.whitelist_emails.value) || ''
+    let email_addresses = whitelist_emails_content.trim() === '' ? [] : whitelist_emails_content.split('\n').map(e => e.trim())
+
+    let problematicEmailIndexes = []
+    email_addresses.forEach((email, index) => {
+        if (!self.isValidEmail(email)) problematicEmailIndexes.push(index)
+    })
+
+    const errorDiv = self.root.querySelector('.error-message')
+    if (problematicEmailIndexes.length > 0) {
+        errorDiv.classList.add('ui', 'red', 'message')
+        const errorMessage = document.createElement('strong')
+        errorMessage.textContent = 'One or more email addresses are invalid'
+        errorDiv.innerHTML = ''
+        errorDiv.appendChild(errorMessage)
+        const errorList = document.createElement('ul')
+        problematicEmailIndexes.forEach(index => {
+            const listItem = document.createElement('li')
+            listItem.textContent = email_addresses[index]
+            errorList.appendChild(listItem)
+        })
+        errorDiv.appendChild(errorList)
+    } else {
+        errorDiv.classList.remove('ui', 'red', 'message')
+        errorDiv.textContent = ''
     }
 
-    CODALAB.events.on('competition_loaded', function (competition) {
-      try {
+    if (problematicEmailIndexes.length === 0) self.data.whitelist_emails = email_addresses
+
+    const is_valid = !!self.data.terms && problematicEmailIndexes.length === 0
+    CODALAB.events.trigger('competition_is_valid_update', 'participation', is_valid)
+    if (is_valid) CODALAB.events.trigger('competition_data_update', self.data)
+}
+
+self.isValidEmail = function(email) {
+    return /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(email)
+}
+
+CODALAB.events.on('competition_loaded', function(competition) {
+    try {
         if (self.refs) {
-          if (self.refs.registration_auto_approve) self.refs.registration_auto_approve.checked = competition.registration_auto_approve
-          if (self.refs.allow_robot_submissions) self.refs.allow_robot_submissions.checked = competition.allow_robot_submissions
+            if (self.refs.registration_auto_approve) self.refs.registration_auto_approve.checked = competition.registration_auto_approve
+            if (self.refs.allow_robot_submissions) self.refs.allow_robot_submissions.checked = competition.allow_robot_submissions
         }
-      } catch(e){ console.warn('setting checkboxes failed', e) }
+    } catch (e) {
+        console.warn('setting checkboxes failed', e)
+    }
 
-      try {
+    try {
         if (self.markdown_editor && self.markdown_editor.codemirror && typeof self.markdown_editor.codemirror.refresh === 'function') {
-          try {
-            if (typeof self.markdown_editor.value === 'function') self.markdown_editor.value(competition.terms || '')
-            if (self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function') {
-              self.markdown_editor_whitelist.value(Array.isArray(competition.whitelist_emails) && competition.whitelist_emails.length > 0 ? competition.whitelist_emails.join('\n') : '')
+            try {
+                if (typeof self.markdown_editor.value === 'function') self.markdown_editor.value(competition.terms || '')
+                if (self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function')
+                    self.markdown_editor_whitelist.value(
+                        Array.isArray(competition.whitelist_emails) && competition.whitelist_emails.length > 0 ?
+                        competition.whitelist_emails.join('\n') : '')
+                self.markdown_editor.codemirror.refresh()
+                self.update()
+                self.form_updated()
+            } catch (e) {
+                console.warn('apply competition_loaded to editors failed', e)
             }
-            self.markdown_editor.codemirror.refresh()
-            self.update()
-            self.form_updated()
-          } catch(e){ console.warn('apply competition_loaded to editors failed', e) }
-          return
+            return
         }
-      } catch(e){
-      }
+    } catch (e) {}
 
-      self._pending_competition = competition
-    })
+    self._pending_competition = competition
+})
 
-    CODALAB.events.on('update_codemirror', () => {
-      try {
-        if (self.markdown_editor && self.markdown_editor.codemirror && typeof self.markdown_editor.codemirror.refresh === 'function') {
-          self.markdown_editor.codemirror.refresh()
+CODALAB.events.on('update_codemirror', () => {
+        try {
+            if (self.markdown_editor && self.markdown_editor.codemirror && typeof self.markdown_editor.codemirror.refresh === 'function')
+                self.markdown_editor.codemirror.refresh()
+        } catch (e) {
+            console.warn('update_codemirror failed', e)
         }
-      } catch(e) { console.warn('update_codemirror failed', e) }
-    })
-  </script>
-
-
-  <style>
-    .ui.cards .card {
-      width: 100%;
-      margin-bottom: 1em;
-    }
-    .ui.cards .content .meta, .ui.cards .content .description {
-      margin-top: 0.5em;
-    }
+    }) <
+    /script>
 
-    .group-meta {
-      display: flex;
-      align-items: center;
-      gap: 0.6rem;
-      flex-wrap: wrap;
+    <
+    style >
+    .ui.cards.card {
+        width: 100 % ;margin - bottom: 1 em;
     }
-
-    .group-labels {
-      display:flex;
-      gap:0.5rem;
-      align-items:center;
+    .ui.cards.content.meta, .ui.cards.content.description {
+        margin - top: 0.5 em;
     }
-
-    .members-chips {
-      display:flex;
-      gap:0.35rem;
-      flex-wrap:wrap;
-      margin-left:0.5rem;
+    .group - meta {
+        display: flex;align - items: center;gap: 0.6 rem;flex - wrap: wrap;
     }
-
-    .members-chips .ui.tiny.label {
-      background: #f3f4f5;
-      border: 1px solid rgba(34,36,38,0.04);
-      color: #333;
-      padding: .25rem .45rem;
-      font-size: 0.95rem;
+    .group - labels {
+        display: flex;gap: 0.5 rem;align - items: center;
     }
-
-    .group-actions {
-      margin-left: auto;
-      display: flex;
-      gap: 0.45rem;
-      justify-content: flex-end;
-      padding: 0.15rem 0.2rem;
+    .members - chips {
+        display: flex;gap: 0.35 rem;flex - wrap: wrap;margin - left: 0.5 rem;
     }
-
-    .group-actions .ui.mini.icon.button {
-      padding: 0.28em 0.36em;
-      min-width: 2.3rem;
-      min-height: 2.3rem;
-      border-radius: 0.35rem;
-      opacity: 0.98;
-      box-shadow: none;
-      line-height: 1;
-      background-color: rgba(255,255,255,0.96);
-      border: 1px solid rgba(34,36,38,0.06);
-      transition: background-color .12s ease, transform .08s ease, box-shadow .12s ease;
-      color: #333;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
+    .members - chips.ui.tiny.label {
+        background: #f3f4f5;border: 1 px solid rgba(34, 36, 38, .04);color: #333; padding: .25rem .45rem; font-size: .95rem; }
+    .group-actions { margin-left: auto; display: flex; gap: 0.45rem; justify-content: flex-end; padding: 0.15rem 0.2rem; }
+    .group-actions .ui.mini.icon.button { padding: .28em .36em; min-width: 2.3rem; min-height: 2.3rem; border-radius: .35rem; box-shadow: none; line-height: 1; background-color: rgba(255,255,255,.96); border: 1px solid rgba(34,36,38,.06); transition: background-color .12s ease, transform .08s ease, box-shadow .12s ease; color: # 333;display: inline - flex;align - items: center;justify - content: center;
     }
-
-    .group-actions .ui.mini.icon.button .icon {
-      font-size: 0.95rem !important;
+    .group - actions.ui.mini.icon.button.icon {
+        font - size: .95 rem!important;
     }
-
-    .group-actions .ui.mini.icon.button:hover {
-      transform: translateY(-2px);
-      background-color: rgba(0,0,0,0.06);
-      box-shadow: 0 1px 3px rgba(0,0,0,0.06);
-      opacity: 1;
+    .group - actions.ui.mini.icon.button: hover {
+        transform: translateY(-2 px);background - color: rgba(0, 0, 0, .06);box - shadow: 0 1 px 3 px rgba(0, 0, 0, .06);
     }
-
-    .group-actions .ui.mini.icon.basic.button {
-      background-color: rgba(250,250,250,0.92);
-      border: 1px solid rgba(34,36,38,0.06);
+    .group - actions.ui.mini.icon.basic.button {
+        background - color: rgba(250, 250, 250, .92);
+        border: 1 px solid rgba(34, 36, 38, .06);
     }
-
-    .group-actions .delete-btn {
-      color: #9f3a38;
+    .group - actions.delete - btn {
+        color: #9f3a38; }
+    .group-actions .edit-btn  { color: # 2 b6f9e;
     }
-    .group-actions .edit-btn {
-      color: #2b6f9e;
+    .group - actions.ui.mini.icon.button: focus {
+        outline: 2 px solid rgba(43, 111, 158, .18);outline - offset: 2 px;
     }
-
-    .group-actions .ui.mini.icon.button:focus {
-      outline: 2px solid rgba(43,111,158,0.18);
-      outline-offset: 2px;
+    .ui.dropdown.multiple {
+        width: 100 % !important;
     }
-
-    .ui.dropdown.multiple { width: 100% !important; }
-    .ui.modal { z-index: 10000; }
-  </style>
-</competition-participation>
+    .ui.modal {
+        z - index: 10000;
+    } <
+    /style> <
+    /competition-participation>
\ No newline at end of file

From 27461d7ba75d9b04218aebb3d28763b28cabde52 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Tue, 26 May 2026 11:16:34 +0200
Subject: [PATCH 10/19] UI bugfix

---
 .../competitions/editor/_participation.tag    | 1118 +++++++----------
 1 file changed, 441 insertions(+), 677 deletions(-)

diff --git a/src/static/riot/competitions/editor/_participation.tag b/src/static/riot/competitions/editor/_participation.tag
index e9c77bd04..f4fb911de 100644
--- a/src/static/riot/competitions/editor/_participation.tag
+++ b/src/static/riot/competitions/editor/_participation.tag
@@ -1,679 +1,477 @@
-< competition - participation >
-    <
-    form class = "ui form" >
-    <
-    div class = "field required" >
-    <
-    label > Terms < /label> <
-    textarea class = "markdown-editor"
-ref = "terms"
-name = "terms" > < /textarea> <
-    /div> <
-    div class = "field" >
-    <
-    div class = "ui checkbox" >
-    <
-    input selenium = "auto-approve"
-type = "checkbox"
-name = "registration_auto_approve"
-ref = "registration_auto_approve"
-onchange = "{form_updated}" >
-    <
-    label > Auto approve registration requests <
-    span data - tooltip = "If left unchecked, registration requests must be manually approved by the benchmark creator or collaborators"
-data - inverted = ""
-data - position = "bottom center" >
-    <
-    i class = "help icon circle" > < /i></span >
-    <
-    /label> <
-    /div> <
-    /div> <
-    div class = "field" >
-    <
-    div class = "ui checkbox" >
-    <
-    input type = "checkbox"
-name = "allow_robot_submissions"
-ref = "allow_robot_submissions"
-onchange = "{form_updated}" >
-    <
-    label > Allow robot submissions <
-    span data - tooltip = "If left unchecked, robot users will have to be manually approved by the benchmark creator or collaborators. This can be changed later."
-data - inverted = ""
-data - position = "bottom center" >
-    <
-    i class = "help icon circle" > < /i></span >
-    <
-    /label> <
-    /div> <
-    /div> <
-    !--Whitelist emails list-- >
-    <
-    div class = "field" >
-    <
-    label > Whitelist Emails < /label> <
-    p > A list of emails(one per line) of users who do not require competition organizer 's approval to enter this competition.</p> <
-        div class = "ui yellow message" >
-        <
-        span > < b > Note: < /b></span > < br >
-        Only valid emails are allowed < br >
-        Empty lines are not allowed <
-        /div> <
-        textarea class = "markdown-editor"
-    ref = "whitelist_emails"
-name = "whitelist_emails" > < /textarea> <
-    div class = "error-message"
-style = "color: red;" > < /div> <
-    /div> <
-    !--Participant Groups-- >
-    <
-    div class = "field" >
-    <
-    label > Groups < /label> <
-    div style = "margin-bottom:8px;" >
-    <
-    button type = "button"
-class = "ui tiny primary button"
-onclick = "{ open_create_group }" >
-    <
-    i class = "plus icon" > < /i> New participant group <
-    /button> <
-    /div> <
-    div class = "ui cards" >
-    <
-    div class = "card"
-each = "{ group in available_groups }" >
-    <
-    div class = "content" >
-    <
-    div class = "header" >
-    <
-    label > {
-        group.name
-    } < /label> <
-    /div> <
-    div class = "meta group-meta"
-style = "margin-top:0.4em;" >
-    <
-    div class = "group-labels" >
-    <
-    span class = "ui grey label" > Queue: {
-        group.queue || "Aucune"
-    } < /span> <
-    span class = "ui grey label" > Membres: {
-        group.members && group.members.length > 0 ? group.members.length : 0
-    } < /span> <
-    /div> <
-    div class = "members-chips"
-if = "{ group.members && group.members.length }" >
-<
-span class = "ui tiny label"
-each = "{m in group.members}" > {
-        m
-    } <
-    /span> <
-    /div> <
-    div class = "group-actions" >
-    <
-    button class = "ui mini icon basic button edit-btn"
-title = "Modifier"
-onclick = "{ open_edit_group.bind(this, group) }" >
-    <
-    i class = "edit icon" > < /i> <
-    /button> <
-    button class = "ui mini icon basic red button delete-btn"
-title = "Supprimer"
-onclick = "{ delete_group.bind(this, group) }" >
-    <
-    i class = "trash icon" > < /i> <
-    /button> <
-    /div> <
-    /div> <
-    /div> <
-    /div> <
-    /div> <
-    /div> <
-    /form>
-
-    <
-    !--CREATE / EDIT GROUP MODAL-- >
-    <
-    div ref = "group_modal"
-class = "ui small modal"
-style = "display:none;" >
-    <
-    i class = "close icon"
-onclick = "{ close_group_modal }" > < /i> <
-    div class = "header" > {
-        editing_group ? 'Edit participant group' : 'Create participant group'
-    } <
-    /div> <
-    div class = "content" >
-    <
-    div class = "ui form" >
-    <
-    div class = "field required" >
-    <
-    label > Group name < /label> <
-    input type = "text"
-ref = "group_name"
-placeholder = "e.g. Students – GPU queue" >
-    <
-    /div> <
-    div class = "field" >
-    <
-    label > Queue(optional) < /label> <
-    select ref = "group_queue"
-class = "ui dropdown" >
-<
-option value = "" > None < /option> <
-    option each = "{ q in available_queues }"
-value = "{ q.id }" > {
-        q.name
-    } < /option> <
-    /select> <
-    /div> <
-    div class = "field" >
-    <
-    label > Select group members < /label> <
-    div style = "display:flex; gap:.5rem; margin-bottom:.5rem; align-items:center;" >
-    <
-    button type = "button"
-class = "ui mini button"
-onclick = "{ select_all_users }" > Select all < /button> <
-    button type = "button"
-class = "ui mini basic button"
-onclick = "{ clear_user_selection }" > Clear < /button> <
-    div class = "ui right floated meta"
-style = "margin-left:auto;" >
-    <
-    span class = "ui tiny basic label" > Selected: < span ref = "selected_count" > 0 < /span></span >
-    <
-    /div> <
-    /div> <
-    select ref = "group_user_select"
-multiple class = "ui fluid multiple search selection dropdown"
-style = "width:100%;" >
-    <
-    option each = "{ u in available_users }"
-value = "{ u.id }" > {
-    u.username
-} & lt;
-{
-    u.email
-} & gt; < /option> <
-/select> <
-div class = "ui segment"
-style = "margin-top:.5rem;" >
-    <
-    small class = "muted" > You can search and select multiple participants < /small> <
-    /div> <
-    /div> <
-    div class = "ui error message"
-ref = "group_modal_error"
-style = "display:none;" > < /div> <
-    /div> <
-    /div> <
-    div class = "actions" >
-    <
-    div class = "ui cancel button"
-onclick = "{ close_group_modal }" > Cancel < /div> <
-    div class = "ui primary button"
-onclick = "{ submit_group }" > {
-        editing_group ? 'Edit' : 'Create'
-    } < /div> <
-    /div> <
-    /div>
-
-    <
-    script >
+<competition-participation>
+  <form class="ui form">
+    <div class="field required">
+      <label>Terms</label>
+      <textarea class="markdown-editor" ref="terms" name="terms"></textarea>
+    </div>
+    <div class="field">
+      <div class="ui checkbox">
+        <input selenium="auto-approve" type="checkbox" name="registration_auto_approve" ref="registration_auto_approve" onchange="{form_updated}">
+        <label>Auto approve registration requests
+          <span data-tooltip="If left unchecked, registration requests must be manually approved by the benchmark creator or collaborators"
+                data-inverted=""
+                data-position="bottom center">
+          <i class="help icon circle"></i></span>
+        </label>
+      </div>
+    </div>
+    <div class="field">
+      <div class="ui checkbox">
+          <input type="checkbox" name="allow_robot_submissions" ref="allow_robot_submissions" onchange="{form_updated}">
+          <label>Allow robot submissions
+              <span data-tooltip="If left unchecked, robot users will have to be manually approved by the benchmark creator or collaborators. This can be changed later."
+                    data-inverted=""
+                    data-position="bottom center">
+              <i class="help icon circle"></i></span>
+          </label>
+      </div>
+    </div>
+    <!--  Whitelist emails list  -->
+    <div class="field">
+      <label>Whitelist Emails</label>
+      <p>A list of emails (one per line) of users who do not require competition organizer's approval to enter this competition.</p>
+      <div class="ui yellow message">
+          <span><b>Note:</b></span><br>
+          Only valid emails are allowed<br>
+          Empty lines are not allowed
+      </div>
+      <textarea class="markdown-editor" ref="whitelist_emails" name="whitelist_emails"></textarea>
+      <div class="error-message" style="color: red;"></div>
+    </div>
+    <!-- Participant Groups -->
+    <div class="field">
+      <label>Groups</label>
+      <div style="margin-bottom:8px;">
+        <button type="button" class="ui tiny primary button" onclick="{ open_create_group }">
+          <i class="plus icon"></i> New participant group
+        </button>
+      </div>
+      <div class="ui cards">
+        <div class="card" each="{ group in available_groups }">
+          <div class="content">
+            <div class="header">
+              <label>{ group.name }</label>
+            </div>
+            <div class="meta group-meta" style="margin-top:0.4em;">
+              <div class="group-labels">
+                <span class="ui grey label">Queue: { group.queue || "Aucune" }</span>
+                <span class="ui grey label">Membres: { group.members && group.members.length > 0 ? group.members.length : 0 }</span>
+              </div>
+              <div class="members-chips" if="{ group.members && group.members.length }">
+                <span class="ui tiny label" each="{m in group.members}">
+                  { m }
+                </span>
+              </div>
+              <div class="group-actions">
+                <button class="ui mini icon basic button edit-btn" title="Modifier" onclick="{ open_edit_group.bind(this, group) }">
+                  <i class="edit icon"></i>
+                </button>
+                <button class="ui mini icon basic red button delete-btn" title="Supprimer" onclick="{ delete_group.bind(this, group) }">
+                  <i class="trash icon"></i>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>
+
+  <!-- CREATE / EDIT GROUP MODAL -->
+  <div ref="group_modal" class="ui small modal" style="display:none;">
+    <i class="close icon" onclick="{ close_group_modal }"></i>
+    <div class="header">
+     { editing_group ? 'Edit participant group' : 'Create participant group' }
+    </div>
+    <div class="content">
+      <div class="ui form">
+        <div class="field required">
+          <label>Group name</label>
+          <input type="text" ref="group_name" placeholder="e.g. Students – GPU queue">
+        </div>
+        <div class="field">
+          <label>Queue (optional)</label>
+          <select ref="group_queue" class="ui dropdown">
+            <option value="">None</option>
+            <option each="{ q in available_queues }" value="{ q.id }">{ q.name }</option>
+          </select>
+        </div>
+        <div class="field">
+          <label>Select group members</label>
+          <div style="display:flex; gap:.5rem; margin-bottom:.5rem; align-items:center;">
+            <button type="button" class="ui mini button" onclick="{ select_all_users }">Select all</button>
+            <button type="button" class="ui mini basic button" onclick="{ clear_user_selection }">Clear</button>
+            <div class="ui right floated meta" style="margin-left:auto;">
+              <span class="ui tiny basic label">Selected: <span ref="selected_count">0</span></span>
+            </div>
+          </div>
+          <select ref="group_user_select" multiple class="ui fluid multiple search selection dropdown" style="width:100%;">
+            <option each="{ u in available_users }" value="{ u.id }">{ u.username } &lt;{ u.email }&gt;</option>
+          </select>
+          <div class="ui segment" style="margin-top:.5rem;">
+            <small class="muted">You can search and select multiple participants</small>
+          </div>
+        </div>
+        <div class="ui error message" ref="group_modal_error" style="display:none;"></div>
+      </div>
+    </div>
+    <div class="actions">
+      <div class="ui cancel button" onclick="{ close_group_modal }">Cancel</div>
+      <div class="ui primary button" onclick="{ submit_group }">{ editing_group ? 'Edit' : 'Create' }</div>
+    </div>
+  </div>
+
+  <script>
     let self = this
 
-self.data = {}
-self.available_groups = []
-self.selected_group_ids = []
-self.available_queues = []
-self.available_users = []
-self.editing_group = null
+    self.data = {}
+    self.available_groups = []
+    self.selected_group_ids = []
+    self.available_queues = []
+    self.available_users = []
+    self.editing_group = null
 
-const initUI = () => {
-    try {
-        $('.ui.checkbox', self.root).checkbox()
-    } catch (e) {}
+    const initUI = () => {
+      try { $('.ui.checkbox', self.root).checkbox() } catch(e) {}
 
-    try {
+      try {
         if (self.refs && self.refs.group_queue) {
-            const $q = $(self.refs.group_queue)
-            if (!$q.data('dd-init')) {
-                $q.dropdown({
-                    clearable: true,
-                    placeholder: 'None'
-                })
-                $q.data('dd-init', true)
-            }
+          const $q = $(self.refs.group_queue)
+          if (!$q.data('dd-init')) {
+            $q.dropdown({ clearable: true, placeholder: 'None' })
+            $q.data('dd-init', true)
+          }
         }
-    } catch (e) {}
+      } catch(e) {}
 
-    try {
+      try {
         let $rest = $('.ui.dropdown', self.root)
-        if (self.refs && self.refs.group_queue) $rest = $rest.not(self.refs.group_queue)
+        if (self.refs && self.refs.group_queue)       $rest = $rest.not(self.refs.group_queue)
         if (self.refs && self.refs.group_user_select) $rest = $rest.not(self.refs.group_user_select)
         $rest.dropdown()
-    } catch (e) {}
+      } catch(e) {}
 
-    try {
+      try {
         if (self.refs && self.refs.group_user_select) {
-            const $us = $(self.refs.group_user_select)
-            if (!$us.data('dd-init')) {
-                $us.dropdown({
-                    allowAdditions: false,
-                    forceSelection: false,
-                    fullTextSearch: true,
-                    onChange: (value) => {
-                        const arr = (value || '').toString().trim()
-                        let count = 0
-                        if (arr.length) count = (arr + '').split(',').filter(Boolean).length
-                        try {
-                            self.refs.selected_count.textContent = count
-                        } catch (e) {}
-                    }
-                })
-                $us.data('dd-init', true)
-            }
+          const $us = $(self.refs.group_user_select)
+          if (!$us.data('dd-init')) {
+            $us.dropdown({
+              allowAdditions: false,
+              forceSelection: false,
+              fullTextSearch: true,
+              onChange: (value) => {
+                const arr = (value || '').toString().trim()
+                let count = 0
+                if (arr.length) count = (arr + '').split(',').filter(Boolean).length
+                try { self.refs.selected_count.textContent = count } catch(e) {}
+              }
+            })
+            $us.data('dd-init', true)
+          }
         }
-    } catch (e) {}
-}
+      } catch(e) {}
+    }
 
-const clearModalError = () => {
-    try {
+    const clearModalError = () => {
+      try {
         if (self.refs.group_modal_error) {
-            self.refs.group_modal_error.style.display = 'none'
-            self.refs.group_modal_error.textContent = ''
+          self.refs.group_modal_error.style.display = 'none'
+          self.refs.group_modal_error.textContent = ''
         }
-    } catch (e) {}
-}
+      } catch(e) {}
+    }
 
-const compPk = () => {
-    try {
+    const compPk = () => {
+      try {
         if (self && self.opts) {
-            if (self.opts.competition_id) return String(self.opts.competition_id)
-            if (self.opts.competition_pk) return String(self.opts.competition_pk)
+          if (self.opts.competition_id) return String(self.opts.competition_id)
+          if (self.opts.competition_pk) return String(self.opts.competition_pk)
         }
-    } catch (e) {}
-    try {
+      } catch(e) {}
+      try {
         const a = self.root && (self.root.getAttribute('competition_id') || self.root.getAttribute('competition-pk') || self.root.getAttribute('competition_pk'))
         if (a) return String(a)
-    } catch (e) {}
-    const dom = document.getElementById('competition-id')
-    if (dom && dom.dataset && dom.dataset.id) return String(dom.dataset.id)
-    try {
+      } catch(e) {}
+      const dom = document.getElementById('competition-id')
+      if (dom && dom.dataset && dom.dataset.id) return String(dom.dataset.id)
+      try {
         const cf = document.querySelector('competition-form[competition_id], competition-form[competition-pk], competition-form[competition_pk]')
         if (cf) {
-            const v = cf.getAttribute('competition_id') || cf.getAttribute('competition-pk') || cf.getAttribute('competition_pk')
-            if (v) return String(v)
+          const v = cf.getAttribute('competition_id') || cf.getAttribute('competition-pk') || cf.getAttribute('competition_pk')
+          if (v) return String(v)
         }
-    } catch (e) {}
-    try {
+      } catch(e) {}
+      try {
         const parts = window.location.pathname.split('/').filter(Boolean)
         for (let i = 0; i < parts.length; i++) {
-            if (/^\d+$/.test(parts[i])) return parts[i]
+          if (/^\d+$/.test(parts[i])) return parts[i]
         }
-    } catch (e) {}
-    return null
-}
-
-const parseJsonScriptElement = id => {
-    const el = document.getElementById(id)
-    if (!el || !el.textContent) return []
-    try {
-        return JSON.parse(el.textContent)
-    } catch (err) {
-        console.warn('Invalid JSON in #' + id, err);
-        return []
+      } catch(e) {}
+      return null
+    }
+
+    const parseJsonScriptElement = id => {
+      const el = document.getElementById(id)
+      if (!el || !el.textContent) return []
+      try { return JSON.parse(el.textContent) } catch (err) { console.warn('Invalid JSON in #' + id, err); return [] }
     }
-}
 
-const membersToIds = (membersArr) => {
-    if (!membersArr || !membersArr.length) return []
-    const ids = []
-    const users = self.available_users || []
-    membersArr.forEach(m => {
+    const membersToIds = (membersArr) => {
+      if (!membersArr || !membersArr.length) return []
+      const ids = []
+      const users = self.available_users || []
+      membersArr.forEach(m => {
         const byId = users.find(u => String(u.id) === String(m))
-        if (byId) {
-            ids.push(String(byId.id));
-            return
-        }
+        if (byId) { ids.push(String(byId.id)); return }
         const byUsername = users.find(u => String(u.username) === String(m))
-        if (byUsername) {
-            ids.push(String(byUsername.id));
-            return
-        }
+        if (byUsername) { ids.push(String(byUsername.id)); return }
         const byEmail = users.find(u => String(u.email) === String(m))
-        if (byEmail) {
-            ids.push(String(byEmail.id));
-            return
-        }
-    })
-    return ids
-}
+        if (byEmail) { ids.push(String(byEmail.id)); return }
+      })
+      return ids
+    }
 
-self.on('mount', () => {
-    const form = self.root.querySelector('form')
-    if (form) {
+    self.on('mount', () => {
+      const form = self.root.querySelector('form')
+      if (form) {
         form.addEventListener('submit', function(e) {
-            e.preventDefault()
-            e.stopPropagation()
-            return false
+          e.preventDefault()
+          e.stopPropagation()
+          return false
         })
-    }
+      }
 
-    let participants = parseJsonScriptElement('available-participants')
-    if (!participants || !participants.length) participants = parseJsonScriptElement('available-users')
+      let participants = parseJsonScriptElement('available-participants')
+      if (!participants || !participants.length) participants = parseJsonScriptElement('available-users')
 
-    self.available_groups = parseJsonScriptElement('available-groups') || []
-    self.selected_group_ids = parseJsonScriptElement('selected-group-ids') || []
-    self.available_queues = parseJsonScriptElement('available-queues') || []
-    self.available_users = participants || []
+      self.available_groups    = parseJsonScriptElement('available-groups')   || []
+      self.selected_group_ids  = parseJsonScriptElement('selected-group-ids') || []
+      self.available_queues    = parseJsonScriptElement('available-queues')   || []
+      self.available_users     = participants || []
 
-    self.markdown_editor = create_easyMDE(self.refs.terms)
-    self.markdown_editor_whitelist = create_easyMDE(self.refs.whitelist_emails, false, false, '200px')
+      self.markdown_editor           = create_easyMDE(self.refs.terms)
+      self.markdown_editor_whitelist = create_easyMDE(self.refs.whitelist_emails, false, false, '200px')
 
-    try {
+      try {
         if (self._pending_competition && self._pending_competition.terms) {
-            try {
-                if (self.markdown_editor && typeof self.markdown_editor.value === 'function')
-                    self.markdown_editor.value(self._pending_competition.terms || '')
-                if (self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function')
-                    self.markdown_editor_whitelist.value(
-                        Array.isArray(self._pending_competition.whitelist_emails) && self._pending_competition.whitelist_emails.length > 0 ?
-                        self._pending_competition.whitelist_emails.join('\n') : '')
-                if (self.markdown_editor && self.markdown_editor.codemirror && typeof self.markdown_editor.codemirror.refresh === 'function')
-                    self.markdown_editor.codemirror.refresh()
-            } catch (e) {
-                console.warn('apply pending competition to editors failed', e)
-            }
-            delete self._pending_competition
-            try {
-                self.update();
-                self.form_updated()
-            } catch (e) {}
+          try {
+            if (self.markdown_editor && typeof self.markdown_editor.value === 'function')
+              self.markdown_editor.value(self._pending_competition.terms || '')
+            if (self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function')
+              self.markdown_editor_whitelist.value(
+                Array.isArray(self._pending_competition.whitelist_emails) && self._pending_competition.whitelist_emails.length > 0
+                  ? self._pending_competition.whitelist_emails.join('\n') : '')
+            if (self.markdown_editor && self.markdown_editor.codemirror && typeof self.markdown_editor.codemirror.refresh === 'function')
+              self.markdown_editor.codemirror.refresh()
+          } catch(e) { console.warn('apply pending competition to editors failed', e) }
+          delete self._pending_competition
+          try { self.update(); self.form_updated() } catch(e) {}
         }
-    } catch (e) {
-        console.warn('checking _pending_competition failed', e)
-    }
+      } catch(e) { console.warn('checking _pending_competition failed', e) }
 
-    $(':input', self.root).not('[type="file"]').not('button').not('[readonly]').each(function() {
+      $(':input', self.root).not('[type="file"]').not('button').not('[readonly]').each(function() {
         this.addEventListener('keyup', self.form_updated)
-    })
+      })
 
-    self.update()
-    setTimeout(initUI, 0)
-})
+      self.update()
+      setTimeout(initUI, 0)
+    })
 
-self.open_create_group = () => {
-    self.editing_group = null
-    clearModalError()
-    try {
-        self.refs.group_name.value = ''
-    } catch (e) {}
-    try {
-        $(self.refs.group_queue).dropdown('clear')
-    } catch (e) {}
-    try {
-        $(self.refs.group_user_select).dropdown('clear')
-    } catch (e) {}
-    try {
-        self.refs.selected_count.textContent = '0'
-    } catch (e) {}
-    try {
-        $(self.refs.group_modal).modal({
-            closable: true
-        }).modal('show')
-    } catch (e) {
-        self.refs.group_modal.style.display = 'block'
+    self.open_create_group = () => {
+      self.editing_group = null
+      clearModalError()
+      try { self.refs.group_name.value = '' } catch(e) {}
+      try { $(self.refs.group_queue).dropdown('clear') } catch(e) {}
+      try { $(self.refs.group_user_select).dropdown('clear') } catch(e) {}
+      try { self.refs.selected_count.textContent = '0' } catch(e) {}
+      try { $(self.refs.group_modal).modal({ closable: true }).modal('show') } catch(e) { self.refs.group_modal.style.display = 'block' }
     }
-}
 
-self.open_edit_group = (group) => {
-    self.editing_group = group
-    clearModalError()
+    self.open_edit_group = (group) => {
+      self.editing_group = group
+      clearModalError()
 
-    try {
-        self.refs.group_name.value = group.name || ''
-    } catch (e) {}
+      try { self.refs.group_name.value = group.name || '' } catch(e) {}
 
-    try {
+      try {
         let queueId = null
         if (group.queue_id) queueId = group.queue_id
         else if (group.queue) {
-            const qFound = (self.available_queues || []).find(x => x.name === group.queue)
-            if (qFound) queueId = qFound.id
+          const qFound = (self.available_queues || []).find(x => x.name === group.queue)
+          if (qFound) queueId = qFound.id
         }
         if (queueId) $(self.refs.group_queue).dropdown('set selected', String(queueId))
         else $(self.refs.group_queue).dropdown('clear')
-    } catch (e) {}
+      } catch(e) {}
 
-    try {
+      try {
         const memberIds = membersToIds(group.members || [])
         if (memberIds.length) {
-            $(self.refs.group_user_select).dropdown('set selected', memberIds)
-            try {
-                self.refs.selected_count.textContent = memberIds.length
-            } catch (e) {}
+          $(self.refs.group_user_select).dropdown('set selected', memberIds)
+          try { self.refs.selected_count.textContent = memberIds.length } catch(e) {}
         } else {
-            $(self.refs.group_user_select).dropdown('clear')
-            try {
-                self.refs.selected_count.textContent = '0'
-            } catch (e) {}
+          $(self.refs.group_user_select).dropdown('clear')
+          try { self.refs.selected_count.textContent = '0' } catch(e) {}
         }
-    } catch (e) {
-        console.warn('prefill members failed', e)
-    }
+      } catch(e) { console.warn('prefill members failed', e) }
 
-    // Dropdowns are already initialised from mount — no re-init needed here
-    try {
-        $(self.refs.group_modal).modal({
-            closable: true
-        }).modal('show')
-    } catch (e) {
-        self.refs.group_modal.style.display = 'block'
+      // Dropdowns are already initialised from mount — no re-init needed here
+      try { $(self.refs.group_modal).modal({ closable: true }).modal('show') } catch(e) { self.refs.group_modal.style.display = 'block' }
     }
-}
 
-self.close_group_modal = () => {
-    try {
-        $(self.refs.group_modal).modal('hide')
-    } catch (e) {
-        self.refs.group_modal.style.display = 'none'
+    self.close_group_modal = () => {
+      try { $(self.refs.group_modal).modal('hide') } catch(e) { self.refs.group_modal.style.display = 'none' }
     }
-}
 
-self.submit_group = () => {
-    const name = (self.refs.group_name && self.refs.group_name.value || '').trim()
-    if (!name) {
+    self.submit_group = () => {
+      const name = (self.refs.group_name && self.refs.group_name.value || '').trim()
+      if (!name) {
         if (self.refs.group_modal_error) {
-            self.refs.group_modal_error.style.display = 'block'
-            self.refs.group_modal_error.textContent = 'Group name is required'
+          self.refs.group_modal_error.style.display = 'block'
+          self.refs.group_modal_error.textContent = 'Group name is required'
         }
         return
-    }
+      }
 
-    let queue_id = null
-    try {
-        queue_id = $(self.refs.group_queue).dropdown('get value') || null
-    } catch (e) {
+      let queue_id = null
+      try { queue_id = $(self.refs.group_queue).dropdown('get value') || null } catch(e) {
         queue_id = (self.refs.group_queue && self.refs.group_queue.value) || null
-    }
+      }
 
-    let user_ids = []
-    try {
+      let user_ids = []
+      try {
         const val = $(self.refs.group_user_select).dropdown('get value')
         if (Array.isArray(val)) user_ids = val.map(String)
         else if (typeof val === 'string' && val.length) user_ids = val.split(',').map(String)
-    } catch (e) {
+      } catch(e) {
         try {
-            const sel = self.refs.group_user_select
-            for (let i = 0; i < sel.options.length; i++)
-                if (sel.options[i].selected) user_ids.push(String(sel.options[i].value))
-        } catch (e2) {}
-    }
+          const sel = self.refs.group_user_select
+          for (let i = 0; i < sel.options.length; i++) if (sel.options[i].selected) user_ids.push(String(sel.options[i].value))
+        } catch(e2) {}
+      }
 
-    const pk = compPk()
-    if (!pk) {
+      const pk = compPk()
+      if (!pk) {
         if (self.refs.group_modal_error) {
-            self.refs.group_modal_error.style.display = 'block'
-            self.refs.group_modal_error.textContent = 'Competition id not found.'
+          self.refs.group_modal_error.style.display = 'block'
+          self.refs.group_modal_error.textContent = 'Competition id not found.'
         }
         return
+      }
+
+      let url = '/competitions/' + pk + '/groups/create/'
+      if (self.editing_group && self.editing_group.id) url = '/competitions/' + pk + '/groups/' + self.editing_group.id + '/update/'
+
+      const form = new FormData()
+      form.append('name', name)
+      if (queue_id) form.append('queue_id', queue_id)
+      for (let i = 0; i < user_ids.length; i++) form.append('user_ids[]', user_ids[i])
+
+      fetch(url, {
+        method: 'POST',
+        headers: { 'X-CSRFToken': getCookie('csrftoken'), 'X-Requested-With': 'XMLHttpRequest' },
+        body: form
+      })
+      .then(resp => { if (!resp.ok) throw resp; return resp.json() })
+      .then(data => {
+        if (data && data.status === 'ok' && data.group) {
+          const g = data.group
+          if (!self.editing_group) {
+            g.members = (self.available_users || [])
+              .filter(u => user_ids.includes(String(u.id)))
+              .map(u => u.username)
+          }
+          let found = false
+          for (let i = 0; i < self.available_groups.length; i++) {
+            if (self.available_groups[i].id === g.id) { self.available_groups[i] = g; found = true; break }
+          }
+          if (!found) {
+            self.available_groups.push(g)
+            if (self.selected_group_ids.indexOf(g.id) === -1) self.selected_group_ids.push(g.id)
+          }
+          self.data = self.data || {}
+          self.data.participant_groups = self.selected_group_ids.slice()
+          CODALAB.events.trigger('competition_data_update', self.data)
+          self.close_group_modal()
+          self.update()
+        } else {
+          const err = (data && data.error) ? data.error : 'Error on creation/modification'
+          if (self.refs.group_modal_error) {
+            self.refs.group_modal_error.style.display = 'block'
+            self.refs.group_modal_error.textContent = err
+          }
+        }
+      })
+      .catch(err => {
+        console.error('group create/update error', err)
+        if (self.refs.group_modal_error) {
+          self.refs.group_modal_error.style.display = 'block'
+          self.refs.group_modal_error.textContent = 'Error on group creation/modification.'
+        }
+      })
     }
 
-    let url = '/competitions/' + pk + '/groups/create/'
-    if (self.editing_group && self.editing_group.id) url = '/competitions/' + pk + '/groups/' + self.editing_group.id + '/update/'
-
-    const form = new FormData()
-    form.append('name', name)
-    if (queue_id) form.append('queue_id', queue_id)
-    for (let i = 0; i < user_ids.length; i++) form.append('user_ids[]', user_ids[i])
-
-    fetch(url, {
-            method: 'POST',
-            headers: {
-                'X-CSRFToken': getCookie('csrftoken'),
-                'X-Requested-With': 'XMLHttpRequest'
-            },
-            body: form
-        })
-        .then(resp => {
-            if (!resp.ok) throw resp;
-            return resp.json()
-        })
-        .then(data => {
-            if (data && data.status === 'ok' && data.group) {
-                const g = data.group
-                if (!self.editing_group) {
-                    g.members = (self.available_users || [])
-                        .filter(u => user_ids.includes(String(u.id)))
-                        .map(u => u.username)
-                }
-                let found = false
-                for (let i = 0; i < self.available_groups.length; i++) {
-                    if (self.available_groups[i].id === g.id) {
-                        self.available_groups[i] = g;
-                        found = true;
-                        break
-                    }
-                }
-                if (!found) {
-                    self.available_groups.push(g)
-                    if (self.selected_group_ids.indexOf(g.id) === -1) self.selected_group_ids.push(g.id)
-                }
-                self.data = self.data || {}
-                self.data.participant_groups = self.selected_group_ids.slice()
-                CODALAB.events.trigger('competition_data_update', self.data)
-                self.close_group_modal()
-                self.update()
-            } else {
-                const err = (data && data.error) ? data.error : 'Error on creation/modification'
-                if (self.refs.group_modal_error) {
-                    self.refs.group_modal_error.style.display = 'block'
-                    self.refs.group_modal_error.textContent = err
-                }
-            }
-        })
-        .catch(err => {
-            console.error('group create/update error', err)
-            if (self.refs.group_modal_error) {
-                self.refs.group_modal_error.style.display = 'block'
-                self.refs.group_modal_error.textContent = 'Error on group creation/modification.'
-            }
-        })
-}
-
-self.toggle_group = (group_id) => {
-    const idx = self.selected_group_ids.indexOf(group_id)
-    if (idx === -1) self.selected_group_ids.push(group_id)
-    else self.selected_group_ids.splice(idx, 1)
-    self.data = self.data || {}
-    self.data.participant_groups = self.selected_group_ids.slice()
-    CODALAB.events.trigger('competition_data_update', self.data)
-    self.update()
-}
-
-self.delete_group = (group) => {
-    if (!confirm('Delete group "' + group.name + '" ?')) return
-    const pk = compPk()
-    if (!pk) return
-    fetch('/competitions/' + pk + '/groups/' + group.id + '/delete/', {
-            method: 'POST',
-            headers: {
-                'X-CSRFToken': getCookie('csrftoken'),
-                'X-Requested-With': 'XMLHttpRequest'
-            },
-            body: (() => {
-                const f = new FormData();
-                f.append('dummy', '1');
-                return f
-            })()
-        })
-        .then(resp => {
-            if (!resp.ok) throw resp;
-            return resp.json()
-        })
-        .then(() => {
-            self.available_groups = self.available_groups.filter(x => x.id !== group.id)
-            self.selected_group_ids = self.selected_group_ids.filter(x => x !== group.id)
-            self.data = self.data || {}
-            self.data.participant_groups = self.selected_group_ids.slice()
-            CODALAB.events.trigger('competition_data_update', self.data)
-            self.update()
-        })
-        .catch(err => {
-            console.error('delete group error', err);
-            alert('Error deleting group.')
-        })
-}
+    self.toggle_group = (group_id) => {
+      const idx = self.selected_group_ids.indexOf(group_id)
+      if (idx === -1) self.selected_group_ids.push(group_id)
+      else self.selected_group_ids.splice(idx, 1)
+      self.data = self.data || {}
+      self.data.participant_groups = self.selected_group_ids.slice()
+      CODALAB.events.trigger('competition_data_update', self.data)
+      self.update()
+    }
 
-self.select_all_users = () => {
-    try {
+    self.delete_group = (group) => {
+      if (!confirm('Delete group "' + group.name + '" ?')) return
+      const pk = compPk()
+      if (!pk) return
+      fetch('/competitions/' + pk + '/groups/' + group.id + '/delete/', {
+        method: 'POST',
+        headers: { 'X-CSRFToken': getCookie('csrftoken'), 'X-Requested-With': 'XMLHttpRequest' },
+        body: (() => { const f = new FormData(); f.append('dummy', '1'); return f })()
+      })
+      .then(resp => { if (!resp.ok) throw resp; return resp.json() })
+      .then(() => {
+        self.available_groups    = self.available_groups.filter(x => x.id !== group.id)
+        self.selected_group_ids  = self.selected_group_ids.filter(x => x !== group.id)
+        self.data = self.data || {}
+        self.data.participant_groups = self.selected_group_ids.slice()
+        CODALAB.events.trigger('competition_data_update', self.data)
+        self.update()
+      })
+      .catch(err => { console.error('delete group error', err); alert('Error deleting group.') })
+    }
+
+    self.select_all_users = () => {
+      try {
         const ids = (self.available_users || []).map(u => String(u.id))
         $(self.refs.group_user_select).dropdown('set selected', ids)
-        try {
-            self.refs.selected_count.textContent = ids.length
-        } catch (e) {}
-    } catch (e) {
-        console.warn('select all failed', e)
+        try { self.refs.selected_count.textContent = ids.length } catch(e) {}
+      } catch(e) { console.warn('select all failed', e) }
     }
-}
 
-self.clear_user_selection = () => {
-    try {
+    self.clear_user_selection = () => {
+      try {
         $(self.refs.group_user_select).dropdown('clear')
-        try {
-            self.refs.selected_count.textContent = '0'
-        } catch (e) {}
-    } catch (e) {
-        console.warn('clear selection failed', e)
+        try { self.refs.selected_count.textContent = '0' } catch(e) {}
+      } catch(e) { console.warn('clear selection failed', e) }
     }
-}
 
-self.form_updated = () => {
-    self.data.registration_auto_approve = $(self.refs.registration_auto_approve).prop('checked')
-    self.data.allow_robot_submissions = $(self.refs.allow_robot_submissions).prop('checked')
-    self.data.terms = (self.markdown_editor && self.markdown_editor.value()) || (self.refs.terms && self.refs.terms.value) || ''
+    self.form_updated = () => {
+      self.data.registration_auto_approve = $(self.refs.registration_auto_approve).prop('checked')
+      self.data.allow_robot_submissions   = $(self.refs.allow_robot_submissions).prop('checked')
+      self.data.terms = (self.markdown_editor && self.markdown_editor.value()) || (self.refs.terms && self.refs.terms.value) || ''
 
-    let whitelist_emails_content = self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function' ?
-        self.markdown_editor_whitelist.value() :
-        (self.refs.whitelist_emails && self.refs.whitelist_emails.value) || ''
-    let email_addresses = whitelist_emails_content.trim() === '' ? [] : whitelist_emails_content.split('\n').map(e => e.trim())
+      let whitelist_emails_content = self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function'
+        ? self.markdown_editor_whitelist.value()
+        : (self.refs.whitelist_emails && self.refs.whitelist_emails.value) || ''
+      let email_addresses = whitelist_emails_content.trim() === '' ? [] : whitelist_emails_content.split('\n').map(e => e.trim())
 
-    let problematicEmailIndexes = []
-    email_addresses.forEach((email, index) => {
-        if (!self.isValidEmail(email)) problematicEmailIndexes.push(index)
-    })
+      let problematicEmailIndexes = []
+      email_addresses.forEach((email, index) => { if (!self.isValidEmail(email)) problematicEmailIndexes.push(index) })
 
-    const errorDiv = self.root.querySelector('.error-message')
-    if (problematicEmailIndexes.length > 0) {
+      const errorDiv = self.root.querySelector('.error-message')
+      if (problematicEmailIndexes.length > 0) {
         errorDiv.classList.add('ui', 'red', 'message')
         const errorMessage = document.createElement('strong')
         errorMessage.textContent = 'One or more email addresses are invalid'
@@ -681,112 +479,78 @@ self.form_updated = () => {
         errorDiv.appendChild(errorMessage)
         const errorList = document.createElement('ul')
         problematicEmailIndexes.forEach(index => {
-            const listItem = document.createElement('li')
-            listItem.textContent = email_addresses[index]
-            errorList.appendChild(listItem)
+          const listItem = document.createElement('li')
+          listItem.textContent = email_addresses[index]
+          errorList.appendChild(listItem)
         })
         errorDiv.appendChild(errorList)
-    } else {
+      } else {
         errorDiv.classList.remove('ui', 'red', 'message')
         errorDiv.textContent = ''
-    }
+      }
 
-    if (problematicEmailIndexes.length === 0) self.data.whitelist_emails = email_addresses
+      if (problematicEmailIndexes.length === 0) self.data.whitelist_emails = email_addresses
 
-    const is_valid = !!self.data.terms && problematicEmailIndexes.length === 0
-    CODALAB.events.trigger('competition_is_valid_update', 'participation', is_valid)
-    if (is_valid) CODALAB.events.trigger('competition_data_update', self.data)
-}
+      const is_valid = !!self.data.terms && problematicEmailIndexes.length === 0
+      CODALAB.events.trigger('competition_is_valid_update', 'participation', is_valid)
+      if (is_valid) CODALAB.events.trigger('competition_data_update', self.data)
+    }
 
-self.isValidEmail = function(email) {
-    return /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(email)
-}
+    self.isValidEmail = function(email) {
+      return /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(email)
+    }
 
-CODALAB.events.on('competition_loaded', function(competition) {
-    try {
+    CODALAB.events.on('competition_loaded', function(competition) {
+      try {
         if (self.refs) {
-            if (self.refs.registration_auto_approve) self.refs.registration_auto_approve.checked = competition.registration_auto_approve
-            if (self.refs.allow_robot_submissions) self.refs.allow_robot_submissions.checked = competition.allow_robot_submissions
+          if (self.refs.registration_auto_approve) self.refs.registration_auto_approve.checked = competition.registration_auto_approve
+          if (self.refs.allow_robot_submissions)   self.refs.allow_robot_submissions.checked   = competition.allow_robot_submissions
         }
-    } catch (e) {
-        console.warn('setting checkboxes failed', e)
-    }
+      } catch(e) { console.warn('setting checkboxes failed', e) }
 
-    try {
+      try {
         if (self.markdown_editor && self.markdown_editor.codemirror && typeof self.markdown_editor.codemirror.refresh === 'function') {
-            try {
-                if (typeof self.markdown_editor.value === 'function') self.markdown_editor.value(competition.terms || '')
-                if (self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function')
-                    self.markdown_editor_whitelist.value(
-                        Array.isArray(competition.whitelist_emails) && competition.whitelist_emails.length > 0 ?
-                        competition.whitelist_emails.join('\n') : '')
-                self.markdown_editor.codemirror.refresh()
-                self.update()
-                self.form_updated()
-            } catch (e) {
-                console.warn('apply competition_loaded to editors failed', e)
-            }
-            return
+          try {
+            if (typeof self.markdown_editor.value === 'function') self.markdown_editor.value(competition.terms || '')
+            if (self.markdown_editor_whitelist && typeof self.markdown_editor_whitelist.value === 'function')
+              self.markdown_editor_whitelist.value(
+                Array.isArray(competition.whitelist_emails) && competition.whitelist_emails.length > 0
+                  ? competition.whitelist_emails.join('\n') : '')
+            self.markdown_editor.codemirror.refresh()
+            self.update()
+            self.form_updated()
+          } catch(e) { console.warn('apply competition_loaded to editors failed', e) }
+          return
         }
-    } catch (e) {}
+      } catch(e) {}
 
-    self._pending_competition = competition
-})
-
-CODALAB.events.on('update_codemirror', () => {
-        try {
-            if (self.markdown_editor && self.markdown_editor.codemirror && typeof self.markdown_editor.codemirror.refresh === 'function')
-                self.markdown_editor.codemirror.refresh()
-        } catch (e) {
-            console.warn('update_codemirror failed', e)
-        }
-    }) <
-    /script>
+      self._pending_competition = competition
+    })
 
-    <
-    style >
-    .ui.cards.card {
-        width: 100 % ;margin - bottom: 1 em;
-    }
-    .ui.cards.content.meta, .ui.cards.content.description {
-        margin - top: 0.5 em;
-    }
-    .group - meta {
-        display: flex;align - items: center;gap: 0.6 rem;flex - wrap: wrap;
-    }
-    .group - labels {
-        display: flex;gap: 0.5 rem;align - items: center;
-    }
-    .members - chips {
-        display: flex;gap: 0.35 rem;flex - wrap: wrap;margin - left: 0.5 rem;
-    }
-    .members - chips.ui.tiny.label {
-        background: #f3f4f5;border: 1 px solid rgba(34, 36, 38, .04);color: #333; padding: .25rem .45rem; font-size: .95rem; }
+    CODALAB.events.on('update_codemirror', () => {
+      try {
+        if (self.markdown_editor && self.markdown_editor.codemirror && typeof self.markdown_editor.codemirror.refresh === 'function')
+          self.markdown_editor.codemirror.refresh()
+      } catch(e) { console.warn('update_codemirror failed', e) }
+    })
+  </script>
+
+  <style>
+    .ui.cards .card { width: 100%; margin-bottom: 1em; }
+    .ui.cards .content .meta, .ui.cards .content .description { margin-top: 0.5em; }
+    .group-meta { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
+    .group-labels { display: flex; gap: 0.5rem; align-items: center; }
+    .members-chips { display: flex; gap: 0.35rem; flex-wrap: wrap; margin-left: 0.5rem; }
+    .members-chips .ui.tiny.label { background: #f3f4f5; border: 1px solid rgba(34,36,38,.04); color: #333; padding: .25rem .45rem; font-size: .95rem; }
     .group-actions { margin-left: auto; display: flex; gap: 0.45rem; justify-content: flex-end; padding: 0.15rem 0.2rem; }
-    .group-actions .ui.mini.icon.button { padding: .28em .36em; min-width: 2.3rem; min-height: 2.3rem; border-radius: .35rem; box-shadow: none; line-height: 1; background-color: rgba(255,255,255,.96); border: 1px solid rgba(34,36,38,.06); transition: background-color .12s ease, transform .08s ease, box-shadow .12s ease; color: # 333;display: inline - flex;align - items: center;justify - content: center;
-    }
-    .group - actions.ui.mini.icon.button.icon {
-        font - size: .95 rem!important;
-    }
-    .group - actions.ui.mini.icon.button: hover {
-        transform: translateY(-2 px);background - color: rgba(0, 0, 0, .06);box - shadow: 0 1 px 3 px rgba(0, 0, 0, .06);
-    }
-    .group - actions.ui.mini.icon.basic.button {
-        background - color: rgba(250, 250, 250, .92);
-        border: 1 px solid rgba(34, 36, 38, .06);
-    }
-    .group - actions.delete - btn {
-        color: #9f3a38; }
-    .group-actions .edit-btn  { color: # 2 b6f9e;
-    }
-    .group - actions.ui.mini.icon.button: focus {
-        outline: 2 px solid rgba(43, 111, 158, .18);outline - offset: 2 px;
-    }
-    .ui.dropdown.multiple {
-        width: 100 % !important;
-    }
-    .ui.modal {
-        z - index: 10000;
-    } <
-    /style> <
-    /competition-participation>
\ No newline at end of file
+    .group-actions .ui.mini.icon.button { padding: .28em .36em; min-width: 2.3rem; min-height: 2.3rem; border-radius: .35rem; box-shadow: none; line-height: 1; background-color: rgba(255,255,255,.96); border: 1px solid rgba(34,36,38,.06); transition: background-color .12s ease, transform .08s ease, box-shadow .12s ease; color: #333; display: inline-flex; align-items: center; justify-content: center; }
+    .group-actions .ui.mini.icon.button .icon { font-size: .95rem !important; }
+    .group-actions .ui.mini.icon.button:hover { transform: translateY(-2px); background-color: rgba(0,0,0,.06); box-shadow: 0 1px 3px rgba(0,0,0,.06); }
+    .group-actions .ui.mini.icon.basic.button { background-color: rgba(250,250,250,.92); border: 1px solid rgba(34,36,38,.06); }
+    .group-actions .delete-btn { color: #9f3a38; }
+    .group-actions .edit-btn  { color: #2b6f9e; }
+    .group-actions .ui.mini.icon.button:focus { outline: 2px solid rgba(43,111,158,.18); outline-offset: 2px; }
+    .ui.dropdown.multiple { width: 100% !important; }
+    .ui.modal { z-index: 10000; }
+  </style>
+</competition-participation>
\ No newline at end of file

From 3b2ecb46aa9430cf66aa17cf84aff54cdb260b93 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Tue, 26 May 2026 12:01:04 +0200
Subject: [PATCH 11/19] leaderboard groups format parentsubID_groupname

---
 .../api/serializers/submission_leaderboard.py | 23 ++++---
 src/apps/api/views/competitions.py            | 68 ++++++++++++-------
 .../competitions/detail/submission_upload.tag | 24 ++++---
 .../competitions/editor/_participation.tag    | 10 +++
 4 files changed, 83 insertions(+), 42 deletions(-)

diff --git a/src/apps/api/serializers/submission_leaderboard.py b/src/apps/api/serializers/submission_leaderboard.py
index 28407acba..8cbabf3cb 100644
--- a/src/apps/api/serializers/submission_leaderboard.py
+++ b/src/apps/api/serializers/submission_leaderboard.py
@@ -26,7 +26,6 @@ class SubmissionLeaderBoardSerializer(serializers.ModelSerializer):
     slug_url = serializers.CharField(source='owner.slug_url')
     organization = SimpleOrganizationSerializer(allow_null=True)
     created_when = serializers.DateTimeField()
-    queue_name = serializers.SerializerMethodField()
     queue_id = serializers.SerializerMethodField()
     queue_name = serializers.SerializerMethodField()
 
@@ -37,18 +36,24 @@ def _get_effective_queue(self, obj):
         if obj.parent and obj.parent.queue:
             return obj.parent.queue
 
-        if (
-            obj.phase
-            and obj.phase.competition
-            and obj.phase.competition.queue
-        ):
+        if obj.phase and obj.phase.competition and obj.phase.competition.queue:
             return obj.phase.competition.queue
 
         return None
 
-    def get_queue_name(self, obj):
+    def _get_display_queue_name(self, obj):
         queue = self._get_effective_queue(obj)
-        return queue.name if queue else None
+        if not queue:
+            return None
+
+        raw_name = queue.name or ""
+        group_name = raw_name.rsplit("__", 1)[-1]  # comp10__CLB -> CLB, APHP -> APHP
+        submission_parent_id = obj.parent_id or obj.id
+
+        return f"{submission_parent_id}_{group_name}"
+
+    def get_queue_name(self, obj):
+        return self._get_display_queue_name(obj)
 
     def get_queue_id(self, obj):
         queue = self._get_effective_queue(obj)
@@ -59,5 +64,5 @@ class Meta:
         fields = (
             'id', 'parent', 'owner', 'leaderboard_id', 'fact_sheet_answers',
             'task', 'scores', 'display_name', 'slug_url', 'organization',
-            'detailed_result', 'created_when', 'queue_name', 'queue_id', 'queue_name',
+            'detailed_result', 'created_when', 'queue_name', 'queue_id',
         )
diff --git a/src/apps/api/views/competitions.py b/src/apps/api/views/competitions.py
index 178a41bf0..8e27ff800 100644
--- a/src/apps/api/views/competitions.py
+++ b/src/apps/api/views/competitions.py
@@ -791,6 +791,23 @@ def rerun_submissions(self, request, pk):
     @action(detail=True, methods=['GET'], permission_classes=[AllowAny])
     def get_leaderboard(self, request, pk):
         phase = self.get_object()
+
+        def _clean_group_label(raw_name, submission_parent_id=None):
+            if not raw_name:
+                return None
+
+            label = str(raw_name)
+
+            if submission_parent_id is not None:
+                prefix = f"{submission_parent_id}_"
+                if label.startswith(prefix):
+                    label = label[len(prefix):]
+
+            if "__" in label:
+                label = label.rsplit("__", 1)[1]
+
+            return label or None
+
         if phase.competition.fact_sheet:
             fact_sheet_keys = [
                 (
@@ -814,7 +831,7 @@ def get_leaderboard(self, request, pk):
             'has_group_queues': False,
         }
 
-        columns = [col for col in query['columns']]
+        columns = list(query['columns'])
         submissions_keys = {}
         submission_detailed_results = {}
 
@@ -822,10 +839,15 @@ def get_leaderboard(self, request, pk):
         for group in phase.competition.participant_groups.filter(
             queue__isnull=False
         ).select_related('queue').prefetch_related('user_set'):
+            cleaned_group_name = _clean_group_label(group.name)
             for user in group.user_set.all():
-                group_name_by_user_queue[(user.username, group.queue_id)] = group.name
+                group_name_by_user_queue[(user.username, group.queue_id)] = cleaned_group_name
 
-        parent_ids = {s['parent'] for s in query['submissions'] if s['parent'] is not None}
+        parent_ids = {
+            s['parent']
+            for s in query['submissions']
+            if s['parent'] is not None
+        }
         parent_task_counts = Counter(
             (s['parent'], s['task'])
             for s in query['submissions']
@@ -836,26 +858,39 @@ def get_leaderboard(self, request, pk):
             if submission['id'] in parent_ids:
                 continue
 
-            queue_name = submission.get('queue_name') or ''
+            submission_parent_id = submission.get('parent') or submission.get('id')
+            raw_queue_name = submission.get('queue_name') or ''
             queue_id = submission.get('queue_id')
+
             group_name = group_name_by_user_queue.get(
                 (submission['owner'], queue_id)
             ) if queue_id else None
 
-            display_group = group_name or queue_name or None
+            group_label = _clean_group_label(
+                group_name or raw_queue_name,
+                submission_parent_id=submission_parent_id
+            )
+
+            display_group = (
+                f"{submission_parent_id}_{group_label}"
+                if group_label
+                else None
+            )
 
             parent_id = submission['parent']
             task_id = submission.get('task')
+
+            # Cas particulier: plusieurs submissions d'un même parent sans queue explicite
             is_multi_group_null_queue = (
                 parent_id is not None
-                and not queue_name
+                and not queue_id
                 and parent_task_counts.get((parent_id, task_id), 0) > 1
             )
 
             if is_multi_group_null_queue:
                 submission_key = f"{submission['owner']}{parent_id}_{submission['id']}"
             else:
-                submission_key = f"{submission['owner']}{submission['parent'] or submission['id']}_{queue_name}"
+                submission_key = f"{submission['owner']}{submission_parent_id}_{group_label or ''}"
 
             # gather detailed result from submissions for each task
             submission_detailed_results.setdefault(submission_key, []).append({
@@ -876,23 +911,15 @@ def get_leaderboard(self, request, pk):
                     'created_when': submission['created_when'],
                     'queue_name': display_group,
                 })
-                if queue_name or is_multi_group_null_queue:
+
+                if queue_id or is_multi_group_null_queue:
                     response['has_group_queues'] = True
 
             for score in submission['scores']:
-
-                # to check if a column is found
-                # this is useful because of `hidden` field
-                # if a column is hidden it will not be shown here so
-                # we will not return that score to the front-end
                 column_found = False
-                # default precision is set to 2
                 precision = 2
-                # default hidden is set to false
                 hidden = False
 
-                # loop over columns to find a column with the same index
-                # replace default precision with column precision
                 for col in columns:
                     if col["index"] == score["index"]:
                         precision = col["precision"]
@@ -902,13 +929,8 @@ def get_leaderboard(self, request, pk):
 
                 tempScore = score
                 tempScore['task_id'] = submission['task']
-                # round the score to 'precision' decimal points
                 tempScore['score'] = str(round(float(tempScore["score"]), precision))
 
-                # only add scores to the scores list
-                # if this column is found
-                # and
-                # column is not hidden
                 if column_found and not hidden:
                     response['submissions'][submissions_keys[submission_key]]['scores'].append(tempScore)
 
@@ -932,7 +954,6 @@ def get_leaderboard(self, request, pk):
         # --- end pagination addition ---
 
         for task in query['tasks']:
-            # This can be used to rendered variable columns on each task
             tempTask = {
                 'name': task['name'],
                 'id': task['id'],
@@ -945,7 +966,6 @@ def get_leaderboard(self, request, pk):
 
         return Response(response)
 
-
 class CompetitionParticipantViewSet(ModelViewSet):
     queryset = CompetitionParticipant.objects.all()
     serializer_class = CompetitionParticipantSerializer
diff --git a/src/static/riot/competitions/detail/submission_upload.tag b/src/static/riot/competitions/detail/submission_upload.tag
index 289b83a33..830617c23 100644
--- a/src/static/riot/competitions/detail/submission_upload.tag
+++ b/src/static/riot/competitions/detail/submission_upload.tag
@@ -533,33 +533,39 @@
         })
 
         CODALAB.events.on('submissions_loaded', submissions => {
-            let latest_submission = _.head(_.filter(submissions, {parent: null}))
+            let latest_submission = _.head(_.filter(submissions, { parent: null }))
+
             if (latest_submission && !_.includes(['Finished', 'Cancelled', 'Failed', 'Unknown'], latest_submission.status)) {
                 self.selected_submission = latest_submission
                 self.children = _.sortBy(latest_submission.children)
+
                 if (self.children) {
                     self.update()
                     $('.menu .item', self.root).tab()
                 }
-                // Commented this out as it seems to hit a race condition some times with websocket
-                // not being connected yet. moved running after websocket open
-                // self.pull_logs()
             }
         })
 
         CODALAB.events.on('submission_selected', function (selected_submission) {
             self.selected_submission = selected_submission
-            self.autoscroll_output()
+            self.update()
+
+            setTimeout(function () {
+                self.autoscroll_output()
+            }, 0)
         })
 
         self.autoscroll_output = function () {
-            if (!self.refs.autoscroll_checkbox) {
+            if (!self.refs.autoscroll_checkbox || !self.autoscroll_selected) {
                 return
             }
-            if (self.autoscroll_selected) {
-                var output = self.refs.submission_output
-                output.scrollTop = output.scrollHeight
+
+            var output = self.refs.submission_output
+            if (!output) {
+                return
             }
+
+            output.scrollTop = output.scrollHeight
         }
     </script>
 
diff --git a/src/static/riot/competitions/editor/_participation.tag b/src/static/riot/competitions/editor/_participation.tag
index f4fb911de..eed702023 100644
--- a/src/static/riot/competitions/editor/_participation.tag
+++ b/src/static/riot/competitions/editor/_participation.tag
@@ -151,6 +151,16 @@
         $rest.dropdown()
       } catch(e) {}
 
+      try {
+          if (self.refs && self.refs.group_queue) {
+              $(self.refs.group_queue).dropdown('destroy')
+              $(self.refs.group_queue).dropdown({
+                  clearable: true,
+                  placeholder: 'None'
+              })
+          }
+      } catch(e) {}
+
       try {
         if (self.refs && self.refs.group_user_select) {
           const $us = $(self.refs.group_user_select)

From 95427c4e4607b6f7952ed9c2dae25618537f0ec7 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Tue, 26 May 2026 13:54:10 +0200
Subject: [PATCH 12/19] fix conflicts issues

---
 .../riot/competitions/detail/leaderboards.tag      | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/static/riot/competitions/detail/leaderboards.tag b/src/static/riot/competitions/detail/leaderboards.tag
index ad2913388..ab6b4b7c6 100644
--- a/src/static/riot/competitions/detail/leaderboards.tag
+++ b/src/static/riot/competitions/detail/leaderboards.tag
@@ -67,14 +67,22 @@
                     <span if="{ submission.queue_name }">{ submission.queue_name }</span>
                     <span if="{ !submission.queue_name }" class="ui grey text">—</span>
                 </td>
-                <td each="{ column in filtered_columns }">
+
                 <td each="{ column in filtered_columns }"
                     data-sort="{ get_score_sort_value(column, submission) }"
                     data-sort-value="{ get_score_sort_value(column, submission) }">
-                    <a if="{column.title == 'Detailed Results'}" href="detailed_results/{get_detailed_result_submisison_id(column, submission)}" target="_blank" class="eye-icon-link">
+
+                    <a if="{column.title == 'Detailed Results'}"
+                    href="detailed_results/{get_detailed_result_submisison_id(column, submission)}"
+                    target="_blank"
+                    class="eye-icon-link">
                         <i class="icon grey eye eye-icon"></i>
                     </a>
-                    <span if="{column.title != 'Detailed Results'}" class="{bold_class(column, submission)}">{get_score(column, submission)}</span>
+
+                    <span if="{column.title != 'Detailed Results'}"
+                        class="{bold_class(column, submission)}">
+                        {get_score(column, submission)}
+                    </span>
                 </td>
             </tr>
         </tbody>

From 8524487e44387da17fa6b646815231c2b30b00ca Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 28 May 2026 10:13:37 +0200
Subject: [PATCH 13/19] resolve conflict

---
 src/static/riot/competitions/detail/leaderboards.tag | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/src/static/riot/competitions/detail/leaderboards.tag b/src/static/riot/competitions/detail/leaderboards.tag
index ab6b4b7c6..8f03c4c27 100644
--- a/src/static/riot/competitions/detail/leaderboards.tag
+++ b/src/static/riot/competitions/detail/leaderboards.tag
@@ -212,10 +212,6 @@
             const dt = luxon.DateTime.fromISO(date_string)
             return dt.isValid ? dt.toMillis() : 0
         }
-<<<<<<< HEAD
-<<<<<<< HEAD
-=======
->>>>>>> c462729b (Clean up leaderboard ordering logic)
 
         self.get_score_sort_value = function(column, submission) {
             if (column.task_id === -1) {
@@ -229,11 +225,6 @@
             return (score !== null && typeof score !== 'undefined' && score !== '') ? score : ''
         }
 
-<<<<<<< HEAD
-=======
->>>>>>> ba0e679c (leaderboad group feature)
-=======
->>>>>>> c462729b (Clean up leaderboard ordering logic)
         self.bold_class = function(column, submission){
             return_class = ''
             if(column.task_id != -1){
@@ -400,4 +391,4 @@
         .text-bold
             font-weight: bold
     </style>
-</leaderboards>
+</leaderboards>
\ No newline at end of file

From a8b6ef01b60b5f00f29f33e937844d6cf1b7f303 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 28 May 2026 14:57:28 +0200
Subject: [PATCH 14/19] clean site worker

---
 src/apps/competitions/tasks.py | 25 +------------------------
 1 file changed, 1 insertion(+), 24 deletions(-)

diff --git a/src/apps/competitions/tasks.py b/src/apps/competitions/tasks.py
index e78d1c13c..79976dd33 100644
--- a/src/apps/competitions/tasks.py
+++ b/src/apps/competitions/tasks.py
@@ -8,14 +8,10 @@
 from io import BytesIO
 from tempfile import TemporaryDirectory, NamedTemporaryFile
 
-# import json
-# import urllib
-
 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
@@ -24,10 +20,9 @@
 from django.utils.timezone import now
 from rest_framework.exceptions import ValidationError
 
-from celery_config import app  # , app_for_vhost
+from celery_config import app
 from competitions.models import Submission, CompetitionCreationTaskStatus, SubmissionDetails, Competition, \
     CompetitionDump, Phase
-# from queues.models import Queue
 from competitions.unpackers.utils import CompetitionUnpackingException
 from competitions.unpackers.v1 import V15Unpacker
 from competitions.unpackers.v2 import V2Unpacker
@@ -36,12 +31,9 @@
 from datasets.models import Data
 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
 
-# from utils.worker_utils import WORKER_HEARTBEAT_TTL, WORKERS_REGISTRY_KEY, extract_queue_names, is_compute_worker, known_compute_queue_names
 logger = logging.getLogger(__name__)
 
 COMPETITION_FIELDS = [
@@ -863,18 +855,3 @@ def submission_status_cleanup():
                 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,
-        },
-    )

From 6f5437000a9e5f0016f72bb25b4c6a7f24eb7642 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 28 May 2026 15:08:12 +0200
Subject: [PATCH 15/19] branch update and linter fix

---
 src/apps/api/views/competitions.py |  2 +-
 src/apps/competitions/tasks.py     | 13 -------------
 2 files changed, 1 insertion(+), 14 deletions(-)

diff --git a/src/apps/api/views/competitions.py b/src/apps/api/views/competitions.py
index 8e27ff800..6eb994f12 100644
--- a/src/apps/api/views/competitions.py
+++ b/src/apps/api/views/competitions.py
@@ -411,7 +411,6 @@ def email_all_participants(self, request, pk):
         batch_send_email.apply_async((comp.pk, content))
         return Response({}, status=status.HTTP_200_OK)
 
-
     def collect_leaderboard_data(self, competition, phase_pk=None):
         if phase_pk:
             phase = get_object_or_404(competition.phases.all(), id=phase_pk)
@@ -966,6 +965,7 @@ def _clean_group_label(raw_name, submission_parent_id=None):
 
         return Response(response)
 
+
 class CompetitionParticipantViewSet(ModelViewSet):
     queryset = CompetitionParticipant.objects.all()
     serializer_class = CompetitionParticipantSerializer
diff --git a/src/apps/competitions/tasks.py b/src/apps/competitions/tasks.py
index 79976dd33..2b580d60d 100644
--- a/src/apps/competitions/tasks.py
+++ b/src/apps/competitions/tasks.py
@@ -120,19 +120,6 @@
 
 
 def _get_user_group_queues(user, competition):
-    """
-    Group feature: retourne la liste des queues vers lesquelles router la soumission,
-    en fonction des groupes de la compétition auxquels l'utilisateur appartient.
-
-    Règles :
-    - Groupe avec queue  → sa queue est ajoutée au routage
-    - Groupe sans queue  → la queue de la compétition est ajoutée une seule fois
-                           (None si la compétition n'a pas de queue privée = queue par défaut)
-    - Utilisateur dans des groupes sans queue seulement → [] (soumission unique legacy)
-    - Utilisateur dans aucun groupe → [] (soumission unique legacy)
-    - Déduplication : si une queue de groupe est identique à la queue de la compétition,
-      un seul enfant est créé (pas de doublon)
-    """
     all_user_groups = list(
         competition.participant_groups
         .filter(user__pk=user.pk)

From d97692a364ff2d9df2a59d0fb423a352b76b80d5 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 28 May 2026 15:14:11 +0200
Subject: [PATCH 16/19] linter fix

---
 src/apps/competitions/tasks.py | 2 +-
 src/apps/competitions/views.py | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/apps/competitions/tasks.py b/src/apps/competitions/tasks.py
index 2b580d60d..b4627a4b2 100644
--- a/src/apps/competitions/tasks.py
+++ b/src/apps/competitions/tasks.py
@@ -234,7 +234,7 @@ def _send_to_compute_worker(submission, is_scoring):
     time_padding = 60 * 20  # 20 minutes
     time_limit = submission.phase.execution_time_limit + time_padding
 
-    effective_queue = submission.queue or submission.phase.competition.queue #  New way of managing queues
+    effective_queue = submission.queue or submission.phase.competition.queue    #  New way of managing queues
 
     if effective_queue:
         run_args['execution_time_limit'] = submission.phase.execution_time_limit
diff --git a/src/apps/competitions/views.py b/src/apps/competitions/views.py
index bb513988f..16eceb735 100644
--- a/src/apps/competitions/views.py
+++ b/src/apps/competitions/views.py
@@ -1,6 +1,4 @@
 import json
-from django.db.models import Q
-
 from django.contrib.auth.mixins import LoginRequiredMixin
 from django.http import Http404, JsonResponse, HttpResponseForbidden, HttpResponseBadRequest, HttpResponseRedirect
 from django.views.generic import TemplateView, DetailView
@@ -379,6 +377,7 @@ def competition_delete_group(request, pk, group_id):
 def _group_stored_name(competition_pk, user_name):
     return f"comp{competition_pk}__{user_name}"
 
+
 def _group_display_name(stored_name, competition_pk):
     prefix = f"comp{competition_pk}__"
     if stored_name.startswith(prefix):

From a2c825645decdb3242068747d54527c48da2d6ea Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 28 May 2026 15:16:54 +0200
Subject: [PATCH 17/19] linter fix

---
 src/apps/competitions/tasks.py | 2 +-
 src/apps/competitions/views.py | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/apps/competitions/tasks.py b/src/apps/competitions/tasks.py
index b4627a4b2..5047de391 100644
--- a/src/apps/competitions/tasks.py
+++ b/src/apps/competitions/tasks.py
@@ -234,7 +234,7 @@ def _send_to_compute_worker(submission, is_scoring):
     time_padding = 60 * 20  # 20 minutes
     time_limit = submission.phase.execution_time_limit + time_padding
 
-    effective_queue = submission.queue or submission.phase.competition.queue    #  New way of managing queues
+    effective_queue = submission.queue or submission.phase.competition.queue
 
     if effective_queue:
         run_args['execution_time_limit'] = submission.phase.execution_time_limit
diff --git a/src/apps/competitions/views.py b/src/apps/competitions/views.py
index 16eceb735..8f1639822 100644
--- a/src/apps/competitions/views.py
+++ b/src/apps/competitions/views.py
@@ -191,7 +191,7 @@ def competition_create_group(request, pk):
 
     if not name:
         return HttpResponseBadRequest("Missing name")
-    
+ 
     stored_name = _group_stored_name(competition.pk, name)
 
     allowed_user_ids = set(
@@ -280,7 +280,7 @@ def competition_update_group(request, pk, group_id):
 
     if not name:
         return HttpResponseBadRequest("Missing name")
-    
+
     stored_name = _group_stored_name(competition.pk, name)
 
     allowed_user_ids = set(
@@ -374,12 +374,12 @@ def competition_delete_group(request, pk, group_id):
         reverse("competitions:edit", kwargs={"pk": competition.pk})
     )
 
+
 def _group_stored_name(competition_pk, user_name):
     return f"comp{competition_pk}__{user_name}"
 
-
 def _group_display_name(stored_name, competition_pk):
     prefix = f"comp{competition_pk}__"
     if stored_name.startswith(prefix):
         return stored_name[len(prefix):]
-    return stored_name
\ No newline at end of file
+    return stored_name

From b9f36fae00c0fcd3d418733efa3ddebaba96bc9e Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Thu, 28 May 2026 15:20:22 +0200
Subject: [PATCH 18/19] linter fix

---
 src/apps/competitions/views.py | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/apps/competitions/views.py b/src/apps/competitions/views.py
index 8f1639822..d99691764 100644
--- a/src/apps/competitions/views.py
+++ b/src/apps/competitions/views.py
@@ -191,7 +191,7 @@ def competition_create_group(request, pk):
 
     if not name:
         return HttpResponseBadRequest("Missing name")
- 
+
     stored_name = _group_stored_name(competition.pk, name)
 
     allowed_user_ids = set(
@@ -378,6 +378,7 @@ def competition_delete_group(request, pk, group_id):
 def _group_stored_name(competition_pk, user_name):
     return f"comp{competition_pk}__{user_name}"
 
+
 def _group_display_name(stored_name, competition_pk):
     prefix = f"comp{competition_pk}__"
     if stored_name.startswith(prefix):

From d4ef1f729392564dff5c8be2a9b99ae22fb04fd9 Mon Sep 17 00:00:00 2001
From: Idir Chikhoune <idir.chikhoune@lisn.fr>
Date: Mon, 1 Jun 2026 15:27:41 +0200
Subject: [PATCH 19/19] bugfix group form

---
 .../competitions/editor/_participation.tag    | 81 ++++++++-----------
 1 file changed, 35 insertions(+), 46 deletions(-)

diff --git a/src/static/riot/competitions/editor/_participation.tag b/src/static/riot/competitions/editor/_participation.tag
index eed702023..610ff7716 100644
--- a/src/static/riot/competitions/editor/_participation.tag
+++ b/src/static/riot/competitions/editor/_participation.tag
@@ -132,54 +132,43 @@
     self.editing_group = null
 
     const initUI = () => {
-      try { $('.ui.checkbox', self.root).checkbox() } catch(e) {}
-
-      try {
-        if (self.refs && self.refs.group_queue) {
-          const $q = $(self.refs.group_queue)
-          if (!$q.data('dd-init')) {
-            $q.dropdown({ clearable: true, placeholder: 'None' })
-            $q.data('dd-init', true)
-          }
-        }
-      } catch(e) {}
-
-      try {
-        let $rest = $('.ui.dropdown', self.root)
-        if (self.refs && self.refs.group_queue)       $rest = $rest.not(self.refs.group_queue)
-        if (self.refs && self.refs.group_user_select) $rest = $rest.not(self.refs.group_user_select)
-        $rest.dropdown()
-      } catch(e) {}
+        try { $('.ui.checkbox', self.root).checkbox() } catch(e) {}
+        try {
+            if (self.refs && self.refs.group_queue) {
+                const $q = $(self.refs.group_queue)
+                if (!$q.data('dd-init')) {
+                    $q.dropdown({ clearable: true, placeholder: 'None' })
+                    $q.data('dd-init', true)
+                }
+            }
+        } catch(e) {}
 
-      try {
-          if (self.refs && self.refs.group_queue) {
-              $(self.refs.group_queue).dropdown('destroy')
-              $(self.refs.group_queue).dropdown({
-                  clearable: true,
-                  placeholder: 'None'
-              })
-          }
-      } catch(e) {}
+        try {
+            let $rest = $('.ui.dropdown', self.root)
+            if (self.refs && self.refs.group_queue)       $rest = $rest.not(self.refs.group_queue)
+            if (self.refs && self.refs.group_user_select) $rest = $rest.not(self.refs.group_user_select)
+            $rest.dropdown()
+        } catch(e) {}
 
-      try {
-        if (self.refs && self.refs.group_user_select) {
-          const $us = $(self.refs.group_user_select)
-          if (!$us.data('dd-init')) {
-            $us.dropdown({
-              allowAdditions: false,
-              forceSelection: false,
-              fullTextSearch: true,
-              onChange: (value) => {
-                const arr = (value || '').toString().trim()
-                let count = 0
-                if (arr.length) count = (arr + '').split(',').filter(Boolean).length
-                try { self.refs.selected_count.textContent = count } catch(e) {}
-              }
-            })
-            $us.data('dd-init', true)
-          }
-        }
-      } catch(e) {}
+        try {
+            if (self.refs && self.refs.group_user_select) {
+                const $us = $(self.refs.group_user_select)
+                if (!$us.data('dd-init')) {
+                    $us.dropdown({
+                        allowAdditions: false,
+                        forceSelection: false,
+                        fullTextSearch: true,
+                        onChange: (value) => {
+                            const arr = (value || '').toString().trim()
+                            let count = 0
+                            if (arr.length) count = (arr + '').split(',').filter(Boolean).length
+                            try { self.refs.selected_count.textContent = count } catch(e) {}
+                        }
+                    })
+                    $us.data('dd-init', true)
+                }
+            }
+        } catch(e) {}
     }
 
     const clearModalError = () => {