Phase 5.6 abgeschlossen

- Seitenmenu um Einstellungen ergänzt
- Sprach-Badge und Flaggen anzeige im Thumbnail des Streams anzeigbar.
-  Sprach und Flaggen Einstellungen hinzugefügt.

CLAUDE_PROGRESS.md

@@ -1,9 +1,9 @@
 # Twitch4SteamDeck — Fortschritts-Snapshot
 
-> Stand: **2026-04-08 (Session 3)**. Diese Datei dient als Übergabe zwischen Sessions.
+> Stand: **2026-04-08 (Session 4)**. Diese Datei dient als Übergabe zwischen Sessions.
 > **Lies zuerst:** diese Datei + `todo.md` + `plan.md`.
 
-**Aktueller Stand:** Phase 0–5 abgeschlossen & verifiziert. Phase 5.5 (Browse) implementiert, wartet auf User-Verifikation. Danach: Phase 6 (Flatpak-Packaging).
+**Aktueller Stand:** Phase 0–5.6 abgeschlossen & verifiziert. Als nächstes: Phase 6 (Flatpak-Packaging).
 
 ---
 
@@ -65,21 +65,20 @@ Verifiziert 2026-04-08.
 
 ---
 
----
+### ✅ Phase 5.5 — Browse-Menü: Kategorien + Top Live-Streams
 
-### ⏳ Phase 5.5 — Browse-Menü (implementiert, Verifikation ausstehend)
+Verifiziert 2026-04-08.
 
 #### Neue/geänderte Dateien:
-- `src/main/twitch/types.ts` — `HelixGame`, `GameInfo`
-- `src/main/twitch/helixClient.ts` — `getTopGames()`, `getTopStreams(gameId?)`
+- `src/main/twitch/types.ts` — `HelixGame`, `GameInfo`, `game_id`+`language` in `HelixStream`
+- `src/main/twitch/helixClient.ts` — `getTopGames(limit, cursor?)`, `getTopStreams(opts?)`
 - `src/main/ipc/handlers.ts` — `twitch:get-top-games`, `twitch:get-top-streams`
 - `src/preload/index.ts` — `GameInfo`-Typ + neue API-Methoden
 - `src/renderer/src/types/t4sd.d.ts` — `GameInfo`, T4sdApi erweitert
 - `src/renderer/src/input/gamepad.ts` — Button 2 (X) → `'x'`, Button 3 (Y) → `'y'`
-- `src/renderer/src/screens/BrowseScreen.tsx` — Shelf + Grid (komplett neu)
-- `src/renderer/src/screens/CategoryScreen.tsx` — neu
+- `src/renderer/src/screens/BrowseScreen.tsx` — Shelf (Top Live) + Kategorien-Grid
+- `src/renderer/src/screens/CategoryScreen.tsx` — neu: Streams-Grid pro Kategorie
 - `src/renderer/src/screens/AppShell.tsx` — `selectedCategory`-Routing
-- `src/renderer/src/styles/global.css` — Browse/Game-Card-Styles
 
 #### Key-Mapping Browse + Category:
 - **Enter / A**: Stream → direkt Live starten · Kategorie → Drilldown
@@ -87,6 +86,49 @@ Verifiziert 2026-04-08.
 - **Y**: Refresh
 - **Escape / B**: Category → zurück zu Browse · Browse → Sidebar
 
+#### Wichtige Implementierungsdetails:
+- `getTopGames()` macht 40 parallele `/streams?game_id=<id>&first=100` Calls für Zuschauerzahlen
+  (Top-100-Streams pro Kategorie summiert → ~85-95% Genauigkeit vs. Twitch-Website).
+- Pagination: `getTopGames()` gibt `{ games, cursor }` zurück. BrowseScreen lädt automatisch
+  nächste 40 Kategorien wenn letztes Grid-Element fokussiert wird.
+- `getTopStreams()` global mit `limit: 100` für den Shelf.
+- Zuschauerzahlen auf Kategorien zeigen `n.toLocaleString('de-DE')` Format.
+
+---
+
+### ✅ Phase 5.6 — Einstellungen-Menü + Sprach-Badge/Flagge
+
+Verifiziert 2026-04-08.
+
+#### Neue Dateien:
+- `src/renderer/src/context/SettingsContext.tsx` — `SettingsProvider`, `useSettings()` Hook,
+  localStorage-Persistenz (`t4sd:settings`), Fallback auf Default bei korrupten Werten
+- `src/renderer/src/components/LanguageBadge.tsx` — rendert Badge/Flagge/Beides je nach Mode;
+  38 Sprachen gemappt (pragmatische Twitch-Dominanz-Zuordnung)
+- `src/renderer/src/screens/SettingsScreen.tsx` — 4 Optionen, gamepad-navigierbar
+
+#### Geänderte Dateien:
+- `src/main/twitch/types.ts` — `language` in `HelixStream` + `FollowedChannelInfo`
+- `src/main/twitch/helixClient.ts` — `language` in beiden Stream-Mappern
+- `src/preload/index.ts` + `t4sd.d.ts` — `language?: string` in `FollowedChannelInfo`
+- `src/renderer/src/components/Icons.tsx` — `SettingsIcon` (Zahnrad)
+- `src/renderer/src/components/Sidebar.tsx` — 4. Tab `'settings'`
+- `src/renderer/src/components/FocusableCard.tsx` — `<LanguageBadge>` unten-rechts im Thumb
+- `src/renderer/src/screens/BrowseScreen.tsx` — `<LanguageBadge>` in Shelf-Cards
+- `src/renderer/src/screens/AppShell.tsx` — `tab === 'settings'` → SettingsScreen
+- `src/renderer/src/main.tsx` — `<SettingsProvider>` um App
+
+#### Architektur-Entscheidungen:
+- Settings in `localStorage` (nicht SQLite) — reine UI-Präferenz, kein IPC nötig,
+  synchron lesbar (kein Flicker beim Start).
+- Default-Mode: `'language'` (Kürzel wie DE/EN) — funktioniert auf Windows Dev-Host sicher.
+  Flaggen-Emojis (Unicode Regional Indicators) werden erst auf Steam Deck (Linux/Noto Emoji)
+  korrekt gerendert — auf Windows Dev-Host ggf. Rechtecke statt Flaggen.
+- `StreamBadgeMode`: `'off' | 'language' | 'flag' | 'both'`
+- LanguageBadge Position: `bottom: 10px; right: 10px` im Thumbnail (gegenüber Viewer-Count
+  unten-links). Font-Size 15px (FocusableCard) / 14px (Browse-Shelf) > 13px Viewer-Count.
+- Unbekannte Sprachen / `'other'` → kein Badge.
+
 ---
 
 ## Nächster Schritt: Phase 6 — Flatpak-Packaging
@@ -99,6 +141,7 @@ Wichtige offene Punkte:
 - IPC-Pfad: Unix Socket `/tmp/twitch4sd-mpv.sock` (bereits implementiert für non-win32)
 - better-sqlite3 muss für Linux/ARM64 (Steam Deck) cross-compiliert werden
 - Flatpak-Manifest: `flatpak/tv.twitch4steamdeck.App.yml`
+- **Flaggen-Emojis erst hier testbar** (Noto Color Emoji auf Linux)
 
 ---