Updates

frontend/src/lib/components/AdminShell.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { invalidateAll } from '$app/navigation';
   import { page } from '$app/state';
+  import { api } from '$lib/api';
   import { adminSession, sessionHydrated } from '$lib/session';
 
   const navigation = [
@@ -10,7 +11,7 @@
 
   let { children } = $props();
   let isRestoringSession = $state(false);
-  let restoredToken = $state<string | null>(null);
+  let restoredSessionKey = $state<string | null>(null);
 
   function matchesRoute(href: string, pathname: string) {
     return href === '/admin' ? pathname === '/admin' : pathname.startsWith(href);
@@ -29,31 +30,41 @@
       .toUpperCase();
   }
 
+  async function signOut() {
+    try {
+      await api.adminLogout();
+    } catch {
+      // Clearing the local session remains the safe fallback.
+    } finally {
+      adminSession.clear();
+    }
+  }
+
   const isProtectedRoute = $derived(page.url.pathname !== '/admin');
 
   $effect(() => {
     const hydrated = $sessionHydrated;
-    const token = $adminSession?.token ?? null;
+    const sessionKey = $adminSession ? `${$adminSession.role}:${$adminSession.email}` : null;
 
     if (!hydrated) {
       return;
     }
 
-    if (!token) {
+    if (!sessionKey) {
       isRestoringSession = false;
-      restoredToken = null;
+      restoredSessionKey = null;
       return;
     }
 
-    if (restoredToken === token) {
+    if (restoredSessionKey === sessionKey) {
       return;
     }
 
-    restoredToken = token;
+    restoredSessionKey = sessionKey;
     isRestoringSession = true;
 
     invalidateAll().finally(() => {
-      if (restoredToken === token) {
+      if (restoredSessionKey === sessionKey) {
         isRestoringSession = false;
       }
     });
@@ -87,7 +98,7 @@
     <div class="admin-footer">
       <a href="/">Open client workspace</a>
       {#if $adminSession}
-        <button type="button" onclick={() => adminSession.clear()}>Sign out</button>
+        <button type="button" onclick={signOut}>Sign out</button>
       {/if}
     </div>
   </aside>