feat: F002 authentication & session layer

Add permission matrix, ProtectedRoute, RoleGuard, PermissionGate, DemoRoleSwitcher, OrganizationSwitcher, AccessDenied, SessionExpired, and institutional LoginScreen. Wire workspace-level route protection into App.tsx; sidebar filters tabs by allowedWorkspaces. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-15 12:01:46 +02:00
parent 9a2476c58a
commit 7bed2fec86
15 changed files with 852 additions and 29 deletions
@@ -0,0 +1,60 @@
+import { Box, Button, Typography } from '@mui/material'
+import { Clock } from 'lucide-react'
+import { useNavigate } from 'react-router'
+import { useSessionStore } from '../../stores/sessionStore'
+
+export function SessionExpired() {
+  const { logout } = useSessionStore()
+  const navigate = useNavigate()
+
+  function handleRelogin() {
+    logout()
+    navigate('/auth/login')
+  }
+
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        minHeight: '100vh',
+        gap: 2,
+        bgcolor: '#f8fafc',
+        p: 4,
+      }}
+    >
+      <Box
+        sx={{
+          width: 56,
+          height: 56,
+          borderRadius: '50%',
+          bgcolor: 'rgba(245,158,11,0.1)',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+        }}
+      >
+        <Clock size={28} color="#f59e0b" />
+      </Box>
+
+      <Box sx={{ textAlign: 'center', maxWidth: 380 }}>
+        <Typography variant="h6" sx={{ fontWeight: 600, mb: 0.5 }}>
+          Sitzung abgelaufen
+        </Typography>
+        <Typography variant="body2" sx={{ color: 'text.secondary' }}>
+          Ihre Sitzung ist abgelaufen. Bitte melden Sie sich erneut an.
+        </Typography>
+      </Box>
+
+      <Button
+        variant="contained"
+        onClick={handleRelogin}
+        sx={{ mt: 1, bgcolor: '#1e3a5f', textTransform: 'none' }}
+      >
+        Erneut anmelden
+      </Button>
+    </Box>
+  )
+}