Revert "feat(session-management): implement session expiration handling and UI feedback for demo accounts"

This reverts commit 3a6c1f4.

Author: JoachimLK

app/composables/useSessionGuard.ts

@@ -1,25 +1,19 @@
 <script setup lang="ts">
-import { Eye, LogIn } from 'lucide-vue-next'
+import { Eye } from 'lucide-vue-next'
 import { usePreviewReadOnly } from '~/composables/usePreviewReadOnly'
 
 const { data: session } = await authClient.useSession(useFetch)
 
 const config = useRuntimeConfig()
-const localePath = useLocalePath()
 const { activeOrg } = useCurrentOrg()
 const { isUpsellOpen, closeUpsell } = usePreviewReadOnly()
-const { sessionExpired } = useSessionGuard()
 
 const isDemo = computed(() => {
   const slug = config.public.demoOrgSlug
   return slug && activeOrg.value?.slug === slug
 })
 
 const isDemoAccount = computed(() => session.value?.user?.email === 'demo@reqcore.com')
-
-function handleSignInAgain() {
-  navigateTo(localePath('/auth/sign-in?session=expired'))
-}
 </script>
 
 <template>
@@ -30,33 +24,6 @@ function handleSignInAgain() {
     <ClientOnly>
       <DemoUpsellBanner v-if="isDemoAccount" />
     </ClientOnly>
-
-    <!-- Session expired overlay (shown after demo reseed or session invalidation) -->
-    <ClientOnly>
-      <Teleport to="body">
-        <div
-          v-if="sessionExpired"
-          class="fixed inset-0 z-[100] flex items-center justify-center bg-surface-950/60 backdrop-blur-sm"
-        >
-          <div class="mx-4 max-w-md rounded-2xl border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-900 p-8 text-center shadow-xl">
-            <LogIn class="mx-auto mb-4 size-10 text-brand-500" />
-            <h2 class="text-lg font-semibold text-surface-900 dark:text-surface-100 mb-2">
-              Session expired
-            </h2>
-            <p class="text-sm text-surface-500 dark:text-surface-400 mb-6 leading-relaxed">
-              The demo account was recently updated with fresh data. Please sign in again to continue exploring.
-            </p>
-            <button
-              class="inline-flex items-center gap-2 rounded-lg bg-brand-600 px-5 py-2.5 text-sm font-medium text-white hover:bg-brand-700 transition-colors cursor-pointer"
-              @click="handleSignInAgain"
-            >
-              Sign in again
-            </button>
-          </div>
-        </div>
-      </Teleport>
-    </ClientOnly>
-
     <main class="relative flex-1 min-h-0 overflow-y-auto px-4 py-6 sm:px-6 lg:px-8 lg:py-8">
       <!-- Demo mode banner -->
       <div

app/layouts/dashboard.vue

@@ -1,25 +1,19 @@
 <script setup lang="ts">
-import { Eye, LogIn } from 'lucide-vue-next'
+import { Eye } from 'lucide-vue-next'
 import { usePreviewReadOnly } from '~/composables/usePreviewReadOnly'
 
 const { data: session } = await authClient.useSession(useFetch)
 
 const config = useRuntimeConfig()
-const localePath = useLocalePath()
 const { activeOrg } = useCurrentOrg()
 const { isUpsellOpen, closeUpsell } = usePreviewReadOnly()
-const { sessionExpired } = useSessionGuard()
 
 const isDemo = computed(() => {
   const slug = config.public.demoOrgSlug
   return slug && activeOrg.value?.slug === slug
 })
 
 const isDemoAccount = computed(() => session.value?.user?.email === 'demo@reqcore.com')
-
-function handleSignInAgain() {
-  navigateTo(localePath('/auth/sign-in?session=expired'))
-}
 </script>
 
 <template>
@@ -32,32 +26,6 @@ function handleSignInAgain() {
       <DemoUpsellBanner v-if="isDemoAccount" />
     </ClientOnly>
 
-    <!-- Session expired overlay (shown after demo reseed or session invalidation) -->
-    <ClientOnly>
-      <Teleport to="body">
-        <div
-          v-if="sessionExpired"
-          class="fixed inset-0 z-[100] flex items-center justify-center bg-surface-950/60 backdrop-blur-sm"
-        >
-          <div class="mx-4 max-w-md rounded-2xl border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-900 p-8 text-center shadow-xl">
-            <LogIn class="mx-auto mb-4 size-10 text-brand-500" />
-            <h2 class="text-lg font-semibold text-surface-900 dark:text-surface-100 mb-2">
-              Session expired
-            </h2>
-            <p class="text-sm text-surface-500 dark:text-surface-400 mb-6 leading-relaxed">
-              The demo account was recently updated with fresh data. Please sign in again to continue exploring.
-            </p>
-            <button
-              class="inline-flex items-center gap-2 rounded-lg bg-brand-600 px-5 py-2.5 text-sm font-medium text-white hover:bg-brand-700 transition-colors cursor-pointer"
-              @click="handleSignInAgain"
-            >
-              Sign in again
-            </button>
-          </div>
-        </div>
-      </Teleport>
-    </ClientOnly>
-
     <!-- Demo mode banner -->
     <div
       v-if="isDemo"

app/layouts/settings.vue

@@ -26,8 +26,6 @@ if (route.query.live === '1') {
   password.value = config.public.liveDemoSecret
 }
 
-const isSessionExpired = computed(() => route.query.session === 'expired')
-
 async function handleSignIn() {
   error.value = ''
 
@@ -75,10 +73,6 @@ async function handleSignIn() {
   <form class="flex flex-col gap-4" @submit.prevent="handleSignIn">
     <h2 class="text-xl font-semibold text-center text-surface-900 dark:text-surface-100 mb-2">Sign in to your account</h2>
 
-    <div v-if="isSessionExpired" class="rounded-md border border-brand-200 dark:border-brand-800 bg-brand-50 dark:bg-brand-950 p-3 text-sm text-brand-700 dark:text-brand-400">
-      The demo account was recently updated with fresh data. Please sign in again to continue exploring.
-    </div>
-
     <div v-if="error" class="rounded-md border border-danger-200 dark:border-danger-800 bg-danger-50 dark:bg-danger-950 p-3 text-sm text-danger-700 dark:text-danger-400">{{ error }}</div>
 
     <label class="flex flex-col gap-1 text-sm font-medium text-surface-700 dark:text-surface-300">