From 6eb72c50918cba2616e2d69eefb930da3c2c4abc Mon Sep 17 00:00:00 2001
From: Pen Anderson <pen@pentacle.games>
Date: Wed, 4 Mar 2026 22:32:10 -0600
Subject: [PATCH] Clarified Co-Lead badging.

---
 frontend/src/pages/Kiosk.svelte         |  2 +-
 frontend/src/pages/ScheduleBoard.svelte | 11 +++++++++++
 frontend/src/pages/Volunteers.svelte    |  6 +++---
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/Kiosk.svelte b/frontend/src/pages/Kiosk.svelte
index 983e039..c9eb58a 100644
--- a/frontend/src/pages/Kiosk.svelte
+++ b/frontend/src/pages/Kiosk.svelte
@@ -149,7 +149,7 @@
         <div class="kiosk-vol-name">{state.volunteer.name}</div>
         <div class="kiosk-vol-meta">
           {state.volunteer.email || ''}
-          {state.volunteer.is_lead ? ' · Department Lead' : ''}
+          {state.volunteer.is_lead ? ' · Co-Lead' : ''}
         </div>
         <div class="kiosk-token">Token: <code>{token}</code></div>
       </div>
diff --git a/frontend/src/pages/ScheduleBoard.svelte b/frontend/src/pages/ScheduleBoard.svelte
index 2d0b555..65391e0 100644
--- a/frontend/src/pages/ScheduleBoard.svelte
+++ b/frontend/src/pages/ScheduleBoard.svelte
@@ -397,6 +397,9 @@
                       {#each assigned as { vs, volunteer }}
                         <div class="board-vol-chip">
                           {volunteer.name}
+                          {#if volunteer.is_lead}
+                            <span class="chip-lead">Co-Lead</span>
+                          {/if}
                           {#if checkConflict(volunteer.id, shift.id, $allVolunteerShifts ?? [], $allShifts ?? [])}
                             <span title="Scheduling conflict" style="color:var(--c-warn)">⚠</span>
                           {/if}
@@ -514,6 +517,14 @@
     font-size: 0.78rem;
     font-weight: 500;
   }
+  .chip-lead {
+    font-size: 0.68rem;
+    font-weight: 600;
+    background: rgba(245,158,11,0.2);
+    color: var(--c-warn);
+    padding: 0.05rem 0.3rem;
+    border-radius: 99px;
+  }
   .board-vol-remove {
     background: none;
     border: none;
diff --git a/frontend/src/pages/Volunteers.svelte b/frontend/src/pages/Volunteers.svelte
index 1bf13c4..e028389 100644
--- a/frontend/src/pages/Volunteers.svelte
+++ b/frontend/src/pages/Volunteers.svelte
@@ -216,7 +216,7 @@
               <td>
                 <strong>{v.name}</strong>
                 {#if v.is_lead}
-                  <span class="badge badge-lead" style="margin-left:0.4rem">Lead</span>
+                  <span class="badge badge-lead" style="margin-left:0.4rem">Co-Lead</span>
                 {/if}
                 {#if !v.participant_id}
                   <span class="badge badge-unchecked" style="margin-left:0.4rem" title="Not linked to a participant — no ticket record">No ticket</span>
@@ -253,8 +253,8 @@
               {#if canManage}
                 <td>
                   <button class="btn btn-ghost btn-sm" onclick={() => toggleLead(v)}
-                    title={v.is_lead ? 'Remove lead' : 'Mark as lead'}>
-                    {v.is_lead ? 'Unlead' : 'Lead'}
+                    title={v.is_lead ? 'Remove co-lead' : 'Mark as co-lead'}>
+                    {v.is_lead ? '− Co-Lead' : '+ Co-Lead'}
                   </button>
                   <button class="btn btn-danger btn-sm" onclick={() => deleteVolunteer(v)}>Delete</button>
                 </td>