Changes

resources/js/Pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue

@@ -75,13 +75,13 @@ const closeModal = () => {
       </p>
 
       <!-- Other Browser Sessions -->
-      <div v-if="sessions.length > 0" class="space-y-4">
+      <div v-if="sessions && sessions.length > 0" class="space-y-4">
         <div
           v-for="(session, i) in sessions"
           :key="i"
           class="flex items-center gap-3 rounded-lg border p-3"
         >
-          <div class="flex-shrink-0">
+          <div class="shrink-0">
             <Monitor
               v-if="session.agent.is_desktop"
               class="h-8 w-8 text-muted-foreground"
@@ -108,6 +108,14 @@ const closeModal = () => {
         </div>
       </div>
 
+      <!-- Empty State -->
+      <div v-else class="rounded-lg border border-dashed p-8 text-center">
+        <Monitor class="h-12 w-12 mx-auto text-muted-foreground mb-3" />
+        <p class="text-sm text-muted-foreground">
+          No active sessions found. This feature requires session data to be configured in your Laravel application.
+        </p>
+      </div>
+
       <div class="flex items-center gap-3">
         <Button @click="confirmLogout">
           <LogOut class="h-4 w-4 mr-2" />