v2.31 — Login, Einstellungen & Cloud Sync Redesign

- Login-Screen im Melo-Design (Schwarz+Rot) mit Baka-Auth JWT
- AuthService fuer Token-Management ueber baka-net.de/auth
- Registrierungs-Modus + 'Ohne Login fortfahren'
- Navidrome-Credentials optional im Login aufklappbar

- SettingsScreen ersetzt AlertDialog
- BottomNav navigiert statt Dialog zu triggern
- Cloud Sync, Server verbinden, Diagnosedaten, App-Info, Abmelden

- CloudEinstellungen-Dialog entfernt, alles in CloudScreen konsolidiert
- Hardcode login('Baka','') entfernt → AuthService.benutzer
- Gradient-Statuskarte, animierte Segment-Intervall-Auswahl
- JWT Authorization statt Klartext-Passwort

- AppConfig: API-Key defaultValue entfernt (kein Fallback-Leak)
- Build crasht ohne --dart-define MELO_API_KEY

Build: split APK (arm64 19.6M, armeabi 17.1M, x86_64 21.1M)

lib/screens/home_screen.dart

@@ -1,28 +1,21 @@
-import 'dart:async';
-import 'dart:io';
 import 'package:flutter/material.dart';
-import '../database/db_helper.dart';
+import 'dart:async';
 import '../viewmodels/melo_home_viewmodel.dart';
 import '../models/song.dart';
 import '../models/playlist.dart';
 import '../utils/farb_theme.dart';
-import '../utils/user_effekte.dart';
-import '../services/cloud_service.dart';
-import '../services/favoriten_service.dart';
 import '../widgets/mini_player.dart';
 import '../widgets/melo_header.dart';
 import '../widgets/statistik_card.dart';
-import '../widgets/recent_widget.dart';
-import '../widgets/tag_stats_widget.dart';
 import '../widgets/tag_leiste.dart';
 import '../widgets/song_tile.dart';
 import '../widgets/navidrome_browser.dart';
 import '../widgets/playlist_sheet.dart';
 import 'download_screen.dart';
 import 'cloud_screen.dart';
-import 'package:shared_preferences/shared_preferences.dart';
-import 'package:permission_handler/permission_handler.dart';
-import '../widgets/cloud_einstellungen.dart';
+import 'settings_screen.dart';
+import '../services/cloud_service.dart';
+import '../services/auth_service.dart';
 import '../config/app_config.dart';
 
 class MeloHome extends StatefulWidget {
@@ -37,221 +30,12 @@ class _MeloHomeState extends State<MeloHome> {
   final CloudService _cloud = CloudService();
   int _aktiverTab = 0;
 
-  String _nutzer = 'Baka'; // Aktueller Nutzer
-  final Future<int> _favoritenZahl = FavoritenService().anzahlFavoriten();
-
   @override
   void initState() {
     super.initState();
-    _ladeNutzer();
-    _vm.addListener(() => setState(() {}));
     _vm.ladeSongs();
   }
 
-  Future<void> _ladeNutzer() async {
-    final p = await SharedPreferences.getInstance();
-    final n = p.getString('melo_nutzer') ?? '';
-    if (n.isNotEmpty && mounted) {
-      setState(() => _nutzer = n);
-      _vm.setzeNutzer(n);
-    }
-    // Erster Start? → einmalig Modus wählen (Cloud oder nur lokal) – Login ist freiwillig
-    if (!p.containsKey('melo_modus')) {
-      await _zeigeModusWahl();
-      return;
-    }
-    // Login-Effekt beim App-Start: nur wenn ein Token vorhanden ist (eingeloggt)
-    final ok = await CloudService().restoreLogin();
-    if (ok && mounted) {
-      UserEffekt.anwenden(_nutzer);
-      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
-        content: Text(UserEffekt.fuer(_nutzer).begruessung),
-        duration: const Duration(seconds: 3),
-      ));
-    }
-  }
-
-  /// Einmalige Auswahl beim ersten App-Start: Cloud-Sync oder nur lokal.
-  Future<void> _zeigeModusWahl() async {
-    if (!mounted) return;
-    final cloud = await showDialog<bool>(
-      context: context,
-      barrierDismissible: false,
-      builder: (ctx) => AlertDialog(
-        backgroundColor: MeloTheme.dunkel1,
-        title: const Text('👋 Willkommen bei Melo!',
-            style: TextStyle(color: Colors.white, fontSize: 16)),
-        content: const Text(
-          'Wie möchtest du Melo nutzen?',
-          style: TextStyle(color: Colors.white, fontSize: 14),
-        ),
-        actions: [
-          TextButton(
-            onPressed: () => Navigator.pop(ctx, false),
-            child: const Text('📱 Nur lokal',
-                style: TextStyle(color: Colors.white)),
-          ),
-          TextButton(
-            onPressed: () => Navigator.pop(ctx, true),
-            child: const Text('☁️ Cloud (empfohlen)',
-                style: TextStyle(color: MeloTheme.rot, fontWeight: FontWeight.bold)),
-          ),
-        ],
-      ),
-    );
-    final p = await SharedPreferences.getInstance();
-    await p.setString('melo_modus', cloud == true ? 'cloud' : 'lokal');
-    // Cloud gewählt → direkt zum Login-Dialog (Name + Passwort)
-    if (cloud == true && mounted) {
-      _nutzerWechseln();
-    }
-  }
-
-  Future<void> _zeigeProfil() async {
-    final p = await SharedPreferences.getInstance();
-    final modus = p.getString('melo_modus') ?? 'cloud';
-    // Cloud-Count VOR dem Dialog auflösen (sonst stünde "Instance of Future" da)
-    final cloudCount = await _cloud.status();
-    if (!mounted) return;
-    showDialog(
-      context: context,
-      builder: (ctx) => AlertDialog(
-        backgroundColor: MeloTheme.dunkel1,
-        title: Row(children: [
-          const Icon(Icons.person, color: MeloTheme.rot, size: 22),
-          const SizedBox(width: 8),
-          Text(_nutzer, style: const TextStyle(color: Colors.white, fontSize: 17)),
-        ]),
-        content: Column(
-          mainAxisSize: MainAxisSize.min,
-          children: [
-            _profilZeile(Icons.music_note, 'Lieder auf Gerät', '${_vm.songs.length}'),
-            _profilZeile(Icons.cloud, 'Cloud-Server', '${cloudCount?['total'] ?? 0}'),
-            const Divider(color: MeloTheme.dunkel2),
-            // Später von "nur lokal" auf Cloud wechseln – jederzeit möglich
-            if (modus == 'lokal') ...[
-              ListTile(
-                leading: const Icon(Icons.cloud_upload, color: Colors.blueAccent, size: 18),
-                title: const Text('☁️ Cloud aktivieren',
-                    style: TextStyle(color: Colors.white, fontSize: 13)),
-                subtitle: const Text('Musik sichern & geräteübergreifend nutzen',
-                    style: TextStyle(color: Colors.grey, fontSize: 11)),
-                onTap: () async {
-                  final prefs = await SharedPreferences.getInstance();
-                  await prefs.setString('melo_modus', 'cloud');
-                  if (ctx.mounted) Navigator.pop(ctx);
-                  _nutzerWechseln();
-                },
-              ),
-              const Divider(color: MeloTheme.dunkel2),
-            ],
-            ListTile(
-              leading: const Icon(Icons.swap_horiz, color: Colors.grey, size: 18),
-              title: const Text('Nutzer wechseln', style: TextStyle(color: Colors.white, fontSize: 13)),
-              onTap: () {
-                Navigator.pop(ctx);
-                _nutzerWechseln();
-              },
-            ),
-            ListTile(
-              leading: const Icon(Icons.logout, color: Colors.red, size: 18),
-              title: const Text('Abmelden', style: TextStyle(color: Colors.red, fontSize: 13)),
-              onTap: () async {
-                // Token wirklich löschen, sonst wäre man gar nicht abgemeldet
-                await CloudService().logout();
-                final prefs = await SharedPreferences.getInstance();
-                await prefs.remove('melo_nutzer');
-                if (ctx.mounted) Navigator.pop(ctx);
-                if (mounted) setState(() => _nutzer = '');
-              },
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget _profilZeile(IconData icon, String label, String wert) {
-    return Padding(
-      padding: const EdgeInsets.symmetric(vertical: 6),
-      child: Row(children: [
-        Icon(icon, color: MeloTheme.rot, size: 16),
-        const SizedBox(width: 8),
-        Expanded(child: Text(label, style: const TextStyle(color: Colors.grey, fontSize: 12))),
-        Text(wert, style: const TextStyle(color: Colors.white, fontSize: 14, fontWeight: FontWeight.w600)),
-      ]),
-    );
-  }
-
-  void _nutzerWechseln() {
-    final ctrl = TextEditingController(text: _nutzer);
-    final pwCtrl = TextEditingController();
-    showDialog(
-      context: context,
-      builder: (ctx) => AlertDialog(
-        backgroundColor: MeloTheme.dunkel1,
-        title: const Text('👤 Anmelden', style: TextStyle(color: Colors.white, fontSize: 15)),
-        content: Column(
-          mainAxisSize: MainAxisSize.min,
-          children: [
-            TextField(
-              controller: ctrl,
-              autofocus: true,
-              style: const TextStyle(color: Colors.white),
-              decoration: const InputDecoration(
-                hintText: 'Nutzername...',
-                hintStyle: TextStyle(color: Colors.grey),
-                border: OutlineInputBorder(),
-              ),
-            ),
-            const SizedBox(height: 8),
-            TextField(
-              controller: pwCtrl,
-              obscureText: true,
-              style: const TextStyle(color: Colors.white),
-              decoration: const InputDecoration(
-                hintText: 'Passwort...',
-                hintStyle: TextStyle(color: Colors.grey),
-                border: OutlineInputBorder(),
-              ),
-            ),
-          ],
-        ),
-        actions: [
-          TextButton(onPressed: () => Navigator.pop(ctx), child: const Text('Abbrechen')),
-          TextButton(
-            onPressed: () async {
-              final name = ctrl.text.trim();
-              final pass = pwCtrl.text;
-              if (name.isEmpty || pass.isEmpty) return;
-              final ok = await _vm.cloud.login(name, pass);
-              if (!ctx.mounted) return;
-              Navigator.pop(ctx);
-              if (ok) {
-                final p = await SharedPreferences.getInstance();
-                await p.setString('melo_nutzer', name);
-                if (mounted) setState(() => _nutzer = name);
-                _vm.setzeNutzer(name);
-                // Login-Effekt: Akzentfarbe + Sound + Begrüßung pro Person
-                UserEffekt.anwenden(name);
-                if (mounted) {
-                  ScaffoldMessenger.of(context).showSnackBar(SnackBar(
-                      content: Text(UserEffekt.fuer(name).begruessung),
-                      duration: const Duration(seconds: 3)));
-                }
-              } else {
-                if (mounted) {
-                  ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
-                      content: Text('❌ Login fehlgeschlagen – Name oder Passwort falsch')));
-                }
-              }
-            },
-            child: const Text('OK', style: TextStyle(color: MeloTheme.rot)),
-          ),
-        ],
-      ),
-    );
-  }
   @override
   void dispose() {
     _vm.dispose();
@@ -448,29 +232,6 @@ class _MeloHomeState extends State<MeloHome> {
     );
   }
 
-  void _songLoeschen(Song song) async {
-    if (song.id != null) {
-      final db = DbHelper();
-      await db.loeschSong(song.id!);
-      if (song.dateiPfad.isNotEmpty) {
-        try { await File(song.dateiPfad).delete(); } catch (_) {}
-      }
-      _vm.ladeSongs();
-    }
-  }
-
-  void _zeigePlaylists() {
-    showModalBottomSheet(
-      context: context,
-      backgroundColor: MeloTheme.schwarz,
-      isScrollControlled: true,
-      builder: (_) => SizedBox(
-        height: MediaQuery.of(context).size.height * 0.7,
-        child: PlaylistSheet(vm: _vm),
-      ),
-    );
-  }
-
   void _zeigeAddToPlaylist(Song song) async {
     final playlists = await _vm.playlists.allePlaylists();
     if (!mounted || playlists.isEmpty) {
@@ -529,8 +290,8 @@ class _MeloHomeState extends State<MeloHome> {
           );
         }
 
-        final gesamtMB = _vm.songs.isEmpty ? '0.0'
-          : (_vm.songs.fold(0, (int s, Song song) => s + song.groesseBytes) / 1048576).toStringAsFixed(1);
+        final gesamtMB = _vm.songs.isEmpty ? '0'
+          : (_vm.songs.fold(0, (int s, Song song) => s + song.groesseBytes) / 1048576).toStringAsFixed(0);
         final gesamtMin = _vm.songs.isEmpty ? 0
           : (_vm.songs.fold(0, (int s, Song song) => s + song.dauerSekunden) / 60).round();
 
@@ -542,23 +303,31 @@ class _MeloHomeState extends State<MeloHome> {
                   downloader: _vm.downloader,
                   onSongsChanged: _vm.ladeSongs,
                 )
-              : _aktiverTab == 3
-              ? CloudScreen(cloud: _cloud, onSongsChanged: _vm.ladeSongs)
+              : _aktiverTab == 4
+              ? CloudScreen(cloud: _cloud)
               : Column(
               children: [
-                MeloHeader(onDownload: _zeigeDownloadDialog, onSearch: _zeigeSuche, onServer: _zeigeProfil, onSettings: _zeigeEinstellungen),
-                if (_vm.zeigeBotschaft) _botschaftBanner(),
-                _tagBereich(),
-                FutureBuilder<int>(
-                  future: _favoritenZahl,
-                  builder: (context, snap) => StatistikCard(
-                    anzahlSongs: _vm.songs.length,
-                    gesamtMB: gesamtMB,
-                    gesamtMin: gesamtMin,
-                    anzahlFavoriten: snap.data ?? 0,
-                  ),
+                MeloHeader(onDownload: _zeigeDownloadDialog, onSearch: _zeigeSuche, onServer: _zeigeServerBrowser),
+                // ─── EIN/AUS: RecentWidget (Zuletzt gehört) ───
+                // Entferne die Kommentarzeichen um RecentWidget zu aktivieren:
+                // RecentWidget(songs: _vm.letzteSongs, onPlay: _vm.spieleSong),
+                StatistikCard(
+                  anzahlSongs: _vm.songs.length,
+                  gesamtMB: gesamtMB,
+                  gesamtMin: gesamtMin,
+                  anzahlFavoriten: _vm.favoritenIds.length,
                 ),
-                RecentWidget(songs: _vm.letzteSongs, onPlay: _vm.spieleSong),
+                // ─── EIN/AUS: Hidden Message "Seit 2008" ───
+                // Entferne die Kommentarzeichen um die Botschaft zu aktivieren:
+                if (_vm.zeigeBotschaft) _botschaftBanner(),
+                TagLeiste(
+                  tags: _vm.tags,
+                  aktiveTags: _vm.aktiveTags,
+                  onTagToggled: _vm.toggleTag,
+                ),
+                // ─── EIN/AUS: TagStatsWidget (Tag-Counts) ───
+                // Entferne die Kommentarzeichen um TagStatsWidget zu aktivieren:
+                // TagStatsWidget(tagCounts: _vm.tagCounts),
                 Expanded(child: _songListe()),
                 const MiniPlayer(),
                 const SizedBox(height: 8),
@@ -607,9 +376,7 @@ class _MeloHomeState extends State<MeloHome> {
           ),
         ),
         Expanded(
-          child: songs.isEmpty
-              ? _emptyStateWidget()
-              : ListView.builder(
+          child: ListView.builder(
             padding: const EdgeInsets.fromLTRB(20, 4, 20, 4),
             itemCount: songs.length,
             itemBuilder: (_, i) => SongTile(
@@ -619,7 +386,6 @@ class _MeloHomeState extends State<MeloHome> {
               onPlay: _vm.spieleSong,
               onMetadataChanged: _vm.ladeSongs,
               onAddToPlaylist: _zeigeAddToPlaylist,
-              onDelete: _songLoeschen,
             ),
           ),
         ),
@@ -627,85 +393,26 @@ class _MeloHomeState extends State<MeloHome> {
     );
   }
 
-  void _zeigeEinstellungen() {
-    showDialog(
-      context: context,
-      builder: (ctx) => AlertDialog(
-        backgroundColor: MeloTheme.dunkel1,
-        title: const Text('⚙ Einstellungen', style: TextStyle(color: Colors.white, fontSize: 16)),
-        content: Column(
-          mainAxisSize: MainAxisSize.min,
-          children: [
-            // Stats
-            Container(
-              padding: const EdgeInsets.all(12),
-              margin: const EdgeInsets.only(bottom: 12),
-              decoration: BoxDecoration(color: MeloTheme.dunkel2, borderRadius: BorderRadius.circular(10)),
-              child: Row(mainAxisAlignment: MainAxisAlignment.spaceAround, children: [
-                _statWert('${_vm.songs.length}', 'Songs'),
-                _statWert('${(_vm.songs.fold(0, (int s, Song song) => s + song.groesseBytes) / 1048576).toStringAsFixed(1)} MB', 'Größe'),
-                _statWert('${(_vm.songs.fold(0, (int s, Song song) => s + song.dauerSekunden) / 60).round()} Min', 'Dauer'),
-                _statWert('${_vm.favoritenIds.length}', '❤️'),
-              ]),
-            ),
-            ListTile(
-              leading: const Icon(Icons.favorite, color: MeloTheme.rot),
-              title: const Text('Favoriten', style: TextStyle(color: Colors.white)),
-              subtitle: const Text('Deine Lieblingssongs', style: TextStyle(color: Colors.grey, fontSize: 12)),
-              onTap: () {
-                Navigator.pop(ctx);
-                _vm.aktiveTags = {'★ Favoriten'};
-              },
-            ),
-            ListTile(
-              leading: const Icon(Icons.cloud, color: MeloTheme.rot),
-              title: const Text('Cloud Sync', style: TextStyle(color: Colors.white)),
-              subtitle: const Text('Auto-Sync & Einstellungen', style: TextStyle(color: Colors.grey, fontSize: 12)),
-              onTap: () {
-                Navigator.pop(ctx);
-                showDialog(
-                  context: context,
-                  builder: (_) => const CloudEinstellungen(),
-                );
-              },
-            ),
-            ListTile(
-              leading: const Icon(Icons.dns, color: MeloTheme.rot),
-              title: const Text('Server verbinden', style: TextStyle(color: Colors.white)),
-              subtitle: const Text('Navidrome / Musik-Server', style: TextStyle(color: Colors.grey, fontSize: 12)),
-              onTap: () { Navigator.pop(ctx); _zeigeServerBrowser(); },
-            ),
-            ListTile(
-              leading: const Icon(Icons.person, color: MeloTheme.rot),
-              title: const Text('Profil', style: TextStyle(color: Colors.white)),
-              subtitle: Text(_nutzer.isEmpty ? 'Nicht angemeldet' : _nutzer, style: const TextStyle(color: Colors.grey, fontSize: 12)),
-              onTap: () { Navigator.pop(ctx); _zeigeProfil(); },
-            ),
-            SwitchListTile(
-              title: const Text('Diagnosedaten senden', style: TextStyle(color: Colors.white, fontSize: 13)),
-              subtitle: const Text('Absturz-Logs & Nutzungsdaten', style: TextStyle(color: Colors.grey, fontSize: 11)),
-              value: AppConfig.sendeDiagnosedaten,
-              activeColor: MeloTheme.rot,
-              onChanged: (v) {
-                AppConfig.sendeDiagnosedaten = v;
-              },
-            ),
-            if (Platform.isAndroid)
-              ListTile(
-                leading: const Icon(Icons.folder_open, color: MeloTheme.rot),
-                title: const Text('Voller Speicherzugriff', style: TextStyle(color: Colors.white)),
-                subtitle: const Text('Zum Speichern in Downloads/Music', style: TextStyle(color: Colors.grey, fontSize: 12)),
-                onTap: () async {
-                  final status = await Permission.manageExternalStorage.request();
-                  if (status.isGranted) {
-                    await SharedPreferences.getInstance().then((p) => p.setBool('manage_storage', true));
-                  }
-                },
-              ),
-          ],
-        ),
-      ),
+  Future<void> _oeffneEinstellungen() async {
+    final result = await Navigator.push<String>(
+      context,
+      MaterialPageRoute(builder: (_) => const SettingsScreen()),
     );
+    if (!mounted || result == null) return;
+
+    switch (result) {
+      case 'server':
+        _zeigeServerBrowser();
+        break;
+      case 'logout':
+        await AuthService().logout();
+        if (mounted) {
+          Navigator.of(context).pushReplacement(
+            MaterialPageRoute(builder: (_) => const MeloHome()),
+          );
+        }
+        break;
+    }
   }
 
   Widget _bottomNav() {
@@ -718,21 +425,28 @@ class _MeloHomeState extends State<MeloHome> {
         backgroundColor: MeloTheme.schwarz,
         selectedItemColor: MeloTheme.rot,
         unselectedItemColor: MeloTheme.textSekundaer,
-        currentIndex: _aktiverTab.clamp(0, 3),
+        currentIndex: _aktiverTab,
         onTap: (i) {
+          if (i == 5) {
+            // Einstellungen als Screen öffnen
+            _oeffneEinstellungen();
+            return;
+          }
           setState(() => _aktiverTab = i);
+          // Zurück zu Musik → Filter zurücksetzen wenn Favoriten aktiv
           if (i == 0 && _vm.aktiveTags.contains('★ Favoriten')) {
             _vm.aktiveTags.clear();
-          } else if (i == 2) {
-            // Playlisten öffnen
-            _zeigePlaylists();
+          } else if (i == 3) {
+            _vm.aktiveTags = {'★ Favoriten'};
           }
         },
         items: const [
           BottomNavigationBarItem(icon: Icon(Icons.music_note, size: 22), label: 'Musik'),
           BottomNavigationBarItem(icon: Icon(Icons.add_circle, size: 22), label: 'Lied +'),
-          BottomNavigationBarItem(icon: Icon(Icons.queue_music, size: 22), label: 'Playlisten'),
+          BottomNavigationBarItem(icon: Icon(Icons.label, size: 22), label: 'Tags'),
+          BottomNavigationBarItem(icon: Icon(Icons.favorite, size: 22), label: 'Favoriten'),
           BottomNavigationBarItem(icon: Icon(Icons.cloud, size: 22), label: 'Cloud'),
+          BottomNavigationBarItem(icon: Icon(Icons.settings, size: 22), label: 'Einstellungen'),
         ],
       ),
     );
@@ -769,8 +483,15 @@ class _MeloHomeState extends State<MeloHome> {
             const Text('💌', style: TextStyle(fontSize: 20)),
             const SizedBox(width: 10),
             Expanded(
-              child: Text(_vm.nutzerBotschaft ?? '🎵 Danke fürs Zuhören!',
-                    style: const TextStyle(fontSize: 13, fontWeight: FontWeight.w600, color: Colors.white)),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: const [
+                  Text('Seit 2008',
+                    style: TextStyle(fontSize: 14, fontWeight: FontWeight.w700, color: Colors.white)),
+                  Text('Danke, dass du immer da bist ♥',
+                    style: TextStyle(fontSize: 11, color: MeloTheme.textSekundaer)),
+                ],
+              ),
             ),
             GestureDetector(
               onTap: _vm.botschaftAusblenden,
@@ -781,89 +502,4 @@ class _MeloHomeState extends State<MeloHome> {
       ),
     );
   }
-
-  /// Leerer Zustand – wenn keine Songs in der Bibliothek sind
-  Widget _emptyStateWidget() {
-    return Center(
-      child: Padding(
-        padding: const EdgeInsets.all(32),
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            Icon(Icons.library_music_outlined, size: 56, color: MeloTheme.rot.withValues(alpha: 0.5)),
-            const SizedBox(height: 16),
-            const Text('Noch keine Songs in Melo',
-              style: TextStyle(color: Colors.white, fontSize: 16, fontWeight: FontWeight.w600)),
-            const SizedBox(height: 8),
-            const Text('Füge Songs über "Lied +" hinzu, verbinde deinen Server oder starte einen lokalen Scan.',
-              textAlign: TextAlign.center,
-              style: TextStyle(color: MeloTheme.textSekundaer, fontSize: 12, height: 1.4)),
-            const SizedBox(height: 20),
-            ElevatedButton.icon(
-              onPressed: _scanMusik,
-              icon: const Icon(Icons.search, size: 16),
-              label: const Text('Jetzt Musik scannen'),
-              style: ElevatedButton.styleFrom(
-                backgroundColor: MeloTheme.dunkel1,
-                foregroundColor: Colors.white,
-                side: const BorderSide(color: MeloTheme.dunkel2),
-                shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
-              ),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget _tagBereich() {
-    return AnimatedSize(
-      duration: const Duration(milliseconds: 200),
-      child: Column(
-        children: [
-          // Toggle-Kopf: Tag-Leiste ein-/ausklappen (war vorher unerreichbar!)
-          Padding(
-            padding: const EdgeInsets.symmetric(horizontal: 20),
-            child: Row(
-              children: [
-                Icon(Icons.label_outline,
-                    size: 14, color: MeloTheme.textSekundaer),
-                const SizedBox(width: 6),
-                Text('Tags & Filter',
-                    style: const TextStyle(
-                        color: MeloTheme.textSekundaer, fontSize: 12)),
-                const Spacer(),
-                IconButton(
-                  visualDensity: VisualDensity.compact,
-                  icon: Icon(
-                      _tagsOffen ? Icons.expand_less : Icons.expand_more,
-                      size: 18,
-                      color: MeloTheme.textSekundaer),
-                  onPressed: () => setState(() => _tagsOffen = !_tagsOffen),
-                ),
-              ],
-            ),
-          ),
-          if (_tagsOffen) ...[
-            TagLeiste(
-              tags: _vm.tags,
-              aktiveTags: _vm.aktiveTags,
-              onTagToggled: _vm.toggleTag,
-            ),
-            const SizedBox(height: 8),
-            TagStatsWidget(tagCounts: _vm.tagCounts),
-          ],
-        ],
-      ),
-    );
-  }
-
-  Widget _statWert(String wert, String label) {
-    return Column(children: [
-      Text(wert, style: const TextStyle(color: Colors.white, fontSize: 15, fontWeight: FontWeight.w700)),
-      Text(label, style: const TextStyle(color: Colors.grey, fontSize: 10)),
-    ]);
-  }
-
-  bool _tagsOffen = false;
 }