Update user menu display for cleaner interface

Replaced the email with a generic "Account" label in the user menu for better design consistency and to avoid truncation issues. Adjusted the dropdown max width to 180px for improved alignment with the new layout.

backend/app/routes/auth.py

@@ -2,7 +2,7 @@ from fastapi import APIRouter, Depends, HTTPException, Request, Response
 from sqlalchemy.orm import Session
 from ..db import get_db
 from ..models import User
-from ..security import verify_password, make_session_value, set_session, clear_session, get_session_user_id
+from ..security import verify_password, make_session_value, set_session, clear_session, get_session_user_id, hash_password
 
 router = APIRouter(prefix="/auth", tags=["auth"])
 
@@ -31,3 +31,22 @@ def me(req: Request, db: Session = Depends(get_db)):
         raise HTTPException(status_code=401, detail="not logged in")
     return {"id": user.id, "email": user.email, "role": user.role}
     
+@router.patch("/password")
+def set_password(data: dict, req: Request, db: Session = Depends(get_db)):
+    uid = get_session_user_id(req)
+    if not uid:
+        raise HTTPException(status_code=401, detail="not logged in")
+
+    password = data.get("password") or ""
+    if len(password) < 8:
+        raise HTTPException(status_code=400, detail="password too short (min 8)")
+
+    user = db.query(User).filter(User.id == uid, User.disabled == False).first()
+    if not user:
+        raise HTTPException(status_code=401, detail="not logged in")
+
+    user.password_hash = hash_password(password)
+    db.add(user)
+    db.commit()
+
+    return {"ok": True}

frontend/package.json

@@ -13,6 +13,7 @@
     },
     "devDependencies": {
         "@vitejs/plugin-react": "^4.3.1",
-        "vite": "^5.4.8"
+        "vite": "^5.4.8",
+        "vite-plugin-pwa": "^0.20.0"
     }
 }

frontend/src/main.jsx

@@ -1,5 +1,7 @@
 import React from "react";
 import { createRoot } from "react-dom/client";
 import App from "./App.jsx";
+import { registerSW } from "virtual:pwa-register";
 
 createRoot(document.getElementById("root")).render(<App />);
+registerSW({ immediate: true });

frontend/vite.config.js

@@ -1,6 +1,34 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import { VitePWA } from "vite-plugin-pwa";
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [
+    react(),
+    VitePWA({
+      registerType: "autoUpdate",
+      includeAssets: [
+        "favicon.ico",
+        "icons/icon-512.png",
+        "marauders-map.jpg" // oder dein Hintergrund
+      ],
+      manifest: {
+        name: "Zauber-Detektiv Notizbogen",
+        short_name: "Notizbogen",
+        description: "Cluedo-Magie Sheet",
+        start_url: "/",
+        scope: "/",
+        display: "standalone",
+        background_color: "#1c140d",
+        theme_color: "#caa45a",
+        icons: [
+          { src: "/icons/icon-512.png", sizes: "512x512", type: "image/png" }
+        ]
+      },
+      workbox: {
+        // Caching-Default: die App-Shell wird offline verfügbar
+        globPatterns: ["**/*.{js,css,html,ico,png,jpg,jpeg,svg,webp}"],
+      }
+    })
+  ]
 });