Renamed Kiosks. Clarified Volunteer flow status.

frontend/src/App.svelte

@@ -9,10 +9,10 @@
   import Departments from './pages/Departments.svelte'
   import Users from './pages/Users.svelte'
   import Import from './pages/Import.svelte'
-  import Kiosk from './pages/Kiosk.svelte'
+  import VolunteerKiosk from './pages/VolunteerKiosk.svelte'
   import VolunteerSignup from './pages/VolunteerSignup.svelte'
   import ConfirmEmail from './pages/ConfirmEmail.svelte'
-  import GateUI from './pages/GateUI.svelte'
+  import GateKiosk from './pages/GateKiosk.svelte'
   import ScheduleBoard from './pages/ScheduleBoard.svelte'
   import Settings from './pages/Settings.svelte'
   import Nav from './components/Nav.svelte'
@@ -96,7 +96,7 @@
 {#if loading}
   <!-- checking session -->
 {:else if kioskToken}
-  <Kiosk />
+  <VolunteerKiosk />
 {:else if isVolunteerSignup}
   <VolunteerSignup />
 {:else if isConfirmEmail}
@@ -104,8 +104,8 @@
 {:else if !session}
   <Login onlogin={onLogin} />
 {:else if role === 'gatekeeper'}
-  <!-- Gate users get the full-screen GateUI instead of the standard layout -->
+  <!-- Gate users get the full-screen GateKiosk instead of the standard layout -->
-  <GateUI {session} {onLogout} />
+  <GateKiosk {session} {onLogout} />
 {:else}
   <div class="layout">
     <!-- svelte-ignore a11y_no_static_element_interactions -->

frontend/src/app.css

@@ -130,6 +130,7 @@ tr:hover td { background: rgba(255,255,255,0.02); }
   text-transform: uppercase; letter-spacing: 0.04em;
 }
 .badge-checked   { background: rgba(34,197,94,0.15); color: var(--c-success); }
+.badge-confirmed { background: rgba(99,102,241,0.15); color: var(--c-accent-h); }
 .badge-unchecked { background: rgba(122,127,150,0.15); color: var(--c-muted); }
 .badge-partial   { background: rgba(245,158,11,0.15); color: var(--c-warn); }
 .badge-role      { background: rgba(99,102,241,0.15); color: var(--c-accent-h); }

frontend/src/components/CheckInButton.svelte

@@ -9,5 +9,5 @@
 </script>
 
 <button class="btn btn-success btn-sm" onclick={handle} disabled={loading}>
-  {loading ? '…' : '✓ Check in'}
+  {loading ? '…' : '✓ Ready'}
 </button>

frontend/src/pages/Participants.svelte

@@ -424,9 +424,9 @@
                         </div>
                         <div style="text-align:right">
                           {#if tk.checked_in_at}
-                            <span class="badge badge-checked">In {fmtTime(tk.checked_in_at)}</span>
+                            <span class="badge badge-checked">Checked in {fmtTime(tk.checked_in_at)}</span>
                           {:else}
-                            <span class="badge badge-unchecked">Pending</span>
+                            <span class="badge badge-unchecked">Not checked in</span>
                           {/if}
                           <div class="text-muted" style="font-size:0.75rem">{tk.source}</div>
                         </div>

frontend/src/pages/Volunteers.svelte

@@ -183,8 +183,8 @@
     {/if}
     <select bind:value={filterChecked} style="width:auto">
       <option value="">All</option>
-      <option value="false">Not checked in</option>
+      <option value="false">Not ready</option>
-      <option value="true">Checked in</option>
+      <option value="true">Ready</option>
     </select>
     <span class="text-muted" style="font-size:0.85rem;white-space:nowrap">
       {filtered.length} shown
@@ -236,8 +236,8 @@
                 {/if}
               </td>
               <td>
-                <span class="badge {v.checked_in ? 'badge-checked' : 'badge-unchecked'}">
+                <span class="badge {v.checked_in ? 'badge-checked' : v.email_confirmed ? 'badge-confirmed' : 'badge-unchecked'}">
-                  {v.checked_in ? 'Checked in' : 'Pending'}
+                  {v.checked_in ? 'Ready' : v.email_confirmed ? 'Confirmed' : 'Unconfirmed'}
                 </span>
                 {#if v.checked_in_at}
                   <div class="text-muted" style="font-size:0.75rem">