From 21ea63a69a1d223957b32e2ccf9850878f89836a Mon Sep 17 00:00:00 2001
From: patrick <patrick@perlbach24.de>
Date: Sun, 6 Sep 2026 13:37:02 +0200
Subject: [PATCH] =?UTF-8?q?feat(ui):=20Dashboard=20als=20Startseite=20f?=
 =?UTF-8?q?=C3=BCr=20Verantwortliche=20+=20einstellbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Root-Route "/" und Catch-all landeten bisher immer auf /objekte,
Login-Weiterleitung (Verantwortliche -> Dashboard) war der einzige
Pfad dorthin. Jetzt zentrale startseitenPfad()-Logik überall genutzt,
zusätzlich per Dropdown in der Sidebar einstellbar (automatisch/
Dashboard/Objekte), Präferenz in localStorage.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV
---
 frontend/src/App.tsx                          | 10 ++++++-
 frontend/src/components/AppShell.tsx          |  2 ++
 frontend/src/components/StartseiteAuswahl.tsx | 29 ++++++++++++++++++
 frontend/src/pages/LoginPage.tsx              |  3 +-
 frontend/src/settings/startseite.ts           | 30 +++++++++++++++++++
 5 files changed, 72 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/components/StartseiteAuswahl.tsx
 create mode 100644 frontend/src/settings/startseite.ts

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 36d66c7..dad4d2c 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -11,6 +11,7 @@ import { KontrollPage } from "./pages/KontrollPage";
 import { LoginPage } from "./pages/LoginPage";
 import { MangelListePage } from "./pages/MangelListePage";
 import { ObjektListPage } from "./pages/ObjektListPage";
+import { startseitenPfad } from "./settings/startseite";
 
 function GeschuetzteRoute({ children }: { children: ReactNode }) {
   const { eingeloggt } = useAuth();
@@ -20,6 +21,12 @@ function GeschuetzteRoute({ children }: { children: ReactNode }) {
   return <AppShell>{children}</AppShell>;
 }
 
+function Startseite() {
+  const { eingeloggt, istVerantwortlich } = useAuth();
+  if (!eingeloggt) return <Navigate to="/login" replace />;
+  return <Navigate to={startseitenPfad(istVerantwortlich)} replace />;
+}
+
 function AdminRoute({ children }: { children: ReactNode }) {
   const { eingeloggt, istVerantwortlich } = useAuth();
   if (!eingeloggt) {
@@ -39,6 +46,7 @@ export default function App() {
     <AuthProvider>
       <Routes>
         <Route path="/login" element={<LoginPage />} />
+        <Route path="/" element={<Startseite />} />
         <Route
           path="/objekte"
           element={
@@ -95,7 +103,7 @@ export default function App() {
             </AdminRoute>
           }
         />
-        <Route path="*" element={<Navigate to="/objekte" replace />} />
+        <Route path="*" element={<Startseite />} />
       </Routes>
     </AuthProvider>
   );
diff --git a/frontend/src/components/AppShell.tsx b/frontend/src/components/AppShell.tsx
index 31b4739..401c018 100644
--- a/frontend/src/components/AppShell.tsx
+++ b/frontend/src/components/AppShell.tsx
@@ -3,6 +3,7 @@ import { NavLink, useNavigate } from "react-router-dom";
 
 import { useAuth } from "../auth/AuthContext";
 import { CommandPalette } from "./CommandPalette";
+import { StartseiteAuswahl } from "./StartseiteAuswahl";
 import { SyncStatus } from "./status/SyncStatus";
 import { ThemeToggle } from "./ThemeToggle";
 
@@ -48,6 +49,7 @@ export function AppShell({ children }: { children: ReactNode }) {
               {istAdmin ? "Administration" : "Verwaltung"}
             </NavLink>
           )}
+          {istVerantwortlich && <StartseiteAuswahl />}
           <SyncStatus />
           <button className="btn btn-secondary" onClick={paletteOeffnen} title="Globale Suche (Strg/⌘+K)">
             🔍 Suche
diff --git a/frontend/src/components/StartseiteAuswahl.tsx b/frontend/src/components/StartseiteAuswahl.tsx
new file mode 100644
index 0000000..3b0cfff
--- /dev/null
+++ b/frontend/src/components/StartseiteAuswahl.tsx
@@ -0,0 +1,29 @@
+import { useState } from "react";
+
+import type { StartseitePraeferenz } from "../settings/startseite";
+import { gespeichertePraeferenz, praeferenzSpeichern } from "../settings/startseite";
+
+/** Nur relevant für Verantwortliche - Mitarbeiter haben ohnehin nur "Objekte". */
+export function StartseiteAuswahl() {
+  const [praeferenz, setPraeferenz] = useState<StartseitePraeferenz>(() => gespeichertePraeferenz());
+
+  function aendern(neu: StartseitePraeferenz) {
+    setPraeferenz(neu);
+    praeferenzSpeichern(neu);
+  }
+
+  return (
+    <select
+      className="input"
+      style={{ width: "auto" }}
+      value={praeferenz}
+      onChange={(e) => aendern(e.target.value as StartseitePraeferenz)}
+      title="Startseite nach Login"
+      aria-label="Startseite nach Login"
+    >
+      <option value="auto">Startseite: automatisch</option>
+      <option value="dashboard">Startseite: Dashboard</option>
+      <option value="objekte">Startseite: Objekte</option>
+    </select>
+  );
+}
diff --git a/frontend/src/pages/LoginPage.tsx b/frontend/src/pages/LoginPage.tsx
index 8f1931b..121f5da 100644
--- a/frontend/src/pages/LoginPage.tsx
+++ b/frontend/src/pages/LoginPage.tsx
@@ -4,6 +4,7 @@ import { useNavigate } from "react-router-dom";
 import { apiRequest } from "../api/client";
 import { useAuth } from "../auth/AuthContext";
 import type { Me } from "../api/types";
+import { startseitenPfad } from "../settings/startseite";
 
 const VERANTWORTLICH_ROLLEN = ["administration", "materialverantwortlicher", "leitungsverantwortlicher"];
 
@@ -26,7 +27,7 @@ export function LoginPage() {
       // selbst /auth/me abfragen statt auf den Context zu warten.
       const me = await apiRequest<Me>("/auth/me");
       const istVerantwortlich = me.rollen.some((r) => VERANTWORTLICH_ROLLEN.includes(r));
-      navigate(istVerantwortlich ? "/dashboard" : "/objekte");
+      navigate(startseitenPfad(istVerantwortlich));
     } catch {
       setFehler("Login oder Passwort falsch");
     } finally {
diff --git a/frontend/src/settings/startseite.ts b/frontend/src/settings/startseite.ts
new file mode 100644
index 0000000..1512c2b
--- /dev/null
+++ b/frontend/src/settings/startseite.ts
@@ -0,0 +1,30 @@
+export type StartseitePraeferenz = "auto" | "dashboard" | "objekte";
+
+const SPEICHER_KEY = "mabea-startseite";
+
+export function gespeichertePraeferenz(): StartseitePraeferenz {
+  try {
+    const wert = localStorage.getItem(SPEICHER_KEY);
+    if (wert === "dashboard" || wert === "objekte") return wert;
+  } catch {
+    // localStorage evtl. blockiert - "auto" als Fallback
+  }
+  return "auto";
+}
+
+export function praeferenzSpeichern(praeferenz: StartseitePraeferenz): void {
+  try {
+    if (praeferenz === "auto") localStorage.removeItem(SPEICHER_KEY);
+    else localStorage.setItem(SPEICHER_KEY, praeferenz);
+  } catch {
+    // Speichern optional
+  }
+}
+
+/** "auto" = bisheriges Verhalten (Verantwortliche -> Dashboard, sonst Objekte). */
+export function startseitenPfad(istVerantwortlich: boolean): string {
+  const praeferenz = gespeichertePraeferenz();
+  if (praeferenz === "dashboard" && istVerantwortlich) return "/dashboard";
+  if (praeferenz === "objekte") return "/objekte";
+  return istVerantwortlich ? "/dashboard" : "/objekte";
+}